/* Project overrides for daterangepicker@3.1.0 */

.daterangepicker {
  z-index: 1100;
  border-radius: 8px;
  border-color: var(--bs-border-color, #e0e0e0);
  box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.12);
  font-family: inherit;
}

.daterangepicker .calendar-table {
  background-color: var(--bs-body-bg, #fff);
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.in-range,
.daterangepicker td.start-date,
.daterangepicker td.end-date {
  background-color: var(--pc-primary, var(--bs-primary, #4680ff));
  border-color: transparent;
  color: #fff;
}

.daterangepicker td.in-range {
  background-color: color-mix(in srgb, var(--pc-primary, #4680ff) 18%, transparent);
  color: inherit;
}

.daterangepicker td.active.in-range,
.daterangepicker td.start-date,
.daterangepicker td.end-date {
  background-color: var(--pc-primary, var(--bs-primary, #4680ff));
  color: #fff;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 0.35rem;
}

.daterangepicker .ranges li.active {
  background-color: var(--pc-primary, var(--bs-primary, #4680ff));
  color: #fff;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  border-radius: 4px;
  border-color: var(--bs-border-color, #ced4da);
}