.fundo-login{background-image: url(fundo-login.jpg); background-color: #000; background-size: auto auto; display: table; width: 100%; min-height: 100%;
            background-position: center; background-repeat: no-repeat; background-attachment: fixed; position: absolute;}
.fundo-login > div{display: table-cell; vertical-align: middle;}

.login_box{width: 400px; margin: 5% auto 0; max-width: 100%;}

.login_box header{padding: 0 60px; margin-bottom: 30px; text-align: center;}
.login_box header h3{color: #cd1c25;}
.login_box header p, .cadastro_box header p{color: #fff; margin-top: 10px;}

.login_box .trigger a, .cadastro_box .trigger  a{font-weight: bold; text-decoration: none;}
.login_box .trigger a:hover, .cadastro_box .trigger a:hover{text-decoration: underline;}

.cadastro_box{width: 700px;}
.cadastro_box .account_form_fields{padding: 0 10px; width: 300px; display: inline-block; text-align: left; vertical-align: top;}

.user-docs{margin-top: 10px; padding: 5px; font-size: .8em; background: #fff; position: relative; border-radius: 2px;}
.user-docs span{position: absolute; right: 0; top: 0; height: 100%; padding: 4px 10px; border-left: 1px solid #eee; color: #cc1319; 
               font-weight: bold; background: #fff; border-radius: 0 2px 2px 0; cursor: pointer;}

/*FORMS*/
.account_form_fields{padding: 0 50px;}

.account_form_actions{padding: 0 50px 30px; text-align: center;}

.account_form_actions .btn{font-weight: 600; font-size: 1em; font-family: 'Merriweather' !important; text-transform: uppercase; width: auto;}

.account_form_actions img{display: none; padding-bottom: 20px;}

.account_form_actions a{display: block; width: 100%; margin-top: 15px; font-size: 0.7em; font-weight: bold; color: #666; text-decoration: none; 
                       text-transform: uppercase;}
.account_form_actions a:hover{text-decoration: underline;}

.divisao{border: none; border-top: 1px solid #666; margin: 20px 0;}

.div-btn{transition: .5s linear;}
.btn-login{width: 100%; margin: 10px 0; border-radius: 30px; background: transparent; color: #fff; border: 1px solid #fff; font-weight: bold; text-transform: uppercase;}

.legenda-pdt{margin-left: 5%; margin-top: -33px; border-bottom: 2px solid #cd1c24; border-top: none;}
.legenda-pdt i{top: auto; bottom: -9px; border-bottom: 0; border-top: 9px solid; border-color: #cd1c24 transparent transparent transparent;}

.info-doc:before{color: #fff; opacity: .9; cursor: pointer;}
.info-doc:before:hover{opacity: 1;}
.msg-doc{display: none; margin-top: -60px;}
.msg-doc i{left: 40%;}
.info-doc:hover .msg-doc{display: block;}

.btn_branco{background: #ccc; color: #555;}
.input-tipo{-webkit-appearance: none; border: none !important; background: transparent; position: absolute;}
.tipo-fisica{margin-right: 10px;}
.tipo-juridica{margin-left: 10px;}
.btn-tipo{margin-top: 20px;}

@media(max-width: 700px){
    .cadastro_box{width: 300px;}
}

@media (max-width: 460px){
    .login_box{width: 250px;}
    .login_box .account_form_fields, .login_box header{padding: 0;}
    .btn-tipo{margin: 10px auto; display: block;}
    .tipo-fisica{margin-left: 0px;}
    .tipo-juridica{margin-right: 0px; float: none;}
}