.ns {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#wi {
    display: block;
    position: absolute;
    background-color: black;
    font-family: Arial;
    color: white;
    font-size: 36px;

    height: 50px;
    line-height: 50px;
    width: 50px;

    text-align: center;
}

label {
    display: block;
    position: absolute;
    background-color: black;
    font-family: Arial;
    color: white;
    font-size: 36px;

    height: 50px;
    line-height: 50px;
    width: 50px;

    text-align: center;
}

.prevconfig {
    background-color:white;
    color:black;
    height:14px;
    width:40px;
    font-family:arial;
    font-size:14px;
    position:absolute;
    left:10px;
    top:540px;
    line-height:14px;
    cursor:pointer;
}

.subb {
    background-color:black;
    color:dimgray;
    position:absolute;
    left:50%;
    transform: translate(-50%,0%);
    top:520px;
    height:50px;
    padding:0px;
    line-height:42px;
    font-size:28px;
    width:130px;
    border-radius:16px;
    margin: 4px 2px;
    cursor:pointer;
}

.nextconfig {
    background-color:white;
    color:black;
    height:14px;
    width:40px;
    font-family:arial;
    font-size:14px;
    position:absolute;
    right: 10px;
    top:540px;
    line-height:14px;
    cursor:pointer;
}


@media only screen and (max-width: 390px)
{
.IWs { background-color:inherit; width:8px;}
.IHs { background-color:inherit; height:8px;}

.R0s { top:150px; /* d=58. */}
.R1s { top:208px; }
.R2s { top:266px; }
.R3s { top:324px; }
.R4s { top:382px; }
.R5s { top:440px; }

.cloc { 
    left:10px;
    top:-70px;
    position:absolute;
}

.C0s { left:15px; /* d=58. */}
.C1s { left:73px; }
.C2s { left:131px; }
.C3s { left:189px; }
.C4s { left:247px; }
.C5s { left:305px; }

.S0s { left:065px; /* d=58. */}
.S1s { left:123px; }
.S2s { left:181px; }
.S3s { left:239px; }
.S4s { left:297px; }

.X0s { top: 200px; /* d=58. */}
.X1s { top: 258px; }
.X2s { top: 316px; }
.X3s { top: 374px; }
.X4s { top: 432px; }
}


@media only screen and (min-width: 390px)
{

.IW { background-color:inherit; width:10px;}
.IH { background-color:inherit; height:10px;}

.R0 { top:150px; }
.R1 { top:210px; }
.R2 { top:270px; }
.R3 { top:330px; }
.R4 { top:390px; }
.R5 { top:450px; }

.cloc { 
    left:10px;
    top:-70px;
    position:absolute;
}

.C0 { left:15px; }
.C1 { left:75px; }
.C2 { left:135px; }
.C3 { left:195px; }
.C4 { left:255px; }
.C5 { left:315px; }

.S0 { left:065px; }
.S1 { left:125px; }
.S2 { left:185px; }
.S3 { left:245px; }
.S4 { left:305px; }

.X0 { top: 200px; }
.X1 { top: 260px; }
.X2 { top: 320px; }
.X3 { top: 380px; }
.X4 { top: 440px; }
}


.sl {
    font-family: Arial;
    font-size: 14px;
    text-align: center;
}

.btn{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}

.btn{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   

#notification {
  visibility: hidden; /* Hidden by default. Visible on click */
  background-color:black;
  color:dimgray;
  position:absolute;
  left:120;top:50;
  height:50px;
  padding:0px;
  line-height:42px;
  font-size:28px;
  width:130px;
  border-radius:16px;
  margin:4px 2px;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#notification.show {
  visibility: visible;
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the notification in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}


p.copyright {
    font-size: 0.7em;
    text-align: left;
}