/*html,body {
	margin:0px;
	width:100%;
	height:100%;
	padding:0px;
}
*/
.loader {
  border: 10px solid #d1e8ff;
  border-radius: 50%;
  border-top: 10px solid #3399FF;
  border-bottom: 10px solid #3399FF;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.grad {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#939393+0,f4f4f4+100&0.5+0,0.5+100 */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(147,147,147,0.8) 0%, rgba(255,255,255,0.65) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(147,147,147,0.8) 0%,rgba(255,255,255,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(147,147,147,0.8) 0%,rgba(255,255,255,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80939393', endColorstr='#80f4f4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.console_loader_container {
	position:absolute; 
	width:100%; 
	height:calc(100% - 0px); 
	left:0px; 
	top:0px; 
	overflow:hidden; 
	display:none;
	background-image:url(../images/30white.png);
}
.loader_container {
	position:absolute; 
	width:100%; 
	height:100%; 
	left:0px; 
	top:0px; 
	overflow:hidden; 
	display:none;
	background-image:url(../images/50white.png);
	z-index:1000;
}
.loading_spinner {
	position:absolute; 
	width:80px; 
	height:80px; 
	margin:auto; 
	top:0px; 
	right:0px; 
	bottom:0px; 
	left:0px;
}
.loading_message {
	position:absolute; 
	width:120px; 
	height:20px; 
	overflow:visible; 
	margin:auto; 
	top:105px; 
	right:0px; 
	bottom:0px; 
	left:0px; 
	text-align:center;
	color:black;
	font-weight:bold;
	text-shadow: 0px 0px 2px #ffffff;
}