/* Matches the recovered reservation controls. Editable source is mirrored in
   Appearance > Customize > Additional CSS. */
.stardust-reservation-form .sdst-checkin,
.stardust-reservation-form .sdst-checkout,
.stardust-reservation-form .sdst-guests { position: relative !important; }

.stardust-reservation-form .sdst-date-input { padding-right: 34px !important; }

.stardust-calendar-trigger,
.stardust-guest-icon {
  bottom: 7px;
  color: #2f6a8b;
  display: block !important;
  height: 20px !important;
  position: absolute !important;
  right: 10px !important;
  width: 20px !important;
}

.stardust-calendar-trigger {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  bottom: auto;
  cursor: pointer;
  display: flex;
  height: 34px;
  justify-content: center;
  padding: 0;
  top: 20px;
}

.sdst-guest-icon { bottom: auto; top: 6px; }

.sdst-nights-display,
.sdst-guests-trigger { background: #fff; border: 1px solid #ccc; box-sizing: border-box; color: #555; font-size: 14px; font-weight: 400; height: 34px; padding: 6px 12px; width: 100%; }
.sdst-nights-display { align-items: center; display: flex; }
.sdst-guests-trigger { cursor: pointer; padding-right: 32px; position: relative; text-align: left; }
.sdst-guests-panel { background: #fff; bottom: 43px; box-shadow: 0 3px 10px rgba(0, 0, 0, .25); box-sizing: border-box; left: 0; padding: 20px; position: absolute; width: 200px; z-index: 1000; }
.sdst-guests-panel label { margin-bottom: 14px; }
.sdst-guests-panel select, .sdst-guests-save { width: 100%; }
.sdst-guests-save { background: #eee; border: 1px solid #ccc; color: #2f6a8b; cursor: pointer; font-weight: 700; height: 34px; margin-top: 10px; text-transform: uppercase; }

.stardust-calendar-trigger .fas,
.stardust-guest-icon.fas { font-size: 14px; line-height: 20px; }

.stardust-calendar-trigger:focus-visible {
  outline: 2px solid rgba(47, 106, 139, .45);
  outline-offset: 1px;
}

.ui-datepicker {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .18);
  color: #555;
  display: none;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 250px;
  z-index: 9999 !important;
}

.ui-datepicker-header { align-items: center; display: flex; justify-content: space-between; margin-bottom: 5px; }
.ui-datepicker-title { color: #5e5e5e; font-weight: 700; text-align: center; }
.ui-datepicker-prev, .ui-datepicker-next { color: #2f6a8b; cursor: pointer; width: 22px; }
.ui-datepicker-next { text-align: right; }
.ui-datepicker-calendar { border-collapse: collapse; width: 100%; }
.ui-datepicker-calendar th { color: #5e5e5e; font-size: 11px; font-weight: 700; padding: 5px 0; }
.ui-datepicker-calendar td { padding: 1px; text-align: center; }
.ui-datepicker-calendar a { color: #555; display: block; padding: 5px; text-decoration: none; }
.ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar a:hover { background: #2f6a8b; color: #fff; }
.ui-datepicker-unselectable span { color: #bbb; display: block; padding: 5px; }