.flatpickr-calendar {
  width: 340px;
  padding: 14px;
  border: 1px solid #dce0e3;
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(10, 15, 20, 0.18);
  font-family: "DM Sans", sans-serif;
}
.flatpickr-months {
  margin-bottom: 12px;
}
.flatpickr-months .flatpickr-month,
.flatpickr-current-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  height: 38px;
  font-weight: 800;
  color: #101419;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  top: 12px;
  width: 38px;
  height: 38px;
  padding: 11px;
  border-radius: 50%;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  background: #fff0e8;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #ff3b1f;
}
.flatpickr-weekdays,
.flatpickr-days,
.dayContainer {
  width: 310px;
  min-width: 310px;
  max-width: 310px;
}
span.flatpickr-weekday {
  color: #707982;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}
.flatpickr-day {
  max-width: 44px;
  height: 40px;
  line-height: 40px;
  border-radius: 9px;
  font-weight: 650;
}
.flatpickr-day:hover,
.flatpickr-day:focus {
  background: #fff0e8;
  border-color: #fff0e8;
}
.flatpickr-day.today {
  border-color: #ff3b1f;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover {
  background: #ff3b1f;
  border-color: #ff3b1f;
  box-shadow: none;
}
.flatpickr-time {
  height: 48px;
  max-height: 48px;
  margin-top: 12px;
  border-top: 1px solid #e3e6e8;
}
.flatpickr-time input,
.flatpickr-time .flatpickr-am-pm {
  font-weight: 800;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@media (max-width: 420px) {
  .flatpickr-calendar {
    width: calc(100vw - 24px);
    padding: 10px;
  }
  .flatpickr-weekdays,
  .flatpickr-days,
  .dayContainer {
    width: calc(100vw - 44px);
    min-width: calc(100vw - 44px);
    max-width: calc(100vw - 44px);
  }
  .flatpickr-day {
    max-width: calc((100vw - 44px) / 7);
  }
}