/*Button Customization for Date Range Picker */
.applyBtn {
    background-color: var(--contrast);
    color: white;
    border-radius: 8px;
    padding: 6px 32px !important;
    width: auto;
    text-align: center;
}
.applyBtn:hover {
    background-color: var(--contrast);
}

.cancelBtn {
    background-color: white;
    color: var(--gray2);
    border-radius: 8px;
    padding: 6px 32px !important;
    width: auto;
}

/*Don't show the right calendar in the date range picker*/
.daterangepicker .drp-calendar.calendar.left {
    display: block;
    width: 100%;
}

.daterangepicker .drp-calendar.right {
    display: none !important;
}

.daterangepicker .drp-selected {
    display: none !important;
}

/*Disabled dates and active dates customization*/
.daterangepicker td.off,
.daterangepicker td.disabled,
.daterangepicker td.off.disabled {
    background: none !important;
    text-decoration: none !important;
    color: #c9c9c9 !important; /* 👈 Use a lighter gray */
    cursor: not-allowed;
}

/*Active dates and in-range dates customization*/
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.in-range {
    background-color: var(--contrast) !important;
    color: #fff !important;
}

/*Smaller date height*/
.daterangepicker tr {
    height: 28px !important;
    line-height: 28px !important;
    padding: 2px 6px !important;
}