/*
==============================
Page: Personal Shopper
Section: Date & Time Fields
==============================
*/

.datetime-first,
.datetime-second {
  width: 100%;
}
#datetime-first,
#datetime-second {
  margin-top: -10px;
}

.input-datetime-first,
.input-datetime-second,
.phone-input {
 display: none;
}

/*
==============================
Page: Personal Shopper
Section: Date & Time Picker
==============================
*/

#datetime-first-wrapper .flatpickr-next-month,
#datetime-first-wrapper .flatpickr-prev-month,
#datetime-second-wrapper .flatpickr-next-month,
#datetime-second-wrapper .flatpickr-prev-month {
  border-bottom: 1px solid #171717;
  border-right: 1px solid #171717;
  height: .7rem;
  width: .7rem;
  display: inline-block;
  padding: 0;
  position: relative;
  top: 15px;
}

#datetime-first-wrapper .flatpickr-next-month,
#datetime-second-wrapper .flatpickr-next-month {
  transform: rotate(-45deg);
  right: 15px;
}

#datetime-first-wrapper .flatpickr-prev-month,
#datetime-second-wrapper .flatpickr-prev-month {
  transform: rotate(-225deg);
  left: 15px;
}

.flatpickr-current-month .numInputWrapper {
  display: none;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #EB5D55;
  border-color: #EB5D55;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
  padding-left: 90px !important;
}
.iti {
  top: -24px;
}
.iti__selected-flag {
  top: 8px;
}