/* ----------------------------------------------------------------
	WebGL Stuff CSS
-----------------------------------------------------------------*/


.webgl-content * {border: 0; margin: 0; padding: 0;}

.webgl-content { background: url('../webgl/progressLogo.Light.png') no-repeat center; }

/* .webgl-content .logo, .progress {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} */
.webgl-content .progress {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
/* .webgl-content .logo { background: url('../webgl/progressLogo.Light.png') no-repeat center / contain; width: 154px; height: 130px;} */
.webgl-content .progress {height: 18px; width: 141px; margin-top: 110px;}
.webgl-content .progress .empty {background: url('../webgl/progressEmpty.Light.png') no-repeat right / cover; float: right; width: 100%; height: 100%; display: inline-block;}
.webgl-content .progress .full {background: url('../webgl/progressFull.Light.png') no-repeat left / cover; float: left; width: 0%; height: 100%; display: inline-block;}

/* .webgl-content .logo.Dark {background-image: url('../webgl/progressLogo.Dark.png');} */
.webgl-content .progress.Dark .empty {background-image: url('../webgl/progressEmpty.Dark.png');}
.webgl-content .progress.Dark .full {background-image: url('../webgl/progressFull.Dark.png');}


.webgl-navi {
	padding-top:25px; 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 18px;
} 

.webgl-logo {
	background-image: url('../webgl/webgl-logo.png');
	background-repeat: no-repeat;
	background-position: center; 
	width: 204px;
	height:40px;
	float: left;
	display: inline-block;}


.btn-group {
float:right;
}
.button-sub {
margin-right: 0px;
margin-left: 0px;
}
.button-fullscreen {
  	background-image: url('../webgl/fullscreen.png');
	background-repeat: no-repeat;
 	background-position: center; 
	margin-left: 10px;
  
}

.button-info {
	background-image: url('../webgl/info.png');
	background-repeat: no-repeat;
	background-position: center; 
	margin-left: 10px;

}

#gameContainer {
	background-image: url('../webgl/progressLogo.Dark.png') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	box-shadow: 10px 10px 30px 0px grey;
}


ul.tab-nav:not(.tab-nav-lg) li {
	float: right;
	border: 1px solid #DDD;
	border-bottom: 0;
	border-left: 0;
	height: 41px;
	text-align: center;
}


#mfh-tab {
	background-image: ;
}
