/* Loaded after quote.css: appointment calendar and booking confirmation. */
.quote__progress-bar > span { width: 25%; }
.booking-times { margin-top: 26px; }
.quote-field input[type="date"] { min-height: 56px; color-scheme: light; cursor: pointer; }
.quote-field input[type="date"]::-webkit-calendar-picker-indicator { padding: 6px; cursor: pointer; }
.booking-times .quote-options { margin-top: 16px; }
.booking-times .quote-option__body { min-height: 60px; text-align: center; }
.booking-refresh { min-height: 44px; margin-top: 12px; padding: 10px 0; border: 0; background: transparent; color: #171717; font: inherit; font-size: 13px; text-decoration: underline; text-underline-offset: 5px; cursor: pointer; }
.booking-refresh:disabled { opacity: .55; cursor: wait; }
.booking-time-note { margin: 22px 0 0; color: #626262; font-size: 13px; line-height: 1.8; }
.booking-selection { margin: -6px 0 26px; padding: 16px 18px; border-left: 3px solid var(--colour-yellow); background: #fff; color: #171717; font-size: 15px; line-height: 1.8; }
.booking-selection:empty { display: none; }
.quote-success .booking-confirmed-date { color: #171717; font-size: 23px; font-weight: 600; line-height: 1.5; }
.quote-form__step-title:focus { outline-offset: 6px; }
@media (max-width: 767px) {
 .booking-times .quote-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .booking-times .quote-option__body { padding: 14px 8px; }
 .booking-times .quote-option__title { font-size: 13px; }
 .booking-selection { padding: 14px; }
}
@media (max-width: 359px) { .booking-times .quote-options { grid-template-columns: minmax(0, 1fr); } }