.errorlist {
  color: red;
  font-size: 14px;
  padding-bottom: 0;
  margin-bottom: 0;
}
li::marker {
  color: red;
}
.booking-form-control {
  background-color: white !important;
}

.booking-divider {
  border-bottom: solid 1px #eff2f7;
  margin: 15px 0px 20px 0px;
}

.flatpickr-innerContainer {
  padding: 10px 0px;
}

.flatpickr-month {
  color: #000000 !important;
  background-color: #d3d3d3 !important;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  fill: #000000 !important;
}

.booking-time {
  width: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  height: 40px;
  margin: 5px;
  box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px;
  cursor: pointer;
  font-size: 14px;
}

.booking-time.book-now {
  border: 3px solid;
  text-align: center;
  color: black !important;
}

.book-now.btn-outline-primary:hover:not(.active) {
  background-color: unset !important;
  color: unset !important;
}

.booking-time.active {
  background-color: rgb(102, 102, 102);
  color: white !important;
  border: none;
}
#time-selector-container {
  width: 50% !important;
}
@media (max-width: 991px) {
  #time-selector-container {
    width: 75% !important;
  }
}