.flatpickr-calendar.animate.open {
  background: #212c48 !important;
}

.flatpickr-calendar.animate.open {
  margin-top: 10px !important;
}

.flatpickr-months .flatpickr-month {
  height: 55px !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
span.flatpickr-weekday,
.flatpickr-current-month input.cur-year,
.flatpickr-day {
  color: #fff !important;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  fill: #fff;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: #212c48 !important;
  color: #fff !important;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after,
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-top-color: #fff !important;
  border-bottom-color: #fff !important;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  background: transparent !important;
}

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

.flatpickr-current-month {
  height: 50px !important;
}

  .flatpickr-current-month input.cur-year {
    height: 32px !important;
  }

.dayContainer {
  margin-bottom: 10px !important;
}