/* Appointment-hold countdown -- same look as the original booking flow's
 * reservation bar (checkout_slot.html .cx-slot-countdown). */
.cx-hold-timer {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: .65rem .9rem;
  font-size: .8rem;
  color: #666;
  text-align: center;
}
.cx-hold-timer[hidden] { display: none; }
.cx-hold-timer--page { margin-bottom: 1.25rem; }
.cx-hold-timer--expired { color: #c0392b; border-color: #f0d4d0; background: #fdf3f2; }

/* Shown above a "next" button when the held times couldn't be kept. */
.cx-hold-lapsed {
  margin: 0 0 8px;
  font-size: 12px;
  color: #c0392b;
  text-align: right;
}
@media (max-width: 767.98px) { .cx-hold-lapsed { text-align: left; } }