@charset "utf-8";

#painel .buscar { position: absolute; width: 100%; top: 0; left: 0; z-index: 5; margin: 5px 0 0;}
#painel .buscar .campo { float: left; width: 100%; height: 35px; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; text-align: center;}

#painel .primordial { float: left; width: 100%;}
#painel .primordial .c1 { float: left; width: 98%; margin: 10px 1%; position: relative;}
#painel .primordial .c2 { float: left; width: 48%; margin: 10px 1%; position: relative;}
#painel .primordial .c3 { float: left; width: 31.333%; margin: 10px 1%; position: relative;}
#painel .primordial .c4 { float: left; width: 23%; margin: 10px 1%; position: relative;}
#painel .primordial .nomecampo { float: left; width: 100%; margin: 0 0 2px;}
#painel .primordial .nomecampo em { font-style: normal; font-weight: bold; color: rgb(255 120 120);}
#painel .primordial .campo { float: left; width: 100%; height: 40px; padding: 0 10px; outline: 1px solid rgb(90 90 90 / 90%);}
#painel .primordial .textarea { float: left; width: 100%; height: 200px; padding: 10px; outline: 1px solid rgb(90 90 90 / 90%);}
#painel .primordial .textarea.h100 { height: 100px;}
#painel .primordial .textarea.h200 { height: 200px;}
#painel .primordial .nascimento.dia { width: 31%;}
#painel .primordial .nascimento.mes { width: 31%; margin: 0 3%;}
#painel .primordial .nascimento.ano { float: right; width: 32%;}
#painel .primordial .tinymce { float: left; width: 100%; position: relative; overflow: hidden;}
#painel .primordial .tinymce .tox-menubar { display: none !important;}
#painel .primordial .tinymce .tox-promotion { display: none !important;}

#painel .primordial .marque { float: left; width: 31.33%; margin: 0 1% 10px; position: relative;}
#painel .primordial .marque .checkbox { display: none;}
#painel .primordial .marque .checkbox + label { float: left; width: 98%; padding: 31px 1% 30px; outline: 1px solid rgb(90 90 90 / 40%); outline-offset: -1px; cursor: pointer;}
#painel .primordial .marque .checkbox + label .nome { float: left; margin: 0 110px 0 35px; font-weight: normal; font-size: 1.1em; cursor: pointer;}
#painel .primordial .marque .checkbox + label .ico { position: absolute; width: 20px; height: 20px; top: 50%; left: 10px; margin: -12px 0 0; background-image: url('../../../imagens/painel/geral/neutro-ativacao-no.png'); background-repeat: no-repeat; background-position: 50%;}
#painel .primordial .marque .checkbox + label .preco { position: absolute; width: 100px; height: 58px; top: 50%; right: 0; margin: -29px 0 0; text-align: center;}
#painel .primordial .marque .checkbox + label .preco b { float: left; width: 100%; font-size: 1.1em;}
#painel .primordial .marque .checkbox + label .preco em { float: left; width: 100%; font-style: normal; font-size: 0.9em;}
#painel .primordial .marque .checkbox + label .preco em.gratis { position: absolute; width: 100%; height: 20px; top: 50%; left: 0; margin: -10px 0 0; line-height: 1;}
#painel .primordial .marque .checkbox:checked + label { outline: 1px solid rgb(0 137 255 / 50%); background-color: rgb(0 137 255 / 5%);}
#painel .primordial .marque .checkbox:checked + label .ico { background-image: url('../../../imagens/painel/geral/neutro-ativacao-ok.png');}

#painel .primordial .explicacao { float: left; width: 100%; margin: 5px 0 0; font-size: 0.9em;}
#painel .primordial .contagem { position: absolute; top: 0; right: 0; font-size: 0.9em;}
#painel .primordial .contagem b { padding: 0 5px;}
#painel .primordial .contagem b.amarelo { background-color: rgb(255 243 181);}
#painel .primordial .contagem b.verde { background-color: rgb(190 255 182);}
#painel .primordial .contagem b.vermelho { background-color: rgb(255 206 206);}
#painel .primordial .limpar { float: left; padding: 1px 4px; margin: 3px 0 0; background-color: rgb(255 235 140); font-size: 1em;}
#painel .primordial .limpar:hover { background-color: rgb(255 235 50);}
#painel .primordial .j_senha .chave { position: absolute; width: 20px; height: 20px; right: 5px; bottom: 10px; z-index: 1; background-position: 50%; background-repeat: no-repeat;}
#painel .primordial .j_senha .chave.mostrar { background-image: url('../../../imagens/painel/geral/preto-auth-senha-mostrar.png');}
#painel .primordial .j_senha .chave.ocultar { background-image: url('../../../imagens/painel/geral/preto-auth-senha-ocultar.png');}
#painel .primordial .submit { float: left; width: 100%; padding: 11px 0 8px; background-color: rgb(0 150 130); text-transform: uppercase; font-weight: bold; font-size: 1.1em;}
#painel .primordial .submit.mini { padding: 5px 0; text-transform: none; font-weight: normal; font-size: 1em;}
#painel .primordial .submit.disfarcado { background-color: rgb(220 210 170); color: rgb(50 50 50 / 80%);}
#painel .primordial .submit.disfarcado:hover { background-color: rgb(220 190 170);}
#painel .primordial .submit.disabled { background-color: rgb(90 90 90 / 50%);}
#painel .primordial .submit.disabled:hover { background-color: rgb(90 90 90 / 50%);}
#painel .primordial .submit:hover { background-color: rgb(0 170 100);}
#painel .primordial.destacado { width: 40%; margin: 21px 2% 0; padding: 3%; outline: 1px solid rgb(90 90 90 / 20%); background-color: rgb(90 90 90 / 5%);}


#painel .rapido { float: left; width: 100%;}
#painel .rapido .informacao { float: left; width: 100%; text-transform: uppercase;}
#painel .rapido .bloco { float: left; width: 96%; padding: 20px 2%; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; background-color: rgb(90 90 90 / 10%); text-align: center;}
#painel .rapido .divisao { float: left; width: 100%; text-align: center;}
#painel .rapido .regua { float: left; width: 100%; height: 1px; background-color: rgb(90 90 90 / 30%);}
#painel .rapido .dados { display: contents;}
#painel .rapido .dados .campo { max-width: 100%; height: 40px; padding: 0 5px; margin: 2px 1px; outline: 1px solid rgb(90 90 90 / 90%); outline-offset: -1px;}
#painel .rapido .dados .campo.t40 { width: 40px; text-align: center;}
#painel .rapido .dados .campo.t50 { width: 50px; text-align: center;}
#painel .rapido .dados .campo.t80 { width: 80px;}
#painel .rapido .dados .campo.t100 { width: 100px;}
#painel .rapido .dados .campo.t150 { width: 150px;}
#painel .rapido .dados .campo.t200 { width: 200px;}
#painel .rapido .dados .campo.t300 { width: 300px;}
#painel .rapido .dados .campo.t400 { width: 400px;}

#painel .rapido .dados .espaco { height: 40px; margin: 2px 0;}
#painel .rapido .dados .espaco.t40 { width: 40px;}
#painel .rapido .dados .espaco.t60 { width: 61px;}

#painel .rapido .dados .submit { padding: 12px 11px 11px; margin: 2px 1px; background-color: rgb(0 150 130); text-transform: uppercase; font-weight: bold; font-size: 1em;}
#painel .rapido .dados .submit.disabled { background-color: rgb(90 90 90 / 50%);}
#painel .rapido .dados .submit.disabled:hover { background-color: rgb(90 90 90 / 50%);}
#painel .rapido .dados .submit:hover { background-color: rgb(0 170 100);}

#painel .rapido .dados .button { padding: 10px 11px; text-align: center; font-size: 1em; color: rgb(250 250 250); line-height: 0;}
#painel .rapido .dados .button.b1 { background-color: rgb(60 170 180);}
#painel .rapido .dados .button.b1:hover { background-color: rgb(60 140 180)}

#painel .rapido .deletar { display: contents;}
#painel .rapido .deletar .submit { width: 40px; height: 40px; margin: 1px; background-color: rgb(200 40 40); font-weight: bold; font-size: 1em;}
#painel .rapido .deletar .submit:hover { background-color: rgb(200 0 0);}

#painel .rapido .ativacao { display: inline-block; padding: 5px 40px 5px 10px; margin: 1px; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; position: relative;}
#painel .rapido .ativacao .nome { font-weight: normal;}
#painel .rapido .ativacao .deletar { display: block; position: absolute; width: 25px; height: 20px; top: 50%; right: 10px; margin: -10px 0 0; font-size: 0.9em;}
#painel .rapido .ativacao .deletar .submit { width: 25px; height: 20px;}


#painel .natural { float: left; width: 100%;}
#painel .natural .bloco { float: left; width: 96%; padding: 5px 2%; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; text-align: center;}
#painel .natural .c1 { float: left; width: 100%; margin: 10px 0;}
#painel .natural .nomecampo { float: left; max-width: 100%;}
#painel .natural .nomecampo.t100 { width: 100px; margin: 2px 0 0;}
#painel .natural .nomecampo.t0 { margin: 2px 10px 0 0;}
#painel .natural .campo { float: left; height: 25px; padding: 0 10px; outline: 1px solid rgb(90 90 90 / 90%);}
#painel .natural .campo.t210 { width: 210px;}
#painel .natural .submit { float: left; width: 100%; padding: 10px 0; background-color: rgb(0 150 130); text-transform: uppercase; font-weight: bold;}
#painel .natural .submit.disabled { background-color: rgb(90 90 90 / 50%);}
#painel .natural .submit.disabled:hover { background-color: rgb(90 90 90 / 50%);}
#painel .natural .submit:hover { background-color: rgb(0 170 100);}


#painel .uploads { float: left; width: 100%; text-align: center;}
#painel .uploads .divisao { float: left; width: 100%;}
#painel .uploads .unico { float: left; width: 98%; padding: 10px 1%; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; position: relative;}
#painel .uploads .unico .imagem { float: left; width: 100%; text-align: center;}
#painel .uploads .unico .imagem img { height: 200px;}
#painel .uploads .multi { display: inline-block; width: 200px; padding: 10px; margin: 5px; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; position: relative;}
#painel .uploads .multi .imagem { float: left; width: 100%; height: 200px; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; position: relative; text-align: center;}
#painel .uploads .multi .imagem img { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#painel .uploads .dica { float: left; width: 100%; margin: 3px 0; text-align: center; font-size: 1em;}
#painel .uploads .dados { float: left; width: 100%; margin: 5px 0 0; text-align: center;}
#painel .uploads .dados .file { float: left; width: 100%; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; background-color: rgb(11 17 21); position: relative; text-align: center;}
#painel .uploads .dados .file em { float: left; width: 100%; height: 60px; background-position: 50%; background-repeat: no-repeat;}
#painel .uploads .dados .file em.img { background-image: url('../../../imagens/painel/geral/branco-upload-file-img.png');}
#painel .uploads .dados .file input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; opacity: 0; font-size: 0;}
#painel .uploads .dados .file:hover { background-color: rgb(90 90 90);}
#painel .uploads .dados .campo { max-width: 100%; height: 35px; padding: 0 5px; margin: 2px 1px; outline: 1px solid rgb(90 90 90 / 90%); outline-offset: -1px;}
#painel .uploads .dados .campo.t50 { width: 50px; text-align: center;}
#painel .uploads .dados .campo.t100 { width: 90%;}
#painel .uploads .dados .campo.t200 { width: 200px;}
#painel .uploads .dados .campo.t400 { width: 400px;}
#painel .uploads .dados .submit { width: 40px; height: 35px; margin: 1px; background-color: rgb(0 150 130); text-transform: uppercase; font-weight: bold; font-size: 1em;}
#painel .uploads .dados .submit:hover { background-color: rgb(0 170 100);}
#painel .uploads .deletar { position: absolute; top: 5px; right: 5px;}
#painel .uploads .deletar .submit { float: left; width: 30px; height: 30px; background-color: rgb(200 40 40); font-weight: bold; font-size: 1em;}
#painel .uploads .deletar .submit:hover { background-color: rgb(200 0 0);}


#painel .tabela { float: left; width: 100%;}
#painel .tabela .divisao { float: left; width: 100%; padding: 10px 0; margin: 10px 0 0; outline: 1px solid rgb(90 90 90 / 20%); outline-offset: -1px; background-color: rgb(90 90 90 / 10%); position: relative;}
#painel .tabela .dados { float: left; width: 100%; padding: 0 90px 0 60px;}
#painel .tabela .dados .cols { float: left; margin: 0 0.5%; outline: 1px solid rgb(90 90 90 / 90%); outline-offset: -1px;}
#painel .tabela .dados .cols.c1 { width: 99%;}
#painel .tabela .dados .cols.c2 { width: 49%;}
#painel .tabela .dados .cols.c3 { width: 32.33%;}
#painel .tabela .dados .cols.c4 { width: 24%;}
#painel .tabela .dados .cols.c5 { width: 19%;}
#painel .tabela .dados .ordem { position: absolute; width: 50px; height: 40px; top: 50%; left: 5px; margin: -20px 0 0; outline: 1px solid rgb(90 90 90 / 90%); outline-offset: -1px; text-align: center;}
#painel .tabela .dados .infor { float: left; width: 100%; height: 35px; padding: 0 5px; border-bottom: 1px solid rgb(90 90 90 / 40%);}
#painel .tabela .dados .link { float: left; width: 100%; height: 35px; padding: 0 5px;}
#painel .tabela .dados .submit { position: absolute; width: 45px; height: 40px; top: 50%; right: 40px; margin: -20px 0 0; background-color: rgb(0 150 130); font-weight: bold; font-size: 1em;}
#painel .tabela .dados .submit:hover { background-color: rgb(0 170 100);}
#painel .tabela .inserir { float: left; width: 100%; text-align: center;}
#painel .tabela .inserir .campo { width: 200px; max-width: 90%; height: 40px; padding: 0 5px; margin: 2px 1px; outline: 1px solid rgb(90 90 90 / 90%); outline-offset: -1px;}
#painel .tabela .inserir .submit { background-color: rgb(0 150 130); text-transform: uppercase; font-weight: bold; font-size: 1em;}
#painel .tabela .inserir .submit.b1 { padding: 12px 12px 11px; margin: 2px 1px;}
#painel .tabela .inserir .submit.b2 { float: left; width: 100%; padding: 12px 0 11px;}
#painel .tabela .inserir .submit:hover { background-color: rgb(0 170 100);}
#painel .tabela .deletar { position: absolute; top: 50%; right: 5px; margin: -15px 0 0;}
#painel .tabela .deletar .submit { float: left; width: 30px; height: 30px; background-color: rgb(200 40 40); font-weight: bold; font-size: 1em;}
#painel .tabela .deletar .submit:hover { background-color: rgb(200 0 0);}

#painel .aparencia { float: left; width: 100%;}
#painel .aparencia .diferencia { float: left; width: 100%; overflow: hidden;}
#painel .aparencia .infor { float: left; margin: 10px 10px 11px;}
#painel .aparencia .grade1 { float: left; padding: 12px; outline: 2px solid rgb(0 0 0); outline-offset: -1px;}
#painel .aparencia .grade2 { float: left; padding: 12px 0; margin: 0 0 10px 10px;}
#painel .aparencia .nomevale { float: left; margin: 7px 0 6px; line-height: 1;}
#painel .aparencia .vale { float: left; max-width: 100%; height: 30px; padding: 0 5px; margin: 0 0 0 3px; outline: 1px solid rgb(90 90 90 / 90%);}
#painel .aparencia .vale.t40 { width: 40px; text-align: center;}
#painel .aparencia .vale.t50 { width: 50px; text-align: center;}
#painel .aparencia .vale.t100 { width: 100px;}
#painel .aparencia .vale.t200 { width: 200px;}
#painel .aparencia .vale.t300 { width: 300px;}
#painel .aparencia .ative { float: left;}
#painel .aparencia .ative .checkbox { display: none;}
#painel .aparencia .ative .checkbox + label b { float: left; padding: 15px 8px; background-color: rgb(90 90 90 / 30%); font-weight: normal; line-height: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
#painel .aparencia .ative .checkbox + label em { float: left; width: 30px; padding: 15px 0; margin: 0 0 0 -2px; outline: 2px solid rgb(169 75 55); outline-offset: -2px; text-align: center; font-style: normal; font-size: 0.9em; line-height: 0; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
#painel .aparencia .ative .checkbox + label:hover b { background-color: rgb(90 90 90 / 70%);}
#painel .aparencia .ative .checkbox:checked + label b { background-color: rgb(169 75 55);}
#painel .aparencia .atalho { float: left; margin: 0 0 0 3px; background-position: 50%; background-repeat: no-repeat; text-transform: uppercase; font-weight: bold; color: rgb(250 250 250); line-height: 0;}
#painel .aparencia .atalho.b1 { padding: 15px 5px; background-color: rgb(0 150 130);}
#painel .aparencia .atalho.b1:hover { background-color: rgb(0 170 100);}
#painel .aparencia .atalho.b2 { padding: 15px; background-color: rgb(220 0 95); background-image: url('../../../imagens/geral/branco-aparencia-atalho-b2.png');}
#painel .aparencia .atalho.b2:hover { background-color: rgb(250 0 95);}
#painel .aparencia .atalho.b3 { padding: 15px; background-color: rgb(76 103 153); background-image: url('../../../imagens/geral/branco-aparencia-atalho-b3.png');}
#painel .aparencia .atalho.b3:hover { background-color: rgb(76 103 153);}
#painel .aparencia .spect { float: left; width: 100px; height: 30px; margin: 0 0 0 3px; position: relative;}
#painel .aparencia .spect .sp-original-input-container { float: left; width: 100%; display: block;}
#painel .aparencia .spect .sp-colorize-container { float: left; width: 30px !important; height: 30px !important;}
#painel .aparencia .spect .pkcor { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0 0 0 33px; outline: 1px solid rgb(90 90 90 / 90%);}

@media only screen and (max-width: 1000px){
  #painel .primordial.destacado { width: 94%; margin: 21px 0 0;}

  #painel .tabela .dados .cols { margin: 2px 0;}
  #painel .tabela .dados .cols.c1 { width: 100%;}
  #painel .tabela .dados .cols.c2 { width: 100%;}
  #painel .tabela .dados .cols.c3 { width: 100%;}
  #painel .tabela .dados .cols.c4 { width: 100%;}
  #painel .tabela .dados .cols.c5 { width: 100%;}
}