/* RESET =============================================== */

* {margin:0; padding:0; list-style:none; vertical-align:baseline;}


@font-face {
	font-family: "text-italic";
	src: url("../font/Quicksand-Italic.otf");
}
@font-face {
	font-family: "text-regular";
	src: url("../font/Quicksand-Regular.otf");
}

@font-face {
	font-family: "text-light";
	src: url("../font/Quicksand-Light.otf");
}

.error{border:1px solid #e74c3c}
.alertify-notifier.ajs-right,.ajs-message.ajs-visible{color:#fff}

html,body {

    background: #16222A; /* fallback for old browsers */ 
    background: linear-gradient(to left, #16222A , #3A6073); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: -webkit-linear-gradient(to left, #16222A , #3A6073); /* Chrome 10-25, Safari 5.1-6 */ 
    height:100%;
}

.login-box{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:400px; height:475px; background:#fff; box-shadow:10px 10px 30px 0px;}
.login-box > header{text-align:center; font-size:xx-large; margin-top:75px; font-family:text-italic }
.login-box > header > img{width:60%; margin:0 auto}
.login-box > ul{width:80%; margin:0 auto;margin-top:10px;}
.login-box > ul > li{margin-bottom:10px}
.login-box > ul > li:nth-child(1){margin-bottom:25px}
.login-box > ul > li > span{font-family:text-italic; font-size:small; color:#34495e; display:block; margin-top:15px; margin-bottom:15px}
.login-box > ul > li > label{display:block; margin-bottom:5px; font-family:text-regular; font-size:small; color:#34495e}
.login-box > ul > li > input{clear:both; width:100%; height:30px; line-height:30px; text-indent:5px; border:1px solid #bdc3c7; font-family:text-regular; font-size:medium}
.login-box > ul > li > a{float:right; font-family:text-regular; text-decoration:none; color:#2c3e50; margin-top:10px}
.login-box > ul > li > a:hover{color:#34495e}



h3{color:#34495e; margin-top:20px}

.block{display:block!important}

.input-invalid{border:1px solid #e74c3c!important}
#submit,#voltar,#submit_codigo,#confirm{width:100%; height:35px; line-height:35px; text-align:center; margin:0 auto; margin-top:20px; border:1px solid #3498db; color:#fff; cursor:pointer; display:block; background:#3498db; font-family:text-regular; transition:0.5s}
#submit:hover,#voltar:hover,#submit_codigo:hover,#confirm:hover{background:#fff; color:#3498db;}



#hidden-btn{float:right; height:20px; width:20px;}
#hidden-btn:hover{background:#ecf0f1}

#span2{display:none; margin-bottom:25px!important}
#submit_codigo,#li_codigo,#submit_codigo,#li_senha,#li_confirm_senha,#confirm{display:none;}