.flatpickr-calendar {
  @apply bg-green-600 text-white font-mosk;

  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.flatpickr-months,
.flatpickr-weekdays {
  background: rgba(255, 255, 255, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInputWrapper input {
  color: white;
  background: transparent;
}

.flatpickr-weekday {
  color: rgba(255, 255, 255, 0.6) !important;
}

.flatpickr-day {
  color: white;
  border-color: transparent;
}

.flatpickr-day.today {
  border-color: rgba(255, 255, 255, 0.2);
}

.flatpickr-day.flatpickr-disabled {
  color: rgba(255, 255, 255, 0.1) !important;
}

.flatpickr-day.nextMonthDay {
  color: rgba(255, 255, 255, 0.5) !important;
}

.flatpickr-day:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: white !important;
}

.flatpickr-time {
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.flatpickr-time input {
  color: white;
  background: rgba(255, 255, 255, 0.05);
}

.flatpickr-time input:hover,
.flatpickr-time input:focus {
  background: rgba(255, 255, 255, 0.1);
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: rgba(255, 255, 255, 0.8);
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  fill: rgba(255, 255, 255, 0.5);
}

.flatpickr-time-separator {
  background: #0C3411 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  padding: 0px 12px 0px 8px;
}

.flatpickr-calendar.arrowTop::after {
  border-bottom-color: #0C3411 !important;
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}