.ui-datepicker {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 1000 !important;
}

.ui-datepicker-header {
    background: #4CAF50;
    color: white;
    border: none;
    font-weight: bold;
    padding: 5px 0;
}

.ui-datepicker-prev, .ui-datepicker-next {
    cursor: pointer;
    color: white;
}

.ui-datepicker-calendar th {
    padding: 5px;
    color: #666;
}

.ui-datepicker-calendar td a {
    text-align: center;
    padding: 5px;
    color: #333;
    text-decoration: none;
    display: block;
}

.ui-datepicker-calendar td a:hover {
    background: #4CAF50;
    color: white;
    border-radius: 3px;
}

.ui-datepicker-calendar .ui-state-active {
    background: #4CAF50;
    color: white;
    border-radius: 3px;
}