#ui-datepicker-div {
    /*left: -5px !important;*/
    max-width: 100%;
    background: #f3f3f3;
    border-right: 1px #777 solid;
    border-bottom: 1px #777 solid;
    z-index: 12 !important;
}

@media only screen and (min-width: 767px) {
    #ui-datepicker-div {
        /* left: auto !important;*/
    }
}
.ui-datepicker th {
    font-weight: normal !important;
    font-family: 'Ubuntu', sans-serif !important;
}

.ui-widget-header {
    background: #006392;
}

.ui-datepicker-month {
    font-weight: normal !important;
    font-family: 'Ubuntu', sans-serif !important;
    color: #276b27;
}

.ui-datepicker-year {
    font-weight: normal !important;
    font-family: 'Ubuntu', sans-serif !important;
    color: #276b27;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #006392;
    color: #fff;
}

.ui-state-active {
    background: #3b9f3b !important;
}

.ui-datepicker-today .ui-state-highlight {
    border: none;
    background: #b0a0a0 !important;
}

.ui-widget-header a {
    color: #fff !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    filter: brightness(0) invert(1);
}