* { margin: 0; padding: 0; }
*:focus,
*:active { outline: 0; }
html,
body { height: 100%; }
body { background: #8e97a5; }

#wrapper { min-height: 100%; height: 100%; margin: 0 auto -40px; }
#loginWrapper { position: absolute; padding-top: 20px; width: 400px; top: 50%; left: 50%; margin-left: -200px; margin-top: -250px; background: #fff; }
#loginWrapper > div { margin: 20px 50px; }
#loginWrapper > div.error_msg { margin: 0 15px 15px 15px; }
fieldset { width: 270px;  padding-top: 5px; border: 0; text-align: center; margin: 0 auto; }
label { position: absolute; font-size: 1.4rem; left: 10px; top: 25%; opacity: .8; font-weight: normal;  }
label.hide { opacity: 0; }
button { float: none !important; position: relative; }
button i { position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -7px; opacity: 0; }
button span { opacity: 1; }
button.submitting { color: #228dca; }
button.submitting i { opacity: 1; }
button.submitting span { opacity: 0; }
fieldset > div { margin-bottom: 15px; position: relative;  }
/*fieldset > div:last-child { margin-top: 30px; }
fieldset > div:last-child img { position: absolute; top: 4px; left: 45%; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; transition: opacity .3s; display: none; }
fieldset > div:last-child img.show { opacity: 1; display: block; }*/
#footer, .push { height: 40px; }
#footer { color: #7e8283; background: #e3e3e3; background: -moz-linear-gradient(top,  #e3e3e3 0%, #e3e3e3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#e3e3e3)); background: -webkit-linear-gradient(top,  #e3e3e3 0%,#e3e3e3 100%); background: -o-linear-gradient(top,  #e3e3e3 0%,#e3e3e3 100%); background: -ms-linear-gradient(top,  #e3e3e3 0%,#e3e3e3 100%); background: linear-gradient(top,  #e3e3e3 0%,#e3e3e3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c8aab', endColorstr='#c5ccda',GradientType=0 ); }
#footer > div { width:880px; margin:0 auto; font-size:11px; line-height:40px; }
#footer a { color: #7e8283;}
#responseMessage { display: none; text-align: center; color: red; }
#logoAzero { display:block; padding-right:20px; color:#515151; text-decoration:none; }
span.error { display: none !important; }
.error { border: 1px solid red !important; }
@media
only screen and (max-width: 599px) {
    #wrapper { margin: 0 auto; }
	#loginWrapper { width: 94%; margin: 0 auto; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }
	h1 { font-size: 24px; margin: 20px 0;  }
	h2 { font-size: 18px; }
	#loginWrapper > div { margin: 0; }
    #footer, .push { display: none;}
}