body {background-color: #FAFAFA;}
h2,
#ResetPage h1 {
	padding-bottom: 10px;
	border-bottom: 1px solid #E0E0E0;
	font-weight: 300;
	text-align: left;
}
#rememberMe {
	display: block;
	margin: 0 0 15px 0;
	font-weight: normal;
}
form input[type="text"], form input[type="password"] {
	width: 100%;
	margin: 5px 0;
	padding: 8px 8px 8px 25px;
	border-radius: 3px;
	font-size: 1em;
}
/*height:auto does not work always for iframes (fails for default iframe in login)*/
/*https://css-tricks.com/snippets/jquery/fit-iframe-to-content/ https://css-tricks.com/cross-domain-iframe-resizing/*/
iframe#helpFrame {resize: both; width: 570px; height: 406px /*6px is needed in chrome to not show scrollbar, 3px is in firefox*/;}
main {margin: 0 auto}
form {max-width: 350px; margin: 0 auto;}
form > i {
	/*noinspection CssNoGenericFontName*/font-family: 'Font Awesome\ 5 Free'; font-weight: 900; font-style: normal;
	position: relative;
	float: left;
	width: 25px;
	margin-bottom: -30px;
	margin-top: 16px;
	color: #BBB;
	text-align: center;
	z-index: 9999;
}
form > i:first-of-type:before {content: "\f007" /*fa-user*/}
form > i:last-of-type:before {content: "\f084" /*fa-key*/}
#forgotPassword {
	display: block;
	margin: 10px 0;
	color: #969696;
	font-size: .9em;
	text-align: right;
}
button[type="submit"] {
	background: #3498DB;
	border-color: transparent;
	color: white;
	font-weight: 100;
	text-transform: uppercase;
	font-size: 1em;
	transition: background .25s;
}
button[type="submit"]:hover {background: #2980B9}
.feedbackPanel {padding: 0}
.feedbackPanel span {
	color: tomato;
	font-weight: 100;
	font-size: .9em;
}

@media screen and (max-width: 654px) {
	form {padding-top: 5px}
	iframe#helpFrame {width: 100%}
}
@media screen and (max-width: 1170px) {
	form {padding-top: 10px}
	iframe#helpFrame {display: block; margin: 5px auto;}
}
@media screen and (min-width: 1170px) {
	main {width: calc(570px * 2 + 15px * 2); height: calc(400px + 15px * 2); margin-top: 50px; padding: 15px; border-radius: 4px; box-shadow: 0 0.1em 2em #AAA;}
	form {padding-top: 50px; margin-left: 70px; float: left;}
	iframe#helpFrame {float: right}
}