.ui-datepicker {
    font-family: Arial, sans-serif;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 1000;
}
.mtz-monthpicker select{
    padding: 0;
}


.ui-datepicker-header {
    background: #f0f0f0;
    padding: 10px;
    text-align: center;
}

.mtz-monthpicker-month {
    padding: 5px;
    cursor: pointer;
    display: inline-block;
    width: calc(33.33% - 10px);
    margin: 5px 0;
}

.mtz-monthpicker-month:hover {
    background-color: #d1e7dd; /* Change this color to your desired hover color */
}

.mtz-monthpicker-month:hover:not(.ui-state-active) {
    background-color: #f0f0f0;
}

.mtz-monthpicker-month.ui-state-disabled {
    color: #aaa;
    cursor: not-allowed;
}