modal #modelsChooseModal { background-color: rgba(77, 77, 77, 0.5); }

h3 { color: #000; }

#slideBarBg { background-image: linear-gradient(to right, #0081d1 , #6448a6); }

.lbText-neko {
    font-size: 15px;
    color: aliceblue;
    background-color: rgba(0, 0, 0, 0.0);
}
.lbContainers-focus {
    /* background-image: linear-gradient(to right, #00d19d7e , #f1ff7677); */
    border: solid;
    border-width: 0px 0px 2px 0px;
    border-image: linear-gradient(to right, #9dff00 , #00ff48) 2;
    background-image: linear-gradient(to right, #00000000, #00ff0d7b, #00ff0d7b, #00000000);
}
.lbContainers-unfocus {
    background-color: rgba(0, 0, 0, 0.0);
    border: solid #595959;
    border-width: 0px 0px 1px 0px;
}
.clickable:hover {
    cursor: pointer;
    background-image: linear-gradient(to right, #00000000, #9d00ff72, #00000000 );
}

#nav-change {
    background-color: rgba(77, 77, 77, 0.5);
    border-radius: 10px;
}

#nav-function {
    background-color: rgba(77, 77, 77, 0.5);
    border-radius: 10px;
}

.icon-change{
    /* color:rgb(0, 191, 255); */
    width: 1em;
    height: 1em;
    font-size: 25px;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    transition: opacity 0.1s;
}

.icon-change:hover{
    color:rgb(157, 255, 0);
    width: 1em;
    height: 1em;
    font-size: 25px;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    transition: opacity 0.1s;
}

.icon-change-simple{
    color:rgb(255, 255, 255);
}

.icon-change-simple:hover{
    color:rgb(157, 255, 0);
}

#pixelValChBox {
    margin-top: 2px;
    width: 30px;
    height: 30px;
    background: url("../images/info-unchecked.png") center no-repeat;
    background-size: 30px;
    appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    -moz-appearance:none;
    outline: none;
}
#pixelValChBox:checked {
    background: url("../images/info-checked.png") center no-repeat;
    background-size: 30px;
}
#pixelValChBox:hover {
    background: url("../images/info-checked.png") center no-repeat;
    background-size: 30px;
}


#picValChBox {
    margin-top: 2px;
    width: 30px;
    height: 30px;
    background: url("../images/file-info-all-unchecked.png") center no-repeat;
    background-size: 30px;
    appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    -moz-appearance:none;
    outline: none;
}
#picValChBox:checked {
    background: url("../images/file-info-all-checked.png") center no-repeat;
    background-size: 30px;
}
#picValChBox:hover {
    background: url("../images/file-info-all-checked.png") center no-repeat;
    background-size: 30px;
}



#threshChBox {
    margin-top: 5px;
    width: 25px;
    height: 25px;
    background: url("../images/threshold-unchecked.png") center no-repeat;
    background-size: 25px;
    appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    -moz-appearance:none;
    outline: none;
}
#threshChBox:checked {
    background: url("../images/threshold-checked.png") center no-repeat;
    background-size: 25px;
}
#threshChBox:hover {
    background: url("../images/threshold-checked.png") center no-repeat;
    background-size: 25px;
}

#mainButtonToAddSegValues{
    background-image: linear-gradient(to right, #118cd9 , #602dd8);
    border-image: linear-gradient(to right, #118cd9 , #602dd8) 2;
    outline: none;
}
#mainButtonToAddSegValues:hover{
    background-image: linear-gradient(to right, #009dff , #a179ff);
    border-image: linear-gradient(to right, #009dff , #a179ff) 2;
}
.label-add-btn{
    font-size: 20px;
    color: white;
}

#labelList {
    border-radius: 10px;
    background-image: linear-gradient(to top, #272727, #272727);
    overflow-y: scroll;
    height: 500px;
}


#labelList::-webkit-scrollbar {
    width: 6px; /* 竖向滚动条宽度 */
    height: 6px; /* 横向滚动条高度 */
}
   
#labelList::-webkit-scrollbar-thumb {
    border-radius: 10px; /* 滚动条样式 */
    background-color: rgb(162, 0, 255); /* 滚动条颜色 */
}
   
#labelList::-webkit-scrollbar-thumb:hover {
    background-color: black; /* 滚动条悬浮颜色 */
}
   
#labelList::-webkit-scrollbar-track-piece {
    background: rgba(50, 50, 50, 0.263); /* 滚动条背景颜色 */
}
   
#labelList::-webkit-scrollbar-button {
    background-color: rgba(0, 0, 0, 0); /* 定义两端按钮的样式 */
}

#areaAnalysisButton {
    border-color: rgb(134, 134, 134);
    outline: none;
}
#areaAnalysisButton:hover {
    background-image: linear-gradient(to right, #009dff , #a179ff);
    border-image: linear-gradient(to right, #009dff , #a179ff) 2;
}

/* nekoaimo right ROI toolbar hover style */
#volumeAnalysisButton {
    border-color: rgb(134, 134, 134);
    outline: none;
}
#volumeAnalysisButton:hover {
    background-image: linear-gradient(to right, #009dff , #a179ff);
    border-image: linear-gradient(to right, #009dff , #a179ff) 2;
}

#showallmaskButton {
    border-color: rgb(134, 134, 134);
    outline: none;
}
#showallmaskButton:hover {
    background-image: linear-gradient(to right, #009dff , #a179ff);
    border-image: linear-gradient(to right, #009dff , #a179ff) 2;
}

#lockallmaskButton {
    border-color: rgb(134, 134, 134);
    outline: none;
}
#lockallmaskButton:hover {
    background-image: linear-gradient(to right, #009dff , #a179ff);
    border-image: linear-gradient(to right, #009dff , #a179ff) 2;
}

.label-tools-btn{
    font-size: 16px;
    color: white;
}

.logo-subtitle-text {
    font-size: 10px;
	margin-left: 10px;
	margin-bottom: 0;
	letter-spacing: 1px;
}

#threshold-box{
    width: 250px;
    height: 190px;
}
#minProBar{
    position: relative;
    width: 200px;
    top: 20px;
    left: 20px;
}
#maxProBar{
    position: relative;
    width: 200px;
    top: 30px;
    left: 20px;
}
#thresholdBtnGroup{
    position: relative;
    width: 200px;
    top: 40px;
    left: 5px;
    text-align: center;
    margin-top: 10px;
}
.threshold-Btn {
    width: 88px;
    border-color: rgb(134, 134, 134);
    outline: none;
}
.threshold-Btn:hover {
    color: #fff;
    background-image: linear-gradient(to right, #009dff , #a179ff);
    border-image: linear-gradient(to right, #009dff , #a179ff) 2;
}

#minThrRange, #maxThrRange, #pointerSizeRange, #pointerOpacityRange, #maskOpacityRange, #predThr {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    outline: 0;
    background-color: transparent;
    width: 500px;
}
#minThrRange::-webkit-slider-runnable-track, #maxThrRange::-webkit-slider-runnable-track,
#pointerSizeRange::-webkit-slider-runnable-track, #pointerOpacityRange::-webkit-slider-runnable-track,
#maskOpacityRange::-webkit-slider-runnable-track, #predThr::-webkit-slider-runnable-track {
    height: 3px;
    background: rgb(117, 117, 117);
}
#minThrRange::-webkit-slider-container, #maxThrRange::-webkit-slider-container,
#pointerSizeRange::-webkit-slider-container, #pointerOpacityRange::-webkit-slider-container,
#maskOpacityRange::-webkit-slider-container, #predThr::-webkit-slider-container {
    height: 20px;
    overflow: hidden;
}
#minThrRange::-webkit-slider-thumb, #maxThrRange::-webkit-slider-thumb,
#pointerSizeRange::-webkit-slider-thumb, #pointerOpacityRange::-webkit-slider-thumb,
#maskOpacityRange::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color:#c954ff;
    border: 1px solid transparent;
    margin-top: -5px;
    border-image: linear-gradient(to right, #272727 , #a179ff) 0 fill / 6 14 4 0 / 0px 0px 0 150px;
}
#minThrRange, #maxThrRange {
    width: 140px;
}
#minThrRange:active::-webkit-slider-thumb, #maxThrRange:active::-webkit-slider-thumb,
#pointerSizeRange:active::-webkit-slider-thumb, #pointerOpacityRange:active::-webkit-slider-thumb,
#maskOpacityRange:active::-webkit-slider-thumb, #predThr:active::-webkit-slider-thumb {
    width: 16px;
}

#pointerSizeRange, #pointerOpacityRange, #maskOpacityRange {
    width: 150px;
}
#minThrText, #maxThrText{
    position: absolute;
    color: #fff;
    background-color: #171717;
    border: 2px solid;
    border-color: #4d4d4d;
    border-radius: 5px;
    width: 50px;
    height: 30px;
}
#minThrText{ top: 15px; right:8px; }
#maxThrText{ top: 17px; right:8px; }


#referLabel{
    position: absolute;
    color: #fff;
    background-color: #171717;
    border: 2px solid;
    border-color: #4d4d4d;
    border-radius: 5px;
    width: 35px;
    height: 30px;
    text-align: center;
}
#referLabel{ top: 0px; right:-35px; }


.brushBox{
    position: relative;
}

#pointerSizeText, #pointerOpacityText, #maskOpacityText {
    position: absolute;
    color: #fff;
    background-color: #171717;
    border: 2px solid;
    border-color: #4d4d4d;
    border-radius: 5px;
    width: 50px;
    height: 30px;
    top: 30px;
    right: 50px;
}

#predThr::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color:#6aff00;
    border: 1px solid transparent;
    margin-top: -5px;
    border-image: linear-gradient(to right, #272727 , #6aff00) 0 fill / 6 14 4 0 / 0px 0px 0 180px;
}
#predThr {
    width: 170px;
}

#predThrBox {
    position: relative;
    background-image: linear-gradient(to top, #272727, #272727);
    border-radius: 10px;
    height: 80px;
}

.showSeries {
    margin-bottom: 10px;
    border: 2px solid;
    border-image: linear-gradient(to right, #009dff , #a179ff) 2;
}

.showSeries-title{
    margin: 0px;
}

.seriesBox {
    position: relative;
}

#seriesBoxOutput {
    border-radius: 10px;
    overflow-y: scroll;
    height: 550px;
}

#seriesBoxOutput::-webkit-scrollbar {
    display: none;
}

#seriesBoxHover{
    height: 50px;
    width: 100%;
    background-image: linear-gradient(to bottom, #009dff00, #171717 80%);
    position: absolute;
    bottom: 0px;
}

.icon-change {
    /* color:rgb(0, 191, 255); */
    width: 1em;
    height: 1em;
    font-size: 25px;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    transition: opacity 0.1s;
}

.riaseg-confModal-content::-webkit-scrollbar {
    width: 6px; /* 竖向滚动条宽度 */
    height: 6px; /* 横向滚动条高度 */
}
   
.riaseg-confModal-content::-webkit-scrollbar-thumb {
    border-radius: 10px; /* 滚动条样式 */
    background-color: rgb(162, 0, 255); /* 滚动条颜色 */
}
   
.riaseg-confModal-content::-webkit-scrollbar-thumb:hover {
    background-color: black; /* 滚动条悬浮颜色 */
}
   
.riaseg-confModal-content::-webkit-scrollbar-track-piece {
    background: rgba(50, 50, 50, 0.263); /* 滚动条背景颜色 */
}

.riaseg-confModal-content::-webkit-scrollbar-button {
    background-color: rgba(0, 0, 0, 0); /* 定义两端按钮的样式 */
}

.top-menu {
    margin-left: 450px;
}

.roiProcessModel {
    position: relative;
}
.roiForms {
    position: absolute;
    width: 480px;
    left: 610px;
    bottom: 0px;
    padding: 0px;
}

#chs_function, #chs_mode, #chs_ref, #chs_value {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    border: 1px solid rgb(0, 0, 0);
    height: 30px;
    /* width: 500px; */
}

.form-label {
    font-size: 10px;
}