/* ------------ page attributes -----------------*/
.MyGradientClass{	
    /* background: rgb(196,125,255); */
    /* background: linear-gradient(302deg, rgba(196,125,255,0.34) 15%, rgba(196,125,255,0.34) 30%, rgba(196,125,255,0.34) 43%, rgba(196,125,255,0.34) 53%, rgba(150,145,247,0.34) 67%, rgba(107,163,239,0.34) 77%, rgba(48,188,229,0.34) 89%, rgba(2,207,221,0.34) 100%); */
    background:#ececfd;
}
.boxTitle{	
    /* align:left;  */
    text-decoration: none;
    font-size: 26pt; 
    font-family:Verdana ; 
    color:#F37E31;
    font-weight: bold;
    /* background: rgb(196,125,255);
    background: linear-gradient(302deg, rgba(196,125,255,0.34) 15%, rgba(196,125,255,0.34) 30%, rgba(196,125,255,0.34) 43%, rgba(196,125,255,0.34) 53%, rgba(150,145,247,0.34) 67%, rgba(107,163,239,0.34) 77%, rgba(48,188,229,0.34) 89%, rgba(2,207,221,0.34) 100%); */
}	
@font-face{
    font-family:'digital-7';
    /* src: url('http://143.225.151.105/simul_v1.6dev/css/digital-7.ttf'); */
    src: url('digital-7.ttf');
}
@font-face{
    font-family:'digital-7-mono';
    /* src: url('http://143.225.151.105/simul_v1.6dev/css/digital-7_mono.ttf'); */
    src: url('digital-7_mono.ttf');
}

#expInfoTableDiv{
    width:400px;
    min-width:400px;
    overflow-x: scroll;
}
/* ------------ tables attributes -----------------*/
#simulPlotPaneTable{
	table-layout:fixed;
    margin-top: 50px;
}
/* #simulPlotPaneTable th, td {
    padding-right: 10px;
  } */


/* ------------ dlg pane -----------------*/
#simulDlgPaneContent{
    width: 1000px;
    /* width: 960px; */
    margin-left: 0px;
}
#simuldlgDiv{
    width: 1050px;
}
#dlg-samplesTable_result th{
    max-width: 160px;
    /* width: 140px; */
    padding: 15px;
}
#dlg-samplesTable_result td{
    text-align: center;
}
/* ------------ header pane -----------------*/

#simulHeaderPaneTable{
    width:1050px;
    /* background-color: #ccccffb0;     */
    border-radius:6px; 
    border: 2px solid transparent; 
}
#logo{
    width:70px;
    vertical-align: bottom;
    margin:0px 0px 0px 10px;
}
#simulAnchor{
    text-decoration: none;
    vertical-align: baseline;
    color:#F37E31;
    font-size:54px;
    font-family:Verdana;
    font-weight: bold;
}
#questionImg{
    width:8%;
    vertical-align: middle;
    background-color: #fefeff60;    
    border: 1.5px solid transparent;
    border-radius: 5px;
    margin-left: 2px;
}
#questionImg:hover{
    width:9%;
    vertical-align: middle;
}
#helpCell{
    width: 35px;
    padding-left: 10px;
}
#userMsgDivReduced{
    padding: 10px 3px 15px 15px ;
    background-color:#ffffffd3;
    /* position:fixed; */
    position:absolute;
    top:20px;
    width:250px;
    height:auto;
    left:1150px;
    border: 1.5px solid trans;
    border-radius: 5px;
 }
 #userMsgDivExpanded{
    display:none;
    padding: 15px ;
    background-color:#ffffffd3;
    /* position:fixed; */
    position:absolute;
    top:20px;
    width:450px;
    height:auto;
    left:1150px;
    border: 1.5px solid #fff;
    border-radius: 5px;

 }
.userMsgStrong{
    font-size:11pt; 
    font-family:Verdana; 
    color:#d27204;
    font-weight: bold;

}
.userMsgNormal{
    font-size:11pt; 
    font-family:Verdana; 
    color:#d27204;

}
/*--------------------------------------------------------------------*/

#progressBarDiv{
    text-align: left;
    font-size:18;
    width: 100%; 
    margin:50px 50px 0px 50px;
}
#timeBox{
    margin:20px 50px 0px 50px;
    font-size:18;
}
#progressBarStart{
    width:50%;
    margin:50px 50px 0px 50px;
    font-size:16pt;
    color:#660000;
    font-weight:bold;
}
#dashboard{
    padding: 8px; 
    color: black; 
    background-color: white; 
    opacity: 1; 
    font-family:Verdana; 
    font-size:10pt;

    position: absolute;     
    z-index: 5000; 
    overflow: scroll;
    display: none;    
    left: 10vw; 
    top: 4vh;     
    /* height: 80vh; 
    width: 80vw;      */
    height: 90vh; 
    width: 82vw;    
    max-width: 1200px;    
    min-width: 910px;     
    min-height: 300px; 
    border-radius:6px; 
    border: 2px solid black; 
    justify-content: center;

}
/* #dashboard td {
    height: 100px;
    max-height: 150px;
    width: 50%;
  } */
#timerDiv{
    color: rgb(0, 178, 0);
    font-family: 'digital-7-mono',Courier, 'Courier New', monospace;
    font-size: 25pt;
    font-weight: normal;
    background-color: rgba(0, 0, 0); 
    /* width: 100%;   */
    position: relative;
    margin:  auto;
    /* min-width: 920px;  
    height: 100px;   
    min-height: 80px;   */
    min-width: 890px;  
    width: 890px;  
    height: 90px;   
    min-height: 80px;  
    overflow: auto;    
    border-radius:8px; 
    border: 2px solid ;  
    justify-content: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;


}
/* #monitoringDiv{
    position: relative;
    top:1%;
    padding: 5px; 
    width: 50%;    
    height: 40%;    
    overflow: auto;
    color: rgb(1, 1, 129);  */
    /* float: left; */
    /* background-color: rgba(219, 225, 253, 0.635); 
    border-radius:6px; 
    border: 1px solid rgba(152, 171, 254, 0.635); 
} */
.dbg{  /*---- monitoringDiv style when the page is in dbg mode-------*/
    overflow-y: scroll;   
    overflow-x: scroll;  
    /* height: 345px;     */
    /* max-width: 240px;    
    min-width: 200px;     */

    height: 160px;    
    max-height: 160px;    

    padding: 0px;
    /* display: flex; */
    
    text-align: left;
    justify-content: left;
    align-items: left;

    
    color: rgba(37, 2, 64, 0.882);
    background-color: rgba(137, 0, 229, 0.142);
    border-radius:6px; 
    border: 1px solid rgba(116, 1, 170, 0.348);

}
.view{ /*---- monitoringDiv style when the page is in view mode-------*/
    overflow: auto;
    /* height: 100%;     */
    min-height: 378px;  
    width:100%;
    text-align: left;
    justify-content: left;
    align-items: left;

    color: rgba(41, 2, 71, 0.875);
    background-color: rgba(137, 0, 229, 0.067);
    border-radius:6px; 
    border: 1px solid rgba(116, 1, 170, 0.348); 
    
}
#dbgDiv{
    /* height: 410px;    
    max-height: 410px;     */
    /* max-width: 610px;     */
    min-height: 200px;  
    height: 200px;  
    max-height: 200px;  
    overflow-y: scroll;   
    overflow-x: scroll;   
    /* display: flex; */
    padding: 0px;

    text-align: left;
    justify-content: left;
    align-items: left;

    color: rgb(115, 0, 0); 
    background-color: rgba(249, 208, 208, 0.43); 
    border-radius:6px; 
    border: 1px solid rgba(251, 126, 126, 0.635);    

}
#monitoringDivTitle, #dbgDivTitle{
    font-weight: bold;
}
#msgDiv{
    height: 38px;    
    max-height: 38px;    

    color: rgb(129, 86, 1); 
    background-color: rgba(253, 243, 219, 0.635); 
    border-radius:6px; 
    border: 1px solid rgba(254, 215, 152, 0.635); 
}
#svgDiv{
    color: rgba(0, 130, 137, 0.765);
    /* background-color: rgba(0, 201, 212, 0.204); */
    /* border: 1px solid rgba(0, 201, 212, 0.348);  */
    background-color: rgba(253, 243, 219, 0.635); 
    border: 1px solid #75757559;
    border-radius:6px; 
    /* max-width: 500px;
    min-width: 500px;
    width: 500px; */
    /* max-height: 450px;
    min-height: 450px;
    height: 450px; */
    overflow: hidden;
    box-sizing: border-box;
  
 }
 #svgContent,#svgImg{
    /* display: flex; */
    justify-content: center;
    /* width: 100%; */
}
.svgImg{
    /* width: 50%; */
    display: block;     /* assicura che l'immagine stia su una nuova riga */
    margin-bottom: 2px; /* spazio tra le immagini */
 
}
#phasesPlotDivContentainer{
    display: flex;
    justify-content: center;

    /* width: 500px;
    height: 420px; */
    position: relative;
}
#runPlotDiv{
    color: rgba(21, 137, 0, 0.765);
    /* background-color: rgba(0, 212, 92, 0.204); */
    background-color: rgba(253, 243, 219, 0.635); 
    border-radius:6px; 
    /* border: 1px solid rgba(0, 212, 64, 0.348); */
    border: 1px solid #75757559;
    /* width: 500px; */
    /* height: 400px; */
    position: relative;

}
#runPlotDivContentainer{
    /* width: 500px; */
    height: 420px;
    position: relative;
}
#phasesPlotDiv{
    /* color: rgba(157, 0, 229, 0.348);
    background-color: rgba(156, 0, 229, 0.519);
    border-radius:6px; 
    border: 1px solid rgba(157, 0, 229, 0.348); */

    color: rgb(1, 1, 129); 
    background-color: rgba(253, 243, 219, 0.635); 
    /* background-color: rgba(190, 201, 249, 0.492);  */
    border-radius:6px; 
    /* border: 1px solid #7a92fdb4;   */
    border: 1px solid #75757559;

    /* width: 50%;     */
    /* padding: 5px; 
    overflow: auto; */

    /* position: absolute;
    top: 80%;
    left:52%;
    margin-top: auto;*/
 
}
#frameSvg{
    width: 530px;    
    max-width: 530px;    
    height: 70%;    
}

#expand_dbgDiv, #expand_monitoringDiv {
    font-weight: bold;
    font-size: 8pt;
    float: right;
    cursor:pointer;
    border: 3px solid ; 
    border-radius: 100%; 
    padding: 0px 2px 1px 2px;
}
#outputContainer{
    width: 100%;    
    height: 100%;    
    font-family:Verdana; 
}
#outputDiv{
    float: left;
    /* width: 100%;     */
    min-width: 1800px;    
    min-width: 1800px;    
    max-width: 1800px;    
    height: 1000px;    
    font-family:Verdana; 

}
#errorOutputDiv{
    display: flex;
    justify-content: center;
    align-items: center;    
    
    min-height: 200px;    
    width: 800px;    

    border: 1px solid #572178;
    border-width:2.5px ; 
    border-radius:2.5px;
    background-color:#b187d83d; 

    color:#572178;
    font-weight: bold;
    font-size: 20px;

}
#video_iFrame{
    width: 765px;    
    height: 60%;    
    font-family:Verdana; 
}
#videoTable {
    width: 765px;    
    font-family:Verdana; 
}
#videoTable tbody, #movieTxtTable body{
    display: none;
}
#movieTxtTable{
    width: 600px;    
    font-family:Verdana; 
}
#movieAnchorDiv{
    width: 600px;    
    height: 200px;    
    background-color:#ffffff7c; 
    border: 2px solid #572178;
    border-radius: 0px 0px 6px 6px;
    margin: 0px;
}
.logo{
    width:20%;
    vertical-align: bottom;
    margin:5px 10px 5px 0px;
}

.videoBtn{
    /* visibility: hidden; */
    /* display:none; */
    cursor: pointer;
    /* background-color: rgba(50, 50, 50, 0.368); */

}
#videoBtnsDiv{
    display:none;
    position:absolute; 
    z-index:9; 
    background-color: rgba(50, 50, 50, 0.43);
    float: right;
    width: 100px;
    height: 30px;    
    margin:8px 0px 0px 650px;
    text-align: right;
    border-radius:6px; 
    border: 2px solid transparent; 
}
#runPlot_ControlBtnDiv{
    position:absolute; 
    z-index:9; 
    background-color: transparent;
    float: left;
    border-radius:6px; 
    border: 2px solid transparent; 
    margin: 5px 0px 0px 3px;
    top:0%;
}
#phasesPlot_ControlBtnDiv,#svg_ControlBtnDiv{
    position:absolute; 
    z-index:9; 
    background-color: transparent;
    float: left;
    border-radius:6px; 
    border: 2px solid transparent; 
    margin: 3px 0px 0px 3px;
}
#runPlot_ControlBtnDiv2{
    position:absolute; 
    z-index:9; 
    background-color: transparent;
    float: right;
    border-radius:6px; 
    border: 2px solid transparent; 
    margin:0px 0px 0px 0px;
    width: 90px;
    top:70%;
}
.runControlBtn{
    width: 60%;
    cursor:pointer;
}
.runControlBtn:hover{
    width: 70%;
}
.msgDiv{
    position: absolute;
    /* margin:0px 0px 0px 12px;
    float:right; */
    left:84%;
}

#plotContainerDiv {
/* div[id*='plotContainerDiv']{ select all the divs which id contain the string 'plotContainerDiv' */
    background-color: white;
    position: absolute;     
    z-index: 5000; 
    /* overflow: scroll; */
    display: none;    
    left: 30vw; 
    top: 40vh;     
    /* height: 80vh; 
    width: 80vw;      */
    /* height: 80vh; 
    width: 80%;    
    min-width: 300px;     
    min-height: 300px;  */
    border-radius:6px; 
    border: 2px solid black; 
}

#closeDiv{
    font-family:Verdana; 
    cursor:pointer;
    display: none;
    background-color: rgb(255, 255, 255); 
	/* background-color:rgba(1, 238, 255, 0.711); */
    text-align: right;
    z-index: 8000;
    float: right;
    width:3%;

}
#downloadForm{
    display: none;
    
}
#downloadFormSubmit{
    text-align: right;
    float: right;
    display: block;
    z-index: 8000;
    cursor:pointer;
    width:3%;

}

#coverDiv{
    opacity:0.9_;
    background-color:#3F3F3F;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
    display: block;

}

.formInputField{
    color:#036c73;
    font-size:12pt; 
    font-family:Verdana; 
}
.formLabel{
    color:#572178;
    font-size:12pt; 
    font-family:Verdana; 
    font-weight: bold;
}
.formText{
    color:#036c73;
    font-size:14pt; 
    font-family:Verdana; 
    font-weight: bold;
    text-align: justify;
    text-justify: inter-word;
}
.errorDivText{
    color:#F39B31;
    font-size:18pt; 
    font-family:Verdana; 
    font-weight: bold;
    text-align: justify;
    text-justify: inter-word;
}
#simulFormPane{
    /* background-color: #ffffffc7; */
    background-color: #c2c2ff71;   
    border: 1px solid transparent;
    border-radius: 8px;
    padding:40px;
    margin-left: 100px;
    margin-top: 20px;
    width: 900px;
    text-align: justify;
    text-justify: inter-word;
}
#errorDiv{
    padding:30px;
    margin-top: 20px;
    width: 900px;
    background-color: rgba(255, 255, 255, 0.238);

}


/* ------------------------ buttons --------------------------- */
.showBtn{
    border-width:0;
    border-radius:8px;
    background-color:transparent;
    font-size:14pt; 
    font-family:Verdana; 
    color:#F39B31;
    font-style:italic;
    cursor:pointer;
    text-decoration: underline; 
}
/* li {
    color:#F39B31;
} */
.linkBtn{
    border-width:0;
    background-color:transparent;
    font-size:12pt; 
    font-family:Verdana; 
    color:#F39B31;
    font-style:italic;
    cursor:pointer;
    text-decoration: underline; 
}
#reloadmp4{
    /* visibility:hidden; */
    /* display:none; */
    border-width:0;
    background-color:transparent;
    font-size:12pt; 
    font-family:Verdana; 
    color:#F39B31;
    font-style:italic;
    cursor:pointer;
    text-decoration: underline; 
}
.showListBtn{
    border-radius:8px;
    /* border: 1px solid  #02747D; */
    background-color: #fefeff60;    
    padding:5px;
    /* background-color:transparent; */
    font-size:10pt; 
    font-family:Verdana; 
    /* color:#F39B31; */
    color:#02747D;
    /* font-style:italic; */
    cursor:pointer;
    float: right;
    text-decoration: none;
    /* vertical-align: baseline; */
    margin:2px;
}
.showListBtn:hover{
    background-color: #04959fab;
    color: white;
}
.userMsgDivBtn{
    border-radius:8px;
    border-color: #03a0ab45;
    border: 3px solid ;

    background-color: #e5f8f939;    
    padding:5px;
    margin:10px;
    /* background-color:transparent; */
    font-size:10pt; 
    font-family:Verdana; 
    /* color:#F39B31; */
    color:#02747D;
    cursor:pointer;
    font-weight: bold;
    text-decoration: none;
    vertical-align: baseline;
}
.userMsgDivBtn:hover, .userMsgDivBtn:active {
    background-color: #02747D;
    color: white;
}
.userMsgAnchor{
    color:#028b95;
    cursor:pointer;
    font-family:Verdana; 
    font-size:10pt; 
    text-decoration-line: underline;

}
.userMsgAnchor:hover{
    color:#572178;
}

.closeMsgDivBtn{
    color:#572178;
    border: 1px solid #572178;
    border-radius: 5px;
    float:right;
    text-decoration: none;
    padding:0px 2px 1px 3px;
    font-size:12pt; 
    font-family:Verdana; 
}
.closeMsgDivBtn:hover{
    color:#fff;
    border: 1px solid #fff;
    background-color: #02747D;

}
.showListCell{
    vertical-align: bottom;
}
.logInCell{
    vertical-align: bottom;
    column-span: 2;
}
.logInLabel{
    color:#02747D;
    font-size:11pt; 
    font-family:Verdana; 
    float: right;
    vertical-align: bottom;
    padding:5px;
}
.controlBtn{
    border-color: #F37E31;
    color: #F37E31;
	background-color: #ffe4c483;
    border-radius:6px;
    cursor:pointer;
}
.moreControlBtn{
    border-color: #f39231;
    background-color: #f39231;
	color: #fbeedff1;
    border-radius:6px;
    cursor:pointer;
    font-size:12pt; 
}
.moreControlBtn:hover{
    border-color: #F37E31;
    background-color: #F37E31;
	color: #fbf2e8f1;
    border-radius:6px;
    cursor:pointer;
    font-size:13pt; 
}
.tabBtnHiglited{
    align-items:center;
    float:left; 
    cursor:pointer;
    border-style:solid; 
    border-color:#572178; 
    border-width:2.5px 2.5px 0px 2.5px ; 
    border-radius:2.5px;
    background-color:#b187d852; 
    font-family:Verdana; 
    font-size:12pt; 
    font-weight:bold; 
    color:#6c2f92d8;
    display:block;
    text-decoration: none;
    height:32px;
}
.tabBtn{
    align-items:center;
    float:left; 
    cursor:pointer;
    border-style:solid; 
    /* border-color:#572178;     */
    border-color:#02909a;    
    color:#02909a;
	background-color: #ffffff4e;
    border-width:2.5px 2.5px 0px 2.5px ; 
    border-radius:2.5px; 
    font-family:Verdana; 
    font-size:12pt; 
    font-weight:bold; 
    display:block;
    height:32px;
    /* padding:1px 6px 1px 6px; */
}
.msgBtn_{
    color: rgb(129, 86, 1); 
    /* width: 10%;              
    height: 22px;       */
    font-size: 10pt;
    font-weight: bold;
    border: 3px solid rgb(193, 119, 0); 
    border-radius:6px; 
    background-color: rgb(255, 255, 255); 
    margin:5px 5px 5px 5px ;
    /* vertical-align: middle;
    text-align: center;
    display: inline-block; */
    cursor:pointer;
}
.msgBtn_:hover{
    color:white;
    background-color: rgb(234, 145, 2); 
}
.msgBtn{
    color: #f6a709; 
    /* width: 10%;              
    height: 22px;       */
    font-size: 10pt;
    font-weight: bold;
    background-color: transparent; 
    border: 1px solid transparent; 
    /* border-radius:6px; 
    margin:5px 5px 5px 5px ; */
    /* vertical-align: middle;
    text-align: center;
    display: inline-block; */
    cursor:pointer;
}
.msgBtn:hover{
    font-size: 11pt;
    color:white;
    /*background-color: rgb(234, 145, 2);  */
}
.plotMsgBtn{
    color: rgba(0, 137, 41);
    font-size: 10pt;
    font-weight: bold;
    border: 3px solid rgb(47, 147, 77); 
    border-radius:6px; 
    background-color: rgb(255, 255, 255); 
    margin:4px;
    cursor:pointer;
}
.plotMsgBtn:hover{
    color:white;
    background-color: rgb(85, 190, 134); 
}
.plotMsgLabel{
    color: rgba(0, 137, 41);
    font-size: 10pt;
    font-weight: bold;    
    margin:4px;

}
#logAnchor{
    text-decoration: none;
    margin:0px 15px 0px 0px ;
    color: rgb(129, 86, 1); 
    cursor:pointer;
    /* font-style: italic; */
    font-weight: bold;
}
.plotMenuCB{
    float: right;
}

.exps_LN_label{
    border-radius:8px;
    font-size:12pt; 
    font-family:Verdana; 
    color:#02747D;
    font-style:italic;
    vertical-align:90%;
}
.plotMenuTitle{
    font-size:14pt; 
    font-family:Verdana; 
    color:#02747D;
    font-weight: bold;
    vertical-align:90%;
}
.y_LN_label{
    border-radius:8px;
    font-size:12pt; 
    font-family:Verdana; 
    color:#02747D;
    font-style:italic;
    vertical-align:230%;
}
.xValueLabel, .PM_Label{
    border-radius:8px;
    font-size:10pt; 
    font-family:Verdana; 
    /* color:#02747D; */
    color:#8A5CA7;
    font-style:italic;
    float:left;
    margin-left:10px;
}
#xValue,#plotType,.xValuePM,.plotTypePM{
    border-radius:8px;
    font-size:9pt; 
    font-family:Verdana; 
    background-color:#dadaff;    
    /* color:#02747D; */
    color:#8A5CA7;
    float:left;
    margin: 6px 0px 0px 3px;

}
.plotMenuPM{
    border-radius:5px;
    font-size:11pt; 
    font-family:Verdana; 
    background-color:#f1f1f9;    
    color:#02747D;
    cursor: pointer;
    margin-left:10px;

}
.plotMenuListN{
    border-radius:5px;
    font-size:11pt; 
    font-family:Verdana; 
    background-color:#f1f1f9;    
    color:#02747D;
    border: 1px solid #02747D; 
    padding: 5px;

    appearance: none;
    outline: none;
    /* border: none; */
    cursor: pointer;
}
.plotMenuSubmit{
    color: #02747D;
    font-size: 11pt;
    font-weight: bold;
    border: 3px solid #02747D; 
    border-radius:6px; 
    background-color: #f1f1f9; 

    cursor:pointer;
    padding:3px 8px;
    font-style:italic;
    margin-top: 20px;
    /* margin-left:50px; */

}
.movieTxtAnchor{
    color: #02747D;
    font-size: 11pt;
    font-weight: bold;
    border: 3px solid #02747D; 
    border-radius:6px; 
    background-color: #f1f1f9; 

    cursor:pointer;
    padding:3px 8px;
    font-style:italic;
    vertical-align: -70%;

  
}
.plotMenuSubmit:hover, .movieTxtAnchor:hover{
    color:white;
    background-color: #02747D; 
}
.buildVideoAnch{
    /* font-size: 20px;*/
    font-family:sans-serif; 
    color: #F39B31;
    font-size: 13pt;
    font-weight: bold;
    border: 3px solid #02747D; 
    border-radius:6px; 
    background-color: #f1f1f9; 
    text-decoration: none;
    cursor:pointer;
    padding:3px 8px;
    font-style:italic;
    vertical-align: -200%;
}
.buildVideoAnch:hover{
    color:white;
    background-color: #F39B31; 
}
/* ------------------------ fonts --------------------------- */
.downloadFont{
    float:left;
    font-family:Verdana; 
    font-size:14pt; 
    font-weight:bold;
    color:#F39B31;
    display:block;
    padding:0px 10px 4px 0px;
}
.controlFont{
    font-family:Verdana; 
    font-size:14pt; 
    font-style: italic;
    color:#F39B31;
}
.controlFont2{
    font-family:Verdana; 
    font-size:12pt; 
    font-style: italic;
    color:#02747D;
}
.controlFont3{
    font-family:Verdana; 
    font-size:12pt; 
    font-style: italic;
    color:#F39B31;
}
.videoMenuTitle{
    font-size:20pt; 
    font-family:Verdana; 
    color:#02747D;
    font-weight: bold;
}
.videoMenuLabel{
    font-size:14pt; 
    font-family:Verdana; 
    color:#02747D;
    font-weight: bold; 
}
.videoMenuLabel_light{
    font-size:14pt; 
    font-family:Verdana; 
    color:#02747D;
    font-style: italic;

}
.videoMenuLabel_main{
    font-size:14pt; 
    font-family:Verdana; 
    color:#F39B31;
    font-weight: bold; 
}

/* ------------------------ scrollbars --------------------------- */
#dashboard::-webkit-scrollbar {
    width: 10px;               /* width of the entire scrollbar */
    height: 10px;               /* width of the entire scrollbar */
}
#dashboard::-webkit-scrollbar-track {
    background: rgba(251, 242, 242, 0.45); /* color of the tracking area */
}
#dashboard::-webkit-scrollbar-thumb {
    background-color: rgba(188, 188, 188, 0.601);    /* color of the scroll thumb */
    border-radius: 10px;       /* roundness of the scroll thumb */
    border: 1px solid rgb(231, 229, 229);  /* creates padding around scroll thumb */
}

#dbgDiv::-webkit-scrollbar {
    width: 8px;               /* width of the entire scrollbar */
    height: 8px;               /* width of the entire scrollbar */
}
#dbgDiv::-webkit-scrollbar-track {
    background: rgba(251, 242, 242, 0.45); /* color of the tracking area */
}
#dbgDiv::-webkit-scrollbar-thumb {
    background-color: rgba(142, 14, 14, 0.601);    /* color of the scroll thumb */
    border-radius: 10px;       /* roundness of the scroll thumb */
    border: 1px solid rgb(231, 229, 229);  /* creates padding around scroll thumb */
}

#monitoringDiv::-webkit-scrollbar {
    width: 8px;               /* width of the entire scrollbar */
    height: 8px;               /* width of the entire scrollbar */
}
#monitoringDiv::-webkit-scrollbar-track {
    background: rgba(251, 242, 242, 0.45); /* color of the tracking area */
}
#monitoringDiv::-webkit-scrollbar-thumb {
    background-color: rgba(14, 31, 142, 0.601);    /* color of the scroll thumb */
    border-radius: 10px;       /* roundness of the scroll thumb */
    border: 1px solid rgb(231, 229, 229);  /* creates padding around scroll thumb */
}

.plotMenuListN::-webkit-scrollbar {
    width: 8px;               /* width of the entire scrollbar */
    height: 8px;               /* width of the entire scrollbar */
 
}
.plotMenuListN::-webkit-scrollbar-track {
    background: rgba(251, 242, 242, 0.307); /* color of the tracking area */
    border-radius: 10px;      
    border: 1px solid transparent;  /* creates padding around scroll thumb */
    /* border-color: rgb(231, 229, 229) #02747D rgb(231, 229, 229)  rgb(231, 229, 229); */

}
.plotMenuListN::-webkit-scrollbar-thumb {
    background-color: #038b95;    /* color of the scroll thumb */
    border-radius: 10px;       /* roundness of the scroll thumb */
    border: 0.5px solid rgb(231, 229, 229);  /* creates padding around scroll thumb */
}
#expInfoTableDiv::-webkit-scrollbar {
    width: 8px;               /* width of the entire scrollbar */
    height: 8px;               /* width of the entire scrollbar */
 
}
#expInfoTableDiv::-webkit-scrollbar-track {
    background: rgba(251, 242, 242, 0.307); /* color of the tracking area */
    border-radius: 10px;      
    border: 1px solid transparent;  /* creates padding around scroll thumb */
    /* border-color: rgb(231, 229, 229) #02747D rgb(231, 229, 229)  rgb(231, 229, 229); */

}
#expInfoTableDiv::-webkit-scrollbar-thumb {
    background-color: #03959083;    /* color of the scroll thumb */
    border-radius: 10px;       /* roundness of the scroll thumb */
    border: 0.5px solid rgb(231, 229, 229);  /* creates padding around scroll thumb */
}

/* ------------------------ sliders --------------------------- */

#myRange {
    -webkit-appearance: none;
    width: 5%;
    height: 3px;
    background: #656464;
    border: 1px solid #929292; 
    border-radius: 10%; 

  }
  #myRange::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 100%; 
    border: 4px solid #f19423; 

    background: #fedaad;
    cursor: pointer;
  }


/*-------------- result pane --------------------*/

#experimentsTable{
    min-width: 1800px;
    max-width: 1800px;
  }

#outputDiv table tbody th{
    /* color:red; */
    cursor: url(../img/pointer-plot.png) 16 30, auto;
}
#ExpInfoTableTitle{
    width: 100%;
    height: 35px;
}
#ExpInfoTableTitle td{
    /* width: 50%; */
    height: 35px;
}
#outTitleTable{
    width: 100%;
    height: 35px;
}
#outTitleTable td{
    width: 10%;
    height: 35px;
}
.outTableDwnldImg{
    width: 3%;
    float:right;
    margin: 0px 3px 5px 2px;
    background-color: #784ba160;
    border-radius: 4px; 
    border: 1px solid transparent; 
    padding:3px
}
.outTableDwnldImg:hover{
    width: 3.2%;
}
.outTableDwnldImg_less{
    width: 1.35%;
    float:right;
    margin: 0px 3px 5px 2px;
    background-color: #784ba160;
    border-radius: 4px; 
    border: 1px solid transparent; 
    padding:3px
}
.outTableDwnldImg_less:hover{
    width: 1.45%;
}
.movieTxtDwnldImg{
    width: 1.8%;
    float:right;
    margin: 2px 3px 5px 2px;
    background-color: #784ba160;
    border-radius: 4px; 
    border: 1px solid transparent; 
    padding:3px 
}

/*-------------- list pane --------------------*/
#simulmain_simullist{
    min-width: 2200px;
    max-width: 2200px;
}

/*------------- monitoring pane ------------------ */
#simulMonitoringPaneTable{
    min-width: 600px;
}
#sizesTable{
    min-width: 600px;

}
/* ------------- levels pane ------------------*/

#test_ {
    box-sizing: border-box;
    -webkit-appearance: menulist;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    
    border-radius: 8px;
    font-size: 11pt;
    font-family: Verdana;
    background-color: #dadaff;
    color: #02747D;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    cursor: default;
    
    
}
.levelLabel {
    border-radius: 8px;
    font-size: 12pt;
    font-family: Verdana;
    /* color: #F39B31; */
    color: #02747D;
    font-style: italic;
}
#test1 {
    box-sizing: border-box;
    -webkit-appearance: menulist;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    
    border-radius: 8px;
    font-size: 11pt;
    font-family: Verdana;
    background-color: #dadaff;
    color: #02747D;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    cursor: default;
    
}
.vectorsLabel {
    border-radius: 8px;
    font-size: 12pt;
    font-family: Verdana;
    /* color: #F39B31; */
    color: #02747D;
    font-style: italic;
}
#downloadLogo{
    width: 10%;
}    

/*--------------------- help page ----------------------*/
#helpTableMain{
    width: 1200px;
    margin-left: 20px;
    background-color: #fafafa83;
    padding: 20px 40px;
    border: 1px solid transparent; 
    border-radius: 8px;
}
#helpTableMain td{
    text-align: justify;
    text-justify: inter-word;
}
.helpPageTitle{
    color:#f39931;
    font-size:30px;
    font-family:Verdana;
    font-weight: bold;
}
.helpPageTitle2{
    color:#f39931;
    font-size:28px;
    font-family:Verdana;
    font-weight: bold;
}
.helpPageTitle3{
    color:#793c9e;
    font-size:24px;
    font-family:Verdana;
    font-weight: bold;
}
.helpDescriptionFont{
    color:#03555b;
    font-size:19px;
    font-family:Verdana; 
    line-height: 2.3;
}
.helpImg{
    width:50%;
    float: left; 
    margin: 10px;
}
.helpImg2{
    width:100%;
    float: left; 
    margin: 10px;
}
.helpDwnldImg{
    width:125%; 
    margin: 0px 10px 0px 0px;
}
.helpDwnldImg:hover{
    width:128%; 
}
.triangle{
    width:1.4%;
    margin: 0px 0px 0px 15px;
    cursor: pointer;
}
.triangle:hover{
    width: 1.6%;
}
#wound-triangle-d, #rasv12-triangle-d{
    display: none;
}
#wound_cell,#rasv12_cell{
    display:none;
}
.helpAnchor{
    color:#f39931;
    font-size:18px;
    font-family:Verdana;
    font-style: italic;
}
.helpAnchor:hover{
    font-weight: bold;
}

/*--------------------- headerBarTable ------------------------------*/

#headerBarTable{
    color:#F39B31; 
	border-color:#F39B31; 
	border: solid 1px;
    border-radius:6px; 
	background-color: #f8d5aa83;
	font-size: 16pt;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
    font-family: Verdana; 
	text-align: center;
	align-items: center;

    width: 100%;
    /* max-width: 2000px; */
    box-sizing: border-box; /*serve per fargli acquisire la stessa width del suo contenitore*/

}
#headerBarTable td{
    width: 25%; 
    min-width: 50px; 
}
.runDwnldImg{
    width:3.1%;
    float:right;
    margin: 0px 5px 0px 0px;
    background-color: #f1950bb2;
    border-radius: 4px; 
    border: 1px solid transparent; 
    padding:3px
}
.runDwnldImg:hover{
    width: 3.4%;
}