.daterangepicker.readonly {
  display: none !important;
}
.daterangepicker {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}
.daterangepicker select {
  border-radius: 4px;
}
.daterangepicker button {
  border: 0;
  font: 10px verdana, sans-serif;
  height: 25px;
}
.daterangepicker .calendar-time {
  padding-right: 8px;
}
.daterangepicker td.in-range {
  background: var(--light-trans-color);
}
.daterangepicker .weekend {
  color: var(--red);
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background: var(--light-color);
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  color: var(--white) !important;
}