#ui-datepicker-div {

    display: none;

    background: #FFF;

    border: 1px solid #484849;

    padding: 2px;

    margin-top: -1px;

}



/* HEADER */

#ui-datepicker-div .ui-datepicker-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

    #ui-datepicker-div .ui-datepicker-header a,

    #ui-datepicker-div .ui-datepicker-header a:link,

    #ui-datepicker-div .ui-datepicker-header a:hover,

    #ui-datepicker-div .ui-datepicker-header a:active,

    #ui-datepicker-div .ui-datepicker-header a:visited,

    #ui-datepicker-div .ui-datepicker-header a:focus {

        text-decoration: none;

        color: #000;

        text-align: center;

        cursor: pointer;

    }

        #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span,

        #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {

            display: inline-block;

            overflow: hidden;

            text-indent: -9999rem;

            width: 32px;

            line-height: 40px;

            background-color: #fff;

            background-position: 50% 50%;

            background-repeat: no-repeat;

            background-size: 16px 16px;

        }

    #ui-datepicker-div .ui-datepicker-prev {

        order: 1;

    }

        #ui-datepicker-div .ui-datepicker-prev span {

            background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyLjYzNSAzMi42MzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyLjYzNSAzMi42MzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMzIuMTM1LDE2LjgxN0gwLjVjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjVzMC4yMjQtMC41LDAuNS0wLjVoMzEuNjM1YzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjUgICBTMzIuNDExLDE2LjgxNywzMi4xMzUsMTYuODE3eiIgZmlsbD0iIzAwMDAwMCIvPgoJPHBhdGggZD0iTTEzLjAzNywyOS4zNTNjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTQtMC4xNDZMMC4xNDYsMTYuNjY5QzAuMDUzLDE2LjU3NSwwLDE2LjQ0OCwwLDE2LjMxNXMwLjA1My0wLjI2LDAuMTQ2LTAuMzU0ICAgTDEyLjY4NCwzLjQyOWMwLjE5NS0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwczAuMTk1LDAuNTEyLDAsMC43MDdMMS4yMDcsMTYuMzE1bDEyLjE4NCwxMi4xODRjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwNyAgIEMxMy4yOTMsMjkuMzA0LDEzLjE2NSwyOS4zNTMsMTMuMDM3LDI5LjM1M3oiIGZpbGw9IiMwMDAwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);

        }

    #ui-datepicker-div .ui-datepicker-next {

        order: 3;

    }

        #ui-datepicker-div .ui-datepicker-next span {

            background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyLjYzNSAzMi42MzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyLjYzNSAzMi42MzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMzIuMTM1LDE2LjgxN0gwLjVjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjVzMC4yMjQtMC41LDAuNS0wLjVoMzEuNjM1YzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjUgICBTMzIuNDExLDE2LjgxNywzMi4xMzUsMTYuODE3eiIgZmlsbD0iIzAwMDAwMCIvPgoJPHBhdGggZD0iTTE5LjU5OCwyOS4zNTNjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTQtMC4xNDZjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdsMTIuMTg0LTEyLjE4NEwxOS4yNDQsNC4xMzYgICBjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdzMC41MTItMC4xOTUsMC43MDcsMGwxMi41MzcsMTIuNTMzYzAuMDk0LDAuMDk0LDAuMTQ2LDAuMjIxLDAuMTQ2LDAuMzU0ICAgcy0wLjA1MywwLjI2LTAuMTQ2LDAuMzU0TDE5Ljk1MSwyOS4yMDZDMTkuODU0LDI5LjMwNCwxOS43MjYsMjkuMzUzLDE5LjU5OCwyOS4zNTN6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);

        }

    #ui-datepicker-div .ui-datepicker-title {

        order: 2;

        display: flex;

        justify-content: center;

        align-items: center;

    }

        #ui-datepicker-div .ui-datepicker-title span {

            font-weight: 400;

            line-height: 40px;

        }

        #ui-datepicker-div .ui-datepicker-title select {

            -webkit-appearance: none;

            -moz-appearance: none;

            -ms-appearance: none;

            -o-appearance: none;

            appearance: none;

            border-radius: 0;

            border: none;

            height: 32px;

            font-family: 'Arial', sans-serif;

            font-size: 1rem;

            outline: none;

            background-color: #fff;

            background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1NC4zIDI1NC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTQuMyAyNTQuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMjQ5LjYyOCw1My4yMTZsLTAuMTkxLTAuMTI3Yy0yLjg2LTMuMzM3LTYuODY1LTUuNDAzLTExLjMxNS01LjQwM0gxNi4xODUgICAgIGMtNC41NDUsMC04LjU4MSwyLjE5My0xMS40NzMsNS41OTRsLTAuMDY0LTAuMDY0Yy02LjE5OCw2Ljg5Ny02LjE5OCwxOC4wODQsMCwyNC45ODFsMTExLjIwNywxMjMuMjIxICAgICBjNi4xOTgsNi45MjksMTYuMjQxLDYuOTI5LDIyLjQzOCwwbDAuMzgxLTAuNjY3TDI0OS42MjgsNzguMTk3QzI1NS44NTcsNzEuMywyNTUuODU3LDYwLjExMywyNDkuNjI4LDUzLjIxNnoiIGZpbGw9IiMwMDAwMDAiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);

            background-size: 8px 8px;

            background-repeat: no-repeat;

            background-position: 96% 50%;

            padding: 0 16px 0 8px;

            font-weight: 700;

        }

/* ###### */





/* CALENDAR */

#ui-datepicker-div .ui-datepicker-calendar {

    border-collapse: collapse;

}



/* weeknames */

#ui-datepicker-div .ui-datepicker-calendar th {

    text-align: center;

}   

    #ui-datepicker-div .ui-datepicker-calendar th span {

        display: inline-block;

        width: 100%;

        line-height: 32px;

        font-weight: 400;

        font-size: .88rem;

    }



/* days */

#ui-datepicker-div .ui-datepicker-calendar td {

    padding: 2px;

}

    #ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled span,

    #ui-datepicker-div .ui-datepicker-calendar a,

    #ui-datepicker-div .ui-datepicker-calendar a:link,

    #ui-datepicker-div .ui-datepicker-calendar a:hover,

    #ui-datepicker-div .ui-datepicker-calendar a:active,

    #ui-datepicker-div .ui-datepicker-calendar a:visited,

    #ui-datepicker-div .ui-datepicker-calendar a:focus {

        display: inline-block;

        width: 32px;

        line-height: 32px;

        background: #ededed;

        text-align: center;

        text-decoration: none;

        color: #000;

    }

    #ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled span {

        opacity: .4;

    }



/* today */

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a,

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a:link,

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a:hover,

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a:active,

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a:visited,

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a:focus {

    background: #ddd;

}



/* hover */

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a:hover,

#ui-datepicker-div .ui-datepicker-calendar a.ui-state-hover,

#ui-datepicker-div .ui-datepicker-calendar a.ui-state-active {

    background: #aaa;

}

/* ######## */