.ui-datepicker {
    width: 100%!important;
}

.ui-datepicker-header {
    border: none!important;
    background-color: #f6f6f6!important;
    margin: -0.2em -0.2em 0 -0.2em!important;
    border: 5px solid #f6f6f6!important;
}

.ui-datepicker td span, .ui-datepicker td a {
    height: 50px!important;
    padding: 5px!important;
}

.ui-datepicker td.has-events span, .ui-datepicker td.has-events a {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: url('../Images/calendar-date-has-events.png');
    }

.ui-state-default, 
.ui-state-hover,
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
    border: none!important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px!important;
    top: 2px!important;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px!important;
    top: 2px!important;
}

.ui-state-highlight {
    background-color: var(--secondary-color)!important;
    color: var(--secondary-color-text)!important;
    }

.ui-state-active {
    background-color: var(--primary-color)!important;
    color: var(--primary-color-text)!important;
    /*border: 1px solid #bb1b8d!important;*/
}