/* Google Material-style skin for Flatpickr */
.flatpickr-calendar {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 16px 40px -10px rgba(35,43,53,0.28);
  border: 1px solid #E3E8EB;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  padding: 14px 16px 10px;
  width: 320px !important;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  display: none !important;
}

.flatpickr-months {
  align-items: center;
  margin-bottom: 6px;
}
.flatpickr-current-month {
  font-size: 16px;
  font-weight: 700;
  color: #232B35;
  padding: 0;
}
.flatpickr-current-month input.cur-year {
  font-weight: 700;
  color: #232B35;
}
.flatpickr-prev-month,
.flatpickr-next-month {
  color: #5B6570 !important;
  fill: #5B6570 !important;
  border-radius: 9999px;
  height: 34px;
  width: 34px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  background: #EDF0F2;
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-weekdays {
  margin-bottom: 2px;
}
span.flatpickr-weekday {
  color: #8A93A0;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
}

.flatpickr-days {
  width: 100%;
}
.dayContainer {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.flatpickr-day {
  border-radius: 9999px !important;
  color: #232B35;
  font-weight: 500;
  font-size: 13px;
  max-width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 1px auto;
  border: 1px solid transparent;
}
.flatpickr-day:hover {
  background: #EDF0F2;
  border-color: transparent;
}
.flatpickr-day.today {
  border-color: #E8702A;
  color: #E8702A;
}
.flatpickr-day.today:hover {
  background: rgba(232,112,42,0.1);
}
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
  background: #E8702A !important;
  border-color: #E8702A !important;
  color: #fff !important;
  box-shadow: 0 4px 10px -2px rgba(232,112,42,0.5);
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.prevMonthDay {
  color: #C7CED3;
}