.ui-widget {
    font-family: "AGBookRoundedBQ"
}
.ui-datepicker {
    background: #d6e6f6;
    border: none;
    padding: 0;
    margin: 0;
}

.ui-datepicker table {
    margin-bottom: 0;
}

.ui-datepicker.ui-corner-all, .ui-datepicker .ui-corner-all {
    border-radius: 0;
}

.ui-datepicker-header {
    background: #d6e6f6;
    border: none;
    color: #24356B;
    font-family: "AGBookRoundedBQ Medium";
}

.ui-datepicker-prev, .ui-datepicker-next,
.ui-datepicker-prev.ui-state-hover, .ui-datepicker-next.ui-state-hover {
    background: none;
    border: none;
    top: 2px;
}

.ui-datepicker-prev, .ui-datepicker-prev.ui-state-hover { left: 2px; }
.ui-datepicker-next, .ui-datepicker-next.ui-state-hover { right: 2px; }

.ui-datepicker-prev {
    background-image: url('calendar-arrow-left.png') !important;
}

.ui-datepicker-next {
    background-image: url('calendar-arrow-right.png') !important;
}

.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon {
    background: none;
}

.ui-datepicker th, .ui-datepicker td {
    border-left: 5px solid #d6e6f6;
    border-right: 5px solid #d6e6f6;
    border-bottom: 4px solid #d6e6f6;
    padding: 0;
}

.ui-datepicker th {
    padding: 3px 0;
    color: #ffffff;
    background: #00488f;
}

.ui-datepicker td a.ui-state-default,
.ui-datepicker td a.ui-state-hover,
.ui-datepicker td.ui-state-disabled span {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    text-align: center;
    font-weight: bold;
}

.ui-datepicker td a.ui-state-default:hover {
    border: 1px solid #00488f;
}

.ui-datepicker td a.ui-state-active {
    color: #FFFFFF;
    background: #00488f;
    border: 1px solid #00488f;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #00488f;
}