/* datepicker inputs */
.form-calendar .check_date_wrap {position: relative;width: 100%;float: left;}
input.check_date.unvisible {opacity: 0 !important;position: absolute;z-index: 0 !important;}
input.check_date_view {z-index: 1;position: relative;}


.datepicker.dropdown-menu {font-size: 10px; border-radius:0; padding:0;
    box-shadow:0 6px 12px rgba(0, 0, 0, .175); border: 1px solid #eaeaee !important;}

.datepicker-dropdown::before{  border-left: 7px solid transparent;  border-right: 7px solid transparent;
    border-bottom: 7px solid #eaeaee;  border-bottom-color:  #eaeaee;  border-top: 0; }

.datepicker-dropdown.datepicker-orient-bottom::after { top: -5px;}


.datepicker table tr td{padding: 0.4rem 0.7rem;}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {background: none;}

/* datepicker header */

.datepicker .datepicker-header{display: block !important; text-align: center;
    width: 100%;border-bottom: 1px solid #eaeaee; padding-bottom: 3px; margin-top:6px;margin-bottom:0; }
.datepicker .datepicker-header span{font-size: 1.6em; font-weight: 800; }
.datepicker .datepicker-footer{display: block !important;}
.datepicker.js-check-out .datepicker-footer{display: none !important;}

.datepicker button.close{color: #f3ab1f; font-size: 1.7rem;  position: absolute;  top: -5px; right: 3px;  opacity: 1;}

.datepicker table tr th{font-weight: 600;}
.datepicker table tr td, .datepicker table tr th{height: 28px; font-size: 12px;}

.datepicker table thead tr th.next svg,
.datepicker table thead tr th.prev svg {width: 20px; height: 18px; display: inline-block;}

.datepicker table thead tr th.next{text-align: right!important; padding-right: 10px;padding-top: 0;}
.datepicker table thead tr th.prev{text-align: left!important; padding-left: 10px;padding-top: 0;}

.datepicker .prev.disabled, .datepicker .next.disabled {}

/* datepicker body */

.datepicker  .datepicker-days{width: 100%;}

.datepicker table tbody {}
.datepicker table tbody tr td{font-size: 1.5em; border-radius:0;  font-weight: 400;
    border: 1px solid #e7e7e7 !important; background:#F7F7F7;}

.datepicker table .datepicker-switch{font-size: 1.5em; font-weight: 600;}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused{ background-color:  #F5B841; color: #fff; }

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover,
.datepicker table tr td.old.disabled{  background: none;  color: #777777; cursor: default; opacity: 0.5;}


.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active{color: #fff;
    background-color: #f3ab1f;  text-shadow: none; border-radius: 0; font-weight: 600;}

.datepicker table tr td.old{background: #FBFBFB; color: #646669;}
.datepicker table tr td.new {background: #FBFBFB; color: #646669;}

.datepicker table tr td.old:hover{cursor: default;}
.datepicker table tr td.new:hover {cursor: pointer;}

.datepicker.datepicker-dropdown.datepicker-wrong-date .datepicker-days table.table-condensed tr td.disabled,
.datepicker.datepicker-dropdown.datepicker-wrong-date .datepicker-days table.table-condensed tr td.disabled:hover {
    opacity: 0.2; background: none; color: #777777; cursor: default; }

.calendar-month-icon {
    background-image: url("../images/calendar-month.svg");
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom;
}

@media (max-width: 768px) {

    .datepicker.datepicker-dropdown.dropdown-menu{ z-index: 9999999 !important;}

    .datepicker-open .datepicker.datepicker-dropdown {position: absolute !important; top:50% !important; left: 50% !important;}

    .datepicker-dropdown.datepicker-orient-bottom::before,
    .datepicker-dropdown.datepicker-orient-bottom::after{display: none;}
}

@media (max-width: 360px) {

    .datepicker table tr td {padding: 0.4rem 0.6rem;}

}


@media (max-width: 320px) {

    .datepicker table tr td {padding: 0.35rem 0.5rem;}
}