div.ui-widget-header.ui-datepicker-header {
background:unset !important;
border:none !important;
}
td, th{padding:10px;
border: none !important;
text-align:left;font-size:15px; color:#979797;}

.ui-datepicker th {
    font-weight: 400 !important;
    color: #616060 !important;
    background: #ffffff; !important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    border: none !important;
    background: unset !important;
}
.ui-datepicker {
width: 24em !important;
box-shadow: 4px 8px 11px 5px rgba(0,0,0,0.24);
-webkit-box-shadow: 4px 8px 11px 5px rgba(0,0,0,0.24);
-moz-box-shadow: 4px 8px 11px 5px rgba(0,0,0,0.24);
padding: 0.7em 0.8em 0.9em;
}
.ui-datepicker td {
    border: 0;
    padding: 9px !important;
}
.ui-state-active, .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 {
color: #a5a5a5 !important;
}
#ui-datepicker-div{
padding: 1.9rem 2.2rem 1.6rem 1.8rem !important;
z-index:99999 !important;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1.4em !important;
}
.ui-datepicker table {
  margin: 11px 0 .4em !important;
}
span.ui-state-default, a.ui-state-default{
background:unset !important;
border: none !important;
}
a.ui-state-default.ui-state-active{
    background:#fffa90 !important;
}


@media (min-width:922px){
 .ui-datepicker td span, .ui-datepicker td a {
display: flex !important;
align-items: center;
justify-content: center;
height: 100%;
        }
        div.ui-datepicker {
            height:29em;
}
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    table.ui-datepicker-calendar, table.ui-datepicker-calendar thead, table.ui-datepicker-calendar tbody, table.ui-datepicker-calendar th, table.ui-datepicker-calendar td, table.ui-datepicker-calendar tr {
        display: revert !important;
    }
    table.ui-datepicker-calendar tr {
      border:none !important;
    }
}