@charset "utf-8";

#admin { float: left; width: 100%; background-color: #EEEEEE; position: relative;}
#admin .esquerda { position: fixed; width: 20%; height: 100%; padding: 55px 0 0; background-color: rgb(15, 35, 51); top: 0; left: 0; z-index: 200;}
#admin .esquerda.mobile { left: -21%;}
#admin .direita { float: right; width: 78%; min-height: 600px; padding: 75px 1% 20px; position: relative;}
#admin .direita.mobile { width: 98%;}
#admin .espacamento { float: left; width: 96%; margin: 0 2%;}
#admin .registro { float: left; width: 100%; padding: 6px 0 5px; margin: 5px 0 0; outline: 1px solid rgb(90 90 90 / 50%); text-transform: uppercase; text-align: center; color: rgb(90 90 90);}
#admin .nenhum { float: left; width: 100%; margin: 21px 0;}
#admin .nenhum h2 { float: left; width: 100%; text-align: center; font-size: 1em;}
#admin .nenhum h3 { float: left; width: 100%; text-align: center; font-size: 1em;}

#titulo { float: left; width: 98%; margin: 0 1% 3px;}
#titulo h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 1.3em; color: #191715;}
#titulo h2 { float: left; width: 100%; font-size: 1em; color: #555555;}

#subtitulo { float: left; width: 100%; padding: 10px 0 8px; background-color: #5C696B; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1em; color: #FFFFFF;}
#subtitulo.mar1 { width: 96%; margin: 10px 0 0 2% !important;}
#subtitulo.mar2 { width: 96%; margin: 30px 0 0 2% !important;}
#subtitulo.mar3 { margin: 20px 0 5px !important;}
#subtitulo.mar4 { margin: 0 0 5px !important;}

#texto { float: left; width: 100%;}
#texto h3 { float: left; width: 96%; margin: 10px 2%; font-size: 1em; color: #555555;}
#texto h4 { float: left; width: 100%; margin: 20px 0 0; text-align: center; font-size: 1em; color: #555555;}
#texto h5 { float: left; width: 100%; font-size: 1em; color: #555555;}

#menu { float: left; width: 100%;}
#menu a { float: left; width: 80%; padding: 14px 10%; border-bottom: 1px solid #000000; position: relative; text-transform: uppercase; font-weight: bold; font-size: 1em; color: #FFFFFF;}
#menu a:hover { background-color: rgb(70, 84, 91);}
#menu a.ativo { background-color: rgb(70, 84, 91);}
#menu em.pontinho { position: absolute; width: 10px; height: 10px; top: 50%; right: 10px; margin: -5px 0 0; background-color: rgb(200 200 200);}

#listar { float: left; width: 64%; margin: 0 0 0 1%;}
#listar .tab { float: left; width: 96%; padding: 12px 2% 8px; margin: 1px 0 5px; background-color: #FFFFFF; position: relative; list-style: none;}
#listar .tab .nome { float: left; margin: 0 90px 0 0; position: relative; z-index: 1; font-size: 0.9em; color: #555555; line-height: 1.4;}
#listar .tab .nome a { color: #0F85FF}
#listar .tab .nome a:hover { text-decoration: underline;}
#listar .tab .nome b { font-weight: normal; color: #ff0f43;}
#listar .tab .nome b.status { text-transform: capitalize; font-weight: bold;}
#listar .tab .nome b.status.criando { color: #005281;}
#listar .tab .nome b.status.analisando { color: #b19209;}
#listar .tab .nome b.status.pago { color: #09b15e;}
#listar .tab .nome b.status.ativo { color: #09b15e;}
#listar .tab .nome b.status.expirado { color: #959595;}
#listar .tab .nome b.status.cancelado { color: #FF0000;}
#listar .tab .nome em { font-style: normal; color: #A76F28;}
#listar .tab .nome i { background-color: #1AE07D; padding: 0 5px; font-style: normal; color: #FFFFFF; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#listar .tab .opcoes { position: absolute; top: 50%; right: 10px; margin: -12px 0 0; z-index: 2;}
#listar .tab .opcoes .form { float: left;}
#listar .tab .opcoes .bimg { float: left; width: 25px; height: 25px; margin: 0 0 0 4px; background-size: 100%; background-repeat: no-repeat;  background-color: transparent; cursor: pointer;}
#listar .tab .opcoes .bimg.editar { background-image: url('../imagens/icoEditar.png');}
#listar .tab .opcoes .bimg.img { background-image: url('../imagens/icoImg.png');}
#listar .tab .opcoes .bimg.desbloqueado { background-image: url('../imagens/icoDes.png');}
#listar .tab .opcoes .bimg.bloqueado { padding: 0; background-image: url('../imagens/icoBlo.png');}
#listar .tab .opcoes .btexto { float: left; padding: 12px 0 13px; margin: 0 0 0 4px; text-transform: lowercase; font-weight: bold; font-size: 1em; color: #FFFFFF; line-height: 0; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#listar .tab .opcoes .btexto.deletar { width: 25px; background-color: #FF0000;}
#listar .tab .opcoes .btexto.deletar:hover { background-color: #DD0000;}
#listar .tab .opcoes .btexto.outros { background-color: #7FC133;}
#listar .tab .opcoes .btexto.outros:hover { background-color: #00ABC7;}
#listar .tab.busca { background-color: #F7F7F7; cursor: default;}
#listar .tab.link .nome { font-weight: bold;}
#listar .tab.link:hover .nome { color: #00ABC7;}
#listar.l100 { width: 98%;}

#combusca { float: left; width: 100%;}
#sembusca { float: left; width: 100%;}
#sembusca.ordem { cursor: move;}

#buscando { float: left; width: 100%; position: relative;}
#buscando .campo { float: left; width: 100%; padding: 3px 0 5px;  background-color: rgba(0,0,0,0.00);}
#buscando .botao { position: absolute; width: 20px; height: 20px; top: 0; right: 0; background-image: url('../imagens/icoBusca.png'); background-size: 100%; background-position: 50%; background-repeat: no-repeat;}

#add { float: right; width: 31%; padding: 0 0.2% 10px; margin: 0 1% 0 0; overflow: hidden;}
#add .conteudo { float: left; width: 94%; padding: 0 3% 10px; margin: 10px 0 0; background-color: #FFFFFF;}
#add .conteudo .fechar { float: right; padding: 10px 8px 8px; margin: 13px 2% 0 0; background-color: #CCCCCC; color: #444444; display: none;}

#editar { float: left; width: 98%; padding: 15px 0; margin: 10px 0 0 1%; overflow: hidden; background-color: #FFFFFF;}

#simples { float: left; width: 96%; margin: 10px 2%;}
#simples .item { float: left; width: 100%; padding: 7px; margin: 1px 0; background-color: rgb(90 90 90 / 10%);}
#simples .item .identifica { float: left; width: 100%; padding: 5px 5px 4px; margin: 5px 0; background-color: rgb(90 90 90 / 20%); text-transform: uppercase; font-weight: bold; font-size: 1em;}
#simples .item .agrupa { float: left; padding: 7px; margin: 0 10px 5px 0; outline: 1px solid rgb(90 90 90 / 30%);}
#simples .item .ordem { float: left; width: 45px; height: 35px; padding: 0; border: 1px solid #CCCCCC; background-color: #FFFFFF; text-align: center;}
#simples .item .um { float: left; width: 140px; height: 35px; padding: 0 5px; border: 1px solid #CCCCCC; background-color: #FFFFFF;}
#simples .item .dois { float: left; width: 280px; height: 35px; padding: 0 5px; border: 1px solid #CCCCCC; background-color: #FFFFFF;}
#simples .item .tres { float: left; width: 80px; height: 35px; padding: 0 5px; border: 1px solid #CCCCCC; background-color: #FFFFFF;}
#simples .item .ok { float: left; width: 35px; height: 35px; padding: 0; margin: 0 0 0 3px; background-color: #7FC133; border: 1px solid #7FC133; font-weight: bold; font-size: 1em; color: #FFFFFF; cursor: pointer;}
#simples .item .ok:hover { background-color: #659A28; border: 1px solid #659A28;}
#simples .item .vai { float: left; padding: 8px; margin: 0 0 0 5px; outline: 1px solid; outline-offset: -1px; font-size: 0.9em;}
#simples .item .vai:hover { color: #00ABC7;}
#simples .item .x { float: right; width: 35px; height: 35px; padding: 0; margin: 0 0 0 3px; background-color: #FF0000; border: 1px solid #FF0000; font-weight: bold; font-size: 1em; color: #FFFFFF; cursor: pointer;}
#simples .item .x:hover { background-color: #DD0000; border: 1px solid #DD0000;}


#premiacao { float: left; width: 96%; margin: 10px 2%;}
#premiacao .rank { float: left; width: 100%; padding: 8px 10px; background-color: #DDDDDD;}
#premiacao .oque { float: left; width: 100%; margin: 11px 0 2px;}
#premiacao .oque i { font-size: 1em; opacity: 0.7;}
#premiacao .barra { float: left; width: 100%; height: 1px;}

#premiacao .formulario { display: flex; float: left; width: 100%;}
#premiacao .formulario .campo { float: left; width: 100%; padding: 10px; margin: 0 7px 0 0; outline: 1px solid #BBBBBB; outline-offset: -1px; background-color: #FFFFFF; font-size: 1em;}
#premiacao .formulario .campo:focus { outline: 1px solid #00ABC7; border: 0 !important; -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);}
#premiacao .formulario .ok { float: left; padding: 0 10px; background-color: #7FC133; font-weight: bold; font-size: 1em; color: #FFFFFF; cursor: pointer;}
#premiacao .formulario .ok:hover { background-color: #659A28; }
#premiacao .formulario .x { float: left; padding: 0 10px; margin: 0 0 0 4px; background-color: #FF0000; font-weight: bold; font-size: 1em; color: #FFFFFF; cursor: pointer;}
#premiacao .formulario .x:hover { background-color: #DD0000;}
#premiacao .formulario .ht40 { height: 40px;}
#premiacao .formulario .ht50 { height: 50px;}

#premiacao .copiar { float: left; width: 100%; margin: 11px 0 0;}
#premiacao .copiar .chamada { float: left; width: 100%; padding: 8px 10px; background-color: #D36B5B; text-align: center; font-weight: bold; color: #FFFFFF;}
#premiacao .copiar .conte { float: left; width: 100%; padding: 10px; margin: 5px 0 0; outline: 1px solid #BBBBBB; outline-offset: -1px;}
#premiacao .copiar .conte.esconde { display: none;}
#premiacao .copiar .conte .meio { margin: 0 auto; width: 400px; max-width: 100%;}
#premiacao .copiar .conte .passo { float: left; width: 100%; margin: 8px 0 2px; text-align: center;}
#premiacao .copiar .conte .form { display: flex; float: left; width: 100%;}
#premiacao .copiar .conte .form .campo { float: left; width: 100%; padding: 10px; margin: 0 7px 0 0; outline: 1px solid #BBBBBB; outline-offset: -1px; background-color: #FFFFFF; font-size: 1em;}
#premiacao .copiar .conte .form .campo:focus { outline: 1px solid #00ABC7; border: 0 !important; -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);}
#premiacao .copiar .conte .form .ok { float: left; padding: 0 10px; background-color: #7FC133; font-weight: bold; font-size: 1em; color: #FFFFFF; cursor: pointer;}
#premiacao .copiar .conte .form .ok:hover { background-color: #659A28; }

#premiacao .edicao { float: left; width: 100%; padding: 5px 15px 15px; margin: 11px 0 0; outline: 1px solid #DDDDDD; outline-offset: -1px; background-color: #EEEEEE;}
#premiacao .edicao .premio { display: flex; flex-wrap: nowrap; overflow: auto; float: left; width: 100%;}
#premiacao .edicao .premio .produto { float: left; width: 188px; min-width: 188px; padding: 0 10px 10px; margin: 8px 5px 0 0; background-color: #FFFFFF;}
#premiacao .edicao .premio .produto .campo { float: left; width: 100%; height: 28px; padding: 10px; margin: 1px 0; outline: 1px solid #BBBBBB; outline-offset: -1px; background-color: #FFFFFF; font-size: 0.9em;}
#premiacao .edicao .premio .produto .campo:focus { outline: 1px solid #00ABC7; border: 0 !important; -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);}
#premiacao .edicao .premio .produto .icofile { float: left; width: 100%; margin: 1px 0 2px; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; position: relative;}
#premiacao .edicao .premio .produto .icofile .img { float: left; width: 100%; height: 40px; padding: 5px 0; text-align: center; font-size: 0;}
#premiacao .edicao .premio .produto .icofile .img img { height: 40px;}
#premiacao .edicao .premio .produto .icofile .file { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; cursor: pointer; opacity: 0; font-size: 0;}
#premiacao .edicao .premio .produto .icofile:hover .nome { background-color: rgb(90 90 90 / 10%);}
#premiacao .edicao .premio .produto .ok { float: left; height: 28px; padding: 0 10px; margin: 1px 0; background-color: #7FC133; font-weight: bold; font-size: 1em; color: #FFFFFF; cursor: pointer;}
#premiacao .edicao .premio .produto .ok:hover { background-color: #659A28; }
#premiacao .edicao .premio .produto .x { float: right; height: 28px; padding: 0 10px; margin: 0 0 0 4px; background-color: #FF0000; font-weight: bold; font-size: 1em; color: #FFFFFF; cursor: pointer;}
#premiacao .edicao .premio .produto .x:hover { background-color: #DD0000;}

#premiacao .edicao .premio .usdt { float: left; width: 100%;}
#premiacao .edicao .premio .usdt .campo { float: left; width: 200px; height: 35px; padding: 10px; outline: 1px solid #BBBBBB; outline-offset: -1px; background-color: #FFFFFF; font-size: 0.9em;}
#premiacao .edicao .premio .usdt .campo:focus { outline: 1px solid #00ABC7; border: 0 !important; -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);}
#premiacao .edicao .premio .usdt .ok { float: left; height: 35px; padding: 0 10px; margin: 0 0 0 5px; background-color: #7FC133; font-weight: bold; font-size: 1em; color: #FFFFFF; cursor: pointer;}
#premiacao .edicao .premio .usdt .ok:hover { background-color: #659A28; }

@media only screen and (max-width: 600px){
	#premiacao .formulario { display: block;}
	#premiacao .formulario .campo { margin: 0 0 3px;}
	#premiacao .edicao { padding: 10px;}
}

#links { float: left; width: 96%; margin: 10px 2%;}
#links a { float: left; padding: 10px 10px 8px; margin: 0 4px 0 0; border: 1px solid #AAAAAA;}
#links a:hover { background-color: #00ABC7; border: 1px solid #00ABC7; color: #FFFFFF;}
#links a.ativo { background-color: #00ABC7; border: 1px solid #00ABC7; color: #FFFFFF;}
#links b { float: left; padding: 10px 10px 8px; margin: 0 4px 0 0; border: 1px solid #AAAAAA; font-weight: normal;}
#links b.ativo { background-color: #00ABC7; border: 1px solid #00ABC7; color: #FFFFFF;}

#filtro { float: left; width: 100%; margin: 5px 0 9px;}
#filtro a { float: left; padding: 7px 7px 6px; margin: 0 4px 4px 0; border: 1px solid #AAAAAA; font-size: 0.9em;}
#filtro a:hover { background-color: #00ABC7; border: 1px solid #00ABC7; color: #FFFFFF;}
#filtro a.ativo { background-color: #00ABC7; border: 1px solid #00ABC7; color: #FFFFFF;}

#selodos { float: left; width: 100%; margin: 5px 2% 11px;}

#intervalo { float: left; width: 100%; margin: 0 0 9px;}
#intervalo .campo { float: left; width: 140px; height: 40px; padding: 0 10px; margin: 0 5px 0 0; outline: 1px solid rgb(90 90 90 / 20%); outline-offset: -1px; font-size: 1em;}
#intervalo .ok { float: left; width: 40px; height: 40px; padding: 0; background-color: #7FC133; border: 1px solid #7FC133; font-weight: bold; font-size: 1em; color: #FFFFFF; cursor: pointer;}
#intervalo .ok:hover { background-color: #659A28; border: 1px solid #659A28;}

#form { float: left; width: 100%;}
#form .c1 { float: left; width: 96%; margin: 0 0 0 2%;}
#form .c2 { float: left; width: 47%; margin: 0 0 0 2%;}
#form .c3 { float: left; width: 30.7%; margin: 0 0 0 2%;}
#form .c100 { float: left; width: 100%;}
#form .nomecampo { float: left; width: 100%; margin: 20px 0 0; color: #888888;}
#form .nomecampo em { font-style: normal; color: #FF0000;}
#form .nomecampo a { color: #0034FF;}
#form .nomecampo a:hover { text-decoration: underline;}
#form .nomecampo b { font-weight: normal; font-size: 0.9em; color: #FF0000;}
#form .campo { float: left; width: 98%; height: 50px; padding: 0 1%; border: 1px solid #AAAAAA; font-size: 1em; color: #555555;}
#form .campo.nascimento { width: 32%; padding: 0; text-align: center;}
#form .campo:focus { border: 1px solid #00AEFF; -webkit-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%); -moz-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%); box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%);}
#form .campo.disabled { background-color: #DDDDDD;}
#form .campo.disabled { border: 1px solid #AAAAAA;}
#form .campo.disabled:focus { border: 1px solid #AAAAAA;}
#form .escolha { float: left; width: 100%; height: 52px; padding: 0 1%; border: 1px solid #AAAAAA; background-color: #FFFFFF; font-size: 1em; color: #555555;}
#form .escolha:focus { border: 1px solid #00AEFF; -webkit-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%); -moz-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%); box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%);}
#form .textarea { float: left; width: 98%; padding: 15px 1%; border: 1px solid #AAAAAA; font-size: 1em; color: #555555;}
#form .textarea.text1 { height: 150px;}
#form .textarea.text2 { height: 250px;}
#form .textarea:focus { border: 1px solid #00AEFF; -webkit-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%); -moz-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%); box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%);}
#form .tinymce { float: left; width: 100%; margin: 5px 0 0; position: relative; overflow: hidden;}
#form .tinymce .tox-menubar { display: none !important;}
#form .tinymce .tox-promotion { display: none !important;}
#form .marque { float: left; width: 100%;}
#form .marque .opcao { float: left; width: 100%; margin: 3px 0;}
#form .marque .opcao .checkbox { display: none;}
#form .marque .opcao .checkbox + label { float: left; width: 100%; padding: 15px 50px 15px 12px; outline: 1px solid rgb(90 90 90 / 30%); background-color: rgb(90 90 90 / 2%); background-image: url('../imagens/marque-vazio.png'); background-position: 99% 50%; background-repeat: no-repeat; cursor: pointer;}
#form .marque .opcao .checkbox + label h2 { float: left; width: 100%; font-size: 1em;}
#form .marque .opcao .checkbox + label h3 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 1em;}
#form .marque .opcao .checkbox + label h4 { float: left; width: 100%; margin: 3px 0 0; font-size: 1em; opacity: 0.8;}
#form .marque .opcao .checkbox:checked + label { outline: 1px solid rgb(73 58 195 / 30%); background-color: rgb(73 58 195 / 20%); background-image: url('../imagens/marque-ok.png');}
#form .botao { float: left; padding: 13px 15px 12px; margin: 10px 0 0 2%; background-color: #7FC133; font-size: 1.2em; color: #FFFFFF; cursor: pointer;}
#form .botao:hover { background-color: #659A28;}

#arquivos { float: left; width: 96%; margin: 10px 2%;}
#arquivos .tab { float: left; width: 186px; padding: 10px; margin: 0 10px 10px 0; -webkit-box-shadow: 0 0 0 1px #CCCCCC; -moz-box-shadow: 0 0 0 1px #CCCCCC; box-shadow: 0 0 0 1px #CCCCCC;}
#arquivos .tab .item { float: left; width: 100%; position: relative; overflow: hidden; text-align: center; padding: 0; border: 0;}
#arquivos .tab .item .imagem { height: 185px;}
#arquivos .tab .item .nome { float: left; width: 100%; padding: 20px 0 18px;}
#arquivos .tab .item .obs { position: absolute; top: 2px; right: 2px;}
#arquivos .tab .item .obs .deletar { float: right;}
#arquivos .tab .item .obs .deletar .botao { float: left; width: 25px; padding: 2px 6px 4px 7px; background-color: #FF0000; border: 1px solid #CC0000; font-weight: bold; font-size: 0.9em; color: #FFFFFF; cursor: pointer;}
#arquivos .tab .item .obs .deletar .botao:hover {background-color: #CC0000;}
#arquivos .tab .form { float: left; width: 100%;}
#arquivos .tab .form .c1 { float: left; width: 96%; margin: 0 0 20px 2%;}
#arquivos .tab .form .nomecampo { float: left; width: 100%; color: #888888;}
#arquivos .tab .form .nomecampo em { font-style: normal; color: #FF0000;}
#arquivos .tab .form .campo { float: left; width: 97%; height: 50px; padding: 0 1%; border: 1px solid #AAAAAA; font-size: 1em; color: #555555;}
#arquivos .tab .form .campo:focus { border: 1px solid #00AEFF; -webkit-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%); -moz-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%); box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%);}
#arquivos .tab .form .escolha { float: left; width: 100%; height: 52px; padding: 0 1%; border: 1px solid #AAAAAA; font-size: 1em; color: #555555;}
#arquivos .tab .form .escolha:focus { border: 1px solid #00AEFF; -webkit-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%); -moz-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%); box-shadow: 0 0 10px 0 rgb(0, 0, 0, 20%);}
#arquivos .tab .form .icofile { float: left; width: 49%; height: 34px; position: relative; background-color: #DDDDDD;}
#arquivos .tab .form .icofile .ico { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-position: 50%; background-repeat: no-repeat;}
#arquivos .tab .form .icofile .ico.img { background-image: url('../imagens/icoImg.png');}
#arquivos .tab .form .icofile .ico.pdf { background-image: url('../imagens/icoPdf.png');}
#arquivos .tab .form .icofile .file { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; cursor: pointer; opacity: 0; font-size: 0;}
#arquivos .tab .form .botao { float: right; width: 49%; height: 34px; background-color: #00C563; font-weight: bold; font-size: 0.9em; color: #FFFFFF; cursor: pointer;}
#arquivos .tab .form .botao:hover { background-color: #008141;}
#arquivos .tab.unico { float: left; width: 98%; padding: 20px 1%; margin: 0;}
#arquivos .tab.unico .item .imagem { max-width: 90%; height: auto;}
#arquivos .tab.unico .form { width: 50%; margin-top: 10px; margin-left: 25%;}
#arquivos.zero { margin: 0;}

#dashboard { float: left; width: 100%;}
#dashboard .relatorio { float: left; width: 96%; padding: 10px 1%; margin: 10px 0 0 1%; background-color: #FFFFFF; position: relative;}
#dashboard .relatorio .chave { float: left; width: 100%;}
#dashboard .relatorio .chave a { float: left; width: 98%; padding: 10px 1% 8px; background-color: #EDEDED; border: 1px solid #D5D5D5; font-weight: bold; color: rgba(0,0,0,0.6); cursor: pointer;}
#dashboard .relatorio .conteudo { float: left; width: 99%; margin: 5px 0 0 0.5%;}
#dashboard .relatorio .conteudo .item { float: left; width: 100%; padding: 12px 0; margin: 0 0 2px; border-bottom: 1px dotted #CCCCCC;}
#dashboard .relatorio .conteudo .item b { float: left; font-weight: normal; font-size: 1.1em; color: #555555;}
#dashboard .relatorio .conteudo .item b em { font-style: normal; color: #FF8300;}
#dashboard .relatorio .conteudo .item b a { color: #555555;}
#dashboard .relatorio .conteudo .item b a:hover { text-decoration: underline; color: #C51F3E;}
#dashboard .relatorio .conteudo .item strong { float: right; margin: 0 0 0 20px; font-weight: normal; font-size: 1.1em; color: #CF4F51;}
#dashboard .relatorio .conteudo .fechar { position: absolute; top: 10px; left: 1%; width: 96%; padding: 11px 1% 9px; text-align: right; cursor: pointer; z-index: 1;}
#dashboard .relatorio:hover .chave a { background-color: #DCDCDC; border: 1px solid #CCCCCC;}

#tabela { float: left; width: 96%; margin: 11px 2%;}
#tabela .fundif { background-color: #272e34; color: rgb(250 250 250);}

#ordenando { position: fixed; bottom: 20px; right: 2%; z-index: 5; padding: 1%; background-color: #99FF99; border: 1px solid #339966; font-size: 1.2em; display: none;}

#aviso { position: fixed; padding: 20px 2% 18px; bottom: 20px; right: 2%; z-index: 5; font-size: 1.2em;}
#aviso.sucesso { background-color: #99FF99; border: 1px solid #339966;}
#aviso.erro { background-color: #FFD7D7; border: 1px solid #E55959;}

#paginacao { float: left; width: 100%; padding: 10px 0;}
#paginacao .nun { float: left; padding: 7px 10px 5px; background-color: #373A3D; margin-top: 5px; margin-right: 2px; font-size: 1.1em; font-weight: bold; color: #FFFFFF;}
#paginacao .nun.ativo { background-color: #00ABC7;}
#paginacao .nun:hover { background-color: #00ABC7;}

#espacamento { float: left; width: 96%; padding: 0 2%;}

#admin .operacao { float: left; width: 96%; margin: 0 2%;}
#admin .operacao .sinal { float: left; width: 100%; margin: 4px 0; outline: 1px solid rgb(90 90 90 / 30%);}
#admin .operacao .sinal.aguardando .chave { background-color: rgb(90 90 90 / 10%);}
#admin .operacao .sinal.andamento .chave { background-color: rgb(0 89 255 / 20%);}
#admin .operacao .sinal.concluída .chave { background-color: rgb(0 255 42 / 20%);}
#admin .operacao .sinal.stopada .chave { background-color: rgb(255 0 0 / 20%);}
#admin .operacao .sinal.encerrada .chave { background-color: rgb(234 0 255 / 20%);}
#admin .operacao .chave { float: left; width: 100%; padding: 10px; background-color: rgb(90 90 90 / 10%); -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
#admin .operacao .chave strong { color: #005281;}
#admin .operacao .chave em { font-style: normal; opacity: 0.7;}
#admin .operacao .cadastrar { padding: 11px 0 10px; background-color: rgb(112 98 81); text-transform: uppercase; font-weight: bold; text-align: center; color: rgb(250 250 250); outline: 1px solid rgb(5 5 5);}
#admin .operacao .cadastrar:hover { background-color: rgb(90 77 61);}
#admin .operacao .porta { float: left; width: 100%;}

#admin .operacao .item { float: left; width: 100%;}
#admin .operacao .item .lado { padding: 10px;}
#admin .operacao .item .lado.l1 { float: left; width: 65%;}
#admin .operacao .item .lado.l2 { float: right; width: 35%;}
#admin .operacao .item .espaca { float: left; width: 100%; padding: 10px 7px;}
#admin .operacao .item .agrupa { float: left; width: 98%; margin: 5px 1%; padding: 5px; outline: 1px solid rgb(221 219 205);}
#admin .operacao .item .nomeia { float: left; width: 98%; padding: 3px 0 1px; margin: 5px 1% 2px; text-transform: uppercase; font-weight: bold; font-size: 0.8em;}
#admin .operacao .item .form { float: left; width: 100%;}
#admin .operacao .item .c1 { float: left; width: 100%;}
#admin .operacao .item .c2 { float: left; width: 50%;}
#admin .operacao .item .c3 { float: left; width: 33.3333%;}
#admin .operacao .item .informativo { float: left; width: 100%; margin: 5px 0 0; font-size: 0.9em;}
#admin .operacao .item .nomecampo { float: left; width: 98%; font-size: 0.9em; opacity: 0.7;}
#admin .operacao .item .nomecampo em { font-style: normal; color: rgb(200 0 0);}
#admin .operacao .item .campo { float: left; width: 100%; height: 30px; padding: 0 7px; outline: 1px solid rgb(90 90 90 / 80%); outline-offset: -1px; background-color: rgb(250 250 250); font-size: 1em;}
#admin .operacao .item .campo:focus { outline: 1px solid rgb(0 162 255); -webkit-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 30%); -moz-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 30%); box-shadow: 0 5px 10px 0 rgb(0 0 0 / 30%);}
#admin .operacao .item .imagens { float: left; width: 98%; padding: 10px; margin: 11px 1% 0; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px;}
#admin .operacao .item .imagens .itg { float: left; width: 48%; margin: 1%; position: relative;}
#admin .operacao .item .imagens .itg .delimg { position: absolute; width: 30px; height: 30px; top: 5px; right: 5px;}
#admin .operacao .item .imagens .itg .delimg .x { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #FF0000; font-weight: bold; color: #FFFFFF;}
#admin .operacao .item .imagens .itg .delimg .x:hover { background-color: #DD0000;}
#admin .operacao .item .imagens .itg .veja { float: left; width: 100%;}
#admin .operacao .item .imagens .itg .veja img { float: left; width: 100%;}
#admin .operacao .item .icofile { float: left; width: 98%; margin: 5px 1% 0; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; position: relative;}
#admin .operacao .item .icofile .nome { float: left; width: 100%; padding: 35px 0; text-align: center; line-height: 0; opacity: 0.7;}
#admin .operacao .item .icofile .file { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; cursor: pointer; opacity: 0; font-size: 0;}
#admin .operacao .item .icofile:hover .nome { background-color: rgb(90 90 90 / 10%);}
#admin .operacao .item .aovivo { position: relative;}
#admin .operacao .item .aovivo .ico { position: absolute; width: 5px; height: 5px; bottom: 17px; right: 14px; border: 5px solid rgb(255 255 255); border-top-color: rgb(14 23 30); border-bottom-color: rgb(14 23 30); -webkit-animation: rotacao 1s infinite; -moz-animation: rotacao 1s infinite; animation: rotacao 1s infinite;}
#admin .operacao .item .submit { float: left; width: 98%; padding: 10px 0; margin: 10px 1% 0; background-color: rgb(127 193 51); text-transform: uppercase; font-weight: bold; font-size: 1.2em; color: rgb(250 250 250); cursor: pointer;}
#admin .operacao .item .submit:hover { background-color: #659A28;}
#admin .operacao .item .deletar { float: left; width: 100%; padding: 10px 0; margin: 10px 0 0; background-color: transparent; font-size: 0.9em; opacity: 0.7; cursor: pointer;}
#admin .operacao .item .deletar:hover { text-decoration: underline;}

@media only screen and (max-width: 1000px) {
	#admin .esquerda { width: 28%; left: -28%;}
	#admin .direita { width: 98%;}
	#admin .esquerda.mobile { left: 0;}
	#admin .direita.mobile { width: 70%;}

	#menu a { width: 84%; padding: 12px 8%;}

	#listar { width: 98%;}

	#add { float: left; width: 98%; padding: 0 0 5px; margin: 0 0 0 1%;}
	#add .conteudo { width: 100%; padding: 5px 0 15px 0; margin: 10px 0 0; display: none;}
	#add .conteudo .fechar { display: block;}

	#form .nomecampo { margin: 10px 0 0;}
	#form .campo { height: 40px;}
	#form .escolha { height: 42px;}
	#form .botao { padding: 10px 15px 8px;}
}
@media only screen and (max-width: 700px) {
	#admin .esquerda { width: 100%; left: -100%;}
	#admin .direita { width: 98%;}
	#admin .esquerda.mobile { left: 0;}
	#admin .direita.mobile { width: 98%;}

	#menu a { width: 96%; padding: 12px 2%;}

	#links { margin: 0 2% 5px;}
	#links a { width: 49.6%; padding: 7px 0 5px; margin: 1px 0.2%; background-color: #CCCCCC; text-align: center; border: 0;}
	#links a.ativo { border: 0;}
	#links a:hover { border: 0;}
	#links b { width: 49.6%; padding: 7px 0 5px; margin: 1px 0.2%; background-color: #CCCCCC; text-align: center; border: 0;}
	#links b.ativo { border: 0;}

	#admin .operacao .item .lado { width: 100%;}
	#admin .operacao .item .c2 { width: 98%;}
	#admin .operacao .item .c3 { width: 98%;}

	#filtro { margin: 0 0 5px;}
	#filtro a { width: 49.6%; padding: 7px 0 5px; margin: 1px 0.2%; background-color: #CCCCCC; text-align: center; border: 0;}
	#filtro a.ativo { border: 0;}

	#aviso { width: 100%; padding: 12px 0 10px; bottom: 0; right: 0; text-align: center; font-size: 1em;}
	#aviso.sucesso { border: 0; border-top: 1px solid #75BB75;}
	#aviso.erro { border: 0; border-top: 1px solid #D4B7B7;}
}
@media only screen and (max-width: 600px){
	#form .c2 { width: 96%;}
	#form .c3 { width: 96%;}
}