/* DARK RED & GOLD THEME OVERRIDE */

.date-picker {
  color: #ffd36a;
  background-color: #120000;
}

.date-picker-wrapper {
  border: 1px solid #b30000;
  background-color: #160202;
  color: #ffd36a;
  box-shadow:
    0 0 12px rgba(255, 0, 0, 0.35),
    3px 3px 14px rgba(0, 0, 0, 0.65);
}

.date-picker-wrapper b {
  color: #ffd36a;
}

.date-picker-wrapper a {
  color: #ffcc45;
}

.date-picker-wrapper a:hover {
  color: #ffffff;
}

.date-picker-wrapper .month-name {
  color: #ffcc45;
}

.date-picker-wrapper .month-wrapper {
  border: 1px solid #8b0000;
  background:
    linear-gradient(180deg, #220303 0%, #100000 100%);
}

.date-picker-wrapper .month-wrapper table .week-name {
  color: #ffcc45;
}

.date-picker-wrapper .month-wrapper table .day {
  color: #8f6b6b;
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth {
  color: #5c3a3a;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #ffd36a;
}

.date-picker-wrapper .month-wrapper table .day.checked {
  background:
    linear-gradient(135deg, #b30000, #ff1a1a);
  color: #ffffff;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.45);
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #5a0000;
  color: #ffcc45;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
  background:
    linear-gradient(135deg, #ffcc45, #b8860b);
  color: #180000;
  font-weight: 700;
  box-shadow: 0 0 10px rgba(255, 204, 69, 0.45);
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background:
    linear-gradient(135deg, #b30000, #ff2b2b);
  color: #ffffff;
}

.date-picker-wrapper table .caption {
  color: #ffd36a;
}

.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
  color: #ffcc45;
}

.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
  background-color: #b30000;
  color: #ffffff;
}

.date-picker-wrapper .drp_top-bar {
  color: #ffd36a;
  background-color: #120000;
  border-bottom: 1px solid rgba(179, 0, 0, 0.45);
}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
  color: #ffcc45;
}

.date-picker-wrapper .drp_top-bar.error .error-top {
  color: #ff4d4d;
}

.date-picker-wrapper .drp_top-bar .apply-btn {
  color: #ffffff;
  border: 1px solid #ffcc45;
  background: #8b0000;
  background: linear-gradient(to bottom, #ff1a1a, #7a0000);
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.35);
}

.date-picker-wrapper .drp_top-bar .apply-btn:hover {
  background: linear-gradient(to bottom, #ffcc45, #b8860b);
  border-color: #ffdf7a;
  color: #180000;
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  color: #7d5555;
  border: 1px solid #5c1a1a;
  background: #220303;
  box-shadow: none;
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
  background:
    linear-gradient(135deg, #ff1a1a, #8b0000) !important;
  color: #ffffff !important;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.45);
}

.date-picker-wrapper .date-range-length-tip {
  background-color: #ffcc45;
  color: #180000;
  font-weight: 700;
}

.date-picker-wrapper .date-range-length-tip:after {
  border-top: 4px solid #ffcc45;
}

.date-picker-wrapper .week-number {
  color: #ff4d4d;
}

.date-picker-wrapper .week-number.week-number-selected {
  color: #ffcc45;
  font-weight: 700;
}

/* Gap / separator styling */
.date-picker-wrapper .gap {
  background-color: #8b0000;
}

.date-picker-wrapper .gap .gap-line .gap-1 {
  border-left: 8px solid #160202;
  border-top: 8px solid #220303;
  border-bottom: 8px solid #220303;
}

.date-picker-wrapper .gap .gap-line .gap-2 {
  border-left: 8px solid transparent;
  border-top: 8px solid #160202;
}

.date-picker-wrapper .gap .gap-line .gap-3 {
  border-left: 8px solid transparent;
  border-bottom: 8px solid #160202;
}

.date-picker-wrapper .gap .gap-top-mask,
.date-picker-wrapper .gap .gap-bottom-mask {
  background-color: #160202;
}