.holiday-outer{ width:calc(100% + 1px); padding-bottom:1px; margin:0 auto; position:relative;}
.holiday-list-cntr{ position:absolute; left:100%; right:0; top:0; bottom:0; background:#f0f0f0; transition:0.5s ease-in-out;}
.holiday-list-cntr.active{ left:0;}
.holiday-list-header{ position:relative; padding:7px 7%; height: 40px; box-sizing: border-box; text-align:center; background:#ddd; text-transform:uppercase; font-weight:400; font-size:140%; box-shadow: 0 0 3px 0 #333;  font-weight: 400;}
.holiday-list-header .cld-cldose{ position:absolute; width:7%; left:0; top:0; bottom:0; padding-top:7px; color: #333; text-decoration:none; font-weight: bold; font-size: 140%; transition:0.2s ease-in; font-family:FontAwesome;}
.holiday-list-header .cld-cldose:hover{ background:#ccc;}
.holiday-list-cntr ul{ padding:0 15px 15px 15px; margin:0; overflow-y: auto; position: absolute; top: 40px; bottom: 0; left: 0; right: 0;}
.holiday-list-cntr ul li{list-style: none; padding:12px 8px 12px 0; border-bottom:1px solid #ccc;}
.holiday-list-cntr ul a{ display:inline-block; color:#333; text-decoration:none; text-transform: capitalize;}
.holiday-list-cntr ul a:hover{ text-decoration:underline;}
.holiday-list-cntr ul li h5{padding: 0; margin: 0 0 12px;}
.holiday-list-cntr ul li span.cld-meta{ display: block; margin: 0 0 8px;}
.holiday-list-cntr ul li span.cld-meta:last-child {margin: 0;}
.holiday-list-cntr ul li:last-child{ border-bottom: 0; }
.holiday-list-cntr ul li i.fa{ font-size: 1.2em; width: 20px;text-align: center;}
.cldndr-cntr{text-transform:uppercase; font-weight: bold;}
.cld-header{ position:relative; padding:1% 7%; text-align:center; background: #555; color: #fff; font-size: 140%; font-weight: 400;}
.cld-header .cld-prev, .cld-header .cld-next{ position:absolute; left:0; top:0; bottom:0; width:7%; padding:0.7% 0; font-size: 140%; cursor:pointer; transition:0.3s ease-in; color: #fff; font-family: FontAwesome;}
.cld-header .cld-prev:hover, .cld-header .cld-next:hover{ background:#444;}
.cld-header .cld-next{ left:inherit; right:0;} 
.cldndr-cntr ul{ float:left; width:100%; padding:0 10px 10px; margin:0; text-align:center; background: #d2dae2;}
.cldndr-cntr ul#cld-days{ padding-bottom: 0;}
.cldndr-cntr ul li{ list-style:none; float:left; width:calc(14.283% + 0.85px); border:1px solid #d2dae2; background: #fff; margin-bottom: -1px; margin-right: -1px; padding:2% 0; font-size: 130%; position: relative;}
.cldndr-cntr ul li.tdate{ background: #e3f0fd;}
.cldndr-cntr ul li.tdate a{ background: #e3f0fd; color: #0c71b9;}
.cldndr-cntr ul li.tdate-cntr a, .cldndr-cntr ul li.cld-holiday-cntr a,
.cldndr-cntr ul li.cld-holiday-past-cntr a, .cldndr-cntr ul li.cld-holiday-up-cntr a,
.cldndr-cntr ul li.cld-multiholiday-cntr a, .cldndr-cntr ul li.restricted-holiday a{ display: inline-block; width: 100%;}
.cldndr-cntr ul li a.c-holiday, .cldndr-cntr ul li a.tdate{ cursor: pointer }
.cldndr-cntr ul li a>span.cld-holiday-past, .cldndr-cntr ul li a>span.cld-holiday, .cldndr-cntr ul li a>span.cld-holiday-up{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; position: absolute; bottom: 9%; left: 50%; margin-left: -4px; }
.cldndr-cntr ul li a>span.cld-holiday-past{ background:#555555;}
.cldndr-cntr ul li a>span.cld-holiday{ background:#01bb64; }
.cldndr-cntr ul li a>span.cld-holiday-up{ background:#0078d7;}
.cldndr-cntr ul li a.cld-multiholiday>span.cld-holiday-past{ margin-left: -8px; }
.cldndr-cntr ul li a.cld-multiholiday>span.cld-holiday { margin-left: 4px;}
#cld-days li{ background: #d2dae2; color: #000; padding: 2% 0; font-size: 1em; font-weight: 600;}
.cldndr-cntr ul li > span:before{ content:"null"; font-size:0;}
#cld-days li:first-child{ border-left: 0; padding-left: 1px;}
#cld-days li:last-child{ border-right: 0; padding-right: 1px;}
.holiday-identi{ margin: 13px 0 0 0; padding: 0px; display: inline-block; width: 100%; border: 1px solid #d8d8d8; }
.holiday-identi li{ float: left; padding: 9px; list-style:none; display: inline-flex; align-items: center;}
.holiday-identi li{ margin-right: 15px;}
.holiday-identi li > span{ display: inline-block; width: 15px; height: 15px; margin-right: 5px; background:#555555;}
.holiday-identi li:first-child > span{ background:#e61340; }
.holiday-identi li:nth-child(2) > span{ background:#2dc909; }
.holiday-identi li:last-child > span{ background:#96d2fb; }

.cldndr-cntr ul li a.tdate:focus{ outline: 2px solid #ff8c00 !important }
.cldndr-cntr ul li.sat, .cldndr-cntr ul li.sun { background: #96d2fb;}
.cldndr-cntr ul li.restricted-holiday { background: #2dc909;}
.cldndr-cntr ul li.gazetted-holiday { background: #e61340 !important;}
.cldndr-cntr ul li.sat a, .cldndr-cntr ul li.sun a{ color: #fff;}
.cldndr-cntr ul li.no-date { visibility: hidden;}
.cldndr-cntr ul li.gazetted-holiday a, .cldndr-cntr ul li.restricted-holiday a{ color: #fff;}
.h-tooltip { display: none; position: absolute; font-size: 14px; text-transform: initial; background: #333; color: #fff; padding: 10px 5px; left: -50px; right: -50px; z-index: 2; bottom: 100%;}
.cldndr-cntr ul li:hover .h-tooltip { display: block;}
.h-tooltip:after{ content: ""; border:7px solid transparent; border-bottom: 0; border-top: 7px solid #333; position: absolute; bottom:-7px; left: 50%; margin-left: -3.5px;}
.holiday-outer.with-description.holiday-outer{ display: inline-flex; align-items: center;}
.holiday-outer.with-description .cldndr-cntr{ width: 60%;}
.holiday-outer.with-description .description-cntr { float: right; width: 40%; padding-left: 25px;}
.holiday-outer.with-description .description-cntr .holiday-identi{ margin:0; padding:0; border:none;}
.holiday-outer.with-description .description-cntr .holiday-identi li{ width:100%; padding: 0; margin-bottom: 10px;}
.description-cntr.color-white p,
.description-cntr.color-white .holiday-identi{ color:#fff;}
.description-cntr.color-white .holiday-identi li > span { border: 1px solid rgba(255, 255, 255, 0.52);}
.holiday-outer.holiday-cld6 .cldndr-cntr ul li,
.holiday-outer.holiday-cld6 .cldndr-cntr ul li.restricted-holiday a,
.holiday-outer.holiday-cld6 .cldndr-cntr ul li.gazetted-holiday a,
.holiday-outer.holiday-cld6 .cldndr-cntr ul li.tdate-cntr a{ padding: 6px 0;}

.holiday-outer.holiday-cld6 .cldndr-cntr ul li.restricted-holiday,
.holiday-outer.holiday-cld6 .cldndr-cntr ul li.tdate-cntr{ padding: 0;}
.holiday-outer.holiday-cld6 .cld-header { padding: 3% 7%; font-size:110%;}
.holiday-outer.holiday-cld6 .cld-header .cld-prev, .holiday-outer.holiday-cld6 .cld-header .cld-next{ padding: 2% 0;}

.rtl .holiday-list-cntr{ right:-100%;}
.rtl .holiday-list-cntr.active{ right:0;}

@media screen and (max-width: 900px) {
	.cld-header, .holiday-list-header { padding:1% 10%;}
	.cld-header{ font-size: 120%; }
	.cld-header .cld-prev, .cld-header .cld-next, .holiday-list-header .cld-cldose{ width: 10%;}
	.holiday-list-header .cld-cldose{ padding-top:0.5%;}
}
@media screen and (max-width: 767px) {
	.holiday-outer.with-description.holiday-outer { display: inline-block;}
	.holiday-outer.with-description .cldndr-cntr { width: 100%;}
	.holiday-outer.with-description .description-cntr { width: 100%; padding-left: 0; margin-top: 20px;}
	.holiday-outer.with-description .description-cntr .holiday-identi li{ width:auto;}
	.holiday-identi li { margin-right: 10px;}
}
@media screen and (max-width: 540px) {
	.holiday-identi{ column-count: 1; }
}

.contrast .cld-header, .contrast .holiday-list-header,
.contrast .cldndr-cntr ul{ background: #333; }
.contrast #cld-days li, .contrast .holiday-list-header .cld-cldose:hover,
.contrast .cldndr-cntr ul li,
.contrast .cldndr-cntr ul li.tdate a { background: #222; }
.contrast #cld-days li:first-child{ border-left: 1px solid;}
.contrast #cld-days li:last-child{ border-right: 1px solid;}
.contrast .holiday-list-cntr{ background: #000; border: 1px solid #333;}
.contrast .cldndr-cntr ul li a.cld-holiday, .contrast .cldndr-cntr ul li a.tdate { background: #ff0; color: #000 !important;}
.contrast #cld-days li{ color: #fff;}
.contrast .cldndr-cntr ul li.restricted-holiday { background: #545454 !important;}
.contrast .cldndr-cntr ul li.gazetted-holiday {  background: #464646 !important;}
.contrast .cldndr-cntr ul li.sat, .contrast .cldndr-cntr ul li.sun { background: #464646 !important;}