.daterangepicker{
    font-family: 'Kanit', sans-serif;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    border: 1px solid #C4C4C4;
    border-radius: 5px;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    border: solid #2541b2;
    border-width: 0 2px 2px 0;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    height: 30px;
    line-height: 28px;
    font-size: 16px;
}
.daterangepicker td.in-range {
    background-color: rgb(222 227 243 / 50%);
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #2d48b5 !important;
}