.daterangepicker.active {
  background-color: var(--bs-orange);
}

@media (min-width: 768px) {
  .daterangepicker {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    margin-top: 0;
  }
  .daterangepicker:before {
    content: unset;
  }
  .daterangepicker:after {
    content: unset;
  }
  .daterangepicker .drp-calendar {
    max-width: unset;
  }
  .daterangepicker td.available:hover, .daterangepicker th.available:hover {
    outline: 1px solid;
  }
  .daterangepicker td.start-date, .daterangepicker td.end-date, .daterangepicker td.start-date.end-date {
    border-radius: 50% !important;
    width: 63px;
  }
  .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    padding: 15px;
    font-size: 1rem;
    border-radius: 50%;
    line-height: unset;
    height: 52px;
    width: 52px;
  }
  .daterangepicker .calendar-table th:hover, .daterangepicker .calendar-table td:hover {
    border-radius: 50%;
  }
  .daterangepicker .calendar-table th.in-range:not(.end-date):not(.start-date), .daterangepicker .calendar-table td.in-range:not(.end-date):not(.start-date) {
    border-radius: 0;
  }
  .daterangepicker .calendar-table th.in-range:not(.end-date):not(.start-date):hover, .daterangepicker .calendar-table td.in-range:not(.end-date):not(.start-date):hover {
    outline: none;
    background: beige;
  }
  .daterangepicker .calendar-table th.active, .daterangepicker .calendar-table td.active {
    background-color: var(--bs-orange);
  }
  .daterangepicker .drp-buttons .btn {
    font-size: 0.8rem;
    font-weight: unset;
    padding: 5px 20px;
  }
}
@media (max-width: 768px) {
  .daterangepicker {
    position: fixed;
    border: none;
    top: 50px !important;
    left: 0 !important;
    margin: 0;
  }
  .daterangepicker .drp-calendar {
    max-width: 100%;
    padding: 0 !important;
    margin: auto;
  }
  .daterangepicker .drp-calendar .calendar-table td, .daterangepicker .drp-calendar .calendar-table th {
    line-height: 2rem;
  }
}
@media (max-width: 480px) {
  .daterangepicker {
    position: fixed;
    height: 100vh;
    width: 100vw;
    border: none;
    top: 0px !important;
    left: 0 !important;
    margin: 0;
  }
  .daterangepicker .drp-calendar {
    max-width: 90%;
    padding: 0 !important;
    margin: auto;
  }
  .daterangepicker .drp-calendar .calendar-table td, .daterangepicker .drp-calendar .calendar-table th {
    line-height: 2rem;
  }
  .dtpick-title + .daterangepicker {
    height: calc(100vh - 50px);
    top: 50px !important;
  }
  .dtpick-title + .daterangepicker + .daterangepicker {
    height: calc(100vh - 50px);
    top: 50px !important;
  }
}/*# sourceMappingURL=datepicker.reset.css.map */