/* booking package */
#booking-package button {appearance: none; -webkit-appearance: none; background: none; border: none; border-radius: 0; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; outline: none; line-height: inherit; text-align: inherit;}
.post #booking-package_calendarPage,.post #booking-package_inputFormPanel{max-width:1000px;margin-inline:auto;}
.post #booking-package .sun, .post #booking-package .nationalHoliday  {color:#e77171}
#booking-package .mon {}
#booking-package .tue {}
#booking-package .wed {}
#booking-package .thu {}
#booking-package .fri {}
#booking-package .sat {color:#2375d1;}
#booking-package .nationalHoliday {}
.post #booking-package_calendarPage .closingDay {background-color: #ddb6b6 !important;color:#fff;}
.post #booking-package_calendarPage div.day_slot{display:grid; place-content:center}
.post #booking-package_calendarPage .available_day:hover {background-color: #f5f5f5 !important;}
.post #booking-package_inputFormPanel textarea {height: 7em;}
#booking-package_inputFormPanel{input[type="text"], input[type="email"], input[type="tel"], input[type="date"], textarea {max-width:unset}}
#booking-package_inputFormPanel .bottomBarPanel{margin-block: 1em;padding-inline:10px;
button{background-color:#dbd6d1;text-align:center;padding:0.5em;}
button:hover{opacity:0.8}
}
@media(1024px <= width){#booking-package_inputFormPanel .bottomBarPanel{max-width:60%;margin-inline:auto}}
#booking-package_calendarPage .dateField {
    /* background-color: #0f9b79;
    color: #fff;
    font-weight: 400; */
}

#booking-package_calendarPage .startDateOfFullRoom {
    /**
    background-image: repeating-linear-gradient(270deg, #ff8989 0px 50%, transparent 0% 100%);
    **/
}

#booking-package_calendarPage .dateOfFullRoom {
    /**
    background: #ff8989;
    **/
}

#booking-package_calendarPage .endDateOfFullRoom {
    /**
    background-image: repeating-linear-gradient(90deg, #ff8989 0px 50%, transparent 0% 100%);
    **/
}