.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
{
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
	user-select: none;
	overflow: hidden;
}
#gamePage
{
	margin-top:12vh;
}
#leftDiv,.border{
	border:1px solid black;
}
#juiceButtons{
	border:0.1vw solid black;	
	border-radius:1vw;
}
.juiceBtn{
	height:8vh;
	margin-top:1vh;
	margin-bottom:1vh;

}
/*.centerCanvas {
	margin-left:1.0vw;
}*/

#leftDiv,#rightDiv,#responseDiv{
	/*background-image: url('../images/back1.jpg');*/
	background-color: #d7dff5;
	border-radius:1.8vw;
}
#juiceBottomDiv{
	height:9vh;
}

#pipe0,#pipe1,#pipe2{
	height:6vh;	
}
#juiceBox{
border-bottom:1px solid black;
height:50vh;
}
.noPadding{
	padding:0px !important;
}
#centerName{
	font-size: 3.3vw;
	height:10vh;
	color:black;
	font-family: monospace;
    font-style: italic;
}

.buttoncls
{
	height:8vh;
	margin-top:3%;
	border:1px solid black;
}
.heightClass{
height:80vh;
border:1px solid black;
}
.glassClass{
	height:44vh;
}
#orderDiv{
	margin-top:5vh;
}
#juiceGlassDiv{
	margin-top:4vh;
}
#juiceGlassImg{
	height:25vh;
}

#orderTxtSpan{
	font-size:3vw;
	font-weight: bold;
}
.fontClass{
	font-size:1.5vw;
	font-weight: bold;
	padding-left:0.5vw;
}
#responseDiv{
	margin-top:12vh;
}
.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;
}