.time-control {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-content: center;
    -moz-box-align: center;
}

.time-input-wrap {
    border: solid 1px #BABEC5;
    display: flex;
    /*width: 100px;*/
    height: 32px;
}

.time-picker-trigger {
    background: url('../../../Content/img/icon_time.svg') no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
    background-size: 24px 24px;
    cursor: pointer;
}

    .time-picker-trigger:hover, .time-picker-trigger:active {
        background-color: #f4f9fd;
    }

.time-input-wrap .spinner {
    width: 30px;
    height: 24px;
}

    .time-input-wrap .spinner a {
        display: block;
        height: 15px;
    }

        .time-input-wrap .spinner a:hover, .time-input-wrap .spinner a:active {
            background-color: #fafafa;
            cursor: pointer;
        }

    .time-input-wrap .spinner .up {
        background: url('../../../Content/img/arrowUp.png') no-repeat center center;
    }

    .time-input-wrap .spinner .down {
        background: url('../../../Content/img/arrowDown.png') no-repeat center center;
    }


.time-input-wrap .time-input, .time-input-wrap .time-input:active, .time-input-wrap .time-input:focus, .time-input-wrap .time-input:hover {
    border: none !important;
    width: 24px;
    outline: none;
    text-align: center;
    padding: 4px 2px !important;
}

.time-picker {
    background-color: #FFF;
    border: solid 1px #ddd;
    display: block;
    text-align: center;
    position: absolute;
}

    .time-picker .row-item {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
    }

    .time-picker .div-hours, .time-picker .div-minutes, .time-picker .item, time-day {
        float: left;
    }

    .time-picker .time-day {
        border-bottom: solid 1px #ddd;
    }

        .time-picker .time-day span {
            width: 50%;
            display: inline-block;
            background-color: #f5f5f5;
            color: #000;
            cursor: pointer;
        }

            .time-picker .time-day span:first-child {
                border-right: solid 1px #ddd;
            }

            .time-picker .time-day span.selected {
                background-color: #fff;
                color: #489dfa;
                color: #000;
                font-weight: bold;
            }

    .time-picker .div-hours {
        border-right: solid 1px #ddd;
    }

    .time-picker .item-wrap {
        height: 200px;
        overflow-y: auto;
    }

        .time-picker .item-wrap .item {
            width: 60px;
            height: 24px;
            line-height: 24px;
            cursor: pointer;
        }

            .time-picker .item-wrap .item:hover {
                background-color: #ddd;
            }

            .time-picker .item-wrap .item.selected {
                background-color: antiquewhite;
            }

    .time-picker .btn {
        width: 70px !important;
        min-width: 70px !important;
        line-height: 24px !important;
        padding: 0 !important;
        height: 32px;
        margin-bottom: 8px;
        margin-top: 8px;
    }