/* Daily time selection slider */

.time-slider {
    position: relative;
    margin: 20px 0px;
    height: 70px;
    user-select: none;
}

.time-slider-hours>span {
    display: inline-block;
    height: 28px;
    width: 26.7px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.time-slider-time-line {
    z-index: 500;
    position: relative;
    width: 670px;
    height: 15px;
    border-radius: 3px;
    background: #e0e0e0;
}

.time-slider-time-line-area {
    position: relative;
    left: -25px;
    width: 720px;
}

.time-slider-range-handle {
    position: absolute;
    top: -37px;
    width: 66px;
    height: 74px;
    z-index: 200;
    padding-top: 3.5px;
    font-size: 16px;
    color: #dbdbdb;
    text-align: center;
    padding-top: 3.5px;
    cursor: move;
    background: url(../resources/images/icons/slider-handle.svg) no-repeat;
    background-size: 66px 62px;
}

.time-slider-range-handle-dragging {
    z-index: 300;
}

.time-slider-range-remove {
    z-index: 400;
    cursor: pointer;
    background: url(../resources/images/icons/slider-handle-remove.svg) no-repeat;
}

.time-slider-range-add {
    padding-top: 3.5px;
    opacity: .7;
    cursor: pointer;
    background: url(../resources/images/icons/slider-handle-add.svg) no-repeat;
}

.time-slider-range-bar {
    position: absolute;
    height: 15px;
    z-index: 250;
    cursor: pointer;
    background: #224499;
}

.time-slider-clear-all-area {
    margin-top: 22px;
    text-align: right;
    cursor: pointer;
}

.time-slider-clear-all {
    text-decoration: underline;
    font-size: 16px;
    color: #0AD;
}

/* Day specific time selection table */

table.time-table {
    empty-cells: hide;
    width: auto;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
}

table.time-table tr {
    height: 20px;
}

table.time-table td {
    width: 20px;
    height: 20px;
    padding: 0px;
    border-bottom: 0px;
}

table.time-table th {
    height: 15px;
    padding: 0px;
    font-weight: normal;
    text-align: left;
    font-size: 14px;
    background-color: #ffffff;
}

table.time-table th.time-table-hour {
    border-right: 1px solid #d3d3d3;
    text-align: center;
    cursor: pointer;
}

table.time-table th.time-table-day {
    width: 68px;
    cursor: pointer;
}

table.time-table td.time-table-selection, td.time-table-legend {
    empty-cells: show;
    width: 20px;
    height: 20px;
    border: 1px solid #d3d3d3;
    cursor: cell;
}

table.time-table td.time-table-legend {
    cursor: context-menu;
}

table.time-table td.time-table-selected {
    background-color: #0AD;
    cursor: not-allowed;
}

table.time-table td.time-table-drag-del {
    cursor: not-allowed;
}

table.time-table td.time-table-drag-add {
    cursor: cell;
}

table.time-table th.time-table-highlight, td.time-table-highlight {
    background-color: #0AD;
}

table.time-table tr.time-table-spacer {
    height: 5px;
}

table.time-table .time-table-legend-text {
    font-size: 18px;
    color: #0AD;
    text-align: left;
}

table.time-table td.time-table-legend-action {
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
}