.booking-calendar-field,.booking-time-field{grid-column:span 1}
.booking-field-label{display:block;margin:0 0 8px;color:#274b52;font-size:13px;font-weight:800}
.booking-mini-calendar{border:1px solid #d8e7e8;border-radius:15px;background:#fff;padding:12px}
.booking-cal-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin-bottom:10px}
.booking-cal-head strong{text-align:center;color:#123f47;font-size:15px;text-transform:capitalize}
.booking-cal-head button{width:40px;height:40px;border:1px solid #d8e7e8;border-radius:10px;background:#f6fbfb;color:#0b6f68;font-size:23px;cursor:pointer}
.booking-weekdays,.booking-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.booking-weekdays span{text-align:center;font-size:11px;font-weight:800;color:#788b8f;padding:3px 0}
.booking-day{position:relative;min-height:39px;border:1px solid transparent;border-radius:9px;background:#f7fafb;color:#294e55;font-weight:700;cursor:pointer}
.booking-day:hover:not(:disabled){border-color:#80cec7;background:#edf9f7}
.booking-day.today{border-color:#8bcfc9}
.booking-day.selected{background:#0b6f68!important;color:#fff!important;border-color:#0b6f68}
.booking-day.has-booking:after{content:"";position:absolute;bottom:4px;left:50%;width:5px;height:5px;border-radius:50%;background:#e39f30;transform:translateX(-50%)}
.booking-day.selected:after{background:#fff}
.booking-day:disabled{cursor:not-allowed;color:#b6c0c2;background:#f5f6f6}
.booking-day.empty{visibility:hidden}
.booking-selected-date{display:block;margin-top:8px;color:#668086;font-size:12px}
.booking-slot-status{margin-top:7px;min-height:18px;font-size:12px;color:#678086}
.booking-slot-status.warning{color:#a26812}
.booking-slot-status.ok{color:#187352}
@media(max-width:700px){
  .booking-calendar-field,.booking-time-field{grid-column:1/-1}
}