.makro-login {
	min-height: 400px;
}

.makro-bg {
	background-color: #003e7c;
	width: 100%;
	height: 30%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.makro-logo {
	position: absolute;
	left: 0;
	right: 0;
	top: -webkit-calc(30% - 100px);
	top: -moz-calc(30% - 100px);
	top: calc(30% - 100px);
	margin: auto;
}

.makro-logo img {
	width: 300px;
}

.makro-form {
	position: absolute;
	vertical-align: middle;
	width: 350px;
	left: 0;
	right: 0;
	top: -webkit-calc(30% + 25px);
	top: -moz-calc(30% + 25px);
	top: calc(30% + 25px);
	margin: auto;
	min-height: 200px;
	box-shadow: rgba(34, 36, 38, 0.15) 0px 2px 3px 0px;
}

.makro-form form {
	margin-top: 25px;
}

.bc-login .logo {
	margin-bottom: 50px;
}

.login-info {
	color: #FFFFFF;
	font: 12px "Roboto Light";
	text-align: left;
	background-color: #757575;
	opacity: 0.8;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px 15px;
}

.login-info p {
	margin: 0;
}

.login-info .remove {
	opacity: 0;
	position: absolute;
	color: #FFFFFF;
	top: -webkit-calc(50% + 8px);
	top: -moz-calc(50% + 8px);
	top: calc(50% - 8px);
	right: 10px;
	cursor: pointer;
	transition: opacity 0.2s ease-out;
}

.login-info:hover .remove {
	opacity: 1;
}

.makro-form .bc-check-box > label {
	height: 20px;
	margin-bottom: 0;
}

.makro-form .login-options {
	margin: 20px 25px;
	display: flex;
	justify-content: space-between;
	color: #757575;
}

.makro-form .login-options a {
	color: #757575;
}

.makro-form .bc-check-box>input+label:before {
	top: 1px;
}

.makro-form .login-options {
	height: 20px;
	color: #757575;
}

.makro-form h3 {
	margin-bottom: 20px;
}

.bc-login input[type=submit] {
	background-color: #003e7c;
	color: #FFFFFF;
}

.makro-form.lost-password input[type=text] {
	border: 1px solid;
}

.makro-form .action-info {
	margin: 10px 25px 40px 25px;
}

.makro-form .form-row {
	margin: 17px 25px 0 25px;
	width: 300px;
}

.makro-form .form-row .errors {
	text-align: left;
	padding: 5px 2px;
}

.makro-form .form-row input {
	width: 100%;
	padding: 12px;
	font-size: 14px;
	border: 1px solid #b2b2b2;
	height: auto;
	text-align: center;
}

.new-password-confirm {
	margin-bottom: 20px;
}

.lost-password .msg {
	margin-bottom: 20px;
	font-size: 15px;
}

.lost-password .msg .success {
	color: green;
}

.lost-password .msg .error {
	color: #c00;
}

.makro-form .token-invalid {
	padding: 50px;
	font-size: 15px;
	color: #555D5D;
}

.makro-form .token-invalid img {
	margin-bottom: 10px;
}

.lds-ring.login {
	margin-top: 40px;
}