#splashScreenloading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: #3fccef;
}
.splashScreenloadingAdMsg{
  display:none;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top:100px;
  text-align: center;
  z-index: 10001;
  font-size: 18px;
  font-weight: bold;
  color:white;
}
.splashScreenloadingCenter {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top:200px;
  text-align: center;
  z-index: 10001;
}

/* see https://www.w3schools.com/howto/howto_css_modals.asp */
.modal-noconnection {
  display: none; 
  position: fixed; 
  z-index: 20000; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  text-align: center; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}

.modal-noconnection-content {
  background-color: #fefefe;
  margin: 15% auto; 
  padding: 10px;
  border: 1px solid #888;
  border-radius:10px;
  width: 80%;
}
.modal-noconnection-close {
  text-align: right;
  width: 100%;
  font-size:25px;
  font-weight: bold;
  color:#9a9a9a;
  margin-top: -5px;
}

.modal-noconnection-button {
    background-color:#44c767;
    border-radius:19px;
    border:1px solid #18ab29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:18px;
    padding:5px 31px;
    text-decoration:none;
    text-shadow:0px 1px 7px #2f6627;
    margin-top:10px;
}
.modal-noconnection-button:hover {
    background-color:#5cbf2a;
}
.modal-noconnection-button:active {
    position:relative;
    top:1px;
}