html,
body.login-page{ height: 100% !important; width: 100%; padding: 0; }
.login-page .login-box{
	position: absolute; top: 50%; margin-top: -180px; left: 50%; margin-left: -180px;
	background: #FFF; border: 5px solid #FFF; z-index: 2;
}
.login-page .login-logo{ margin-bottom: 0 }
.login-page .login-logo img{ width: 100%; height: auto; }
.login-page #map-overlay{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.25); z-index: 1; }
.login-page #map {
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	pointer-events: none;
	cursor: default;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.login-page .alert,
.login-page .callout{
    border: 0 none !important;
    border-radius: 0 !important;
}

.login-page .alert.alert-danger,
.login-page .callout.callout-danger { background-color: #ff000e !important; }
.login-page .alert.alert-success,
.login-page .callout.callout-success { background-color: #25a14d !important; }
.hold-transition.login-page #map{ background-position: bottom right; }
.login-footer{
	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: right;
    padding: 10px;
	color: #767879;
}
.login-footer a{ color: #ff000e }
.login-footer a:hover{ color: #b02520 }

.login-page .register-box{
	margin-top: -250px;
}

@media (max-width: 991px) {
	.login-page .login-box,
	.login-page .register-box{ margin-left: 0; left: 5%; margin-top: 0; top: 10%; }
}


.login-page .error-box{
	position: absolute;
	top: 50%; margin-top: -80px; left: 50%; margin-left: -300px;
	z-index: 2;
}


@media (max-width: 991px) {
	.login-page .error-box{
		height: 320px;
		width: 320px;
		margin-left: -160px; margin-top: -160px; }
}

.login-page .login-box a:not(.btn){ color: #ff000e; text-decoration: underline; }
.login-page .login-box a:not(.btn):hover{ text-decoration: none; }

.login-page .login-box .btn-login{ color: #FFF; background: #FF000E; border: 0px none; }
.login-page .login-box .btn-login:hover,
.login-page .login-box .btn-login:focus{ background: #FFF; color: #FF000E;  }

.login-page .login-box .btn-default{ color: #FFF; background: #AAA; border: 0px none; }
.login-page .login-box .btn-default:hover,
.login-page .login-box .btn-default:focus{ background: #FFF; color: #888;  }