html,body{height:100%;}
body{
  height:100%;margin:0;padding:0;background:#02010a;background-size:cover;background-repeat:no-repeat;
}
svg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;

}

#countdownProgress{position:fixed;top:0;left:0;right:0;height:25px;}
#countdownProgressBar {
  width: 100%;
  height: 20px;
/*padding-bottom:4px;*/
/*  background-color: #333;*/
/*padding-bottom:5px;*/
  border-top:5px solid red;
  text-align: right; /* To center it horizontally (if you want) */
  line-height: 20px; /* To center it vertically */
  color: #333;
  font-size:0.8em;
  font-weight:bold;
  transition:1000ms linear;
}
#countdownProgressBarText{color:white;}
.imageInline {
    vertical-align: middle;
    height: 14px;
    filter: drop-shadow(1px 1px 1px rgb(0 0 0 / 0.4));
}
a{color:#fff;text-decoration:none;}
input[type=submit],input[type=text],input[type=password]{display:table-cell;width:100%;text-align:center;font-size:1.2em;border:0;line-height:2em;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;    
box-sizing: border-box;}
select{font-size:1.2em;padding:10px;border:0;left:0;right:0;text-align:center;}
input[type=submit],button[type=submit]{background:black;color:white;cursor:pointer;display:table-cell;width:100%;text-align:center;font-size:1em;border:0;line-height:2em;text-transform:uppercase;}

#bodyLogo{border:0;position:absolute;top:30px;left:30px;height:40px;}
.centralBox{color:#666;max-height:80%;overflow:scroll;backdrop-filter: blur(2px);text-align:left;position:absolute;top:100px;left:50%;transform:translate(-50%,0);background-color:rgba(255, 255, 255, 0.9);border-radius:20px;padding:20px;width:80%;max-width:450px;}
.centralBox {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.centralBox::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
.noScrollBars{overflow:scroll;}
.noScrollBars {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.noScrollBars::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
.lineSpace{margin:10px 0;}
.formLabel{font-size:0.8em;font-weight:bold;color:#333;margin:5px 0;}
/*.lineSpace.formLabel{margin:5px 0;}*/
.centralBoxTitle{font-weight:bold;font-size:1.2em;color:#333;}
.centralBoxDescr{}
ul.centralBoxLargeButtons{margin:0;padding:0;text-align:center;}
ul.centralBoxLargeButtons li{margin:10px 0;padding:0;list-style-type:none;padding:0px;display:block;}
ul.centralBoxLargeButtons li a{border:1px solid #ccc;border-radius:10px;padding:20px;display:block;background:#efefef;color:#333;}
.SAQRCodeLink{background:orange;padding:10px 20px;margin:10px 0;display:inline-block;color:#333;font-weight:bold;border:2px solid #333;border-radius:10px;}
.qrcodeHolder img{margin:10px;}
.qrcodeHolder canvas{max-width:90%;display:block;}

/* for lp display */

@media only screen and (max-width:800px) {

}