/* Customize the background color of the selected day */
.daterangepicker .drp-calendar .active,
.daterangepicker .drp-calendar .active:hover {
  background-color: #0d8591 !important; /* New color for the selected day */
  color: white !important; /* Text color */
}

/* Customize the background color for the range hover */
.daterangepicker .drp-calendar .in-range {
  background-color: #e4f1f9 !important; /* Lighter shade for the range */
}