.event-outer{ width:calc(100% + 1px); padding-bottom:1px; margin:0 auto; position:relative; overflow:hidden;}
.event-list-cntr{ position:absolute; left:100%; right:0; top:0; bottom:0; background:#f0f0f0; transition:0.5s ease-in-out;}
.event-list-cntr.active{ left:0;}
.event-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;}
.event-list-header .cl-close{ 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;}
.event-list-header .cl-close:hover{ background:#ccc;}
.event-list-cntr ul{ padding:0 15px 15px 15px; margin:0; overflow-y: auto; position: absolute; top: 40px; bottom: 0; left: 0; right: 0;}
.event-list-cntr ul li{list-style: none; padding:12px 8px 12px 0; border-bottom:1px solid #ccc;}
.event-list-cntr ul a{ display:inline-block; color:#333; text-decoration:none; text-transform: capitalize;}
.event-list-cntr ul a:hover{ text-decoration:underline;}
.event-list-cntr ul li h5{padding: 0; margin: 0 0 12px;}
.event-list-cntr ul li span.cl-meta{ display: block; margin: 0 0 8px;}
.event-list-cntr ul li span.cl-meta:last-child {margin: 0;}
.event-list-cntr ul li:last-child{ border-bottom: 0; }
.event-list-cntr ul li i.fa{ font-size: 1.2em; width: 20px;text-align: center;}
.clndr-cntr{text-transform:uppercase; font-weight: bold;}
.cl-header{ position:relative; padding:1% 7%; margin-right:-1px; text-align:center; background: #555; color: #fff; font-size: 140%; font-weight: 400;}
.cl-header .cl-prev, .cl-header .cl-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;}
.cl-header .cl-prev:hover, .cl-header .cl-next:hover{ background:#444;}
.cl-header .cl-next{ left:inherit; right:0;}
.clndr-cntr ul{ float:left; width:100%; padding:0; margin:0; text-align:center;}
.clndr-cntr ul li{ list-style:none; float:left; width:calc(14.283% + 0.85px); border:1px solid #ccc; margin-bottom: -1px; margin-right: -1px; padding:15px 0; font-size: 130%; position: relative;}
.clndr-cntr ul li.tdate-cntr, .clndr-cntr ul li.cl-event-past-cntr, 
.clndr-cntr ul li.cl-multievent-cntr, .clndr-cntr ul li.cl-event-cntr,
.clndr-cntr ul li.cl-event-up-cntr{ padding:0;}
.clndr-cntr ul li a.tdate{ background:#ebebeb;}
.clndr-cntr ul li.tdate-cntr a, .clndr-cntr ul li.cl-event-cntr a,
.clndr-cntr ul li.cl-event-past-cntr a, .clndr-cntr ul li.cl-event-up-cntr a,
.clndr-cntr ul li.cl-multievent-cntr a{ display: inline-block; width: 100%; padding:15px 0;}
.clndr-cntr ul li a.c-event, .clndr-cntr ul li a.tdate{ cursor: pointer }
.clndr-cntr ul li a>span.cl-event-past, .clndr-cntr ul li a>span.cl-event, .clndr-cntr ul li a>span.cl-event-up{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; position: absolute; bottom: 9%; left: 50%; margin-left: -4px; }
.clndr-cntr ul li a>span.cl-event-past{ background:#555555;}
.clndr-cntr ul li a>span.cl-event{ background:#01bb64; }
.clndr-cntr ul li a>span.cl-event-up{ background:#0078d7;}
.clndr-cntr ul li a.cl-multievent>span.cl-event-past{ margin-left: -8px; }
.clndr-cntr ul li a.cl-multievent>span.cl-event { margin-left: 4px;}
/*.clndr-cntr ul li.cl-event{ position: relative; }
.clndr-cntr ul li.cl-event:after{ content: ""; border:15px solid transparent; border-top: 0; border-bottom: 15px solid #f3b45b}*/
#cl-days li{ background:#333; color:#fff; padding: 2% 0; font-size: 1em;}
.clndr-cntr ul li > span:before{ content:"null"; font-size:0;}
#cl-days li:first-child{ border-left: 0; padding-left: 1px;}
#cl-days li:last-child{ border-right: 0; padding-right: 1px;}
.event-identi{ margin: 13px 0 0 0; padding: 0px; display: inline-block; width: 100%; border: 1px solid #d8d8d8; }
.event-identi li{ float: left; padding: 9px; list-style:none;}
.event-identi li:first-child{ width: 25%;}
.event-identi li:nth-child(2) { width: 35%;}
.event-identi li:last-child { width: 40%;}
.event-identi li > span{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 3px; background:#555555;}
.event-identi li:nth-child(2) > span{ background:#01bb64; }
.event-identi li:nth-child(3) > span{ background:#0078d7; }

.clndr-cntr ul li a.tdate:focus{ outline: 2px solid #ff8c00 !important }

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

@media screen and (max-width: 900px) {
	.cl-header, .event-list-header { padding:1% 10%;}
	.cl-header{ font-size: 120%; }
	.cl-header .cl-prev, .cl-header .cl-next, .event-list-header .cl-close{ width: 10%;}
	.event-list-header .cl-close{ padding-top:0.5%;}
}
@media screen and (max-width: 540px) {
	.event-identi{ column-count: 1; }
}

.contrast .cl-header, .contrast .event-list-header{ background: #333; }
.contrast #cl-days li, .contrast .event-list-header .cl-close:hover{ background: #222; }
.contrast #cl-days li:first-child{ border-left: 1px solid;}
.contrast #cl-days li:last-child{ border-right: 1px solid;}
.contrast .event-list-cntr{ background: #000; border: 1px solid #333;}
.contrast .clndr-cntr ul li a.cl-event, .contrast .clndr-cntr ul li a.tdate { background: #ff0; color: #000 !important;}