.daterangepicker{
    min-width: 750px;
}
.daterangepicker .ranges li {
    font-size: 12px;
    margin: 0 12px;
    /* padding: 0 !important; */
    cursor: pointer;
    width: 180px;
    height: 42px;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    color: #0D1017 !important;
}
.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 200px !important;
}
.daterangepicker .ranges li.active , .daterangepicker .ranges li:hover{
    border-radius: 12px !important;
    background-color: #F2F3F5 !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #0077FF !important;
    border-color: transparent;
    color: #fff;
}
.daterangepicker th.month {
    width: auto !important;
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 500 ;
}
.drp-selected{
    display: none !important;
 }

.daterangepicker .drp-buttons .btn {
    opacity: 1;
    gap: 6px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-radius: 12px;
    border: 1px solid #D3D6DB;
}
.cancelBtn {
    width: 109px;
    height: 42px;
    color: #45484F;
}
.applyBtn {
    background-color: #0077FF !important;
    width: 160px;
    height: 42px;
}
.daterangepicker td.start-date {
    border-radius: 14px 0 0 14px !important;
}
.daterangepicker td.end-date {
    border-radius: 0 14px 14px 0 !important;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
    width: 36px !important;
    height: 36px !important;
}