.instruction-text.new-instruction-text {
	margin-bottom: 30px;
}

.login-logo {
	margin-left: auto;
	margin-right: auto;
	height: 80px;
	width: 80px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.login-box {
	float: none;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid var(--sysBorder);
	border-radius: var(--sysBorderRadiusHigh);
	padding: 30px 20px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.system-error.medium {
	margin-left: auto;
	margin-right: auto;
	max-width: 320px;
	margin-bottom: 10px;
}

.login-heading {
	text-align: center;
	font-family: var(--sysFont);
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
}

.form-row.no-label.remember-row {
	text-align: center;
}

	.form-row.no-label.remember-row label,
	.form-row.no-label.remember-row input {
		float: none;
		display: inline-block;
		vertical-align: middle;
	}

.form-row.login-input {
	position: relative;
}

	.form-row.login-input input {
		width: 100%;
	}

	.form-row.login-input img {
		max-width: 18px;
	}

	.form-row.login-input a {
		position: absolute;
		top: 28px;
		right: 10px;
		z-index: 100;
	}

.login-buttons a,
#login_trouble a,
.vss-login a {
	display: block;
	text-align: center;
}

.login-cancel-link {
	font-size: var(--sysFontSize);
	text-decoration: none;
	color: var(--sysBackground);
	line-height: 30px;
	padding-right: 20px;
}

	.login-cancel-link .material-icons {
		vertical-align: middle;
		font-size: 18px;
		margin-right: 5px;
	}

.forgot-login-link,
#login_trouble a {
	font-size: var(--sysFontSize);
	text-decoration: none;
	color: var(--sysBackground);
	line-height: 30px;
}

.login-box a {
	font-family: var(--sysFont);
}

.two-fa-box.user-form .form-row input {
	display: inline-block;
	clear: none;
	float: none;
	max-width: 40px;
	margin-left: 3px;
	margin-right: 3px;
}

.two-fa-box.user-form .login-buttons .login-cancel-link {
	padding-right: 0px;
}