.svg-container { position:absolute; top: 0; left:0; height:100%; width:100%; }
.svg-container svg, .is-a-svg svg { width: 100%; height: 100%; }
.splash, .full-splash {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: auto;	
}
.splash {
	z-index: 999999;
	/*background-color: rgba(128,128,128,0.75);*/
}
.full-splash {
	z-index: 1000000;
	background-color: rgba(128,128,128, 0.75);	
}
@keyframes circle-loading-keyframes
{
	0%   {
			-ms-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
	}
	100%   {
			-ms-transform: rotate(360deg);            
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
	}
}
@-moz-keyframes circle-loading-keyframes /* Firefox */
{
	0%   {
			-ms-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
	}
	100%   {
			-ms-transform: rotate(360deg);            
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
	}
}
@-webkit-keyframes circle-loading-keyframes /* Safari and Chrome */
{
	0%   {
				-ms-transform: rotate(0deg);            
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%   {
				-ms-transform: rotate(360deg);            
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes reverse-circle-loading-keyframes
{
	0%   {
			-ms-transform: rotate(360deg);            
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);		
	}
	100%   {
			-ms-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
	}
}
@-moz-keyframes reverse-circle-loading-keyframes /* Firefox */
{
	0%   {
			-ms-transform: rotate(720deg);
			-moz-transform: rotate(720deg);
			-webkit-transform: rotate(720deg);
			-o-transform: rotate(720deg);
			transform: rotate(720deg);
	}
	100%   {
			-ms-transform: rotate(0deg);            
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
	}
}
@-webkit-keyframes reverse-circle-loading-keyframes /* Safari and Chrome */
{
	0%   {
		-ms-transform: rotate(360deg);            
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	100%   {
		-ms-transform: rotate(0deg);            
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
/* Doors styles */
#door-left, #door-right {
	position: fixed;
	top: 0;
	z-index: 2000;
	height: 100%;
	display: none;
}
#left-area, #right-area {
	width: 100%;
	overflow-y: auto;
	display: none;
}
#right-area-title {
	font-size: 200%;
	text-align: right;
	border-bottom: 1px solid white;
	color: white;
	padding-right: 10px;
}
#right-area-icon {
	float: left;
	color: white;
}