.ui-datepicker.mtz-monthpicker {
background: #ffffff !important;
border: 1px solid #d1d5db !important;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
border-radius: 0 !important; padding: 0 !important;
z-index: 9999999 !important;
width: 340px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
overflow: hidden !important;
}
.ui-datepicker-header.mtz-monthpicker {
background: #ffffff !important;
border: none !important;
padding: 10px 15px !important; display: flex !important;
justify-content: space-between !important;
align-items: center !important;
margin: 0 !important;
border-bottom: 1px solid #e5e7eb !important;
border-radius: 0 !important;
}
.mtz-monthpicker-nav {
color: #374151 !important;
font-size: 14px !important; cursor: pointer !important;
user-select: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 30px !important; height: 30px !important; background: #f9fafb !important;
border-radius: 0 !important;
}
.mtz-monthpicker-nav:hover {
background: #f3f4f6 !important;
color: #111827 !important;
}
.mtz-monthpicker-prev::before { content: "\25C0" !important; }
.mtz-monthpicker-next::before { content: "\25B6" !important; }
.mtz-monthpicker-year-label {
color: #111827 !important;
font-size: 18px !important; font-weight: 700 !important;
} table.mtz-monthpicker {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 2px !important; table-layout: fixed !important;
padding: 10px !important;
background: #ffffff !important;
}
.mtz-monthpicker-month {
background: #ffffff !important;
border: 1px solid #f3f4f6 !important;
color: #374151 !important;
height: 50px !important;
padding: 0 !important;
line-height: 50px !important;
font-size: 14px !important; font-weight: 500 !important;
text-align: center !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
border-radius: 0 !important;
}
.mtz-monthpicker-month:hover {
background: #dbeafe !important;
color: #1e3a8a !important;
border-color: #dbeafe !important;
}
.mtz-monthpicker-month.ui-state-active {
background: #2563eb !important;
color: #ffffff !important;
border-color: #2563eb !important;
}
.mtz-monthpicker-month.ui-state-disabled {
opacity: 0.2 !important;
cursor: not-allowed !important;
}
table.mtz-monthpicker td {
padding: 0 !important;
} @keyframes awcfeSlideIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.ui-datepicker.mtz-monthpicker {
animation: awcfeSlideIn 0.2s ease-out;
}