@core-text-color: #ffffff;

html
{
	overflow-y: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

.loading-screen
{
	position: absolute;
	width: 100%;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-top: 10px;
	text-align: center;
	text-shadow: 0 0 5px #000;
}

.loading-span p
{
	margin-bottom: 16px !important;
}

@-webkit-keyframes fadeOut
{
	0%
	{
		opacity: 1;
	}

	100%
	{
		opacity: 0.1;
	}
}

@keyframes fadeOut
{
	0%
	{
		opacity: 1;
	}

	100%
	{
		opacity: 0.1;
	}
}

.fadeOut
{
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 1s;
	animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: 1s;
}

.loader-dot
{
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: #fff;
	display: inline-block;
	-webkit-animation: grow 2.1s infinite ease-in-out both;
	animation: grow 2.1s infinite ease-in-out both;
}

	.loader-dot.dot1
	{
		-webkit-animation-delay: -0.96s;
		animation-delay: -0.96s;
	}

	.loader-dot.dot2
	{
		-webkit-animation-delay: -0.48s;
		animation-delay: -0.48s;
	}

@-webkit-keyframes grow
{
	0%, 80%, 100%
	{
		-webkit-transform: scale(0)
	}

	40%
	{
		-webkit-transform: scale(1.0)
	}
}