.ui-datepicker {
    padding    : 5px;
    border     : 1px solid #000000;
    margin     : -18px;
    background : rgba(34, 34, 34, 0.9);
    box-shadow : inset 0 0 0 1px rgba(255, 255, 255, 0.2);

    .ui-datepicker-header {
        position         : relative;
        height           : 25px;
        font-size        : 11px;
        font-weight      : bold;
        color            : #ffffff;
        background-color : #151515;
    }

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

    .ui-datepicker-prev {
        background-image    : url("img/preview/calendar/calendar-sprite.png");
        background-position : 0 0;
    }
    .ui-datepicker-next {
        right               : 0;
        background-image    : url("img/preview/calendar/calendar-sprite.png");
        background-position : -25px 0;
    }

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

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

            font-size      : 11px;
            color          : #666666;
            font-weight    : normal;

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

        tr {
            height           : inherit;

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

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

            &:hover { background-color: #404040; }
            &.ui-datepicker-today { font-weight: bold; }

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

                &.ui-state-active { color: #98d235; }
            }
        }
    }

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

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