.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con 
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: center no-repeat #fff;
}
body,html
{
	height:100%;
	margin:0;
	overflow:hidden;
}
body
{
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	user-select: none;
	
}
#coverPage{
height:100%;	
}
#startPage{
	height:100%;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	overflow:hidden;
}
#gamePage
{
	margin-top:6vh;
}

#juiceButtons{
    margin-top: 12%;
}
.juiceBtn{
	height:8vh;
	margin-top:-1vh;
	margin-bottom:1vh;
}
.juiceImg{
	height:8vh;
	margin-top:-1vh;
}
#orderImg{
	font-size:3vw;
	color:white;
	text-align: center;
}
#leftDiv{
    /* background-color: #d7dff5; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin-left: 2%;
}
#juiceBottomDiv{
	height:9vh;
}

#pipe0,#pipe1,#pipe2{
	height:8vh;	
}
.noPadding{
	padding:0px !important;
}
/*#bottomDiv{
	margin-top: -3vh;
}*/
.buttoncls
{
	height:9vh;
}
#canvas0{
	    margin-left: 25%;
}
#rightDiv{
height:50vh;
 background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.heightClass{
height:68vh;
}
.glassClass{
	height:30vh;
}
#orderDiv{
	margin-top:5vh;
}
#checkOrderDiv{
	margin-top: 11vh;
}
#juiceGlassDiv{
	margin-top:4vh;
}
#juiceGlassImg{
	height:17vh;
}
#ownerDiv{
	position: fixed;
    bottom: 0;
    right: 8vw;

}
#ownerImg,#ordercustomerImg{
	height:42vh;
}
#ordercustomerDiv{
	position: fixed;
    bottom: 0;
    
}
#customerStanding{
	position: fixed;
    bottom: 0;
}
#customerStandingImg{
	height:58vh;
}
#orderTxtSpan,#orderJuiceSpan{
	font-size:1.5vw;
	font-weight: bold;
	color:white;
}
.fontClass{
	    color: white;
	font-size:1.5vw;
	font-weight: bold;
	padding-left:0.5vw;
		margin-top:2vh;
}

.modal-content
{
background-color: #9e599c;
}
.modal 
{
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   padding-top: 100px; /* Location of the box */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: hidden; 
   background-color: rgba(0,0,0,0.6); 
   padding:10%;
}
#modalMsg{
	color:white;
	font-size:3.5vw;
}
#modalImg{
    height: 30vh;
}
#rateBoardDiv
{
background-repeat:no-repeat;
background-size: 100% 100%;
margin-top:4vh;
}
#rateScreen3
{
margin-top:5vh;
}
#customerImgDivScreen3
{
position:fixed;
bottom:0;
}
.ingredientsRows
{
margin-top:3vh;
}
td 
{
 padding:1vh 1vw 1vh 1vw;
}
#moneyToPay
{
	background-color:white;
	color:black;
	font-size:2vw;
	margin-top:18vh;
}
.fadeInRight1 {
	-webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
	 animation-duration:2s;
}


@keyframes fadeInRight {
 0% {
	  opacity: 1;
	  -webkit-transform: translate3d(100%, 100%, 0);
	  transform: translate3d(100%, 100%, 0);
  }
  100% {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
  }

 /*from {
   opacity: 1;
   transform: translate3d(100%, 100%, 0%);
 }

 to {
   opacity: 1;
   transform: none;
 }*/
}



