body {background-color: #0336D0;}
.wrap {background-color: rgba(255,255,255,.1);position: relative;overflow: hidden;}
.footer {position: relative;}
#middlebox {position: absolute;top: 50%;transform: translate(0, -50%);width: 100%;z-index: 9999;}
#middlebox.row {margin-left: 0;margin-right: 0;}
.inner-container {
	padding: 25px 15px 15px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	border-radius: 2px;}
#bg-logo {display: block;position: absolute;bottom: 0;left: 5%;}
.alert {padding: 5px 15px;margin: 20px 0 0;border-radius: 2px;position: relative;z-index: 900;}

@-webkit-keyframes LoginGradient {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%}}
@-moz-keyframes LoginGradient {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%}}
@keyframes LoginGradient {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%}}

#light-overlay {
	position: absolute;top: 0; bottom: 0;left: 0;right: 0;z-index: 1;
	background: linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%);
	background-size: 400% 400%;
	-webkit-animation: LoginGradient 10s ease infinite;
	-moz-animation: LoginGradient 10s ease infinite;
	animation: LoginGradient 10s ease infinite;
}