SubmarineMonitoring/common/module/sliderTime/sliderTime.css

@charset "UTF-8";
/*sliderTime*/
.layui-slider-bar-selected {
    position: absolute;
    background-color: #696969;
    height: 100%;
    z-index: 1;
}

.step-hour {
    height: 20px !important;
    width: 1px !important;
    top: -16px !important;
}

.step-half-hour {
    height: 10px !important;
    width: 1px !important;
    top: -6px !important;
}

.step-hour,
.step-half-hour,
.step-start-wrap,
.step-end-wrap {
    border-radius: 0;
    border-radius: unset;
}

.layui-slider-step {
    border-radius: 0;
    height: 6px;
    width: 1px;
    top: -2px;
}

.layui-slider-bar {
    z-index: 1;
}

.step-start-num {
    position: absolute;
    left: -18px;
    top: 8px;
}

.step-end-num {
    position: absolute;
    right: -15px;
    top: 6px;
}

.step-start-wrap {
    position: absolute;
    left: 0px;
    top: -16px;
    height: 20px;
    width: 2px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.step-end-wrap {
    position: absolute;
    right: -2px;
    top: -16px;
    height: 20px;
    width: 2px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slider-danger-tips {
    position: absolute;
    top: 12px;
    z-index: 66666666;
    white-space: nowrap;
    display: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 3px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
}

.layui-disabled .step-hour, .layui-disabled .step-half-hour, .layui-disabled .step-start-wrap, .layui-disabled .step-end-wrap, .layui-disabled .layui-slider-step {
    background: #696969;
}

/*垂直*/
.layui-slider-vertical .step-start-num {
    left: -16px;
    top: inherit;
    top: unset;
    bottom: -22px;
}

.layui-slider-vertical .step-end-num {
    top: -22px;
    right: inherit;
    right: unset;
    left: -16px;
}

.layui-slider-vertical .step-start-wrap {
    height: 2px;
    width: 20px;
    bottom: 0;
    top: inherit;
    top: unset;
    left: 10px;
}

.layui-slider-vertical .step-end-wrap {
    height: 2px;
    width: 20px;
    right: inherit;
    right: unset;
    left: 10px;
    top: 0;
}

.layui-slider-vertical .step-hour {
    height: 1px !important;
    width: 20px !important;
    top: inherit !important;
    top: unset !important;
}

.layui-slider-vertical .step-half-hour{
    height: 1px !important;
    width: 10px !important;
    top: inherit !important;
    top: unset !important;
}
.layui-slider-vertical .layui-slider-step{
    height: 1px;
    width: 4px;
}
.layui-slider-vertical .layui-slider-bar-selected{
    width: 4px;
    bottom: 150px;
    height: 37.5%;
}
.layui-slider-vertical  .slider-danger-tips{
    top: inherit;
    top: unset;
    left: 100px;
}


/*主题颜色*/
.step-hour,
.step-half-hour,
.step-start-wrap,
.step-end-wrap {
    background: #009688
}

.layui-slider-step {
    background: #00bfb1;
}

.slider-danger-tips {
    color: #FFF;
    background: #FF5722;
}