.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; }
.mtz-monthpicker-month:hover:not(.ui-state-active) {
background-color: #f0f0f0;
}
.mtz-monthpicker-month.ui-state-disabled {
color: #aaa;
cursor: not-allowed;
}