
/* Datepicker
----------------------------------*/
/*
#clTheme .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; height: 16px; cursor: pointer; }*/

#clTheme .clDatePicker .ui-datepicker { -moz-box-shadow: 0 2px 2px #aaa; -ms-box-shadow: 0 2px 2px #aaa; -webkit-box-shadow: 0 2px 2px #aaa; box-shadow: 0 2px 2px #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #f7f7f7; border: 1px solid #ccc;width: 250px; display: none; padding: 3px; font-size: .9em; z-index: 1020 !important; margin-top: 5px;}

#clTheme .clDatePicker .ui-datepicker-header { background-color: #909090; /*color: #fff; */padding: .2em 0; }

#clTheme .clDatePicker .ui-datepicker .ui-datepicker-prev, #clTheme .ui-datepicker .ui-datepicker-next { position: absolute; top: 5px; width: 16px; height: 16px; }

#clTheme .clDatePicker .ui-datepicker .ui-datepicker-prev { background-image: url(../../../cl/images/icons/arrow_prev.png); overflow: hidden; float: left; display: inline-block; margin-top: .3em; cursor:pointer;}

#clTheme .clDatePicker .ui-datepicker .ui-datepicker-next { background-image: url(../../../cl/images/icons/arrow_next.png); overflow: hidden; float: right; display: inline-block; margin-top: .3em; cursor:pointer;}

#clTheme .clDatePicker .ui-datepicker-next span:before, #clTheme .ui-datepicker-next span:after { content: ""; }

#clTheme .clDatePicker .ui-datepicker-prev span:before, #clTheme .ui-datepicker-prev span:after { content: ""; }

#clTheme .clDatePicker .ui-datepicker .ui-datepicker-prev { left: 4px;}

#clTheme .clDatePicker .ui-datepicker .ui-datepicker-next { right: 4px;}

#clTheme .clDatePicker .ui-datepicker .ui-datepicker-prev-hover { left: 4px; top: 5px; border:none;}

#clTheme .clDatePicker .ui-datepicker .ui-datepicker-next-hover { right: 4px; top: 5px; border:none;}

#clTheme .clDatePicker .ui-datepicker-title { text-align: center; font-weight: bold; }

#clTheme .clDatePicker .ui-datepicker-title select { padding: 0; margin: 1px 0; border: 1px solid #ccc; }

/*#clTheme .ui-datepicker select.ui-datepicker-month-year { width: 100%; }
*/
#clTheme .clDatePicker .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 30%;}

#clTheme .clDatePicker .ui-datepicker select.ui-datepicker-month{margin-right:.35em;}

#clTheme .clDatePicker .ui-datepicker table { width: 100%; }

#clTheme .clDatePicker .ui-datepicker thead { background-color: #d9e0e2; }

#clTheme .clDatePicker .ui-datepicker th { padding: .2em 0; color: #666; text-align: center; }

#clTheme .clDatePicker .ui-datepicker td { text-align: center; }

#clTheme .clDatePicker .ui-datepicker td a { display: block; padding: .2em; text-decoration: none; }

#clTheme .clDatePicker .ui-datepicker td a.ui-state-default { color: #63665a; border:none; background-color:transparent;}

#clTheme .clDatePicker .ui-datepicker td a.ui-state-hover { color: #00833f; }

#clTheme .clDatePicker .ui-datepicker td.ui-datepicker-current-day a { font-weight: bold; border: 2px solid #63665a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

#clTheme .clDatePicker .ui-datepicker td.ui-datepicker-today a { color: #0a0203; font-weight: bold; border: none; background-color:transparent; }

#clTheme .clDatePicker .ui-datepicker .ui-state-hover,
#clTheme .clDatePicker .ui-datepicker .ui-widget-content .ui-state-hover,
#clTheme .clDatePicker .ui-datepicker .ui-widget-header .ui-state-hover,
#clTheme .clDatePicker .ui-datepicker .ui-state-focus,
#clTheme .clDatePicker .ui-datepicker  .ui-widget-content .ui-state-focus,
#clTheme .clDatePicker .ui-datepicker .ui-widget-header .ui-state-focus {/*border: none;*/background-color:transparent;	}


/* with multiple calendars */

#clTheme .clDatePicker .ui-datepicker.ui-datepicker-multi { width: auto; }

#clTheme .clDatePicker .ui-datepicker-multi .ui-datepicker-group { float: left; }

#clTheme .clDatePicker .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }

#clTheme .clDatePicker .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

#clTheme .clDatePicker .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }

#clTheme .clDatePicker .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }

#clTheme .clDatePicker .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, #clTheme .clDatePicker .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }

#clTheme .clDatePicker .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }

#clTheme .clDatePicker .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

/* RTL support */

#clTheme .clDatePicker .ui-datepicker-rtl { direction: rtl; }

#clTheme .clDatePicker .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }

#clTheme .clDatePicker .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }

#clTheme .clDatePicker .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }

#clTheme .clDatePicker .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }

#clTheme .clDatePicker .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }

#clTheme .clDatePicker .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }

#clTheme .clDatePicker .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, #clTheme .clDatePicker .ui-datepicker-rtl .ui-datepicker-group { float: right; }

#clTheme .clDatePicker .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, #clTheme .clDatePicker .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }


@media(max-width:568px){
 .ui-datepicker select.ui-datepicker-year { width: 33%;}


 #clTheme .clDatePicker .ui-datepicker .ui-datepicker-prev,
 #clTheme .ui-datepicker .ui-datepicker-next {
  width: 35px;
  height: 35px;
  display: inline-block;
  background-repeat: no-repeat;
 }

 #clTheme .ui-datepicker .ui-datepicker-next {
  background-position: top right;
 }

}

