html {
}

body {
	margin: 0;
	padding: 0;

	font-family: tahoma, arial, verdana, sans-serif !important;
	font-size: 10px;

	height: 100%;

	-webkit-font-smoothing: antialiased;
}

div.viewport {
	position: relative;

	min-height: 100%;
	min-width: 500px;
}

div.content {
	position: relative;

	z-index: 1;
}

div.loginstalled {
	font-size: 14px;

	position: fixed;

	vertical-align: top;

	z-index: 5;
}

div.loadinganimation {
	position: fixed;

	z-index: 5;
}

@keyframes gradient {
	100% {
		background-position: 100%;
	}
	0% {
		background-position: 0%;
	}
}

form.twofactorlogin {
}

form.twofactorlogin > div.error {
	position: fixed;

	text-align: left;
	vertical-align: top;

	z-index: 5;
}

form.twofactorlogin > input.token {
	border: 1px solid transparent;
	border-radius: 6px;

	position: fixed;

	padding: 0px 8px;

	text-align: left;
	vertical-align: middle;

	z-index: 5;
}

form.twofactorlogin > input.rememberToken {
	border: 1px solid transparent;
	border-radius: 6px;

	position: fixed;

	padding: 0px 8px;

	margin: 0;

	text-align: left;
	vertical-align: middle;

	z-index: 5;
}

form.twofactorlogin > label.rememberToken {
	font-size: 14px;

	position: fixed;

	padding: 0px 8px;

	text-align: left;
	vertical-align: middle;

	z-index: 5;
}

form.twofactorlogin > button.verifyToken {
	border: 1px solid transparent;
	border-radius: 6px;

	position: fixed;

	text-align: center;
	vertical-align: middle;

	z-index: 5;
}

form.twofactorlogin > button.cancelLogin {
	border: 1px solid transparent;
	border-radius: 6px;

	position: fixed;

	text-align: center;
	vertical-align: middle;

	z-index: 5;
}

form.login {
	display: none;
}

form.login > div.error {
	position: fixed;

	text-align: left;
	vertical-align: top;

	z-index: 5;
}

form.login > select.username {
	border: 1px solid transparent;
	border-radius: 6px;

	position: fixed;

	padding: 0px 8px;

	text-align: left;
	vertical-align: middle;

	z-index: 5;
}

form.login > input.username {
	border: 1px solid transparent;
	border-radius: 6px;

	position: fixed;

	padding: 0px 8px;

	text-align: left;
	vertical-align: middle;

	z-index: 5;
}

form.login > input.password {
	border: 1px solid transparent;
	border-radius: 6px;

	position: fixed;

	padding: 0px 8px;

	text-align: left;
	vertical-align: middle;

	z-index: 5;
}

form.login > button.login {
	border: 1px solid transparent;
	border-radius: 6px;

	position: fixed;

	text-align: center;
	vertical-align: middle;

	z-index: 5;
}

div.ifslogo {
	position: fixed;

	z-index: 5;
}

div.customerlogo {
	position: fixed;

	text-align: center;

	z-index: 5;
}

div.customerlogo:before
{
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

div.customerlogo > img.customerlogo {
	display: inline-block;
	vertical-align: middle;
}

div.employeeface {
	display: initial;

	position: absolute;
	bottom: 85px;

	height: 80px;
	width: 80px;

	visibility: hidden;

	z-index: 3;
}

div.wouldyouliketoknowmore {
	display: flex;

	text-align: left;

	font-size: 16px;

	position: absolute;
	bottom: 111px;

	align-items: center;

	height: 32px;
	width: 440px;

	visibility: hidden;

	z-index: 3;
}

div.wouldyouliketoknowmore a:hover {
	text-decoration: underline;
}

div.wouldyouliketoknowmore a {
	text-decoration: none;
}

div.anniversarybadge {
	position: absolute;
	bottom: 63px;

	height: 118px;
	width: 366px;

	z-index: 3;
}

div.advertiseline {
	position: absolute;
	bottom: 100px;

	height: 55px;
	width: 100%;

	z-index: 2;
}

div.puzzle {
	position: absolute;
	bottom: 56px;

	height: 350px;
	width: 100%;

	z-index: 1;
}

div.smallPrint {
	text-align: center;

	background-color: rgba(63, 64, 63, 1);

	position: absolute;
	bottom: 0;

	height: 55px;
	width: 100%;

	z-index: 2;
}

div.smallPrint > p {
	margin-block-start: 0.75em;
	margin-block-end: 0.75em;
}

div.smallPrint a:hover {
	text-decoration: underline;
}

div.smallPrint a {
	text-decoration: none;
}

div.update {
	position: fixed;

	font-size: 11pt;
	text-align: left;
	vertical-align: top;

	z-index: 5;
}