@charset "utf-8";
/* CSS Document */


body {
    margin: 0px 0px;
    /* Remark: Set fullscreen background */


    margin: 0px 0px;
    /* Remark: Set fullscreen background */
    __background-image: url("../images/bg.jpg");
    background-image: url("../images/bg2.jpg");
    

    background-size: 100vw 100vh;

    _background-size: auto 100vh;

    /* background-size: 100vw auto; */

    background-position: center top;



	/*
    background-image: url("../images/bg.jpg");

    background-size: auto 100vh;

    background-position: bottom center;
    background-repeat: no-repeat;
    _background-size: cover;    
	*/

    color: white;
    font-size: 1.8vh;
    background-color: black;
}



/* Custom class to remove spacing */
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.img-no-space {
  width: 100%; /* This makes the image block level with full width */
  height: auto; /* This maintains the aspect ratio */
  display: block; /* Removes bottom space/line */
}




.ui-panel {
  z-index: 20;
}

.fullscreen {
  position: absolute;

  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%);

  width: 100%;
  height: 100%;

  /* z-index: 20; */
}





@media only screen and (max-width: 375px) {
   
    .root-width {
        width:  90%;        
    }    
}


/* Media Query for Tablets Ipads portrait mode */ 
@media (min-width: 700px) and (max-width: 1024px){ 

  .root-width {
      width:  60%;        
  }    

  .register-root-width {
      width:  40%;        
  }    

  .register-space {
    display: none;
  }
} 


@media screen and (min-device-aspect-ratio: 18/23) {
  .root-width {
      width:  50%;        
  }    

  .register-root-width {
      width:  40%;        
  }    

  .register-space {
    display: none;
  }

}