#divAppLoader
{
	background-color:rgba(0, 0, 0, 0.75);
	display:none;
	height:100%;
	left:0px;
	outline:none;
	position:fixed;
	top:0px;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width:100%;
	z-index:30;
}

#divAppLoader.show
{
	animation-duration:0.1s;
	animation-name:loaderShow;
	display:block;
	opacity:1;
}

#divAppLoader .imgLoaderLogo
{
	animation:rotate 2.5s linear infinite;
	left:calc(50% - 60px);
	height:120px;
	position:absolute;
	top:calc(50% - 60px);
	width:120px;
}

#divAppLoader .divLoading
{
	color:#cffdff;
	font-size:20px;
	left:50%;
	position:absolute;
	text-shadow:0px 0px 5px #01eff9;
	top:calc(50% + 65px);
	transform:translateX(-50%);
}

/* ANIMATIONS */
@keyframes loaderShow
{
	0%   {opacity:0;}
	1%   {opacity:0;}
	100% {opacity:1;}
}

@keyframes rotate
{
	from {transform:rotate(0deg);}
	to   {transform:rotate(360deg);}
}