.contentLayout {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.pageHeader {
	position: relative;
	top: 5rem;
}

.login {
	position: relative;
	top: 7rem;
	background-size: cover;
}

.login form {
	position: relative;
	left: 50%;
	transform: translate(-50%, 0%);
	color: #fff;
	box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
	max-width: 21rem;
	width: 21rem;
	background-color: #1e2833;
	padding: 2.6rem;
	border-radius: 0.5rem;
}

.login .loginIcon {
	text-align: center;
	padding: 1.0rem 0.0rem 1.4rem;
	font-size: 6.5rem;
	color: #2980ef;
}

.login form .form-control {
	background: none;
	border: none;
	border-bottom: 0.1rem solid #434a52;
	border-radius: 0;
	box-shadow: none;
	outline: none;
	color: inherit;
}

.login form .btn-primary {
	margin-top: 1.8rem;
}

.login form .loginForgotCredentials {
	display: block;
	text-align: center;
	font-size: 0.8rem;
	color: #6f7a85;
	opacity: 0.9;
	text-decoration: none;
}

.login form .loginForgotCredentials:hover, .login form .loginForgotCredentials:active {
	opacity: 1;
	text-decoration: none;
}