@charset "utf-8";

#auth { float: left; width: 100%; min-height: 400px; padding: 100px 0;}
#auth .bloco { float: left; width: 270px; padding: 20px; outline: 1px solid rgb(90 90 90 / 20%); position: relative; background-color: rgb(255 255 255);}
#auth .logo { position: absolute; width: 80px; height: 80px; top: -50px; left: 50%; margin: 0 0 0 -40px; outline: 1px solid rgb(90 90 90 / 20%); background-color: rgb(255 255 255);}

#auth .form { float: left; width: 100%; margin: 20px 0 0;}
#auth .form .c1 { float: left; width: 100%; margin: 20px 0 0; position: relative;}
#auth .form .c100 { float: left; width: 100%; margin: 20px 0 0; position: relative; text-align: center;}
#auth .form .campo { float: left; width: 100%; height: 50px; padding: 0 0 0 40px; outline: 1px solid rgb(90 90 90 / 90%);}
#auth .form .ico { position: absolute; width: 40px; height: 20px; top: 50%; left: 0; margin: -10px 0 0; background-position: 50%; background-repeat: no-repeat;}
#auth .form .j_nome .ico { background-image: url('../../../imagens/painel/geral/preto-auth-nome.png');}
#auth .form .j_sobrenome .ico { background-image: url('../../../imagens/painel/geral/preto-auth-sobrenome.png');}
#auth .form .j_celular .ico { background-image: url('../../../imagens/painel/geral/preto-auth-celular.png');}
#auth .form .j_email .ico { background-image: url('../../../imagens/painel/geral/preto-auth-email.png');}
#auth .form .j_senha .ico { background-image: url('../../../imagens/painel/geral/preto-auth-senha.png');}
#auth .form .j_senha .chave { position: absolute; width: 20px; height: 20px; right: 5px; bottom: 15px; z-index: 1; background-position: 50%; background-repeat: no-repeat;}
#auth .form .j_senha .chave.mostrar { background-image: url('../../../imagens/painel/geral/preto-auth-senha-mostrar.png');}
#auth .form .j_senha .chave.ocultar { background-image: url('../../../imagens/painel/geral/preto-auth-senha-ocultar.png');}

#auth .form .submit { height: 50px; padding: 0 20px; background-color: rgb(0 150 130); text-transform: uppercase; font-weight: bold;}
#auth .form .submit.disabled { background-color: rgb(90 90 90 / 50%);}
#auth .form .submit.disabled:hover { background-color: rgb(90 90 90 / 50%);}
#auth .form .submit:hover { background-color: rgb(0 170 100);}

#auth .form .politica { float: left; width: 100%; margin: 12px 0 0; position: relative;}
#auth .form .politica .checkbox { display: none;}
#auth .form .politica .checkbox + label { float: left; width: 100%; cursor: pointer;}
#auth .form .politica .checkbox + label b { float: left; margin: 5px 0 0 22px; font-weight: normal; font-style: italic; font-size: 0.9em; cursor: pointer;}
#auth .form .politica .checkbox + label b a { font-weight: bold;}
#auth .form .politica .checkbox + label em { position: absolute; width: 20px; height: 20px; top: 0; left: 0; background-image: url('../../../imagens/painel/geral/preto-auth-checked-no.png'); background-repeat: no-repeat; background-position: 50%;}
#auth .form .politica .checkbox:checked + label em { background-image: url('../../../imagens/painel/geral/preto-auth-checked.png');}

#auth .opcoes { float: left; width: 100%; margin: 20px 0 0;}
#auth .opcoes a { float: left; width: 100%; padding: 5px 0; text-align: center;}
#auth .opcoes a:hover { background-color: rgb(90 90 90 / 20%);}