.loadingScreen {
	position: absolute;
	z-index: 9000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
    background: var(--primary-bg-color);
    /*
    background: -moz-radial-gradient(center, ellipse cover,  #484a54 1%, var(--primary-bg-color) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#484a54), color-stop(100%,var(--primary-bg-color)));
    background: -webkit-radial-gradient(center, ellipse cover,  #484a54 1%,var(--primary-bg-color) 100%);
    background: -o-radial-gradient(center, ellipse cover,  #484a54 1%,var(--primary-bg-color) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #484a54 1%,var(--primary-bg-color) 100%);
    background: radial-gradient(ellipse at center,  #484a54 1%,var(--primary-bg-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484a54', endColorstr='var(--primary-bg-color)',GradientType=1 );
    */
	display: none;
}

.loadingScreen .loadingTitle {
	color: var(--primary-fg-color);
    font-size: 22px;
    font-weight: 100;
    left: 50%;
    margin-left: -40%;
    position: absolute;
    text-align: center;
    top: 20%;
    width: 80%;
}

.loadingScreen .workingSpinner {
	top: 110%;
	-webkit-transition: top 0.6s ease;
	-moz-transition: top 0.6s ease;
	-o-transition: top 0.6s ease;
	transition: top 0.6s ease;
}

.loadingScreen.active .workingSpinner {
	top: 50%;
}

.statusMessage {
	display: none;
	position: absolute;
	top: -30px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	text-align: center;
	-webkit-transition: top 0.6s ease;
	-moz-transition: top 0.6s ease;
	-o-transition: top 0.6s ease;
	transition: top 0.6s ease;
}

.statusMessage.active {
	display: block;
	top: 8px;
	z-index: 100001;
}