.flatpickr-calendar {
  background: #141414;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
  border-radius: 12px;
}

.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-weekdays,
span.flatpickr-weekday {
  background: #141414;
  color: #f5f5f5;
  fill: #f5f5f5;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  color: #c8ff00;
  fill: #c8ff00;
}

.flatpickr-day {
  color: #e5e5e5;
  border-radius: 8px;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
  background: rgba(200, 255, 0, 0.12);
  border-color: rgba(200, 255, 0, 0.12);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: #c8ff00;
  border-color: #c8ff00;
  color: #0a0a0a;
}

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

.flatpickr-day.flatpickr-disabled {
  color: #555;
}

.offert-date-wrap {
  position: relative;
}

.offert-date-wrap input[type="text"],
.offert-date-wrap input[type="date"] {
  padding-right: 2.75rem;
  cursor: pointer;
}

.offert-date-wrap .offert-date-icon {
  position: absolute;
  right: 0.85rem;
  bottom: 0.85rem;
  width: 1.15rem;
  height: 1.15rem;
  color: var(--muted);
  pointer-events: none;
}

.offert-date-wrap input:focus + .offert-date-icon {
  color: var(--accent);
}