.wpbc_chint__availability{font-size:18px!important;font-weight:800!important;min-width:52px;text-align:center;padding:3px 8px;border-radius:7px}
.wpbc_chint__availability.is-yes{background:#39b54a!important;color:#fff!important}
.wpbc_chint__availability.is-no{background:#d93025!important;color:#fff!important}
.web-bleep-booking-title{font-size:18px;font-weight:800;margin:0 0 8px}
.web-bleep-free-slots__yes{font-size:16px;font-weight:800}

.web-bleep-booking-title-resource{font-weight:600;opacity:.85}

/* Visible loading indicator for AJAX calendar/form updates. */
.wpbc_web_bleep_loading,
.web-bleep-loading {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    min-height: 22px;
    margin: 4px;
}
.wpbc_web_bleep_loading::after,
.web-bleep-loading::after {
    content: "";
    width: 18px;
    height: 18px;
    border: 3px solid #d7dce2;
    border-top-color: #28a745;
    border-radius: 50%;
    animation: webBleepSpin .7s linear infinite;
}
@keyframes webBleepSpin {
    to { transform: rotate(360deg); }
}

/* Past clock times: visible but not selectable. */
.wpbc_times_selector > div.wpbc_time_past { border: 2px solid #d93025 !important; color: #d93025 !important; background: #fff !important; cursor: not-allowed !important; opacity: .9; box-sizing: border-box; }
.wpbc_times_selector > div.wpbc_time_past:hover { background: #fff !important; color: #d93025 !important; }

/* 5.1.04 pending booking click fix */
.web-bleep-pending-overlay,
.web-bleep-warning,
.wpbc_warning_message {
    pointer-events: none !important;
}
.wpbc_times_selector,
.wpbc_time_selector,
.wpbc_booking_form .form-group,
select[name^="starttime"],
select[name^="endtime"],
select[name^="rangetime"] {
    position: relative;
    z-index: 5;
}