/* Datepicker Container */
.ui-datepicker {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px;
    width: 233px;
}

/* Header Styling */
.ui-datepicker-header {
    background: #dcffdd;
    color: rgb(0, 94, 42);
    font-weight: bold;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 10px;
}
.ui-datepicker select.ui-datepicker-month {
    margin-right: 2px;
    font-size: 12px;
}

/* Navigation Arrows */
.ui-datepicker-prev, .ui-datepicker-next {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    top: 6px!important;
}

.ui-datepicker-prev:hover {
    left: 3px!important;
}
.ui-datepicker-next:hover {
    right: 3px!important;
}


/* Weekday Labels */
.ui-datepicker th {
    font-size: 13px;
    font-weight: 500;
    color: #387a3a;
}

/* Day Cells */
.ui-datepicker td {
    text-align: center;
    padding: 2px;
}
.ui-datepicker td a{
    width: 25px;
    min-width: 25px;
    height: 25px;
    text-align: center;
}

.ui-datepicker .ui-state-default {
    display: inline-block;
    text-decoration: none;
    background: #f8f9fa;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    text-align: center;
    width: 100%;
}

/* Hover Effect */
.ui-datepicker .ui-state-default:hover {
    background: #387a3a;
    color: white;
    border-color: #387a3a;
}

/* Selected Date */
.ui-datepicker .ui-state-active {
    background: #387a3a !important;
    color: white !important;
    border-radius: 6px;
}

/* Disabled Dates */
.ui-datepicker .ui-state-disabled {
    color: #ccc;
    background: none;
    opacity: 0.5;
}