* {
	box-sizing:border-box;
}

html, body {
	width:100%;
	height:100%;
	padding: 0px;
	margin: 0px;	
	background: #bbbbbb;
	position: fixed;
	overflow: hidden;
}

#GlobalContainer {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	overflow:hidden;
}

#MainLoaderContainer {
	display:none;
	position:absolute;
	z-index:20;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	overflow:hidden;
	background:#999999;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	opacity:1;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}

.Spinner {
	display:inline-block;
	width: 50px;
	height: 14px;
	text-align: center;
	font-size: 10px;
	position:relative;
	top:3px;
}

.Spinner > div {
	background-color: #fff;
	height: 100%;
	width: 6px;
	display: inline-block;

	-webkit-animation: SpinnerStretchDelay 1.2s infinite ease-in-out;
	animation: SpinnerStretchDelay 1.2s infinite ease-in-out;
}

.Spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.Spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.Spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.Spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes SpinnerStretchDelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes SpinnerStretchDelay {
	0%, 40%, 100% { 
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}  20% { 
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}		

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}