@import url("../css/museo-sans.css");

html, body, form#aspnetForm { margin:0; padding:0; height:100%; min-height:600px; display:block; }
html, header { background:#fff; }
body { font-family:'Museo Sans 500', Helvetica, Arial, sans-serif; font-size:16px color:#000;  }
header { height:100px; /*border-bottom:solid 1px #ecede8;*/ }
main { height:calc(100vh - 190px); min-height:400px; background:transparent url(/Resource/ContentHandler.ashx/content-ext/eic_login_bg.jpg) top center no-repeat; background-size:cover; }
#topBar { padding-top:25px; }
#systemLogo { margin:0; background:transparent url(/Resource/ContentHandler.ashx/content-ext/eic_logo_rgb_65x167.png) center center no-repeat; background-size:contain; width:167px; height:65px; }
#taglineDiv { /*font-size:26px; font-family:'Museo Sans 700',Helvetica,Arial,sans-serif; line-height:2;*/ background:transparent url(/Resource/ContentHandler.ashx/content-ext/cmp_logo_rgb_65x194.png) center center no-repeat; background-size:contain; width:194px; height:65px; }
#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 #d3d3d3; }
#loginWindowContent { padding:0.5em 1em; border:0; }
#loginWindowContentLogo { /*text-align:left; line-height:75px; height:82px;*/ display:none; }
.field { position:relative; margin:1.5em 0 !important; }
.field input { border:solid 2px #f15822; line-height:1.25em !important; padding:0.6rem 0.25rem; 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(150,150,150,0.75); width:100%; text-align:center !important; }
.loginButtons { text-align:right !important; }
#loginButton { /*border:solid 2px #1a2b43;*/ background-color:#f15822; text-transform:uppercase; border-radius:14px; }
#loginButton .ui-button-text { color:#fff !important; padding:0.6rem 1rem; }
#loginButton:hover { /*border:solid 2px #ed7630;*/ background-color:#636466; }
#loginButton .ui-button-text:hover { color:#fff !important; }
#forgotPassword { font-size:0.85rem; text-align:left; }
#forgotPasswordText { text-transform:uppercase; }
.forgotPasswordBtn { color:#636466 !important; }
#userRegister { font-size:0.85rem; text-align:left; border-top:solid 1px #d3d3d3; padding-top:1rem; margin-top:1rem; }
#userRegisterText { text-transform:uppercase; }
.userRegisterBtn { color:#636466 !important; }
#emailHeading { margin:0; padding:0.25em; width:95%; }
#emailHeading .ui-state-error { font-size:12pt !important; width:95%; }
footer { background-color:#636466; color:#FFF; font-size:13px; 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(/Resource/ContentHandler.ashx/content-ext/eic_logo_white_50x128.png) center center no-repeat; background-size:contain; width:128px; height:50px; }
footer p { margin-bottom:10px; }
footer li { line-height:1.3; }

/* modal buttons */
.btn { font-family:'Museo Sans 700', Helvetica, Arial, sans-serif; border-radius:14px !important; line-height:13px; box-shadow:none !important; text-transform:uppercase; }
.btn-info { background-color:#f15822; border-color:#f15822; color:#fff !important; }
.btn-info:hover { background-color:#636466; border-color:#636466; }
.ui-dialog .ui-dialog-titlebar, .ui-widget-content { border-color:#d3d3d3 !important; }

/* set specific styling based on screen widths */
@media (min-width:1200px) {
	div#login_columns { margin-left:50%; }
}

@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; }
	div#login_columns { margin-left:40%; }
}

@media (max-width:991.98px) {
	#taglineDiv { line-height:1.33; text-align:center; }
	div#login_columns { margin-left:30%; }
}

@media (max-width:767.98px) {
	main { height:calc(100vh - 237px); }
	/* 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, #taglineDiv { margin:0 auto; }
	#taglineDiv { /*font-size:22px; text-align:center; padding-top:7px;*/ }
	.resetPwdScreen { min-height:730px !important; }
	div#login_columns { margin-left:20%; }
}

@media (max-width:575.98px) {
	#systemLogo { width:280px; height:50px; }
	#taglineDiv { font-size:20px; width:280px; height:50px; margin-top:1em; }
	#clientLogo { height:35px; }
	.modalDialog { width:480px !important; }
	header { height:150px; }
	main { height:calc(100vh - 270px); }
	/* Set the fixed height of the footer here */
		footer { height:120px; text-align:center; }
	div#login_columns { margin-left:10%; }
}

@media (max-width:499.98px) {
	#systemLogo, #taglineDiv { width:250px; height:45px; }
	#taglineDiv { /*font-size:18px; padding-top:1em;*/ }
	div#login_columns { width:325px; margin-left:0; }
	.modalDialog { width:325px !important; }
}

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