:root {
        --datepicker-main-color: #113660;
        --datepicker-secondary-color: #295f9c;
        --datepicker-light-color: white;
        --datepicker-dark-color: #113660;
    }
    #ui-datepicker-div {
        z-index: 99999 !important;
        border: 1px solid var(--datepicker-main-color);
        background: var(--datepicker-light-color);
    }

    #ui-datepicker-div .ui-datepicker-header {
        border: 1px solid var(--datepicker-main-color) !important;
        background: #113660 !important;
    }

    #ui-datepicker-div .ui-state-default{
        border:1px solid var(--datepicker-main-color) !important;
        background: var(--datepicker-light-color);
        color:var(--datepicker-dark-color);
    }

    #ui-datepicker-div .ui-datepicker-calendar .ui-state-hover {
        background: var(--datepicker-secondary-color);
        border: 1px solid var(--datepicker-secondary-color) !important;
        color: var(--datepicker-light-color);
    }
       
    #ui-datepicker-div .ui-datepicker-header .ui-state-hover {
        border: unset;
        background: unset;          
    }

    #ui-datepicker-div .ui-state-hover .ui-icon,
    #ui-datepicker-div .ui-state-focus .ui-icon {        
        background-image: url("/_assets/js/plugin/datepicker/images/ui-icons_ffffff_256x240.png") !important;
    }


    #ui-datepicker-div .ui-state-highlight {
        background: var(--datepicker-dark-color);
        color: var(--datepicker-light-color);
    }

    #ui-datepicker-div .ui-datepicker-week-end a {
        color: grey !important;
    }


    #ui-datepicker-div .ui-datepicker-other-month .ui-priority-secondary {
        opacity: 1;
        border: 1px solid #dfdada !important;
        background: var(--datepicker-light-color) !important;
        color: grey !important;
    }