/* DARK RED THEME OVERRIDE */

.date-picker {
  color: #ffffff;
  background-color: #090000;
}

.date-picker-wrapper {
  border: 1px solid #ff1a1a;
  background-color: #120000;
  color: #ffffff;
  box-shadow: 0 0 12px rgba(255, 0, 0, 0.45), 3px 3px 14px rgba(0, 0, 0, 0.75);
}

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

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

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

.date-picker-wrapper .month-name {
  color: #ffcc33;
  font-weight: 700;
}

.date-picker-wrapper .month-wrapper {
  border: 1px solid #b00000;
  background-color: #0b0000;
}

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

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

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

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

.date-picker-wrapper .month-wrapper table .day.toMonth.valid:hover {
  background-color: #2a0000;
  color: #ffcc33;
}

.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #ff1a1a;
  color: #ffffff;
  box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.25);
}

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

.date-picker-wrapper .month-wrapper table .day.real-today {
  background-color: #ffcc33;
  color: #120000;
  font-weight: 700;
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background-color: #ff1a1a;
  color: #ffffff;
}

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

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

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

.date-picker-wrapper .drp_top-bar {
  color: #ffffff;
  background-color: #160000;
  border-bottom: 1px solid rgba(255, 26, 26, 0.35);
}

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

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

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

.date-picker-wrapper .drp_top-bar .apply-btn:hover {
  background: #ffcc33;
  border-color: #ffcc33;
  color: #120000;
  box-shadow: 0 0 12px rgba(255, 204, 51, 0.65);
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  color: #777777;
  border: 1px solid #3a0000;
  background: #1a0000;
  box-shadow: none;
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
  background-color: #ff1a1a !important;
  color: #ffffff !important;
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.65);
}

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

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

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

.date-picker-wrapper .week-number.week-number-selected {
  color: #ffcc33;
  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 #120000;
  border-top: 8px solid #1a0000;
  border-bottom: 8px solid #1a0000;
}

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

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

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