/* Custom Styling for Bootstrap Datepicker */
.datepicker {
 

    padding: 6px !important;
    font-size: 12px;
}

/* Change Header Background */
.datepicker-dropdown {
    background-color: #0a75c754 !important;
    border: 1px solid #ddd !important;
}

/* Style Calendar Table */
.datepicker table {
    width: 100% !important;
    background-color: #fff !important;
}

    /* Change Active Date Color */
    .datepicker table tr td.active,
    .datepicker table tr td.active:hover {
        background-color: #007bff !important;
        color: white !important;
    }

    /* Change Hover Effect */
    .datepicker table tr td:hover {
        background-color: #e3f2fd !important;
        color: black !important;
    }

    /* Style Today’s Date */
    .datepicker table tr td.today {
        background-color: #ffeb3b !important;
        color: black !important;
        font-weight: bold !important;
    }

/* Style the Month and Year Selector */
.datepicker .datepicker-switch {
    font-weight: bold !important;
    font-size: 16px !important;
    color: #333 !important;
}

/* Style Navigation Arrows */
.datepicker .prev,
.datepicker .next {
    color: #007bff !important;
    font-size: 18px !important;
}