/*---------------------------------------*/
.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 {
   background-color: #003399;
   background-image:url("img/achtergrond.gif");
   color: blue;
   touch-action: manipulation;
}

IMG { border: 0; }

TABLE  {
   font-family: Arial;
   font-size: 12pt;
   color: blue;
   text-align:center;
   border: 0px solid red;
   padding:5px;
}



#divAll { margin-left:auto; margin-right:auto; border:1px solid #003399;}

.B0 { background-image:url("img/blokjes/blokje00.svg");position:absolute; }
.B1 { background-image:url("img/blokjes/blokje01.svg");position:absolute; }
.B2 { background-image:url("img/blokjes/blokje02.svg");position:absolute; }
.B3 { background-image:url("img/blokjes/blokje03.svg");position:absolute; }
.B4 { background-image:url("img/blokjes/blokje04.svg");position:absolute; }
.B5 { background-image:url("img/blokjes/blokje05.svg");position:absolute; }
.B6 { background-image:url("img/blokjes/blokje06.svg");position:absolute; }
.B7 { background-image:url("img/blokjes/blokje07.svg");position:absolute; }
.B8 { background-image:url("img/blokjes/blokje08.svg");position:absolute; }



#lblHiScore { text-align:center; font-family:"Arial"; font-size:12px; color:lightblue; }
#divPrev { position:relative;width:68px; height:68px; margin-left:auto; margin-right:auto; border: 4px outset silver;}
#lblScoreL  {text-align:center;color:#33ffff;font-size:14pt;}
#lblScore   {text-align:center;color:#33ffff;font-size:22pt;min-width:100px;}
#lblLinesL  {text-align:left;color:#ffcc00;font-size:14pt;}
#lblLines   {text-align:right;color:#ffcc00;font-size:14pt;}
#lblLevelL  {text-align:left;color:#ffee00;font-size:14pt;}
#lblLevel   {text-align:right;color:#ffee00;font-size:14pt;}
#lblSpeedL  {text-align:left;color:Yellow; font-size:14pt;}
#lblSpeed   {text-align:right;color:Yellow; font-size:14pt;}

#divTitel {
   font-family: Arial;
   font-size: 28pt;
   font-weight: normal;
   color: #FF9900;
   text-align: center;
   margin: 0px 10px 0px 10px;
}

#divTbl  {
   position: relative; 
   margin-left:auto;
   margin-right:auto;
   margin-top:2%;
   border: 4px outset silver;
}
#tblBoven {
   margin-left:auto;
   margin-right:auto;
   /*min-width:690px;
   max-width:690px;*/
}
#tblBoven TD {
   border: 0px solid white;
   vertical-align:middle;
   background-color:RGBA(0, 34, 136, 0.55);
   padding: 0px 3px 0px 3px;
}
#tdKnoppen {
   min-width:115px;
}

#tblOnder {

   min-width:615px;
   margin-left:auto;
   margin-right:auto;

}
.knop{
    display:inline-block;
    max-width:48px;
    min-width:48px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}
.knop img{
   width:75%;
}


.ctrls {
   width:100%;
   border:1.5px solid lightblue;
   border-radius:45%;
   box-shadow: 2px 3px 5px  RGBA(0, 134, 250, 0.75);
   text-align: center;
   margin: 0px;
   padding: 2px;
   cursor: pointer;
}
.ctrls:hover {
  border:1.5px solid blue;
}

.tblCtrls {
   /*position:absolute;*/
   width:100%;
   max-width:90px;
   min-width:70px;
   line-height:65px;
   margin: 5px;
}
.tblCtrls img {
   vertical-align:middle;
   width:70%;
}


#scherm {
   position: absolute;
   left: 0; top: 0;
   background-color: white;
   width: 100%;
   height: 100%;
   opacity: 0.1;
   visibility: hidden;
}
#divDlg {
   position: absolute;
   overflow: auto;
   border: 1px solid gray;
   background-color: lightblue;
   color:blue;
   font-size: 80%;
   display: none;
   transform-origin: 0px 0px;
   cursor:pointer;
}

#tblOpties TD {
   color:blue;
   text-align:left;
}
#tblOpties TD:nth-child(1) {
   background-color: #003399;
   max-width: 50px;
   text-align:center;
}
.SetUD {
   cursor: pointer;
}

#tblHiScores  {
   color:blue;
}
#tblHiScores TH:nth-child(1) {border:0px solid black; width: 150px;min-width: 150px; text-align:left;  color:darkorange;}
#tblHiScores TD:nth-child(1) {border:0px solid black; width: 150px;min-width: 150px; text-align:left;  }
#tblHiScores TH:nth-child(2) {border:0px solid black; width: 50px; min-width: 50px;  text-align:right; color:darkorange; }
#tblHiScores TD:nth-child(2) {border:0px solid black; width: 50px; min-width: 50px;  text-align:right; }

.shadow {
   text-shadow: 0.5px 0.5px 0px gray, -0.5px -0.5px 0px whitesmoke;
}
.yourscore {
   color:darkgreen;
}

#divHiScoresGameOver  {
   padding:10px;
}
#tblHiScoresGameOver  {
   color:blue;
}
#tblHiScoresGameOver TH:nth-child(1) {border:0px solid black; width: 150px;min-width: 150px; text-align:left;  color:darkorange;}
#tblHiScoresGameOver TD:nth-child(1) {border:0px solid black; width: 150px;min-width: 150px; text-align:left;  }
#tblHiScoresGameOver TH:nth-child(2) {border:0px solid black; width: 50px; min-width: 50px;  text-align:right; color:darkorange; }
#tblHiScoresGameOver TD:nth-child(2) {border:0px solid black; width: 50px; min-width: 50px;  text-align:right; }