.ui-datepicker {
    z-index: 1100 !important;
    border-radius: 1rem;
}

/*div.ui-datepicker {
    font-size: 1rem;*/ /*20px*/
/*}*/

.ui-datepicker-inline {
    border: 0 !important;
}

/*.ui-datepicker-prev span, .ui-datepicker-next span {
    background-image: none !important;
}

    .ui-datepicker-prev span.ui-icon {
        width: 6px;
        display: block;
        text-indent: 0;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    .ui-datepicker-prev span:before {
        content: "navigate_before";
        font-family: "Material Icons Outlined";
        position: relative;
    }*/

/*.ui-icon.ui-icon-circle-triangle-w {
    background: none;
}

.ui-icon.ui-icon-circle-triangle-e {
    background: none;
}*/

.ui-datepicker-prev,
.ui-datepicker-next {
    cursor: pointer !important;
}

    .ui-datepicker-prev span,
    .ui-datepicker-next span {
        background-image: none !important;
    }

    .ui-datepicker-prev:before,
    .ui-datepicker-next:before {
        font-family: "Material Icons Outlined";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        font-weight: normal;
        align-items: center;
        justify-content: center;
    }

    .ui-datepicker-prev:before {
        content: "navigate_before";
    }

    .ui-datepicker-next:before {
        content: "navigate_next";
    }

.ui-widget-header {
    border: none;
    background: none;
}

.ui-state-default {
    text-align: center !important;
    border: none !important;
    border-radius: 1rem;
    background: none !important;
}

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

.ui-state-highlight {
    background: #ffe6e6 !important;
}

.ui-state-active {
    background: var(--primary) !important;
    color: white !important;
}

.ui-datepicker-next-hover {
    border: 0 !important;
    top: 2px !important;
    right: 2px !important;
    background-color: transparent !important;
    color: black !important;
}

.ui-datepicker-prev-hover {
    border: 0 !important;
    top: 2px !important;
    left: 2px !important;
    background-color: transparent !important;
    color: black !important;
}

.ui-datepicker {
    border: 0 !important;
}

.ui-datepicker-week-col {
    text-align: center;
    opacity: 0.75;
}