table.jCalendar{border:0;background:#fff;border-collapse:separate;border-spacing:2px; height: 163px;}
table.jCalendar th{background:#fff;color:#000;font-weight:700;padding:3px 5px;width: 30px;height: 22px; font-size: 12px !important; vertical-align: middle;}
table.jCalendar td{color:#000;padding:3px 5px;text-align:right;width: 30px;max-height: 22px; border: 1px solid #dddddd; background: #fff; font-weight: 600; font-size: 12px !important; vertical-align: middle;}
table.jCalendar tr {height: auto;}
table.jCalendar td.other-month{background:#ddd;color:#aaa}
table.jCalendar td.today{background:#9cd2f1;color:#389fdb; text-decoration: underline;}
#dp-popup table.jCalendar td.selected{background:#9cd2f1 none repeat scroll 0 0;color:#389fdb}
table.jCalendar td.selected.dp-hover{background:#9cd2f1;color:#389fdb}
table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td{background:#9cd2f1;color:#000}
table.jCalendar tr.selectedWeek td{background:#f66;color:#fff}
table.jCalendar td.disabled,table.jCalendar td.disabled.dp-hover{background:#bbb;color:#888}
table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover{background:#bbb;color:#888}
div.dp-popup{position:relative;background:#fff;font-size:10px;font-family:arial,sans-serif;padding:10px;width:232px;line-height:1.2em; border: 1px solid #000; border-radius: 4px;}
div#dp-popup{position:absolute;z-index:199}
div.dp-popup h2{font-size:14px !important;text-align:center;margin:2px 0 25px;padding:5px; border-radius: 4px; border: 1px solid #ddd}
a#dp-close{font-size:13px;padding:4px 0;text-align:center;display:block}
a#dp-close:hover{text-decoration:underline}
div.dp-popup a{color:#000;text-decoration:none;padding:3px 2px 0}
div.dp-popup div.dp-nav-prev{position:absolute;top:46px;left:15px;width:50px;}
div.dp-popup div.dp-nav-prev a{float:left}
div.dp-popup div.dp-nav-prev a,div.dp-popup div.dp-nav-next a{cursor:pointer; background: unset !important;font-size: 0;}
div.dp-popup div.dp-nav-prev a.disabled,div.dp-popup div.dp-nav-next a.disabled{cursor:default}
div.dp-popup div.dp-nav-next{position:absolute;top:46px;right:22px;width:50px;}
div.dp-popup div.dp-nav-next a{float:right}
div.dp-popup a.disabled{cursor:default;color:#aaa}
div.dp-popup td{cursor:pointer}
div.dp-popup td.disabled{cursor:default; background-color: #DFDFDF;}
.product-options dd select.timepicker{width:auto}
img.date-pick.dp-applied{vertical-align:middle}
input.date-pick.dp-applied{border:1px solid #000;margin-right:4px;padding:2px;color:#000;font-family: 'Google Sans', sans-serif !important;}
.dp-calendar table.jCalendar .disabled.booked{background-color: #e5e3e3 ;color: #888;border: 1px solid #e5e3e3 ;;position:relative;}
.cross{color:#fff;font-size:0;left:-3px;position:absolute;top:-3px;font-weight: 200;height: 128%; width: 124%;}
/* .cross::after{content: ""; font-size: 9px; color: white;position: absolute;top:-5px;left: 16PX; height: 137%; width: 1px; background: white; transform: rotate(46deg); margin: 0 auto;}   */
table.jCalendar .ui-tabs-panel::-webkit-scrollbar {display: none;}
#dp-popup table.jCalendar td.notmonth{background:#bbb;color:#888}
.calendar-nav h3{text-align: center;width: fit-content;top: 51px;position: absolute;left: 0;right: 0;margin: 0 auto; color: #389fdb; cursor: pointer;}
#multimonth table.jCalendar td.selected{background:#9cd2f1 none repeat scroll 0 0;color:#000}
#multimonth .hidden{visibility:hidden}
.dp-nav-next-year,.dp-nav-prev-year{display:block; font-size: 0px; color: #389fdb !important; font-weight: 600;}
.dp-nav-next-year::before,.dp-nav-prev-year::before, .dp-nav-next-month::before,.dp-nav-prev-month::before {
    position: absolute;
    font-size: 14px;
    bottom: -1px;
}
.dp-nav-next-year::before {
    content: "»";
}
.dp-nav-prev-year::before {
    content: "«";
}
.dp-nav-next-month::before {
    content: "›";
    right: 32px;
}
.dp-nav-prev-month::before {
    content: "‹";
    left: 40px;
}
.dp-nav-next-month,.dp-nav-prev-month{color: #389fdb !important; font-weight: 600;}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td{color: #389fdb; text-decoration: underline;}
.turn-me-into-datepicker table {height: auto; max-height: 275px;}
.turn-me-into-datepicker table tr td .dp-popup tr {max-height: 42px;}
/* .turn-me-into-datepicker table tr td:nth-child(odd) .dp-popup tr {height: 42px;} */
table.jCalendar td {text-align: center;}
table.jCalendar .ui-state-default {background-color: #2b2927; width: calc(100% / 3.1)}
table.jCalendar .ui-state-default a{
    color: #fff;
    text-decoration: none;
}
table.jCalendar .ui-state-active {background-color: #fff; border: 1px solid #dddddd;}
table.jCalendar .ui-state-active a {
    color: #000;
    text-decoration: none;
}
table.jCalendar .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0.5em 0.4em;
    display: block;
    margin: 0 auto;
    float: unset;
}
table.jCalendar .ui-tabs .ui-tabs-nav {display: flex; flex-wrap: wrap;}
.dp-calendar .other-month{visibility: hidden;}
.dp-popup.config-product {
    top: 44% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
    transform: translateX(-130px);
}