@charset "utf-8";

header .auth { float: left; width: 100%; background-color: rgb(14 23 30); position: relative;}
header .auth .voltar { position: absolute; height: 20px; top: 50%; left: 10px; padding: 0 0 0 22px; margin: -10px 0 0; color: rgb(250 250 250); background-image: url('../../../imagens/painel/geral/branco-header-voltar.png'); background-position: 0 50%; background-repeat: no-repeat;}
header .auth .logo { float: left; width: 100%; padding: 8px 0 7px; text-align: center; font-size: 0;}
header .auth .ajuda { position: absolute; height: 20px; top: 50%; right: 10px; padding: 0 0 0 22px; margin: -10px 0 0; color: rgb(250 250 250); background-image: url('../../../imagens/painel/geral/branco-header-ajuda.png'); background-position: 0 50%; background-repeat: no-repeat;}

header .logado .esquerda { display: none; position: absolute; top: 0; left: 0; z-index: 10; overflow: auto;}
header .logado .direita { display: none; float: right; position: relative; z-index: 5; overflow: auto;}

header .logado { float: left; width: 100%; height: 50px; position: relative;}
header .logado .saudacao { float: left; width: 100%; padding: 25px 0; background-color: rgb(255 221 85); line-height: 0; color: rgb(50 50 50);}
header .logado .saudacao em { position: absolute; width: 20px; height: 20px; left: 10px; top: 50%; margin: -10px 0 0; background-image: url('../../../imagens/painel/geral/preto-header-saudacao-user.png'); background-position: 50%; background-repeat: no-repeat;}
header .logado .saudacao b { float: left; margin: 0 0 0 40px; font-weight: normal;}
header .logado .chave { position: absolute; width: 40px; height: 40px; top: 50%; left: 0; margin: -20px 0 0; background-position: 50%; background-repeat: no-repeat;}
header .logado .chave.abrir.branco { background-image: url('../../../imagens/painel/geral/branco-header-chave-abrir.png');}
header .logado .chave.abrir.preto { background-image: url('../../../imagens/painel/geral/preto-header-chave-abrir.png');}
header .logado .chave.fechar.branco { background-image: url('../../../imagens/painel/geral/branco-header-chave-fechar.png');}
header .logado .chave.fechar.preto { background-image: url('../../../imagens/painel/geral/preto-header-chave-fechar.png');}

header .logado .links { position: absolute; top: 50%; left: 50px; margin: -12px 0 0;}
header .logado .links a { float: left; padding: 12px 5px; margin: 0 2px; background-color: rgb(184 255 189); line-height: 0;}
header .logado .links a:hover { background-color: rgb(90 90 90 / 20%);}

header .logado .logo { float: left; width: 100%; padding: 8px 0 7px; text-align: center; font-size: 0;}
header .logado .ajuda { position: absolute; height: 20px; top: 50%; right: 50px; padding: 0 0 0 22px; margin: -10px 0 0; background-position: 0 50%; background-repeat: no-repeat;}
header .logado .ajuda.branco { background-image: url('../../../imagens/painel/geral/branco-header-ajuda.png');}
header .logado .ajuda.preto { background-image: url('../../../imagens/painel/geral/preto-header-ajuda.png');}
header .logado .sair { position: absolute; width: 20px; height: 20px; right: 10px; top: 50%; margin: -10px 0 0; background-position: 50%; background-repeat: no-repeat;}
header .logado .sair.branco { background-image: url('../../../imagens/painel/geral/branco-header-sair.png');}
header .logado .sair.preto { background-image: url('../../../imagens/painel/geral/preto-header-sair.png');}