body {
   background-color:whitesmoke;
   font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
   font-size:14px;
}
h1{font-size:16px;}
select {font-size:12px;}
#subtitle {
   font-size:xx-small;
   color:gray;
   vertical-align:middle;
}
/* donker - helder */
#modusDH {
   position:absolute; left: 0px; top:0px; width:20px; height:10px;
}

#divAll{
   width:500px;
}

#txtMseXY {
   position: absolute;
   left: 340px; top: 30px; width: 50px; height:20px;    
   font-size:xx-small;
}

#tblFix{
   position:absolute;
   left:415px;top:50px;
}
#tblFix td{
   border:0.5px solid gray;
   border-radius:5px;
   padding:2px 4px 2px 4px;
   background-color:silver;
   cursor:pointer;
   text-align:center;
}

#numDecim {
   position:absolute;
   left:420px;top:150px;   
   width:23px;
}

#tblKeuze{
   position:absolute;
   left:10px;top:50px;
}
#tblKeuze td{
   border:0.5px solid gray;
   border-radius:5px;
   padding:2px 4px 2px 4px;
   background-color:silver;
   cursor:pointer;
   text-align:center;
}

#divSVG {
   position:relative;
   border: 2px solid gray;
   width:210px;
   margin-left:auto;margin-right:auto;
   padding:5px 0px 0px 0px;
   text-align:center;
}
#svgZelve {
   border: 0.0px solid gray;
   width:200px; height:200px;
   cursor:crosshair;
}

#tblCtrls {
   width:450px;max-width:450px;min-width:450px;
   margin-left:auto;margin-right:auto;
}
#tblCtrls td{
   border:0.5px solid gray;
   padding:0px;
}
#tblCtrls td:nth-child(1){ width:60px; max-width:60px;min-width:60px; text-align:center; font-size:0.75rem;}
#tblCtrls td:nth-child(3){ width:60px; max-width:60px;min-width:60px; text-align:center; }
#tblCtrls td:nth-child(2){ width:350px; max-width:350px; min-width:350px; text-align:center; }
#tblCtrls td:nth-child(2) input[type=range] { width:95%; height:13px;}
#tblCtrls td:nth-child(2) input[type=checkbox] {vertical-align:middle; }
#tblCtrls td select {
  margin-top:2px;
  margin-bottom:2px;
  vertical-align:top;
}


#txtD, #txtInPts 
 {
   width:98%; height:100%;
   border:none;
   font-size:0.6rem;
   white-space: pre;
   overflow-wrap: normal;
   resize:none;
   cursor:pointer;
}

/* Works on Chrome, Edge, and Safari */
#txtD::-webkit-scrollbar {
  height: 8px;

}
#txtD::-webkit-scrollbar-track {
  background:rgb(235,235,235);
  border: 0.5px solid gray;
  border-radius: 4px;
}

#txtD::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 20px;
  border: 1.5px solid gray;
}
/* Works on Firefox */
#txtD {
   scrollbar-width: thin;
   scrollbar-height: thin;
   scrollbar-color: blue orange;
}
.selectText {
   background-color:silver;
   border: 2px solid gray;
   cursor:pointer;
   color:blue;
}

.divlett {
  float:left;
  background-color:silver;
  border: 1px solid gray;
  border-radius:3px;
  cursor:pointer;
  color:blue;
  width:40px;
  margin:2px 0px 2px 2px;
}
.tdsel {
   background-color: rgba(200,240,240,0.8);
   color:blue;
}
.divPijlChks {
  float:left;
  margin:2px 0px 2px 2px;
}
#divPijlRD, #divRondRD {
  min-width:185px;
  float:left;
  margin:2px 0px 2px 2px;
}
#tdRondInp {
   color:green;
   text-shadow: 0.5px 0.5px lightgreen;
}

#divTxtScherm {
   display:none;
   position:absolute;
   color:black;
   background-color:whitesmoke;
   left:0px; top: 0px; width:100%; height:100%;
}
#cmdSluiten {
   position:absolute; left:46%; top:95%;
}
#txtData {
   position:absolute; left:1%; top:2%; width:96%; height:88%;
   font-size:0.7rem;
   white-space: pre;
   overflow-wrap: normal;
   overflow-x: scroll;
}
#divSpiralDIR, #divSpiralCUR {
   display:inline-block;
   width:40px; height:15px;
   background-color:silver;
   color:blue;
   border:1px solid gray;
   border-radius:2px;
   margin:2px; 
   cursor:pointer;   
}
#divSpiralHKS {
  float:left;
  margin:2px 0px 2px 2px;
}