.ui-datepicker { background-color: #ffffff; display: block; border:1px solid #beb07d; padding: 20px 45px; font-family: Cambay; font-size: 1rem; }

.ui-datepicker a { display: block; min-width: 25px; text-align: center; }

.ui-datepicker a, .ui-datepicker a:active, .ui-datepicker a:visited { color: #beb07d; }

.ui-datepicker a:hover { color: #ffffff; background: #beb07d; }

.ui-datepicker a.ui-datepicker-prev { float: left; cursor:pointer; padding:3px; }

.ui-datepicker a.ui-datepicker-next { float: right; cursor: pointer; padding: 3px; }

.ui-datepicker a.ui-datepicker-next:hover,
.ui-datepicker a.ui-datepicker-prev:hover { color: #beb07d;font-weight:bold;background :none; }

.ui-datepicker .ui-datepicker-title { clear: both; width: 100%; padding: 5px 0; text-align: center; border-bottom: 1px solid #beb07d; margin-bottom: 12px; }

.ui-datepicker .ui-datepicker-unselectable.ui-state-disabled span,
.ui-datepicker a.ui-datepicker-next.ui-state-disabled,
.ui-datepicker a.ui-datepicker-prev.ui-state-disabled,
.ui-datepicker a.ui-datepicker-next.ui-state-disabled:hover,
.ui-datepicker a.ui-datepicker-prev.ui-state-disabled:hover { opacity: 0.5; color: #beb07d; display: block; min-width: 25px; text-align: center; background:none; cursor:default; }

    /* Responsive :  */
    @media screen and (max-width:600px) {
        .ui-datepicker { font-size: 1.5rem; }
        .ui-datepicker a { min-width: 50px; }   
    }

    @media screen and (max-width:800px) {
        .ui-datepicker { font-size: 1.2rem;}
    }