/*---------------------------------------*/
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

BODY {

}

IMG { border: 0; }

h3 {
   background-color:lightblue;
   color:blue;
   margin-top:3px;
   margin-bottom:3px;
   border-radius:7px;
}

svg {
   padding-top:2px;
   padding-left:2px;
}

.helpknop {
   color:darkgreen;
   cursor: pointer;
   border: 1px solid darkgreen;
   border-radius:50%;
}
.gmknop {
   color:purple;
   cursor: pointer;
   border: 1px solid purple;
   border-radius:50%;
}
.grknop {
   color:orange;
   cursor: pointer;
   border: 1px solid orange;
   border-radius:50%;
}
#tblBD  {
   min-width:1020px;
   font-family: Arial;
   font-size: 10px;
   text-align:left;
   border: 1.5px solid black;
   padding:5px;
   border-collapse:collapse;
}
#tblBD td, th { padding-left:2px; padding-right:2px; }
#tblBD th { border-left:1px solid black; border-bottom:1px solid black; background-color:lightgray; }
#tblBD th:nth-child(1) { width: 55px; }
#tblBD th:nth-child(2) { width: 360px; }
#tblBD th:nth-child(3) { width: 360px; }
#tblBD th:nth-child(4) { width: 226px; }

#tblBD td:nth-child(1) { width: 55.9px; color: blue; }
#tblBD td:nth-child(2) { width: 29.58px; border-left:1px solid black; color: purple; }
#tblBD td:nth-child(3) { width: 161.24px;} 
#tblBD td:nth-child(4) { width: 161.24px;}
#tblBD td:nth-child(5) { width: 29.58px; border-left:1px solid black; color: purple; }
#tblBD td:nth-child(6) { width: 161.24px;} 
#tblBD td:nth-child(7) { width: 161.24px;}
#tblBD td:nth-child(8) { border-left:1px solid black; font-size:x-small;}


#tblBD tbody {
   min-width:1020px;
   width:1020px;
   display:block;
}
#tblBD tbody:nth-child(2) {
   min-width:1020px;
   overflow-y: scroll;
   min-height: 300px;
}
#tblBD tbody tr:nth-child(odd) {
  background-color: #F0F0F0;
}
#tblBD tbody tr{
   height:20px;
}

#scherm {
   position: absolute;
   left: 0; top: 0;
   background-color: white;
   width: 100%;
   height: 100%;
   opacity: 0.5;
   visibility: hidden;
}
#divHelp {
   position: absolute;
   overflow: auto;
   border: 1px solid gray;
   border-radius: 15px;
   box-shadow:5px 10px 10px #888888;
   background-color: white;
   font-size: 100%;
   display: none;
   text-align:center;
   padding: 10px;
   
}

#divSom {
   position: absolute;
   overflow: auto;
   border: 1px solid gray;
   border-radius: 15px;
   box-shadow:5px 10px 10px #888888;
   background-color: white;
   font-size: 100%;
   display: none;
   text-align:center;
   padding: 10px;
   
}
.berekenKnop {
   cursor:pointer;
   background-color:silver;
   padding-left:15px;
   padding-right:15px;
   padding-top:2px;
   padding-bottom:5px;
   border-radius: 15px;
}

#tblGem td {
   width: 340px;
}

#divGraf {
   position: absolute;
   overflow: auto;
   border: 1px solid gray;
   border-radius: 15px;
   box-shadow:5px 10px 10px #888888;
   background-color: white;
   font-size: 100%;
   display: none;
   text-align:center;
   padding: 10px;
   width:660px;
   height:435px;
}
#divGrafInh {
   font-size: 80%;
}

/* knop class */
.knop{
    background: -ms-linear-gradient(white, red); /* For IE */
    background: -webkit-linear-gradient(white, red); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, red); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, red); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, red); /* Standard syntax (must be last) */
    border:1px solid #888888;
   border-radius:15px;
   -moz-border-radius:15px;
   -webkit-border-radius:15px;
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
   font-family:arial;
   font-size:60%;
   padding-top: 2px;
   padding-bottom: 0px;
   padding-left: 1px;
   padding-right: 1px;
   margin-top:1.2px;
   margin-right:5px;
   width:18px; height:15px;
   float:right;
}
.knop:hover{
    background: -webkit-linear-gradient(white, lightblue); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, lightblue); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, lightblue); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, lightblue); /* Standard syntax (must be last) */
}