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

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

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

.alertify-notifier.ajs-right,.ajs-message.ajs-visible{color:#fff}

html,body {
    height:100%; 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 */ 
}

#loginGestao{ display:none; }
.container{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width: 450px; height: 400px; background:#fff; box-shadow: 5px 5px 5px #111; font-family: texto-regular; }
.container > header{ display: table; width: 100%;}
.container > header div{ width:50%; padding: 10px 0; text-align:center; color: #fff; font-weight: bold; display: table-cell; background-color: #001321; }
.container > header div:hover{ cursor:pointer; }
.tab_selected{ background: #fff !important; color:#001321 !important; }


.login-box{}
.login-box > header{text-align:center;padding: 45px 0 10px;}
.login-box > header > img{ width:190px }
.login-box > div{ width:85%; margin:0 auto; margin-top:10px; }

.login-box input[type="text"] { height:30px; color:#000; font-size: 1.1em; }
.login-box input[type="password"] { height:30px; color:#000; font-size: 1.1em; }
.login-box input[type="submit"]{text-align:center;margin: 20px auto 0;border:1px solid #001321;color:#fff;cursor:pointer;display:block;background:#001321;font-family:texto-regular;transition:0.5s;padding: 8px 50px;}
.login-box input[type="submit"]:hover{background:#fff; color:#001321;}

.input-invalid{border:1px solid #e74c3c!important}