#event_scroller #carousel-event-primary-v1.event_calendar{margin-top:20px !important; z-index:0;}
.open_calendar a{text-align:left; width:100%; position:absolute; z-index:1000;  background:#f0f2f5; top:-32px; color:#3c3c3c; padding:15px 0 18px 15px; font-size:16px; font-weight: bold; }
.open_calendar span.icon-calendar:before{padding-left:4px; font-size:14px; font-weight: normal; position:relative; top:1px }

#range_calendar{display:none; position:absolute; top:3%; left:0; background: #ffffff;  width:100%; height:488px; max-height:488px;  z-index:3000; border:1px #d0d0d0 solid; -webkit-box-shadow: 0px 0px 3px 0px rgba(208,208,208,1);    -moz-box-shadow: 0px 0px 3px 0px rgba(208,208,208,1); box-shadow: 0px 0px 3px 0px rgba(208,208,208,1); }
#range_calendar .close_calendar a{text-align:left; width:100%; float:left; color:#3c3c3c; padding:15px 0 18px 15px; font-size:16px; font-weight: bold; }
#range_calendar .close_calendar span.icon-x{padding-left:4px;  font-size:12px; font-weight: bold; font-weight: normal; position:relative; top:2px }

#range_calendar input{width:182px; height:24px; border:1px #d0d0d0 solid; font-size:22px; line-height: 22px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#range_calendar label{font-size:19px; font-weight:normal; padding:0 75px 0 10px}
#range_calendar p{padding:40px 0 20px 0; margin:0 35px; border-bottom:1px #d0d0d0 solid; }
#datepicker_TA{height:375px!important; max-height:388px; overflow:hidden; direction:rtl}

div#datepicker_TA div.ui-widget {
    width: 100% !important;

} 

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    z-index: 100;

}

.ui-widget-content{border:0; text-align:center!important;}
.ui-datepicker-title{color:#ef4230; font-size: 20px; font-family: 'BlenderBold', Arial; }
.ui-datepicker td{padding:0; height:35px; line-height: 35px; width:35px; text-align:center;}
.ui-datepicker tr{height:48px}
.ui-widget-header{border:0; background: #fff}
.ui-widget-content .ui-state-default{padding:0; background:#fff; color:#3c3c3c; height:35px; line-height: 35px; padding:0}
.dp-highlight .ui-state-default { padding:0; background: #ef4230; color: #FFF; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity: .65;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:0;  text-align:center; }
.ui-state-default, .ui-widget-content .ui-state-default:focus{border:1px solid }
/*.ui-state-active, .ui-widget-content .ui-state-active,  .ui-datepicker-current-day{background: url(../img/datapicker_bg.png)no-repeat; background-position:center center; background-size: 34px 34px; border:0; }*/
/*.ui-datepicker td:first-child .ui-state-active {-webkit-border-radius: 0 12px 12px 0; -moz-border-radius:0 12px 12px 0; border-radius:0 12px 12px 0; border:0}*/
/*.dp-highlight-first .ui-state-default a{-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; width:40px; height:40px; background:blue}*/
.dp-highlight-first .ui-state-default {color:#fff; background: #ef4230  url(/_layouts/15/TlvSP2013PublicSite/images/eventsView/datapicker_bg_left.png)no-repeat; background-position:center center; background-size:auto 35px; border:0; }
.dp-highlight-last .ui-state-default, .dp-highlight-last .ui-state-active:last-child  {color:#fff!important; background: #ef4230  url(/_layouts/15/TlvSP2013PublicSite/images/eventsView/datapicker_bg_right.png)no-repeat!important; background-position:center center!important; background-size:auto 35px!important; border:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border:0}
.ui-state-default.ui-state-highlight.ui-state-active{background: #fff url(/_layouts/15/TlvSP2013PublicSite/images/eventsView/datapicker_bg.png)no-repeat!important; background-position:center center!important; background-size: 34px 34px!important; border:0; color:#3C3C3C}
.ui-widget-content .ui-state-active{background: url(/_layouts/15/TlvSP2013PublicSite/images/eventsView/datapicker_bg2.png)no-repeat; background-position:center center; background-size: 34px 34px; }

.ui-datepicker td span, .ui-datepicker td a{padding:1em; font-size:16px; font-family: 'LatoRegular', Arial, sans-serif}
.ui-datepicker-multi .ui-datepicker-group { float: none;  MARGIN-LEFT: 0; text-align:center; width:100%; height:380px;}
.ui-datepicker-multi .ui-datepicker-group table{font-family: 'BlenderBold', Arial; color:#3c3c3c; font-size: 18px; width:80%}
.ui-datepicker table thead{font-size:16px; color:#3c3c3c; font-weight: normal!important}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{background:#ffcd32; width:37px; height:37px; top:113px; margin-left:0; margin-top:0}
.ui-datepicker .ui-datepicker-prev span{left:0; margin-left:-4px; background: #ffcd32 url(/_layouts/15/TlvSP2013PublicSite/images/eventsView/arrowLeftEvents.png)no-repeat; background-position:center center; background-size: 11px 16px;}
.ui-datepicker .ui-datepicker-next span{right:0; margin-right:-4px; background: #ffcd32 url(/_layouts/15/TlvSP2013PublicSite/images/eventsView/arrowRightEvents.png)no-repeat; background-position:center center; background-size: 11px 16px;}
.ui-state-disabled .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {background:none; width:37px; height:37px;  border:0;  border-radius: 0;}
.ui-datepicker .ui-datepicker-next:after{}
.ui-datepicker .ui-datepicker-prev-hover:focus,.ui-datepicker .ui-datepicker-next-hover:focus{border:0}

.ui-widget { font-size: 100% }

/*handle calendar direction*/
.ui-datepicker-calendar {direction:ltr;}
@media (max-width: 1200px) {
    #range_calendar{/*display:none;*/ position:absolute; top:-2.2%;}
    #range_calendar input { width: 18%; }
    #range_calendar p {margin-right: 35px; padding-right:0}
    #range_calendar label{padding-right:50px}
    .ui-datepicker-group{height:380px; width:85%; LEFT:-10%}
}


@media (max-width: 480px) {
    #range_calendar{/*display:none;*/ position:absolute; top:0%; left:0; width:100%;  font-size:12px; height:50%; max-height:50%}
    #range_calendar input { width: 80px; FONT-SIZE:14PX }
    #range_calendar p {margin: 0; padding:0 0 10px 0}
    #range_calendar .close_calendar a{padding:5px}
    #range_calendar label{padding-right:10px; FONT-SIZE:14PX}
    .ui-datepicker table thead{font-size:13px; }
    .ui-datepicker tr{height:38px}
    .ui-datepicker td{padding:0; height:25px; line-height: 25px}
    .ui-widget-content .ui-state-default{height:25px; line-height:25px;}
    .ui-datepicker-group{height:380px; width:70%; LEFT:0%; margin-left:0}
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{font-size:12px}
    .dp-highlight-first .ui-state-default {background-size:auto 25px;  }
    .dp-highlight-last .ui-state-default, .dp-highlight-last .ui-state-active:last-child  { background-size:auto 25px!important; }
    .ui-state-default.ui-state-highlight.ui-state-active{ background-size: 25px 25px!important;  }
    .ui-widget-content .ui-state-active{ background-size: 25px 25px; }
    .filters > li.open_calendar{background:none; position:absolute; right:45%; Z-INDEX:200; font-size:13px; margin-top:-1px; border:0}
    .filters > li.open_calendar .icon-calendar:before{position:relative; top:3px}

}