table.jCalendar{border:0;background:#fff;border-collapse:separate;border-spacing:2px}
table.jCalendar th{background:#fff;color:#000;font-weight:700;padding:3px 5px;width: 30px;height: 25px; font-size: 12px !important;}
table.jCalendar td{color:#000;padding:3px 5px;text-align:right;width: 30px;height: 25px; border: 1px solid #dddddd; background: #fff; font-weight: 600; font-size: 12px !important;}
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:5}
div.dp-popup h2{font-size:14px !important;text-align:center;margin:2px 0;padding:0; border-radius: 4px}
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;z-index:100;}
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;}
.dp-calendar table.jCalendar .disabled.booked{    background-color: #DFDFDF;color: #888;border: 1px solid #DFDFDF;;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;}   */
input::placeholder, .label[for="applyshipping"], select[disabled] > option  {
    color: #000;
    opacity:1;
}
.panel-body.rental-info select.timepicker, .bucket-type select, .option-type-sec .option-type label {
    opacity: 1;
    font-weight: 400;
}
.calendar-nav h3{text-align: center;width: fit-content;top: 51px;position: absolute;left: 0;right: 0;margin: 0 auto; color: #389fdb; cursor: pointer;z-index:100}
#dp-popup table.jCalendar td.dp-hover.enabled{background:#9cd2f1;color:#000}
#dp-popup table.jCalendar td.notmonth{background:#bbb;color:#888}
#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: 20px;
}
.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;}
.dp-calendar .other-month{visibility: hidden;}