html,
body {
	height: 100%;
	width: 100%;
}

body,
input,
textarea,
select {
	font-family: "Segoe UI", "Tahoma", "Lucida Grande";
	font-size: 13px;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
}

/*================    Generic Splash Legacy - START    ==================*/
.splash-background {
	background-color: #002148; /* fallback */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1f7ac9), to(#002148)); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(top, #1f7ac9, #002148); /* Safari 5.1, Chrome 10+ */
	background: -moz-linear-gradient(top, #1f7ac9, #002148); /* Firefox 3.6+ */
	background: -ms-linear-gradient(top, #1f7ac9, #002148); /* IE 10 */
	background: -o-linear-gradient(top, #1f7ac9, #002148); /* Opera 11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f7ac9", endColorstr="#002148", GradientType=0); /* IE6-9 */
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.splash-content {
	background: url("../../images/common/splashlogo.png") no-repeat center;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.splash-loading {
	width: 100%;
	height: auto;
	bottom: 0px;
	top: 0px;
	left: 0;
	position: absolute;
}

.splash-loading-spinner {
	position: absolute;
	/* width: 80px; */
	/* height: 80px; */
	top: 50%;
	left: 50%;
	margin-left: 0px;
	margin-top: -30px;

	/*
    this makes it appear after the CALUMO Logo
    margin-left: 180px;
    margin-top: -58px; */

	font-size: 10px;
	text-align: center;
}

.loading {
	color: whitesmoke;
}

.loading span {
	font-size: 80px;
	animation-name: blink;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

.loading span:nth-child(2) {
	animation-delay: 0.2s;
}

.loading span:nth-child(3) {
	animation-delay: 0.4s;
}

.loading span:nth-child(4) {
	animation-delay: 0.6s;
}

@keyframes blink {
	0% {
		opacity: 0.2;
	}
	20% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		opacity: 0.2;
	}
}

/*================    Generic Splash - END    ==================*/
