.ui-datepicker {
    width  : 205px;
    height : 205px;

    &:after {
        display : block;
        content : "";
        height  : 5px;
        margin  : 0 5px;
    }

    .ui-datepicker-header {
        position         : relative;
        height           : 30px;
        font-size        : 16px;
        color            : #212121;
        background-color : #ffffff;
    }

    .ui-datepicker-prev,
    .ui-datepicker-next {
        user-select       : none;
        position          : absolute;
        width             : 12px;
        height            : 21px;
        font-size         : 0;
        background-repeat : no-repeat;
        cursor            : pointer;
    }

    .ui-datepicker-prev { background-image: url("img/icons/left-arrow.png"); }
    .ui-datepicker-next {
        right            : 0;
        background-image : url("img/icons/right-arrow.png");
    }

    .ui-datepicker-calendar {
        width            : 205px;
        background-color : #ffffff;

        th {
            height         : 30px;
            width          : 30px;
            padding        : 0;

            font-size      : 12px;
            color          : #444444;
            font-weight    : normal;

            vertical-align : middle;
            text-transform : inherit;
            text-align     : center;
        }

        tr {
            height           : inherit;
            background-color : #ffffff;

            &:last-child td { border: 0; }
        }

        td {
            padding        : 0;
            font-size      : 13px;
            line-height    : 30px;
            text-align     : center;
            vertical-align : middle;

            &:hover { background-color: #dddddd; }

            a {
                box-sizing      : border-box;
                width           : 100%;
                height          : 100%;
                display         : block;
                text-decoration : none;
                color           : #777777;
            }
        }
    }

    .ui-datepicker-unselectable {
        pointer-events   : none;
        background-color : none;
    }

    .ui-state-disabled { color: #eeeeee; }

    .ui-datepicker-title {
        text-align  : center;
        line-height : 26px;
    }

    .ui-state-active {
        background : #dddddd;
        outline    : 1px solid #aaaaaa !important;
    }

    .hover-highlighted-date-range { background-color: #ededed; }
}