.iudm-datepicker { float:left; width:calc(100% + 40px); margin-left:-20px; position:relative; overflow:hidden; }

.datepicker-box-wrap { position:absolute; bottom:110px; left:20px; padding:30px; z-index:7900; background-color:rgba(255,255,255,0.8); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:0 0 40px rgba(0,0,0,0.1); text-align:center; }
	.datepicker-box-wrap::after { 
		content:"";
		border-top:10px solid transparent;
		border-left:0 solid transparent;
		border-right:10px solid transparent;
		height:0;
		position:absolute;
		width:0;
		left:20px;
		bottom:-10px;
		border-top-color:#FFF;
	}

	.datepicker-box-close { position:absolute; top:0; right:0; width:30px; height:30px; background:#000 url(../images/icon-close-2.png) no-repeat center / 14px; cursor:pointer; transition:all 0.3s; }
	.datepicker-box-close:hover { background-color:#E22728; }
	
	.datepicker-box { display:inline-block; width:100%; max-width:320px; position:relative; text-align:left; }
		
		.datepicker-box picture { float:left; width:100%; border-top:2px solid #000; overflow:hidden; }
			.datepicker-box picture img { width:100%; max-height:120px; object-fit:cover; display:block; }
		.datepicker-box strong { float:left; width:100%; padding:15px 0 5px 0; font-size:21px; line-height:25px; }
		.datepicker-box section { float:left; width:100%; padding-bottom:19px; }
			.datepicker-box section small { display:block; padding-top:6px; font-size:13px; }
		
		.datepicker-box .link-all a { padding:9px 14px; background-color:#FFF; }
		.datepicker-box .link-all a:hover { background-color:#000; }


.layout-images {
    width: 100%;
    height:calc(100vh - 50px);
    background: #ccc;
    transition: all .5s;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2 !important
}

.main-layout {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 800px;
    height: 100%;
    background: #fff;
    z-index: 900 !important;
    position: -webkit-sticky;
    position: sticky
}

.ui-datepicker { display:inline; position:relative; padding-bottom:100px; }
.datepicker-detailed .ui-datepicker { padding-top:100px; padding-bottom:40px; }

.ui-datepicker .ui-datepicker-header { position:absolute; left:20px; right:20px; bottom:0; padding:15px 40px; text-align:center; font-size:18px; font-weight:300; color:var(--color-black) !important; }
.datepicker-detailed .ui-datepicker .ui-datepicker-header { bottom:auto; top:0; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-month {
    text-shadow: none !important;
    color:var(--color-black) !important;

}
.ui-datepicker .ui-datepicker-header .ui-datepicker-year {
    text-shadow: none !important;
    color:var(--color-black) !important;
}

.ui-widget-header {
    border: none;
}
.ui-widget.ui-widget-content {
    border: none;
}

.ui-widget-content {
    background: transparent !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 0;
	left:0 !important;
    width:50px !important;
    height:50px !important;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
    background: transparent !important;
    border:1px solid var(--color-blue-light);
}

.ui-datepicker .ui-datepicker-next {
    left:70px !important;
}

.ui-datepicker-title { float:left; margin-left:80px; }

.ui-datepicker td {
    background: transparent !important;
    border: none !important;
    border-right:20px solid transparent !important;
    border-left:20px solid transparent !important;
    padding:10px 0 !important;
}

.ui-datepicker th span {
    display: block;
    background: #FFF !important;
    border: none !important;
    margin: 6px !important;
    padding:10px 0;
	color:var(--color-black) !important;
	font-weight:200;
	font-size:24px;
	text-align:left;
	line-height:100%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border:0;
    height:70px;
	color:#333;
	text-align:left;
}

.specialDate .ui-state-default {
    background-color: #AB6212 !important;
}

.ui-state-default:hover {
    border-top: 2px solid var(--color-red) !important;
}
.ui-state-default.ui-state-active {
	border-top: 2px solid var(--color-red) !important;
    position: relative;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
}
.ui-icon-circle-triangle-w {
    background-position: unset !important;
    width: unset !important;
    height: unset !important;
}

.ui-datepicker-prev {
    /*top: -10px !important;*/
    /*transform: translate(0, 50%);*/
    width: 12px !important;
    height: 32px !important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: unset !important;
    margin-left: 0 !important;
    top: unset !important;
    margin-top: 0 !important;
	transition:all 0.3s;
}

.ui-datepicker .ui-datepicker-prev:hover span , .ui-datepicker .ui-datepicker-next:hover span { opacity:0.5 !important; }

.ui-datepicker-prev .ui-icon {
    top: unset !important;
    left: 10px !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    background: url('../images/caret-left.svg') no-repeat center / 24px !important;
}

.ui-datepicker-next {
    right: 10px !important;

}

.ui-datepicker-next .ui-icon {
    top: unset !important;
    right: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    background: url('../images/caret-right.svg') no-repeat center / 24px !important;
}


.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker .ui-datepicker-month {
    color: #5d87ae;
    text-shadow: 1px 1px #fff;
    padding: 0 0 0 25px;
}

.ui-datepicker .ui-datepicker-year {
    color: #5d87ae;
    text-shadow: 1px 1px #fff;
    padding: 0 25px 0 0;
    text-transform: lowercase;
}

.ui-datepicker table {
    border-collapse: collapse;
    font-size: 17px;
    line-height: 18px;
    width: 100%;
}

.ui-datepicker th {
    border: 0 none;
    color: #FFFFFF;
    font-weight: normal;
    padding: 9px 0;
    text-align: center;
    text-transform: uppercase;
    background: none repeat scroll 0 0 transparent;
    font-size: 14px;
	border-right:10px solid transparent !important;
    border-left:10px solid transparent !important;
}

.ui-datepicker td {
	width:14.285%;
    border: 0 none;
    color: #697378;
    font-weight: normal;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #DDDEDE;
}

.ui-datepicker td.even {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #DDDEDE;
}

.ui-datepicker td.odd {
    background: none repeat scroll 0 0 #F6F7F7;
    border-bottom: 1px solid #DDDEDE;
    border-right: 1px solid #DDDEDE;
}

.ui-datepicker td.odd-last {
    background: none repeat scroll 0 0 #F6F7F7;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #DDDEDE;
}

.ui-datepicker .ui-datepicker-today, .ui-datepicker td:hover {
    background: none repeat scroll 0 0 #81A1C0;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #DDDEDE;

}

.ui-datepicker td span, .ui-datepicker td a {
    color: #666666;
    display: block;
    font-size:24px;
	font-weight:300;
    line-height: 24px;
    padding:15px 0;
    text-align: center;
    text-decoration: none;
	border-top:2px solid var(--color-blue-light) !important;
}

.ui-datepicker td.ui-datepicker-today a, .ui-datepicker td:hover a { border-top:2px solid var(--color-red) !important; }

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0.7em 0 0;
    padding: 0 0.2em;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: 0.5em 0.2em 0.4em;
    overflow: visible;
    padding: 0.2em 0.6em 0.3em;
    width: auto;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.btu-event-current.before-none:before {
    display: none;
}


@media only screen and (max-width:1640px) {

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { height:60px; }
.ui-datepicker td span, .ui-datepicker td a { font-size:20px; }

}


@media only screen and (max-width:1023px) {

.layout-images { height:calc(60vh + 70px) !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { height:50px; }
.ui-datepicker th span { font-size:16px; }

}


@media only screen and (max-width:767px) {

.ui-datepicker th { padding:0; font-weight:700; font-size:11px; }
.ui-datepicker th span { margin:2px !important; }
.ui-datepicker td { padding:3px !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {  }
.ui-datepicker td span, .ui-datepicker td a { padding:7px 0 8px 0; line-height:30px; }

.datepicker-filter label { width:100%; margin-right:0; margin-bottom:15px; font-size:14px; }

.ui-datepicker td span, .ui-datepicker td a { padding:5px; }

.datepicker-box-wrap { position:fixed; top:70px; left:0; right:0; bottom:0; overflow:hidden; overflow-y:auto; }
.datepicker-box-wrap::after { display:none; }

.iudm-datepicker { width:calc(100% + 20px); margin-left:-10px;  }
.ui-datepicker td { border-right:3px solid transparent !important; border-left:3px solid transparent !important; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { left:-10px !important; }
.ui-datepicker .ui-datepicker-next { left:50px !important; }
.ui-datepicker-title { margin-left:48px; font-size:16px; }

.datepicker-detailed .ui-datepicker thead , .datepicker-detailed .ui-datepicker td.ui-state-disabled { display:none; }
.datepicker-detailed .ui-datepicker td { display:block; width:100%; padding-left:7px !important; padding-right:7px !important; }
.datepicker-detailed .ui-datepicker td span, .datepicker-detailed .ui-datepicker td a { height:auto !important; padding-top:15px; padding-bottom:60px; font-size:24px; line-height:30px; border-top-width:1px !important; }

}


@media only screen and (max-width:440px) {

.datepicker-box { float:left; max-width:initial; }

}