.alert-holder
{
	margin-bottom: 20px;
}

.alert
{
	width: 300px;
	margin: 20px auto;
	text-align: center;
	z-index: 9999;
}

.panel-login,
.password-reset-dialog
{
	box-shadow: rgba(0,0,0,0.1) 0 5px 20px;
}

.login-box 
{
	position: absolute;
	width: 300px;
	height: 400px;
	left: 50%;
	top: 50%;
	transform: translate(-45%, -50%);
}

	.login-box .password-reset-button
	{
		position: absolute;
		right: 8px;
		bottom: 12px;
		font-size: 18px;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		color: rgba(0,0,0,0.2);
	}

		.login-box .password-reset-button:hover
		{
			color: rgba(0,0,0,0.5);
		}

	.login-box .email-field 
	{
		border-bottom-width: 1px;
		border-bottom-color: #ffffff;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		height: 40px;
		line-height: 24px;
	}

	.login-box .password-field 
	{
		margin-bottom: 20px;
		border-top-width: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		height: 40px;
		line-height: 24px;
	}

.password-reset-dialog
{
	width: 600px;
	margin: auto;
}

.logo
{
	display: inline-block;
	width: 120px;
	height: 40px;
	margin: 4px 0 0 0;
}

	.logo a
	{
		display: inline-block;
		width: 120px;
		height: 40px;
		text-indent: -9999px;
		background-image: url(../../images/_core/logo.png);
	}

	.logo.logo-login,
	.logo.logo-login a
	{
		width: 200px;
		height: 67px;
		-webkit-background-size: 200px 67px;
		background-size: 200px 67px;
		margin-bottom: 20px;
	}

.fixed-ambient-label
{
	position: fixed;
	width: 40%;
	left: 50%;
	margin-left: -20%;
	bottom: 10px;
	z-index: 99999;
	display: inline-block;
	text-align: center;
}

/* Login animation: box3d */

.box3d 
{
	width: 500px;
	height: 500px;
	margin: 100px auto;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -250px;
	-webkit-transform-style: preserve-3d;
	z-index: -999999;
}

.box3d div 
{
	position: absolute;
	left: 0;
	top: 0;
	width: 500px;
	height: 500px;
	opacity: 0.5;
	transform-origin: 50% 50% -250px;
}

body.darker-theme .p1,
body.darker-theme .p2,
body.darker-theme .p3,
body.darker-theme .p4,
body.darker-theme .p5,
body.darker-theme .p6
{
	border-color: #333;
}

.p1 
{
	transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
	animation: spin1 30s infinite linear;
	border: 1px solid rgba(0,0,0,0.1);
}

.p2 
{
	animation: spin2 30s infinite linear;
	border: 1px solid rgba(0,0,0,0.1);
}

.p3 
{
	animation: spin3 30s infinite linear;
	border: 1px solid rgba(0,0,0,0.1);
}

.p4 
{
	animation: spin4 30s infinite linear;
	border: 1px solid rgba(0,0,0,0.1);
}

.p5 
{
	animation: spin5 30s infinite linear;
	border: 1px solid rgba(0,0,0,0.1);
}

.p6 
{
	animation: spin6 30s infinite linear;
	border: 1px solid rgba(0,0,0,0.1);
}

@keyframes spin1 
{
	to 
	{
		transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);
	}
}

@keyframes spin2 
{
	0% 
	{
		transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);
	}
	100% 
	{
		transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);
	}
}

@keyframes spin3 
{
	0% 
	{
		transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	}
	100% 
	{
		transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);
	}
}

@keyframes spin4 
{
	0% 
	{
		transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	}
	100% 
	{
		transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);
	}
}

@keyframes spin5 
{
	0% 
	{
		transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
	100% 
	{
		transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);
	}
}

@keyframes spin6 
{
	0% 
	{
		transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
	}
	100% 
	{
		transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);
	}
}