/* BASIC STYLING */

body {
    background: linear-gradient(0deg, #edeef1 350px, #042f6b 25%) #edeef1;
    background-repeat: no-repeat;
    background-size: contain;
}

.logobg {
	background: url(https://www.aareon.co.uk/fm/32/Logo.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	height: 100px;
	margin-bottom: 1em;
}

.login {
	width: 200px;
	height: 44px;
	background: #042f6b;
	border: #042f6b;
}

.mfa-wrapper .login {
	width: 100%;
}

.mfa-wrapper {
	padding-bottom: 2rem;
}

/* ADVANCE STYLING */
a {
	color: #515663 !important;
	font-weight: bold !important;
	cursor: pointer;
}

a:hover {
	text-decoration: underline !important;
	cursor: pointer !important;
}

.panel {
    background: white !important;
    box-shadow: #000 0px 0px 20px -10px;
	border-radius: 10px;
	border: none;
}

.panel-body {
	padding-top: 0px
}

input {
	height: 45px !important;
	background: #f6f7f8 !important;
	border: #042f6b solid 2px !important;
	margin-bottom: 0.5em;
	color: #656c7c;
}

input:focus {
	border: #042f6b solid 3px !important;
	box-shadow: none !important;
}

.form-group {
	padding-top: 5px;
	text-align: center;
}

.cancel {
	width: 120px;
	height: 44px;
	background: #dfdfe2;
	border: #dfdfe2;
}

.cancel:hover {
	background: #ceced1;
}

.requestNewCode {
	width: 160px;
	height: 44px;
	background: #dfdfe2;
	border: #dfdfe2;
}

.requestNewCode:hover {
	background: #ceced1;
}

.mfa-wrapper .cancel {
	width: 100%;
	background-color: #9c9c9d;
	border-color: #9c9c9d
}

	.mfa-wrapper .cancel:hover {
		background-color: #a8a8a8;
	}

.mfa-wrapper .requestNewCode {
	width: 100%;
	background-color: #9c9c9d;
	border-color: #9c9c9d
}

	.mfa-wrapper .requestNewCode:hover {
		background-color: #a8a8a8;
	}

label {
	float: left;
	margin-bottom: 10px;
}

p.cookie-text {
	font-size: 12px;
}

div.forgot-password {
	text-align: center;
	padding-bottom: 15px;
}

div.login-button-form-group {
	margin-bottom: 5px;
}

div.hr-wrapper {
	padding: 0 1em;
}

.alert-danger {
	color: #fff;
	background-color: #a94442;
	border-color: #a94442;
	position: fixed;
	top: 15px;
	right: 15px;
	width: 20%;
	opacity: 0.8;
}