/*
 * Hosta Login Theme
 */
body {
	background-color: #aaa;
	background: -moz-linear-gradient(top, #aaa %, #1a1a2e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(%,#aaa), color-stop(100%,#1a1a2e));
	background: -webkit-linear-gradient(top, #aaa %,#1a1a2e 100%);
	background: -o-linear-gradient(top, #aaa %,#1a1a2e 100%);
	background: -ms-linear-gradient(top, #aaa %,#1a1a2e 100%);
	background: linear-gradient(to bottom, #aaa %,#1a1a2e 100%);
	min-height: 100vh;
}
a {color: #00cc44;}
a:hover {color: #00e64d;}

/* Login card */
.card-login {
	border: none;
	border-radius: 12px;
	box-shadow:  8px 32px rgba(,,,.4);
	background: #ffffff;
}
.card-login .card-body {
	padding: 2rem;
}
.card-login .card-footer {
	background: #f8f9fa;
	border-top: 1px solid #e9ecef;
	border-radius:   12px 12px;
	padding: 1rem 2rem;
}
.card-login h3 {
	color: #aaa;
	font-weight: 700;
	font-size: 1.25rem;
	margin-bottom: 1.5rem;
	text-align: center;
}

/* Logo area */
.login-logo {
	text-align: center;
	margin-bottom: 1.5rem;
}
.login-logo img {
	max-height: 48px;
	width: auto;
}

/* Form controls */
.form-control {
	border-radius: 8px;
	border: 2px solid #e1e1e1;
	padding: .75rem 1rem;
	font-size: .95rem;
	transition: border-color .2s;
}
.form-control:focus {
	border-color: #00cc44;
	box-shadow:    3px rgba(,204,68,.15);
}

/* Buttons */
.btn-success {
	background: #00cc44;
	border: none;
	border-radius: 8px;
	padding: .75rem 1.5rem;
	font-weight: 700;
	transition: all .2s;
}
.btn-success:hover {
	background: #00b33b;
	transform: translateY(-1px);
	box-shadow:  4px 12px rgba(,204,68,.3);
}

/* Checkbox customization */
.checkbox label {
	font-size: .9rem;
	color: #666;
}

/* Login box vertical centering */
.login-box.vertical-center {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Footer links */
.pass-reset {
	text-align: center;
}
.pass-reset a {
	font-size: .9rem;
	font-weight: 600;
}

/* Messages */
.alert {
	border-radius: 8px;
	font-size: .9rem;
}