@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,500,500i,700,700i&display=swap&subset=latin-ext');

html, body, form#aspnetForm { margin:0; padding:0; height:100%; min-height:600px; display:block; }
html, header { background:#fff; }
body { font-family:'Muli', Helvetica, Arial, sans-serif; font-size:16px; background:transparent url(/Resource/ContentHandler.ashx/content-ext/bg_login.jpg) center 75px no-repeat; background-size:cover; }
header { height:100px; border-bottom:solid 1px #474c55; }
main { height:calc(100vh - 190px); min-height:400px; }
a.link { color:#00558c !important; text-decoration:underline; }
#topBar { padding-top:25px; }
#systemLogo { margin:0; background:transparent url(/Resource/ContentHandler.ashx/content-ext/logo_GL-FHD_Color.png) center center no-repeat; background-size:contain; width:319px; height:57px; }
#taglineDiv { color:#fff; /*font-size:26px; font-family:'Muli',Helvetica,Arial,sans-serif; font-weight:700; color:#319b42; line-height:2;*/ }
#taglineLogo { background-image:url(/Resource/ContentHandler.ashx/content-ext/logo_FIT_hz_67-525.png); background-position:right center; background-repeat:no-repeat; background-size:contain; width:353px; height:45px; }
#login_container { margin:0; padding:0; max-width:100%; }
div#login_columns { width:400px; }
#loginWindow { width:100%; box-shadow:0 2px 12px rgba(0,0,0,0.6); }
#loginWindowTitle { padding:0.7em 1em 0.6em 1em; border:none; border-bottom:solid 1px #979797; color:#00558c; }
#loginWindowContent { padding:0.5em 1em; border:0; }
#loginWindowContentLogo { text-align:left; line-height:75px; height:82px; }
.field { position:relative; margin:1.5em 0 !important; }
.field input, .field select { border:solid 2px #00558c; line-height:1.25em !important; text-align:center !important; background-color:transparent; width:100%; }
.field label { position:absolute; top:0; left:0;  display:block; padding:0.6rem 0.25rem; color:rgba(0,85,140,0.5); width:100%; text-align:center !important; }
.loginButtons { text-align:right !important; }
#loginButton { border:solid 2px #319b42; text-transform:uppercase; }
#loginButton .ui-button-text { color:#319b42 !important; font-weight:700; padding:0.6rem 1rem; }
#loginButton:hover { border:solid 2px #00558c; }
#loginButton .ui-button-text:hover { color:#00558c !important; }
#forgotPassword { font-size:0.85rem; text-align:left; }
#forgotPasswordText { text-transform:uppercase; color:#319b42; }
.forgotPasswordBtn { color:#999 !important; }
#userRegister { font-size:0.85rem; text-align:left; border-top:solid 1px rgba(71,76,85,0.5); padding-top:1rem; margin-top:1rem; }
#userRegisterText { text-transform:uppercase; color:#319b42; }
.userRegisterBtn { color:#999 !important; }
#emailHeading { margin:0; padding:0.25em; width:95%; }
#emailHeading .ui-state-error { font-size:12pt !important; width:95%; }
footer { background-color:#202737; color:#FFF; font-size:0.85rem; padding:20px 0; width:100%; }
footer a { color:#FFF; }
footer a:hover { color:#FFF; }
footer p.links a { padding-right:25px; }
footer p.move-down { margin-top:15px; }
#clientLogo { background: transparent url(../Images/logo-footer.png) center center no-repeat; background-size:contain; width:173px; height:53px; }
footer p { margin-bottom:10px; }
footer li { line-height:1.3; }
.modalDialog { width:600px !important; }

/* modal buttons */
.btn { font-family:'Muli', Helvetica, Arial, sans-serif; font-weight:700; border-radius:7px !important; line-height:13px; box-shadow:none !important; text-transform:uppercase; }
.btn-sm { font-size:0.75rem !important; font-family:'Muli', Helvetica, Arial, sans-serif; font-weight:700; } 
.btn-info { background-color:#00558c; border-color:#00555c; color:#fff !important; }
.btn-info:hover { background-color:#389393; }

/* set specific styling based on screen widths */
@media (min-width:768px) {
	html { min-height:100%; }
	/* Set the fixed height of the footer here */
		footer { height:90px; }
	.resetPwdScreen { min-height:700px !important; }
}

@media (max-width:1199.98px) {
	#taglineDiv { font-size:23px; line-height:2.25; }
}

@media (max-width:991.98px) {
	#taglineDiv { line-height:1.33; text-align:center; }
}

@media (max-width:767.98px) {
	main { height:calc(100vh - 283px); }
	/* Set the fixed height of the footer here */
		footer { height:137px; text-align:center; }
	footer .text-right { text-align:center !important; }
	footer p.links a { padding:0 10px; }
	#topBar { padding-top:15px; }
	#systemLogo, #clientLogo, #taglineLogo { margin:0 auto; }
	#clientLogo { width:140px; }
	#taglineDiv { /*font-size:22px; text-align:center; padding-top:7px;*/ }
	#taglineLogo { background-position:center center; }
	header { height:145px; }
	.resetPwdScreen { min-height:730px !important; }
}

@media (max-width:575.98px) {
	#systemLogo { /*width:280px; height:50px;*/ }
	#taglineDiv { /*font-size:20px;*/ }
	.modalDialog { width:480px !important; }
}

@media (max-width:499.98px) {
	body { background-position:-100px 75px; }
	#systemLogo { /*width:250px; height:45px;*/ }
	#taglineDiv { /*font-size:15px; padding-top:1em;*/ }
	div#login_columns { width:325px; }
	.modalDialog { width:325px !important; }
	#loginButton .ui-button-text { font-weight:500; padding:0.5rem 0.25rem; }
}

@media (max-width:381.98px) {
	#taglineDiv { /*padding-right:2.33em; padding-left:2.33em;*/ }
	div#login_columns { width:300px; }
	.modalDialog { width:300px !important; }
}