input.flatpickr-alt-input {
  display: inline !important;
}

.flatpickr-monthDropdown-months:focus,
.numInput.cur-year:focus {
  outline: none !important;
  --tw-ring-shadow: none !important;
}

.flatpickr-monthDropdown-months, .cur-year {
  font-size: 16px !important;
}

.flatpickr-day.today {
  background-color: #14919B !important;
  border-color: #14919B !important;
  color: #FFFFFF !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: #14919B !important;
  border-color: #14919B !important;
  color: #FFFFFF !important;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #14919B !important;
}

.flatpickr-day:hover {
  background-color: #0E7C86 !important;
  border-color: #0E7C86 !important;
  color: #FFFFFF !important;
}

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

.dark {
  .flatpickr-calendar {
    background-color: #333333 !important;
  }

  .flatpickr-calendar {
    border: 0px solid #666666 !important;
  }

  .flatpickr-day,
  .flatpickr-weekday,
  .flatpickr-monthDropdown-months,
  .numInput.cur-year {
    color: #FFFFFF !important;
  }

  .prevMonthDay, .nextMonthDay, .flatpickr-day.flatpickr-disabled {
    color: #666666 !important;
  }

  .flatpickr-day.today {
    background-color: #38BEC9 !important;
    border-color: #38BEC9 !important;
  }

  .flatpickr-day.selected,
  .flatpickr-day.startRange,
  .flatpickr-day.endRange {
    background: #38BEC9 !important;
    border-color: #38BEC9 !important;
  }

  .flatpickr-day.inRange {
    background: #666666 !important;
    border-color: #666666 !important;
    color: #FFFFFF !important;
    box-shadow: -5px 0 0 #666666, 5px 0 0 #666666;
  }

  .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #38BEC9 !important;
  }

  .flatpickr-day:hover {
    background-color: #2AB5C0 !important;
    border-color: #2AB5C0 !important;
    color: #FFFFFF !important;
  }

  .flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #FFFFFF
  }

  .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #FFFFFF
  }

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

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

  .flatpickr-time, .flatpickr-time-separator {
    color: #FFF !important;
  }

  .flatpickr-time .flatpickr-hour, .flatpickr-time .flatpickr-minute, .flatpickr-time .flatpickr-second, .flatpickr-am-pm {
    background-color: #333 !important;
    color: #FFF !important;
  }

  .flatpickr-time .flatpickr-hour:focus, .flatpickr-time .flatpickr-minute:focus, .flatpickr-time .flatpickr-second:focus, .flatpickr-am-pm:focus, .flatpickr-time-separator:focus {
    outline-color: #2AB5C0 !important;
    border-color: #2AB5C0 !important;
  }
}
