/*
 This css is for the loading layover that is displayed when the user first logs into the system
*/

.load_cover_class {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	/*background: #ffebcc;*/
	background: radial-gradient(circle, #ffebcc 20%, #fde5c1 60%, #fdcfa1 100%);
	z-index: 9999;
	font-size: 65px;
	text-align: center;
	padding-top: 200px;
	color: #000;
	font-family:tahoma;
	
	/*
	-webkit-animation: fadeinbgcolor 2s; /* Safari, Chrome and Opera > 12.1 *
	   -moz-animation: fadeinbgcolor 2s; /* Firefox  16 *
		-ms-animation: fadeinbgcolor 2s; /* Internet Explorer *
		 -o-animation: fadeinbgcolor 2s; /* Opera  12.1 *
			animation: fadeinbgcolor 2s;
	*/
	
	animation-delay: 0.3s;
	animation-fill-mode: forwards;
	
	/*
	background-color: #ffebcc;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='24' viewBox='0 0 88 24'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='autumn' fill='%23f9dfb8' fill-opacity='0.49'%3E%3Cpath d='M10 0l30 15 2 1V2.18A10 10 0 0 0 41.76 0H39.7a8 8 0 0 1 .3 2.18v10.58L14.47 0H10zm31.76 24a10 10 0 0 0-5.29-6.76L4 1 2 0v13.82a10 10 0 0 0 5.53 8.94L10 24h4.47l-6.05-3.02A8 8 0 0 1 4 13.82V3.24l31.58 15.78A8 8 0 0 1 39.7 24h2.06zM78 24l2.47-1.24A10 10 0 0 0 86 13.82V0l-2 1-32.47 16.24A10 10 0 0 0 46.24 24h2.06a8 8 0 0 1 4.12-4.98L84 3.24v10.58a8 8 0 0 1-4.42 7.16L73.53 24H78zm0-24L48 15l-2 1V2.18A10 10 0 0 1 46.24 0h2.06a8 8 0 0 0-.3 2.18v10.58L73.53 0H78z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	*/
}

.client_logo_fade {
	margin-top: 25px;
	font-size: 21px;
	text-align: center;
	opacity: 0;

	-webkit-animation: clientlogofadein 2s; /* Safari, Chrome and Opera > 12.1 */
	   -moz-animation: clientlogofadein 2s; /* Firefox  16 */
		-ms-animation: clientlogofadein 2s; /* Internet Explorer */
		 -o-animation: clientlogofadein 2s; /* Opera  12.1 */
			animation: clientlogofadein 2s;
	
	animation-timing-function: linear;
	animation-delay: 0.3s;
	animation-fill-mode: forwards;
	
	-webkit-transition: width 2s;
    -moz-transition: width 2s;
	transition: width 2s;
}



@media (min-width: 1000px) {
	.client_logo_fade {
		width:50vw;
	}
	
	.client_logo_fade_smaller {
		width:40vw !important;
	}
	
	.client_logo_bigger{
		width:55vw;
	}
	
	.client_logo_smaller{
		width:40vw;
	}
	
	.splash_page_system_name {
		color:black;
		font-size:3vw;
	}
	
	.splash_page_system_name_smaller {
		color:black;
		font-size:2vw;
	}
	
	.splash_page_prismatic_logo {
		opacity: 0;
		width:20vw;
	}
	
	.splash_page_prismatic_logo_size {
		width:20vw;
	}
}

@media (max-width: 999px) {
	.client_logo_fade {
		width:60vw;
	}
	
	.client_logo_fade_smaller {
		width:50vw !important;
	}
	
	.client_logo_bigger{
		width:65vw;
	}
	
	.client_logo_smaller{
		width:50vw;
	}

	.splash_page_system_name {
		color:black;
		font-size:4vw;
	}
	
	.splash_page_system_name_smaller {
		color:black;
		font-size:3vw;
	}
	
	.splash_page_prismatic_logo {
		opacity: 0;
		width:30vw;
	}
	
	.splash_page_prismatic_logo_size {
		width:30vw;
	}
}

@media (max-width: 768px) {
	.client_logo_fade {
		width:70vw;
	}
	
	.client_logo_fade_smaller {
		width:60vw !important;
	}
	
	.client_logo_bigger{
		width:75vw;
	}
	
	.client_logo_smaller{
		width:60vw;
	}
	
	.splash_page_system_name {
		color:black;
		font-size:5vw;
	}
	
	.splash_page_system_name_smaller {
		color:black;
		font-size:4vw;
	}
	
	.splash_page_prismatic_logo {
		opacity: 0;
		width:40vw;
	}
	
	.splash_page_prismatic_logo_size {
		width:40vw;
	}
}

@media (max-width: 600px) {
	.client_logo_fade {
		width:80vw;
	}
	
	.client_logo_fade_smaller {
		width:70vw !important;
	}
	
	.client_logo_bigger{
		width:85vw;
	}
	
	.client_logo_smaller{
		width:70vw;
	}
	
	.splash_page_system_name {
		color:black;
		font-size:5vw;
	}
	
	.splash_page_system_name_smaller {
		color:black;
		font-size:4vw;
	}
	
	.splash_page_prismatic_logo {
		opacity: 0;
		width:50vw;
	}
	
	.splash_page_prismatic_logo_size {
		width:50vw;
	}
}


@keyframes clientlogofadein {
	from { opacity: 0;  }
	to   { opacity: 1;  }
}

/* Firefox  16 */
@-moz-keyframes clientlogofadein {
	from { opacity: 0;  }
	to   { opacity: 1;  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes clientlogofadein {
	from { opacity: 0;  }
	to   { opacity: 1;  }
}

/* Internet Explorer */
@-ms-keyframes clientlogofadein {
	from { opacity: 0;  }
	to   { opacity: 1;  }
}



.text_fade {
	margin-top: 25px;
	font-size: 21px;
	text-align: center;
	opacity: 0;

	-webkit-animation: fadeintext 2s; /* Safari, Chrome and Opera > 12.1 */
	   -moz-animation: fadeintext 2s; /* Firefox  16 */
		-ms-animation: fadeintext 2s; /* Internet Explorer */
		 -o-animation: fadeintext 2s; /* Opera  12.1 */
			animation: fadeintext 2s;
	
	animation-timing-function: linear;	
	animation-delay: 0.3s;
	animation-fill-mode: forwards;
}

#delay_text_animation_div{
	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
	animation-delay: 2s;
}

#delay_loading_spinner_animation_div{
	-webkit-animation-delay: 6s; /* Chrome, Safari, Opera */
	animation-delay: 6s;
}

@keyframes fadeintext {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Firefox  16 */
@-moz-keyframes fadeintext {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeintext {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadeintext {
	from { opacity: 0; }
	to   { opacity: 1; }
}




.prismatic_fade_splash {
	margin-top: 25px;
	font-size: 21px;
	text-align: center;
	opacity: 0;

	-webkit-animation: fadeinprismatic 2s; /* Safari, Chrome and Opera > 12.1 */
	   -moz-animation: fadeinprismatic 2s; /* Firefox  16 */
		-ms-animation: fadeinprismatic 2s; /* Internet Explorer */
		 -o-animation: fadeinprismatic 2s; /* Opera  12.1 */
			animation: fadeinprismatic 2s;
	
	animation-timing-function: linear;		
	animation-delay: 0.3s;
	animation-fill-mode: forwards;
}

@keyframes fadeinprismatic {
	from { opacity: 0; }
	to   { opacity: 0.7; }
}

/* Firefox  16 */
@-moz-keyframes fadeinprismatic {
	from { opacity: 0; }
	to   { opacity: 0.7; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinprismatic {
	from { opacity: 0; }
	to   { opacity: 0.7; }
}

/* Internet Explorer */
@-ms-keyframes fadeinprismatic {
	from { opacity: 0; }
	to   { opacity: 0.7; }
}





@keyframes fadeinbgcolor {
	from { background: #FFFFFF; }
	to   { background: #ffebcc; }
}

/* Firefox  16 */
@-moz-keyframes fadeinbgcolor {
	from { background: #FFFFFF; }
	to   { background: #ffebcc; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinbgcolor {
	from { background: #FFFFFF; }
	to   { background: #ffebcc; }
}

/* Internet Explorer */
@-ms-keyframes fadeinbgcolor {
	from { background: #FFFFFF; }
	to   { background: #ffebcc; }
}


.splash-page-bottom-align-text {
    position: absolute;
    bottom: 0;
    right: 0;
  }