#calendar .fc-toolbar {
    font-family: monospace;
}

#calendar .fc-content a,
#calendar .fc-content {
    color: white;
}

#calendar .fc-content a:hover {
    color: #d8d8d8;
}

.fc-content .fc-time {
    display: none;
}

#datePickerContainer .ui-datepicker {
    width: 100% !important;
    box-sizing: border-box;
}

#datePickerContainer td {
    vertical-align: middle;
}

.ui-state-default {
    min-height: 50px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    border: none !important;
    background: #cbe2fa !important;
    color: #454545 !important;
    text-align: center !important;
}

.ui-widget-header {
    border: none;
    background: none;
    color: #333;
    font-weight: bold;
}

.ui-state-default:hover {
    background: #c0e0ff !important;
}

.ui-state-active {
    background: #007fff !important;
    color: #fff !important;
}

.ui-state-active:hover{
    background: #8ec7ff !important;
    color: #fff !important;
}

.ui-state-disabled .ui-state-default {
    background: none !important;
    ;
}