.ui-datepicker th {
    color:var(--main-color);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    display: block;
padding: .9em;
text-align: center;
text-decoration: none;
border-radius: 15px;
margin:3px 0;
color:var(--main-color-two) !important
}
#ui-datepicker-div{
    width: 350px;
    box-shadow: 3px 3px 3px #b9a7a7;
border-radius: 10px;
border: 1px solid #cccccc;
font-weight: bold;
color: #1c94c4;
background: #fff !important;
}
.ui-widget-header {
    border: 1px solid var(--main-color-two);
background: var(--main-color-two);
color: #ffffff;
font-weight: bold;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border:1px solid var(--main-color-two);
background: var(--main-color-two);
color: #fff !important;
border-radius: 27px;
text-align: center;
}
.ui-state-active,.ui-state-default:hover, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border:1px solid var(--main-color);
background: var(--main-color);
color: #fff !important;
border-radius: 27px;
text-align: center;
}