/* GRUPO LOBLEIN Author: Demetrius Loblein Author URL: http://loblein.com.br */ /* reset */ :root{ --cor-branco: #fff; --vermelho-fraco:#f7dce1; --vermelho-medio:#ff0000; --vermelho-forte:#c11717; --cinza-fraco:#efefef; --cinza-fraco-medio:#d3d1d1; --cinza-medio:#939393; --cinza-medio-forte:#9c9c9c; --cinza-forte:#595959; --cinza-forte666:#666666; --verde-fraco:#cff7cf; --verde-medio:#008000; --verde-forte:#0a540a; --verde-limao:#4381a3; --amarelo-fraco:#f6f7d4; --amarelo-medio:#ffff00; --amarelo-forte:#ffd700; --azul-fraco:#d9ecf7; --azul-fraco-medio:#a8cbdd; --azul-medio:#1f8cc6; --azul-forte:#44559F; --azul-marinho-forte:#488aad; --azul-marinho-fraco:#48a5ad; --azul-barraincial:#2196f3; --azul-barraincialforte:#1182d8; --laranja-fraco:#f9bf59; --laranja-fraco-medio:#ff8a29; --laranja-medio:#f99e00; --laranja-forte:#db6d13; --terra-fraco:#d3c7b1; --terra-medio:#9e8760; --terra-forte:#5b554a; --rosa-fraco:#fccff4; --rosa-medio:#fc67e1; --rosa-forte:#d602af; --roxo:#c811e0; --roxo-fraco:#edd5fd; --roxo-medio:#af46f4; --roxo-forte:#6e08b2; --marinho-fraco:#b5fcf5; --marinho-medio:#02f4dc; --marinho-forte:#10b7a6; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s, samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside, canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0; border:0;font-size:100%;font:inherit;vertical-align:baseline;} article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} ol,ul{list-style:none;margin:0;padding:0;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;} /* start editing from here */ a{text-decoration:none;} .txt-rt{text-align:right;}/* text align right */ .txt-lt{text-align:left;}/* text align left */ .txt-center{text-align:center;}/* text align center */ .float-rt{float:right;}/* float right */ .float-lt{float:left;}/* float left */ .clear{clear:both;}/* clear float */ .pos-relative{position:relative;}/* Position Relative */ .pos-absolute{position:absolute;}/* Position Absolute */ .vertical-base{ vertical-align:baseline;}/* vertical align baseline */ .vertical-top{ vertical-align:top;}/* vertical align top */ .underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */ nav.vertical ul li{ display:block;}/* vertical menu */ nav.horizontal ul li{ display: inline-block;}/* horizontal menu */ img{max-width:100%;} /*end reset*/ body{background:var(--cinza-fraco) ; margin: 0 auto;} body.login{background:var(--cinza-forte666) ; margin: 0 auto;} html{font-size: 19px; font-family: arial;} h3{color: var(--cinza-forte666);} div.clear{clear:both;} img.img_logo{max-height:60px ; margin:5px ;} header{width:100% ; text-align: center;} .limparbusca{float: right;color: var(--cor-branco); border:0px ; margin-right:10px ; border-radius: 3px; background-color: var(--verde-forte); padding:3px ;} .limparbusca:hover{background-color: var(--verde-medio);} #paraesconder{ display: block;} p.uploadok, div.salvando{width:100%; box-sizing: border-box; margin:0 auto; padding:20px; text-align:center; background-color:var(--verde-fraco); color:var(--verde-forte); font-size:0.7em; } div.salvando2{width:100%; box-sizing: border-box; margin:0 auto; padding:10px; text-align:left; background-color:var(--azul-fraco); color:var(--verde-forte); font-size:0.7em; display: flex;} div.salvando2 div.box{box-sizing: border-box; margin:3px; padding:5px; text-align:left; background-color:var(--cor-branco); color:var(--azul-marinho-forte); border-radius:3px; } div.salvando2 div.boxvermelho{min-width:90px;box-sizing: border-box; margin:3px; padding:5px; text-align:left; background-color:var(--vermelho-forte); color:var(--cor-branco); font-weight: 600; border-radius:3px; } div.salvando2 div.boxverde{min-width:90px;box-sizing: border-box; margin:3px; padding:5px; text-align:left; background-color:var(--verde-medio); color:var(--cor-branco); font-weight: 600; border-radius:3px; } div.salvando2 div.amarelo{min-width:90px;box-sizing: border-box; margin:3px; padding:5px; text-align:left; background-color:var(--amarelo-medio); color:var(--cinza-forte666); font-weight: 600; border-radius:3px; } div.boxnovoged{ width: 86%; min-height:120px; font-size: 0.7em; margin: 0 auto; border-radius: 5px; padding:10px; border:solid 1px #666; background-color:#efefef;} div.boxnovoged div.box680{float: left; width:57%; margin: 2px; text-align: left;} div.boxnovoged div.box68{float: left; width:37%; margin: 2px; text-align: left;} div.boxnovoged div.box68 form input[type='submit']{ color:#fff; background-color:var(--verde-medio); cursor: pointer; border-radius: 3px; padding: 4px; } div.boxnovoged div.box68 form input[type='submit']:hover{background-color:var(--verde-forte);} div.boxnovoged div.box68 form div.conta-letras input[type='text'].conta-letras{ border:0px; padding:0px; margin-top: -2px; width:50px; background-color:#efefef; font-size: 1.1em; color:#346791; } p.uploadok small{ font-style: italic; font-size:0.7em; } p.uploadnao{width:100%;box-sizing: border-box; margin:0 auto; padding:20px; text-align:center; background-color:var(--vermelho-fraco); color:var(--vermelho-forte); font-size:0.8em; } p.uploaddel{width:100%;box-sizing: border-box; margin:0 auto; padding:20px; text-align:center; background-color:var(--amarelo-fraco); color:var(--laranja-forte); font-size:0.8em; } div.salvando a{color: var(--cor-branco); padding: 5px; border: 0px; border-radius: 3px; font-size: 0.9em; margin: 5px; background-color:var(--marinho-forte); } div.cuidado{width:100%; box-sizing: border-box; margin:0 auto; padding:20px; text-align:center; background-color:var(--amarelo-fraco); color:var(--terra-forte); font-size:0.7em; } h3.divisor{ width: 80%; margin: 0 auto; border-bottom:solid 1px var(--azul-fraco-medio) ; color: var(--azul-marinho-forte); font-size: 0.8em; line-height: 2; margin-top: 10px; } img.icone-99b{max-width:17px; margin: 0 auto; margin-top: 4px; float: right; } img.icone-99c{max-width:17px; margin: 0 auto; margin-top: 4px; float: right; cursor:none ; filter: grayscale(1); opacity : 0.1; } div.avisopricipal{width:100%; box-sizing: border-box; margin:0 auto; padding:20px; text-align:center; background-color:var(--amarelo-fraco); color:var(--terra-forte); font-size:0.7em; } div.alertasegundario{width:100%;box-sizing: border-box; margin:0 auto; padding:20px; text-align:center; background-color:var(--vermelho-fraco); color:var(--vermelho-forte); font-size:0.8em; } div.linkfinalpagina{width: 100%; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; box-sizing: border-box; text-align: right; line-height: 2;} div.linkfinalpagina a{ border-radius: 3px; background-color: var(--cinza-fraco); color: var(--cinza-forte); text-decoration: none; font-size: 0.8em; padding: 5px; margin:7px ; text-align:center;} form{width:94%; margin: 0 auto; text-align: center;} form input[type='text']{width: 60%; margin: 7px; border-radius: 3px; padding: 5px; display: inline-block; vertical-align:top;} form input[type='submit']{margin: 7px; border-radius: 3px; padding: 5px; border: 0px; font-size: 1.1em; text-align: center; cursor: pointer; display: inline-block; vertical-align:top;} form div.validacao { width:99%; text-align:center; } form div.validacao div.codigo{ width:34% ; font-size: 1.1em; margin-top: 10px; display:inline-block; color:var(--terra-forte); background-color:var(--terra-fraco); padding:7px; border:0px; border-radius:3px; margim:5px;letter-spacing: 2px; } form div.validacao div.vaicodigo{ width: 45%; display: inline-block; border:0px; padding: 5px; border-radius:3px; margin:10px;letter-spacing: 2px; padding-top:-10px; } form div.validacao div.vaicodigo input{ border: solid 1px var(--cinza-forte666); font-size:1em; border-radius: 2px; padding:8px; margin-top: -9px;} content div.login_formulario{text-align: center; margin: 0 auto; margin-top: 100px; padding-top: 15px; max-width:350px ; border-radius:1px ; background-color:var(--cor-branco);-webkit-box-shadow: 10px 10px 3px -10px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 3px -10px rgba(0,0,0,0.75); box-shadow: 10px 10px 3px -10px rgba(0,0,0,0.75);} content div.login_formulario ::placeholder{font-size: 0.9em; font-weight: 400; color: var(--azul-medio);} content div.login_formulario a.linklogin{text-align: left; margin: 20px; padding: 20px; color:var(--cinza-forte666); text-decoration: none; font-size: 0.7em; box-sizing: border-box;} content div.login_formulario div.azul{width: 100%; margin: 0 auto; margin-top:10px; margin-top:0px ; color:var(--cor-branco); background-color: var(--azul-barraincial); border-bottom: solid 10px var(--azul-barraincialforte);} content div.login_formulario form div.errado0{margin: 0 auto; padding:10px; color:var(--vermelho-forte); background-color:var(--amarelo-fraco); } content div.login_formulario form div.emailenviado{ font-size: 0.9em; margin: 0 auto; padding:10px; color:var(--azul-forte); background-color:var(--azul-fraco); } content div.login_formulario form div.emailenviado small{font-size: 0.8em;} content div.login_formulario span.explicacao{ width:100%; padding:15px; box-sizing:border-box; color:var(--cor-branco);font-size:0.7em; } content div.login_formulario form{width:100%; margin-top: 10px;} content div.login_formulario form input{width:84%; margin: 0 auto; cursor: pointer; padding: 5px; margin-bottom:7px ; border-radius: 2px; font-size: 1em; color:var(--azul-forte);border:solid 1px var(--cinza-forte);} content div.login_formulario form input[type='submit']{width:40%; margin-top:-2px; padding: 5px; border-radius: 2px; font-size: 0.8em; color:var(--cor-branco); background-color:#06ce60; border:0px;} content div.login_formulario form input[type='submit']:hover{background-color:#07840e;} content div.login_formulario form input[type='reset']{width:40%; margin-top:-2px; padding: 5px; border-radius: 2px; font-size: 0.8em; color:var(--cor-branco); background-color:#f2800e; border:0px;} content div.login_formulario form input[type='reset']:hover{background-color:#b26c27;} content div.login_formulario form a.esqueci{width:84%; margin: 0 auto; cursor: pointer; padding: 5px; margin-bottom:7px ; border-radius: 2px; color:var(--azul-forte);border:solid 1px var(--cinza-forte); width:40%; padding: 5px; border-radius: 2px; font-size: 0.8em; color:var(--cor-branco); background-color:#f2800e; border:0px;} content div.cabecalho{width: 100%; background-color:var(--azul-forte); text-align:center ; font-size: 0.8em;} content div.cabecalho div.cabecalho1{width:68% ; text-align: left; padding: 7px ; display: inline-block; vertical-align: top; color: var(--cor-branco);} content div.cabecalho div.cabecalho2{width:19% ; text-align:right ;padding: 7px ; display: inline-block; vertical-align: top; color: var(--cor-branco);} content div.cabecalho div.cabecalho2 a{color: var(--cor-branco); text-decoration: none;} content div.listagem{width:70%; margin:7px; margin-bottom: 50px; border:solid 1px #ccc ; background-color:var(--cor-branco) ; float: left;} content div.listagem a div{ border-radius: 5px; text-align: center; line-height: 2; margin: 3px ; margin-bottom: 10px; padding: 5px; padding-left: 10px; padding-right: 10px; font-size: 0.7em; float: right; color: var(--cor-branco);} content div.listagem a div.box-verde{ background-color:var(--verde-medio);} content div.listagem a div.box-verde:hover{background-color: var(--verde-forte);} content div.listagem a div.box-azul{background-color: var(--azul-medio);} content div.listagem a div.box-azul-ordem{background-color: var(--azul-medio); float:left; } content div.listagem a div.box-azul:hover{background-color:var(--azul-forte);} content div.listagem a div.box-laranja{background-color: var(--laranja-medio);} content div.listagem a div.box-laranja:hover{background-color:var(--laranja-forte);} content div.listagem div.box-azul-ordem button{ border-radius: 5px; text-align: center; line-height: 2; margin: 3px ; margin-bottom: 10px; padding: 5px; padding-left: 10px; padding-right: 10px; font-size: 0.7em; float: right; color: var(--cor-branco);background-color: var(--azul-medio); float:left; cursor: pointer; border:0px; } div.box-obrigacoes-model{width:95%; margin: 0 auto; margin-top: 14px; min-height:110px; padding:1px; padding-bottom: -10px; border: solid 1px #71a4bb; border-radius: 5px; color:#5e8293; font-size: 0.9em; text-align: left; clear: both;} div.box-obrigacoes-model div.horizontal{width:99%; margin: 0 auto; padding:1px; } div.box-obrigacoes-model div.horizontal h4{float: left;font-size: 0.7em; padding:1px; clear: both; margin:1px; width: 100%;} div.box-obrigacoes-model div.horizontal div{float: left;font-size: 0.7em; padding:5px} div.box-obrigacoes-model div.horizontal div.sessenta{width:60%;} div.box-obrigacoes-model div.horizontal div.cinquenta{width:50%;} div.box-obrigacoes-model div.horizontal div.quarenta{width:40%;} div.box-obrigacoes-model div.horizontal div.trinta{width:30%;} div.box-obrigacoes-model div.horizontal div.vinte{width:20%;} content div.listagem{width:70%; margin:7px; margin-bottom: 50px; border:solid 1px #ccc ; background-color:var(--cor-branco) ; float: left;} content div.listagem button.box-verde{ border:0px; cursor: pointer; float: right; background-color: #14bc57; border-radius: 5px; text-align: center; line-height: 1.3; margin: 7px; padding: 5px; color: var(--cor-branco); font-size: 0.7em;} content div.listagem button.box-verde:hover{background-color: var(--verde-limao);} content div.listagem button.ark-verde{ border:0px; cursor: pointer; background-color: #14bc57; border-radius: 5px; text-align: center; line-height: 1.3; margin: 7px; padding: 5px; color: var(--terra-forte); font-size: 1.1em;} content div.listagem button.ark-verde:hover{background-color: var(--verde-limao);} content div.listagem button.ark-amarelo{ border:0px; cursor: pointer; background-color: var(--amarelo-medio); border-radius: 5px; text-align: center; line-height: 1.3; margin: 7px; padding: 5px; color: var(--terra-forte); font-size: 1.1em;} content div.listagem button.ark-amarelo:hover{background-color:var(--amarelo-fraco);} content div.listagem span.titulo-acao{ margin:10px; color:var(--azul-forte); } content div.listagem span.titulo-acao p {width:80% ; margin: 0 auto; text-align: center; margin-top:20px ;} content div.listagem span.titulo-acao p a{font-size:0.8em ; text-decoration: none; color:var(--cor-branco); margin:3px; padding: 5px; border-radius: 3px; border: 0px; background-color:var(--azul-forte); } content div.listagem span.titulo-acao p a:hover{background-color:#3176a1;} content div.listagem span.titulo-box{ margin:10px; color:var(--azul-forte); font-size:0.8em; } content div.listagem ul{width: 95%; list-style: none; text-align: left;} content div.listagem div.notedepagina{width:98% ;font-size: 0.7em; color: var(--azul-forte); font-weight: 400; text-indent:10px ; text-align: left; margin-bottom:20px; } content div.listagem div.paginacaoempresas{ width:100%; box-sizing: border-box; margim:0 auto; text-align:center; padding:10px;} content div.listagem div.paginacaoempresas a{ padding:5px; padding:5px; border-radius:3px; background-color:var(--cinza-fraco); color:var(--cinza-forte); font-size:0.9em;} content div.listagem div.redes{width:99%; box-sizing: border-box;font-size:0.6em; color:var(--cinza-forte); } content div.listagem div.redes div.paginas{width:99%; margin-bottom: 30px;margin-top: 20px; box-sizing: border-box;text-align: center; } content div.listagem div.redes div.paginas a{width:30px; display: inline-block; border-radius: 100%; padding:7px; margin-bottom:5px ; border:solid 1px #666; box-sizing: border-box;font-size:1em; color:var(--cinza-forte); } content div.listagem div.redes div.paginas a:hover{background-color:var(--cinza-fraco);} content div.listagem div.redes div.hashtag{width:99%; box-sizing: border-box; padding:10px; text-align: center;} content div.listagem div.redes div.ultimas-redes{ width:30%; margin: 12px; float: left; min-height: 550px; background-color:var(--cinza-fraco); padding: 10px; box-sizing: border-box; } content div.listagem div.redes div.ultimas-redes span{float: left; font-size: 0.8em; } content div.listagem div.usuarios{width:99%; box-sizing: border-box; font-size:0.8em } content div.listagem div.usuarios div.usuarioscaixa{ width:99%;box-sizing: border-box; border:solid 1px var(--cinza-fraco); font-size: 1em; border-radius: 5px; margin:5px; padding:5px;} content div.listagem div.usuarios div.usuarioscaixa div.caixa2{color:var(--azul-medio); font-size: 0.9em; margin:10px; padding-top: 15px; box-sizing: border-box; } content div.listagem div.usuarios div.usuarioscaixa div.caixa2 small{color: var(--cinza-medio); font-size: 0.8em;} content div.listagem div.usuarios-master{width:100%; box-sizing: border-box; font-size:0.8em; border-top: solid 2px var(--cinza-fraco);} content div.listagem div.usuarios-master div.lista-periodo-01{ min-height:80px; } content div.listagem div.usuarios-master div.lista-periodo-01 a{float: right; background-color: var(--verde-medio); border-radius: 5px; text-align: center; line-height: 2; margin: 7px; margin-top: 15px; padding: 5px; color: var(--cor-branco); font-size: 0.8em;} content div.listagem div.usuarios-master div.lista-periodo-01 a:hover{ background-color: var(--verde-forte); } content div.listagem div.usuarios-master div.lista-periodo-01 div.box0{ width:35%;float:left ; box-sizing: border-box; margin:7px; color:var(--azul-medio); } content div.listagem div.usuarios-master div.lista-periodo-01 div.box0 span{font-size:0.9em; color:var(--cinza-medio); } content div.listagem form.arquivos{width:90%; min-height:200px; margin:0 auto; padding: 20px; box-sizing: border-box; text-align: center;} content div.listagem form.arquivos input[type="submit"]{ cursor: pointer; float:right; background-color:var(--azul-medio); color:var(--cor-branco); font-size:0.8em; padding:7px; } content div.listagem form.arquivos input[type="submit"]:hover{background-color:var(--azul-forte);} content div.listagem form.arquivos input[type="file"]{ display: none; } content div.listagem form.arquivos label { padding: 10px; width: 100%; background-color: var(--cinza-fraco); color: var(--cinza-forte); text-align: center; display: block; margin: 0 auto; cursor: pointer; box-sizing: border-box; font-size: 0.7em; border:dashed 2px var(--cinza-forte); } content div.listagem form.arquivos label img { max-width:60px; margin:5px; ; filter: grayscale(100%); } /******************** MANUTENCAO ***************************/ /******************** MANUTENCAO ***************************/ /******************** MANUTENCAO ***************************/ /******************** MANUTENCAO ***************************/ /******************** MANUTENCAO ***************************/ /******************** MANUTENCAO ***************************/ ul.manutencao div.box97{margin: 15px; padding: 10px; color:var(--azul-marinho-forte); font-size: 0.7em; text-align: left; border: dotted 1px var(--azul-marinho-forte)} ul.manutencao li{width:99%; margin:0 auto; padding:5px; border-bottom: solid 2px var(--azul-marinho-forte); box-sizing: border-box; text-align: center; min-height: 80px;} ul.manutencao li form.manutencao{width:72%; margin:0 auto; padding:1px; box-sizing: border-box; text-align: center; float: left;} ul.manutencao li form.manutencao2{width:25%; margin:0 auto; padding:1px; box-sizing: border-box; text-align: center; float: left;} ul.manutencao li form.manutencao input[type="text"]{ width: 30%; cursor: pointer; float:left; background-color:var(--azul-medio); color:var(--cor-branco); font-size:0.7em; padding:5px; } ul.manutencao li form.manutencao input[type="submit"]{ cursor: pointer; float:left; background-color:var(--verde-medio); color:var(--cor-branco); font-size:0.7em; padding:5px; } ul.manutencao li form.manutencao input[type="submit"]:hover{background-color:var(--azul-forte);} ul.manutencao li form.manutencao2 input[type="checkbox"]{float: left; margin-top: 10px;} ul.manutencao li form.manutencao2 input[type="submit"].deletar{ cursor: pointer; float:left; background-color:var(--vermelho-medio); color:var(--cor-branco); font-size:0.7em; padding:5px; } ul.manutencao li form.manutencao2 input[type="submit"].deletar:hover{background-color:var(--vermelho-forte);} /******************** MANUTENCAO ***************************/ /******************** MANUTENCAO ***************************/ /******************** MANUTENCAO ***************************/ /******************** MANUTENCAO ***************************/ /******************** MANUTENCAO ***************************/ /******************** MANUTENCAO ***************************/ content div.listagem header.parecer-servico-tipo{width: 98%; margin: 0 auto; text-align: center; margin-top:10px; } content div.listagem header.parecer-servico-tipo div.primeira{ width:47%; text-align: left; padding:7px; display:inline-block; float: left; } content div.listagem header.parecer-servico-tipo div.primeira h2{color:var(--azul-forte); font-size: 0.8em;} content div.listagem header.parecer-servico-tipo div.primeira h3{color:var(--azul-forte); font-size: 0.7em;} content div.listagem header.parecer-servico-tipo div.segunda{ width:47%; text-align: right; padding:7px; display:inline-block; float: right; } content div.listagem header.parecer-servico-tipo div.segunda h2{color:var(--azul-forte); font-size: 0.8em; text-align: right;} content div.listagem header.parecer-servico-tipo div.segunda h3{color:var(--azul-forte); font-size: 0.7em;text-align: right;} content div.listagem header.parecer-servico-tipo div.terceira{ width:98%; background-color:#3176a1; padding:7px; display:inline-block;color:var(--cor-branco); font-size: 0.8em; line-height: 2; } content div.listagem header.parecer-servico-tipo div.terceira a img.icone-imprimir{max-width:25px; float: right;} div.minhaDiv{width:96%; min-height: 30px; font-size: 0.9em; display: none; margin: 0 auto;} div.minhaDiv h4{width: 100%; line-height: 1.5; font-size: 0.9em; text-align: center; background-color: var(--azul-fraco); color:var(--azul-marinho-forte);} div.minhaDiv div.acessos{width:100%; box-sizing: border-box; display: flex; justify-content: start;} div.minhaDiv form.caduser{width: 90%; text-align: center; border: solid 1px var(--cinza-fraco); border-radius: 3px; box-sizing: border-box; padding:15px; margin: 10px;} div.minhaDiv form.caduser h3{width:90%; text-align: left; font-size: 0.7em; color: var(--azul-medio); border-bottom: solid 1px var(--azul-fraco); margin:20px; } div.minhaDiv form.caduser select, div.minhaDiv form.caduser input[type="text"], div.minhaDiv form.caduser input[type="number"]{margin:10px; width:28% ; border-radius:5px ; padding: 5px; color:var(--azul-medio); border: solid 1px var(--azul-medio); font-size: 0.8em; cursor: pointer;} div.minhaDiv form.caduser input[type='submit']{ min-width:10% ; background-color:var(--verde-medio); margin:5px; border-radius:5px ; padding: 6px; color:var(--cor-branco); border:0px; font-size: 0.9em; text-transform: uppercase; cursor: pointer;} div.minhaDiv form.caduser input[type='submit']:hover{background-color:var(--verde-forte);} div.minhaDiv form.caduser input[type="text"]::placeholder {color:var(--azul-medio);} div.minhaDiv textarea{margin:10px; width:48% ; border-radius:5px ; padding: 5px; color:var(--azul-medio); border: solid 1px var(--azul-medio); font-size: 0.8em; cursor: pointer;} div.minhaDiv a{width:16%; float: right; margin:1px; margin-bottom: 10px; font-size:0.8em; cursor: pointer; padding-bottom: 7px; color:var(--cinza-forte); display: inline-block; background-color:var(--cinza-fraco); border-radius: 3px; border:0px; text-align: center;} div.minhaDiv a:hover{background-color:var(--amarelo-fraco);} div.minhaDiv div.solicitarexcluir{padding: 10px; width: 90%;clear:both; text-align: center; font-size: 1.2em;} div.minhaDiv div.solicitarexcluir a{ padding: 10px; width: 12%; cursor: pointer; font-size: 2em; color:var(--vermelho-forte); background: none; float: right;} div.minhaDiv div.solicitarexcluir form{ width: 100%;line-height: 2; margin: 0 auto; background-color:var(--cinza-fraco); padding-top: 30px; padding-bottom: 30px; } div.minhaDiv div.solicitarexcluir form select{ cursor: pointer; width: 40%; margin:5px; color: var(--cinza-forte); border-radius: 2px; padding: 5px; border: 0px; font-size: 1.1em; } div.minhaDiv div.solicitarexcluir form input[type='submit']{ width: 30%; line-height: 2; margin:5px; background-color: var(--vermelho-forte); color: var(--cor-branco); } div.minhaDiv div.baixada2{width:90%; margin:10px; margin-left:-5px; background-color:var(--azul-fraco); border:0px; border-radius:3px ; padding: 10px; font-size: 1.1em;} div.minhaDiv div.baixada2 a.caixa2{margin: 10px; margin-top:-30px ; padding: 10px; font-size: 1.1em;} div.minhaDiv div.baixada3{width:100%; clear: both; margin:10px; margin-left:-5px; background-color:var(--azul-fraco); border:0px; border-radius:3px ; padding: 10px; font-size: 1.1em;} div.minhaDiv div.baixada3 form{float:left; clear: both;} div.minhaDiv div.baixada3 form input, div.minhaDiv div.baixada3 form select{border-radius:4px; padding:7px; margin-top: -30px;} div.minhaDiv div.baixada3 form input[type='submit']{ background-color: #06ce60; color:#fff; cursor: pointer; margin-top: -10px;} div.minhaDiv div.baixada3 form input[type='submit']:hover{ background-color: #15a897;} div.minhaDiv div.box-mais-ano{ margin-top: 10px; width: 100%; height: auto; background-color: var(--cinza-fraco); border-radius: 4px; box-sizing: border-box; margin:0 auto ; } div.minhaDiv div.box-mais-ano a{ float: none; width: 12%; margin:2px; padding:5px; line-height: 1; background-color: var(--azul-marinho-forte); color: var(--cor-branco); } div.minhaDiv div.box-mais-ano a:hover{ background-color: var(--azul-forte);} div.minhaDiv div.acessos button{ border-radius: 3px; margin:2px ; padding:5px; border: 0px;color:var(--cor-branco); background-color:var(--azul-medio); cursor: pointer; } div.minhaDiv div.acessos, div.minhaDiv div.acessos2{width: 100%; box-sizing: border-box; padding: 10px;background-color: var(--azul-fraco); } div.minhaDiv div.acessos2 p{padding: 5px; color:var(--azul-marinho-forte); font-size:0.7em; border-bottom: solid 1px var(--azul-marinho-forte);} content div.listagem ul.parecer-setores{ margin:3px; padding-top: 5px; margin-bottom: 10px;font-size: 0.8em;} content div.listagem ul.parecer-setores a li{ display: flex; align-items: flex-start; text-decoration:none ; width:100% ; min-height:35px; list-style: none; margin: 7px; padding: 5px; border-radius: 3px; background-color:var(--cinza-fraco);text-align: left; color: #000;} content div.listagem ul.parecer-setores a li div{ font-weight: 600; line-height: 2; width:21%;border-radius: 3px;font-size: 1.1em;margin:3px ;padding:2px ; line-height:2 ; float: left; text-align: center;} content div.listagem ul.parecer-setores a li div small{font-size:0.8em; font-weight: 300; display: inline-block;} content div.listagem ul.parecer-setores a li div.titulo{ width:31% ;font-size: 1em; color: var(--azul-forte); font-weight: 400; text-align: left; float: left;} content div.listagem ul.parecer-setores a li div.faltandoSIM{background-color: var(--vermelho-medio); color:var(--cor-branco);} content div.listagem ul.parecer-setores a li div.faltandoNAO{background-color: var(--vermelho-fraco); color:var(--cinza-fraco);} content div.listagem ul.parecer-setores a li div.atrasadosSIM{background-color: var(--amarelo-medio); color:var(--cinza-forte);} content div.listagem ul.parecer-setores a li div.atrasadosNAO{background-color: var(--amarelo-fraco); color:var(--cinza-fraco);} content div.listagem ul.parecer-setores a li div.endiaSIM{background-color:var(--verde-medio); color:var(--cor-branco);} content div.listagem ul.parecer-setores a li div.endiaNAO{background-color:var(--verde-fraco); color:var(--cinza-fraco) ;} content div.listagem ul.parecer-setores a li div.entregueSIM{background-color:var(--azul-medio); color: var(--cor-branco);} content div.listagem ul.parecer-setores a li div.entregueNAO{background-color:var(--azul-fraco); color:var(--cinza-fraco);} content div.listagem ul.parecer-setores a li div.baixadaSIM{background-color:var(--roxo); color: var(--cor-branco);} content div.listagem ul.parecer-setores a li div.baixadaNAO{background-color:var(--roxo-fraco); color:var(--cinza-fraco);} div.nav-status{float: right; align-items:center;padding:5px; margin-right: 15px;} div.nav-status a{text-align:center; font-size: 0.8em; background-color:var(--azul-marinho-forte); color:var(--cor-branco); border-radius: 3px; padding:5px; margin-right:10px;} div.nav-status a:hover{background-color:var(--verde-limao);} content div.listagem ul.parecer-setores a li button{ cursor: pointer; font-weight: 600; line-height: 2; border: 0px; width:21%;border-radius: 3px;font-size: 1.1em;margin:3px ;padding:2px ; line-height:2 ; float: left; text-align: center;} content div.listagem ul.parecer-setores a li button small{font-size:0.8em; font-weight: 300; display: inline-block;} content div.listagem ul.parecer-setores a li button.faltandoSIM{background-color: var(--vermelho-medio); color:var(--cor-branco);} content div.listagem ul.parecer-setores a li button.faltandoNAO{background-color: var(--vermelho-fraco); color:var(--cinza-fraco);} content div.listagem ul.parecer-setores a li button.atrasadosSIM{background-color: var(--amarelo-medio); color:var(--cinza-forte);} content div.listagem ul.parecer-setores a li button.atrasadosNAO{background-color: var(--amarelo-fraco); color:var(--cinza-fraco);} content div.listagem ul.parecer-setores a li button.endiaSIM{background-color:var(--verde-medio); color:var(--cor-branco);} content div.listagem ul.parecer-setores a li button.endiaNAO{background-color:var(--verde-fraco); color:var(--cinza-fraco) ;} content div.listagem ul.parecer-setores a li button.entregueSIM{background-color:var(--azul-medio); color: var(--cor-branco);} content div.listagem ul.parecer-setores a li button.entregueNAO{background-color:var(--azul-fraco); color:var(--cinza-fraco);} content div.listagem ul.parecer-setores a li button.baixadaSIM{background-color:var(--roxo); color: var(--cor-branco);} content div.listagem ul.parecer-setores a li button.baixadaNAO{background-color:var(--roxo-fraco); color:var(--cinza-fraco);} /** PBRIGAÇõES NA EMPRESA **/ div.servicosnaempresa{ margin:3px; padding-top: 5px; margin-bottom: 10px;font-size: 0.8em;} div.barrasuperior{width: 100%; text-align: center; color: var(--azul-marinho-forte); font-size: 0.9em; line-height: 2;} div.barrasuperior a{ font-size: 0.7em; padding: 5px; border-radius: 3px; background-color: var(--verde-limao); color:var(--cor-branco);} div.barrasuperior a:hover{background-color: var(--azul-marinho-fraco);} div.servicosnaempresa li{ display: flex; align-items: flex-start; box-sizing: border-box; text-decoration:none ; width:100% ; min-height:35px; list-style: none; text-align: left; color: #000;} div.servicosnaempresa li div{ font-weight: 600; line-height: 2; width:15%;border-radius: 3px;font-size: 1.1em;margin:3px ;padding:1px ; line-height:2 ; float: left; text-align: center;} div.servicosnaempresa li div small{font-size:0.8em; font-weight: 300; display: inline-block;} div.servicosnaempresa li div.faltandoNAO{background-color: var(--vermelho-fraco); color:var(--cinza-fraco);} div.servicosnaempresa li div.atrasadosSIM{background-color: var(--amarelo-medio); color:var(--cinza-forte);} div.servicosnaempresa li div.atrasadosNAO{background-color: var(--amarelo-fraco); color:var(--cinza-fraco);} div.servicosnaempresa li div.endiaSIM{background-color:var(--verde-medio); color:var(--cor-branco);} div.servicosnaempresa li div.endiaNAO{background-color:var(--verde-fraco); color:var(--cinza-fraco) ;} div.servicosnaempresa li div.entregueSIM{background-color:var(--azul-medio); color:var(--cor-branco);} div.servicosnaempresa li div.entregueNAO{background-color:var(--azul-fraco); color:var(--cinza-fraco);} div.servicosnaempresa li div.baixadaSIM{background-color:var(--roxo); color: var(--cor-branco);} div.servicosnaempresa li div.baixadaNAO{background-color:var(--roxo-fraco); color:var(--cinza-fraco);} div.servicosnaempresa li button{ cursor: pointer; font-weight: 600; line-height: 2; border: 0px; width:19%;border-radius: 3px;font-size: 1.1em;margin:3px ;padding:2px ; line-height:2 ; float: left; text-align: center;} div.servicosnaempresa li button small{font-size:0.8em; font-weight: 300; display: inline-block;} div.servicosnaempresa li button.faltandoSIM{background-color: var(--vermelho-medio); color:var(--cor-branco);} div.servicosnaempresa li button.faltandoNAO{background-color: var(--vermelho-fraco); color:var(--cinza-fraco);} div.servicosnaempresa li button.atrasadosSIM{background-color: var(--amarelo-medio); color:var(--cinza-forte);} div.servicosnaempresa li button.atrasadosNAO{background-color: var(--amarelo-fraco); color:var(--cinza-fraco);} div.servicosnaempresa li button.endiaSIM{background-color:var(--verde-medio); color:var(--cor-branco);} div.servicosnaempresa li button.endiaNAO{background-color:var(--verde-fraco); color:var(--cinza-fraco) ;} div.servicosnaempresa li button.entregueSIM{background-color:var(--azul-medio); color:var(--cor-branco);} div.servicosnaempresa li button.entregueNAO{background-color:var(--azul-fraco); color:var(--cinza-fraco);} div.servicosnaempresa li button.baixadaSIM{background-color:var(--roxo); color: var(--cor-branco);} div.servicosnaempresa li button.baixadaNAO{background-color:var(--roxo-fraco); color:var(--cinza-fraco);} /** PBRIGAÇõES NA EMPRESA **/ content div.listagem ul.parecer-setores li.legenda{ display:none;} content div.listagem ul.listaprogramados li.legenda{ display:none;} content div.listagem ul.listaprogramados{ width: 99%; margin:1px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 30px;font-size: 0.8em;} content div.listagem ul.listaprogramados li{ display: flex; align-items: flex-start; box-sizing: border-box; text-decoration:none ; width:99% ; min-height:25px; list-style: none; margin: 7px; padding: 4px; border-radius: 3px; background-color:var(--cinza-fraco);text-align: left;} content div.listagem ul.listaprogramados li:hover{background-color:var(--cor-branco);} content div.listagem ul.listaprogramados li div{line-height: 1.5; box-sizing: border-box;border-radius: 3px;font-size: 0.8em;margin:3px ;padding:2px ; line-height:1.5 ; float: left; text-align: center;} content div.listagem ul.listaprogramados li div.questor{width:7%; text-align:left;} content div.listagem ul.listaprogramados li div.empresa{width:31%; text-align:left;} content div.listagem ul.listaprogramados li div.responsavel{ width:16%; text-align:left;} content div.listagem ul.listaprogramados li div.situacao{width:10%; text-align:center;} content div.listagem ul.listaprogramados li div.situacao div{min-width:14px; min-height: 14px; color: var(--cor-branco); text-align: left; font-size: 0.9em;} content div.listagem ul.listaprogramados li div.situacao div.entregue{background-color:var(--azul-medio);} content div.listagem ul.listaprogramados li div.situacao div.emdia{background-color:var(--verde-medio);} content div.listagem ul.listaprogramados li div.situacao div.entregueemanalise{background-color:var(--laranja-forte);} content div.listagem ul.listaprogramados li div.situacao div.emanalise{background-color:var(--laranja-forte);} content div.listagem ul.listaprogramados li div.empresa img.vistoem{ max-width:12px;margin:0px; margin-bottom: -3px; margin-left:7px; } content div.listagem ul.listaprogramados li div.situacao div.avencer{background-color:var(--verde-medio);} content div.listagem ul.listaprogramados li div.situacao div.faltando{background-color:var(--vermelho-medio);} content div.listagem ul.listaprogramados li div.situacao div.atrasado{background-color:var(--amarelo-medio);color:var(--cinza-forte);} content div.listagem ul.listaprogramados li div.situacao div.baixada{background-color:var(--roxo);} content div.listagem ul.listaprogramados li div.situacao div span{display: block; padding-right:5px; padding-left:5px; } content div.listagem ul.listaprogramados li div.entregueemazul{ line-height: 2; display: block; width:16%; float: left; text-align:left; } content div.listagem ul.listaprogramados li div.entregueemamarelo{ line-height: 2; display: block; width:16%; float: left; text-align:left; color:var(--vermelho-medio);} content div.listagem ul.listaprogramados li div.acao{ width:14%; float: right; text-align:center; } content div.listagem ul.listaprogramados li div.acao button { min-width:30px; background-color:var(--azul-marinho-fraco); display: inline-block; float:left; margin:2px; color:var(--cor-branco); border:0px; border-radius: 3px; cursor: pointer; padding:5px;} content div.listagem ul.listaprogramados li div.acao button:hover{ background-color:var(--azul-marinho-forte);} content div.listagem ul.listaprogramados li div.acao img.visto{max-width:27px ;} content div.listagem ul.listaprogramados li div.acaot{ width:9%; float: right; text-align:center;} content div.listagem ul.listaprogramados li div.acaot button { min-width:60px; background-color:var(--azul-marinho-fraco); display: inline-block; float:left; margin:2px; color:var(--cor-branco); border:0px; border-radius: 3px; cursor: pointer; padding:5px;} content div.listagem ul.listaprogramados li div.acaot button:hover{ background-color:var(--azul-marinho-forte);} content div.listagem ul.listaprogramados li div.questor a.obrivaicli, content div.listagem ul.listaprogramados li div.empresa a.obrivaicli, content div.listagem ul.listaprogramados li div.responsavel a.obrivaicli{ background: none; color: var(--azul-forte); margin: 0px; line-height: 1; float: left; text-align: left; } content div.listagem ul a.vertodos { font-weight: 300; text-decoration: none; padding: 8px; font-size: 0.7em; margin:10px; border:0px; border-radius:5px; color:var(--cor-branco); background-color:#319fb7 ; text-align: center;} content div.listagem ul li a{float: right; background-color: var(--azul-medio); border-radius: 5px; text-align: center; line-height: 2; margin: 5px; padding: 10px; color: var(--cor-branco); font-size: 1em; text-decoration: none; margin-top: -55px;} content div.listagem ul.novo-processo a{ background-color: #3176a1; border: 0px; width: none; border-radius:5px; padding: 20px; font-size: 1.1em; color:var(--cor-branco); text-decoration: none; display:inline-block; margin: 10px; text-align: center;} content div.listagem ul.novo-processo a:hover{background-color:#319bb5;} content div.listagem ul li.seleciona-empresas{width:95%; text-align: left; list-style: none; margin-bottom: 5px; line-height:2 ; border-radius: 5px; border: 0px; background-color:var(--cinza-fraco); height: 55px;} content div.listagem ul li.seleciona-empresas div.box1{ float:left;padding: 7px; min-height:30px ;} content div.listagem div.processo-ver-home{padding:15px; color:#6783BA ; font-size: 0.9em; } content div.listagem div.processo-ver-home div.grande{ color: #6783BA ;text-align: left; float: left; width:70% ;} content div.listagem div.processo-ver-home div.pequena{ color: #6783BA ;text-align: right; float: right; width:25% ;} content div.listagem div.processo-ver-home h3{ color: #6783BA ; font-size: 1em; } content div.listagem div.processo-ver-home h3{ color: #6783BA ; font-size: 0.9em; } content div.listagem div.processo-ver-home h5{ color: #6783BA ; font-size: 0.8em; } content div.listagem div.processo-ver-home div.processo-ver-home-cabecalho{padding-bottom:10px; margin-bottom: 30px;} content div.listagem div.box-setores{margin: 0 auto; padding: 5px; width:98% ; margin-bottom: 20px; border:0px ; border-top: solid 1px #6783BA ; } content div.listagem div.box-setores div.setornome{margin: 0 auto; width:100% ; text-align: left; margin-bottom: 10px; font-weight: normal; font-size: 1em; } content div.listagem div.box-setores ul{list-style: none; width:98% ; margin-left: -12px;} content div.listagem div.box-setores ul li{ width: 100%; margin-bottom:1px; background-color:var(--cinza-fraco); min-height:20px ; } content div.listagem div.box-setores ul li:nth-child(even){background:var(--cor-branco);} content div.listagem div.box-setores ul li div.desc{text-align:left; float:left;} content div.listagem div.box-setores ul li div.status0{ min-width:50px ; text-align:center; float:right; border: 0px; border-radius:4px ; font-size: 0.9em; padding:2px; color: var(--cor-branco); background-color:var(--vermelho-medio) ;} content div.listagem div.box-setores ul li div.status1{min-width:50px ;text-align:center; float:right; border: 0px; border-radius:4px ; font-size: 0.9em; padding:2px; color: var(--cor-branco); background-color:green ;} content div.listagem div.box-setores ul li div.status2{min-width:50px ;text-align:center; float:right; border: 0px; border-radius:4px ; font-size: 0.9em; padding:2px; color: var(--cor-branco); background-color:var(--cinza-fraco) ;} /*****EMPRESAS - CLIENTES*********/ content div.listagem div.empresas-situacao{width: 100%; margin: 0px; padding: 10px; box-sizing: border-box; clear: both; text-align: center; min-height: 120px;} content div.listagem div.empresas-situacao a div.box-situacao{width: 14%; margin: 3px; padding: 3px; box-sizing: border-box; border: solid 1px var(--cinza-fraco); text-align: center; float: left; vertical-align: top;} content div.listagem div.empresas-situacao a div.box-situacao:hover{background-color:var(--azul-fraco);} content div.listagem div.empresas-situacao a div.box-situacao img{ margin:0 auto; max-width:60px; filter:grayscale(99%); opacity:0.8; } content div.listagem div.empresas-situacao a div.box-situacao span{ clear: both; margin:0 auto; text-align:center; color:var(--azul-medio); font-size:0.7em; } content div.listagem div.empresas-situacao a div.box-situacao div.numero{z-index:99 ; margin:3px; min-width:25px ; line-height: 1; text-align: center; position: absolute; background-color:var(--vermelho-medio); font-size: 0.8em; color:var(--cor-branco); border:0px; border-radius:100%; padding:7px; box-sizing:border-box; } content div.listagem div.empresas-situacao a div.box-situacao div.numero2{z-index:99 ; margin:3px; min-width:25px ; line-height: 1; text-align: center; position: absolute; background-color:var(--verde-medio); font-size: 0.8em; color:var(--cor-branco); border:0px; border-radius:100%; padding:7px; box-sizing:border-box; } content div.listagem div.mostra-empresa{ width:100%; margin:0 auto; text-align: center; box-sizing:border-box; } content div.listagem div.mostra-empresa div.titulo{ width:100%; margin:0 auto; padding: 10px; font-size: 0.7em; text-align: left; box-sizing:border-box; color:var(--cor-branco); background-color:var(--azul-forte); min-height: 50px; } content div.listagem div.mostra-empresa div.titulo button{float: right; margin-top: -5px; background-color: var(--cor-branco); color: var(--azul-forte); border: 0px; padding: 5px; cursor: pointer;} content div.listagem div.mostra-empresa div.titulo button:hover{background-color: var(--amarelo-fraco);} content div.listagem div.mostra-empresa div.titulo button.busca{float: right; background:none; border: 0px; padding: 1px; cursor: pointer;} content div.listagem div.mostra-empresa div.titulo button.busca img{ max-width:50px ; filter: brightness(100);} content div.listagem div.mostra-empresa div.titulo a img.icone-imprimir{max-width:25px; float: right;} content div.listagem div.mostra-empresa div.dados, content div.listagem div.mostra-empresa div.doc{width: 48%; float: left;box-sizing:border-box; padding:10px; margin:5px;text-align: left; color: var(--azul-forte); font-size: 0.7em;} content div.listagem div.mostra-empresa div.dados span, content div.listagem div.mostra-empresa div.doc span{font-style: italic; color: var(--azul-medio);} content div.listagem div.mostra-empresa div.dados input[type='text'], content div.listagem div.mostra-empresa div.doc input[type='text']{ border:solid 1px var(--azul-medio); } content div.listagem div.mostra-empresa div.doc input[type='submit']{ border-radius:3px; background-color: var(--azul-medio); color: var(--cor-branco); cursor:pointer; } content div.listagem div.mostra-empresa div.doc input[type='submit']:hover{color: var(--azul-forte);background-color: var(--azul-fraco);} content div.listagem div.mostra-empresa form.deletar input[type='submit']{ border-radius:3px; background-color: var(--vermelho-medio); color: var(--cor-branco); cursor:pointer; font-size: 0.8em} content div.listagem div.mostra-empresa form.deletar input[type='submit']:hover{color: var(--vermelho-forte);background-color: var(--vermelho-fraco);} div.painelbasico{ width:100%; min-height:70px; display:flex;} div.painelbasico div{padding:5px; box-sizing:border-box; text-align:center;} div.painelbasico div span{color: var(--cor-branco); font-size:0.7em; line-height:2; display:block; text-align:center;} div.painelbasico div a{color: var(--cor-branco); font-size:0.6em; margin-bottom:10px;} div.painelbasico div.vermelho{width:40%; min-height:70px; background-color:var(--vermelho-medio);} div.painelbasico div.verde{width:40%; min-height:70px; background-color:var(--verde-medio);} div.painelbasico button{width:20%; min-height:70px; background-color:var(--cinza-fraco); border:0px; display:block; cursor:pointer;} div.painelbasico button:hover{background-color:var(--cor-branco);} div.painelbasico button img{filter: grayscale(90%); min-width:40px; max-width:50px;} content div.listagem div.mostra-empresa div.listasembloco{margin:3px; width:48%; float: left;} content div.listagem div.mostra-empresa div.listasembloco form, form.grupo-cad-itens{width: 100%; background-color: var(--azul-fraco);} form.grupo-cad-itens div.especi{width: 100%; background-color: var(--azul-fraco-medio); color: var(--cor-branco); font-size: 0.7em; line-height: 2; margin-bottom: 20px;} form.grupo-cad-itens div.tickt{color:var(--cinza-medio); line-height: 2; font-size: 0.9em;} content div.listagem div.mostra-empresa div.listasembloco form input[type='password'], content div.listagem div.mostra-empresa div.listasembloco form input[type='email'], content div.listagem div.mostra-empresa div.listasembloco form input[type='text'], form.grupo-cad-itens input[type='text'], form.grupo-cad-itens select, content div.listagem div.mostra-empresa div.listasembloco form select{ border-radius: 5px; margin: 3px ; margin-top:7px ; font-size: 0.7em; border:solid 1px var(--verde-limao);} form.grupo-cad-itens select option{color: var(--cinza-forte); line-height: 2; padding:3px; font-size:1.1em; } form.grupo-cad-itens div.box-tamanho-40{ width:32%;} form.grupo-cad-itens div.box-tamanho-20{ width:19%;} form.grupo-cad-itens div.box-tamanho-40,form.grupo-cad-itens div.box-tamanho-20{ display:inline-block; vertical-align:top; padding:5px; margim:3px; color:var(--azul-marinho-forte); font-size:0.8em; } form.grupo-cad-itens input[type='submit'].iniciar-processo{font-size:2em;} content div.listagem div.mostra-empresa div.listasembloco form input.tamanho40, form.grupo-cad-itens input.tamanho40{width: 40%;} content div.listagem div.mostra-empresa div.listasembloco form input.tamanho20, form.grupo-cad-itens input.tamanho20, content div.listagem div.mostra-empresa div.listasembloco form select.tamanho20, form.grupo-cad-itens select.tamanho20{width: 20%;} content div.listagem div.mostra-empresa div.listasembloco form input.tamanho30, form.grupo-cad-itens input.tamanho30, content div.listagem div.mostra-empresa div.listasembloco form select.tamanho30, form.grupo-cad-itens select.tamanho30{width: 30%;} form.grupo-cad-itens div.btncodigo{max-width:300px; margin: 0 auto; padding: 5px; background-color:var(--cor-branco); line-height: 1;border-radius: 5px; margin-top:7px ; font-size: 0.8em; border:solid 1px var(--verde-limao); } form.grupo-cad-itens div.btncodigo span{font-weight: 600; color:var(--azul-marinho-forte);} form.grupo-cad-itens div.btncodigo a{padding: 5px; font-size: 0.8em; margin: 5px; background-color:var(--azul-marinho-fraco); color: var(--cor-branco); border-radius: 3px;} content div.listagem div.mostra-empresa div.listasembloco form input[type='submit'], form.grupo-cad-itens input[type='submit']{ border-radius: 5px; text-align: center; margin: 3px ; margin-top: 8px; font-size: 0.7em; color: var(--cor-branco);background-color:var(--verde-limao);} form.grupo-cad-itens a.manutencao{font-size: 0.8em; color: var(--azul-barraincialforte); margin-left: 7px;} form.grupo-cad-itens a.manutencao:hover{color:var(--azul-barraincial);} content div.listagem div.mostra-empresa div.listasembloco span{ width:100%; display:block ; font-size: 0.7em; line-height:1.5; background-color:var(--azul-fraco); color:var(--azul-forte); text-align:center; } content div.listagem div.mostra-empresa div.listasembloco span.situacaoativo{ width:100%; display:block ; font-size: 0.7em; line-height:1.5; background-color:var(--verde-fraco); color:var(--verde-forte); text-align:center; } content div.listagem div.mostra-empresa div.listasembloco span.situacaoinativo{ width:100%; display:block ; font-size: 0.7em; line-height:1.5; background-color:var(--vermelho-fraco); color:var(--vermelho-forte); text-align:center; } content div.listagem div.mostra-empresa div.listasembloco li{background-color: var(--cinza-fraco);list-style:none;font-size: 0.7em; display: flex; line-height:2; text-align:left; color:var(--azul-medio);} content div.listagem div.mostra-empresa div.listasembloco li:nth-child(even){background:var(--cor-branco);} content div.listagem div.mostra-empresa div.listasembloco li div{flex-direction:row;} content div.listagem div.mostra-empresa div.listasembloco li div.primeiro{ text-indent: 5px; width:70%; } content div.listagem div.mostra-empresa div.listasembloco li div.segundo{ width:26%; } content div.listagem div.mostra-empresa div.listasembloco li div.terceiro{ text-indent: 5px; width:20%; } content div.listagem div.mostra-empresa div.listasembloco li div.quarto{ width:75%; } content div.listagem div.mostra-empresa div.listasembloco li small.sinza{ color: var(--cinza-medio); font-size:0.9em; margin-right:10px; } content div.listagem div.mostra-empresa div.listasembloco span a.seguir, content div.listagem div.mostra-empresa div.listasembloco li div.quarto a.seguir, content div.listagem div.mostra-empresa div.listasembloco li a.seguir{background: none; color:var(--azul-medio);} content div.listagem div.mostra-empresa div.listasembloco span a.seguir:hover, content div.listagem div.mostra-empresa div.listasembloco li div.quarto a.seguir:hover, content div.listagem div.mostra-empresa div.listasembloco li a.seguir:hover{background: none;color:var(--verde-medio);} content div.listagem div.mostra-empresa div.listasembloco li div.empresa{width:98%;} content div.listagem div.mostra-empresa div.listasembloco li div.empresa2{width:48%; } content div.listagem div.mostra-empresa div.listasembloco li div.empresa3{width:68%; text-indent:5px ;} content div.listagem div.mostra-empresa div.listasembloco li div.empresa4{width:29%; font-size:0.8em;} content div.listagem div.mostra-empresa div.listasembloco li div.empresa4 a.link0{width:42%; margin: 3px; display:inline-block; padding: 2px; line-height: 1.2; border-radius: 3px; background-color:var(--azul-medio); color:var(--cor-branco); text-align:center; } content div.listagem div.mostra-empresa div.listasembloco li div.empresa4 a.enviado0{width:42%;margin: 3px; display:inline-block; padding: 2px; line-height: 1.2; border-radius: 3px; background-color:var(--verde-medio); color:var(--cor-branco); text-align:center; } content div.listagem div.mostra-empresa div.listasembloco li div.empresa4 a.link0:hover, content div.listagem div.mostra-empresa div.listasembloco li div.empresa4 a.enviado0:hover{background-color:var(--marinho-forte);} content div.listagem div.mostra-empresa div.listasembloco li div.empresa4 a{box-sizing: border-box; margin: 0 auto; display: block; color:#fff; text-decoration: none; text-align: center; margin: 4px; float: right; line-height: 1; font-size: 1em; padding: 3px; width:80%; border-radius:3px;} content div.listagem div.mostra-empresa div.listasembloco li div.empresa4 a.verde{background-color: #4FB61D;} content div.listagem div.mostra-empresa div.listasembloco li div.empresa4 a.verdeamarelo{background-color: #A6BE2A;} content div.listagem div.mostra-empresa div.listasembloco li div.empresa4 a.amarelo{background-color: #f3f70e; color:#668599;} content div.listagem div.mostra-empresa div.listasembloco li div.empresa4 a.laranja{background-color:#ff8a29;} content div.listagem div.mostra-empresa div.listasembloco li div.empresa4 a.vermelho{background-color:red; } content div.listagem div.mostra-empresa div.listasembloco div.graficosenquete{width:100%; margin: 0 auto; box-sizing: border-box;} content div.listagem div.mostra-empresa div.listasembloco div.graficosenquete div.total{width:100%; display: flex; margin: 0 auto; box-sizing: border-box;} content div.listagem div.mostra-empresa div.listasembloco div.graficosenquete div.total div{width:32%; line-height: 3; color:var(--cor-branco); font-size: 0.6em; margin: 3px; border-radius: 3px; border: 0px; box-sizing: border-box;} content div.listagem div.mostra-empresa div.listasembloco div.graficosenquete div.total div.eviados{ background-color:var(--azul-medio); } content div.listagem div.mostra-empresa div.listasembloco div.graficosenquete div.total div.respondidos{ background-color:var(--verde-medio); } content div.listagem div.mostra-empresa div.listasembloco div.graficosenquete div.total div.naorespondidos{ background-color:var(--laranja-medio); } content div.listagem div.mostra-empresa div.listasembloco div.graficosenquete div.mediageralverde{ line-height: 2; font-size: 0.8em; box-sizing: border-box;width:98%; margin-left: 3px; color: var(--cor-branco);background-color: #4FB61D;; border-radius:3px; } content div.listagem div.mostra-empresa div.listasembloco div.graficosenquete div.mediageralverdeamarelo{ line-height: 2; font-size: 0.8em; box-sizing: border-box;width:98%;margin-left: 3px; color: var(--cor-branco); background-color: #A6BE2A;border-radius:3px; } content div.listagem div.mostra-empresa div.listasembloco div.graficosenquete div.mediageralamarelo{ line-height: 2; font-size: 0.8em; box-sizing: border-box;width:98%;margin-left: 3px;background-color: #f3f70e; color:#668599; border-radius:3px; } content div.listagem div.mostra-empresa div.listasembloco div.graficosenquete div.mediagerallaranja{ line-height: 2; font-size: 0.8em; box-sizing: border-box;width:98%;margin-left: 3px; color: var(--cor-branco);background-color:#ff8a29;border-radius:3px; } content div.listagem div.mostra-empresa div.listasembloco div.graficosenquete div.mediageralvermelho{ line-height: 2; font-size: 0.8em; box-sizing: border-box;width:98%;margin-left: 3px; color: var(--cor-branco); background-color:red; border-radius:3px;} content div.listagem div.mostra-empresa div.listasembloco li a{ margin:1px; font-size: 1em; background-color:none; color:var(--vermelho-medio); cursor:pointer; } content div.listagem div.mostra-empresa div.listasembloco li a:hover{background-color:var(--vermelho-fraco); } content div.listagem div.mostra-empresa div.listasembloco div.calmes{ clear:both ; width:100%; min-height: 170px; box-sizing: border-box; padding:5px;} content div.listagem div.mostra-empresa div.listasembloco div.calmes div, content div.listagem div.mostra-empresa div.listasembloco div.calmes a div{width:22%; float: left; margin:4px ; font-size: 0.6em; line-height:2 ; border: 0px; box-sizing: border-box;} content div.listagem div.mostra-empresa div.listasembloco div.calmes div.mes0apagado, content div.listagem div.mostra-empresa div.listasembloco div.calmes a div.mes0apagado{ background-color:var(--cinza-fraco); border-top: solid 10px var(--cinza-fraco-medio); color:var(--cinza-fraco-medio); } content div.listagem div.mostra-empresa div.listasembloco div.calmes div.mes0ligado, content div.listagem div.mostra-empresa div.listasembloco div.calmes a div.mes0ligado{ background-color:var(--verde-fraco); border-top: solid 10px var(--verde-medio); color:var(--verde-medio); } div.graficosdeusuarios{ width: 100%; height: auto; box-sizing: border-box;} div.graficosdeusuarios h2{margin: 0 auto; padding:5px ; font-size: 1.1em; font-weight: 600; color: var(--azul-marinho-forte); text-align: center;box-sizing: border-box;} div.graficosdeusuarios div.eficiencia0{ width:99%;margin: 0 auto; float: left; text-align: center;box-sizing: border-box;} div.graficosdeusuarios div.eficiencia0 p{ width: 100%; z-index: 999; font-size: 2.5em; font-weight: 600; margin-top:60px; text-align: center; } div.graficosdeusuarios div.eficiencia0 p.pessimo{color: var(--vermelho-forte);} div.graficosdeusuarios div.eficiencia0 p.ruim{color: var(--laranja-forte);} div.graficosdeusuarios div.eficiencia0 p.medio{color: var(--amarelo-forte);} div.graficosdeusuarios div.eficiencia0 p.bom{color: var(--verde-medio);} div.graficosdeusuarios div.eficiencia0 p.otimo{color: var(--azul-medio);} div.graficosdeusuarios div img{max-width:180px; margin-top: -105px;} div.graficosdeusuarios div.eficiencia1{ width:45%; margin:2px; margin-top:10px; float: left; text-align: center;box-sizing: border-box;} div.graficosdeusuarios div.eficiencia1 div{width: 99%; margin: 0 auto; margin-top: 5px; font-size: 0.8em; line-height: 1.5; text-align: center;text-transform: uppercase; padding: 3px; box-sizing: border-box; border-radius: 3px;} div.graficosdeusuarios div.eficiencia1 div.pessimo{background-color: var(--vermelho-forte); color: var(--cor-branco);} div.graficosdeusuarios div.eficiencia1 div.ruim{background-color: var(--laranja-forte); color: var(--cor-branco);} div.graficosdeusuarios div.eficiencia1 div.medio{background-color: var(--amarelo-forte); color: var(--cinza-forte);} div.graficosdeusuarios div.eficiencia1 div.bom{background-color: var(--verde-medio); color: var(--cor-branco);} div.graficosdeusuarios div.eficiencia1 div.otimo{background-color: var(--azul-medio); color: var(--cor-branco);} div.graficosdeusuarios #graficoarea{ width: 100%; max-height:200px; margin: 0; padding: 0;} div.graficosdeusuarios ul li div{ min-width:50px; text-align: right; box-sizing: border-box; padding: 3px; border-radius: 3px; margin:5px ; font-size: 1.1em;} div.graficosdeusuarios ul li div.azulforte{background-color: var(--azul-forte); color: var(--cor-branco);} div.graficosdeusuarios ul li div.azul{background-color: var(--azul-medio); color: var(--cor-branco);} div.graficosdeusuarios ul li div.amarelo{background-color: var(--amarelo-forte); color: var(--cinza-forte);} div.graficosdeusuarios ul li div.verde{background-color: var(--verde-medio); color: var(--cor-branco);} div.graficosdeusuarios ul li div.vermelho{background-color: var(--vermelho-forte); color: var(--cor-branco);} div.graficosdeusuarios ul li div.roxo{background-color: var(--roxo-medio); color: var(--cor-branco);} div.graficosdeusuarios ul li div.laranja{background-color: var(--laranja-forte); color: var(--cor-branco);} div.graficosdeusuarios ul li div.texto{line-height: 2.5; margin:5px ; font-size: 1em;} content div.calendarioler{width: 100%; margin: 0 auto;} content div.calendarioler header{width: 100%; margin: 0 auto; padding:5px ; box-sizing: border-box; display: flex; background-color: var(--azul-medio); color: var(--cor-branco);} content div.calendarioler header div.primeiro{ width:16%; box-sizing: border-box; font-size:1.7em; text-align:left; text-indent:5px; } content div.calendarioler header div.segundo{ width:75%; box-sizing: border-box; text-align:left;} content div.calendarioler header div.segundo h2{text-align: left; font-size: 0.9em; margin-top:2px; } content div.calendarioler header div.segundo h3{text-align: left; font-size: 0.7em; margin-top:2px; } content div.calendarioler div.boxmes{width: 100%; margin: 0 auto;} content div.calendarioler div.boxmes header{width: 100%; margin: 0 auto; padding:5px ; box-sizing: border-box; display: flex; background-color: var(--laranja-fraco-medio); color: var(--cor-branco);} content div.calendarioler div.boxmes div.dia{ width:100%; height: auto; background-color:var(--azul-fraco); border-bottom:solid 1px var(--azul-marinho-forte) ; display: flex;justify-content: end; } content div.calendarioler div.boxmes div.dia div.numero{width:10%;display: flex; flex-wrap: wrap; justify-content: center; font-size:3em; color:var(--azul-marinho-forte); } content div.calendarioler div.boxmes div.dia div.conteudo{width:89%; display: block; } content div.calendarioler div.boxmes div.dia div.conteudo li{font-size:0.8em; width:100%;display: flex;justify-content: start; list-style:none;line-height:1.5; background-color:var(--cinza-fraco); margin-bottom:1px; } content div.calendarioler div.boxmes div.dia div.conteudo li:nth-child(even) {background-color: var(--cor-branco);} content div.calendarioler div.boxmes div.dia div.conteudo li div.texto1{width:70%; text-indent: 10px; color:var(--cinza-medio-forte); } content div.calendarioler div.boxmes div.dia div.conteudo li div.texto0{width:70%; text-indent: 10px; color:var(--azul-marinho-forte); } content div.calendarioler div.boxmes div.dia div.conteudo div.acao a {color: var(--cor-branco); border:0px; margin-top: 1px; border-radius:3px; padding:1px; font-size:0.7em; } content div.calendarioler div.boxmes div.dia div.conteudo div.acao a.deletar0 { display:block; background-color:var(--vermelho-medio); } content div.calendarioler div.boxmes div.dia div.conteudo div.acao a.deletar1 { display: none; } content div.calendarioler div.boxmes div.dia div.conteudo div.acao a.restaurar1 { display:block;background-color:var(--azul-medio); } content div.calendarioler div.boxmes div.dia div.conteudo div.acao a.restaurar0{ display: none; } content div.funcao0{width: 100%; padding: 10px; box-sizing: border-box; margin-top:30px; margin-bottom:20px; } content div.funcao0 p a{ float:left; background-color:var(--verde-medio); border-radius:3px; padding:5px; color:var(--cor-branco); font-size:0.9em; text-align:center;} content div.funcao0 form{ float:right; width:35%; margin:10px; } content div.funcao0 form input[type="submit"]{font-size:0.8em; background-color: var(--vermelho-medio); color: var(--cor-branco);} content div.funcao0 form input[type="submit"]:hover{background-color: var(--vermelho-forte);} /*******************************************************************/ content div.calendarioler div.boxmes2{width: 100%; margin: 0 auto; text-align:center; box-sizing: border-box;} content div.calendarioler div.boxmes2 header{width: 100%; margin: 0 auto; box-sizing: border-box; padding:5px ; box-sizing: border-box; display: flex; background-color: var(--laranja-fraco-medio); color: var(--cor-branco);} content div.calendarioler div.boxmes2 div.dia2{ width:20%;box-sizing: border-box; min-height:140px; float:left; display:inline-block; background-color:var(--azul-fraco); border:solid 1px var(--azul-marinho-forte) ; display: flex;justify-content: start; } content div.calendarioler div.boxmes2 div.dia2 div.numero{ width:20%;display: block; box-sizing: border-box; flex-wrap: wrap; justify-content: center; font-size:1.8em; color:var(--azul-marinho-forte); } content div.calendarioler div.boxmes2 div.dia2 div.conteudo{width:80%; float: left; display: block;box-sizing: border-box; } content div.calendarioler div.boxmes2 div.dia2 div.conteudo li{box-sizing: border-box;font-size:0.7em; width:100%;display: flex;justify-content: start; list-style:none;line-height:1.5; background-color:var(--cinza-fraco);} content div.calendarioler div.boxmes2 div.dia2 div.conteudo li:nth-child(even) {background-color: var(--cor-branco);} content div.calendarioler div.boxmes2 div.dia2 div.conteudo li div.texto{box-sizing: border-box;width:100%; text-indent: 5px; color:var(--azul-marinho-forte); text-align:left; } /*******************************************************************/ /************ DEMONSTRATIVO **************/ content div.listagem div.demonstrativo div.barradedemostrativos{width:100%; padding: 0; color:#183547;background-color: #8ecaf0;display: flex;align-items: flex-end;text-align:center;} content div.listagem div.demonstrativo div.barradedemostrativos div{ width:49% ; line-height: 2; text-align: left; color:#183547; margin: 0; padding: 5px; vertical-align:top; } content div.listagem div.demonstrativo div.barradedemostrativos div button{ float:right;} div.barra89 div.caixames{font-size: 1.3em; background-color: #fff; padding-left:3px ; padding-right: 3px;} div.barra89 div.caixames:nth-child(even){background-color: #efefef;} div.grafico99{color:#fff; padding:2px; min-width:32px; margin:3px;} div.barra89 div.caixames a.detalhar{ margin: 0 auto; margin-top: 5px; padding: 5px; color:#fff; border-radius: 3px; background-color: #3176a1; } div.barra-menu-lista-clientes{width:100%; min-height:30px;background-color:#EFEFEF;} div.barra-menu-lista-clientes a{color:#666; font-size: 0.7em; padding:3px; border-radius: 3px; margin: 3px; float: right;} div.barra-menu-lista-clientes a:hover{background-color:#fff; } div.barra-menu-lista-clientes a img{ max-width:14px; margin-right:5px ;} content div.listagem div.demonstrativo div.rodapededemostrativos{width:100%; padding: 0;display: flex;align-items: flex-end;text-align:center;} content div.listagem div.demonstrativo div.rodapededemostrativos a{padding:4px; font-size:0.6em ; margin: 3px; color:#fff;border-radius: 3px;} content div.listagem div.demonstrativo div.rodapededemostrativos a.vermelho{background-color: var(--vermelho-forte);} content div.listagem div.demonstrativo div.rodapededemostrativos a.azulfraco{background-color: var(--azul-medio);} content div.listagem div.demonstrativo div.rodapededemostrativos a.verde{background-color: var(--verde-medio);} content div.listagem div.demonstrativo div.rodapededemostrativos a.laranja{background-color: var(--laranja-fraco-medio);} content div.listagem div.demonstrativo div.rodapededemostrativos a.roxo{background-color: var(--roxo-medio);} content div.listagem div.demonstrativo{ width:98%; margin:3px; padding-top:3px; box-sizing:border-box; } content div.listagem div.demonstrativo div{width: 31%; vertical-align: top; font-size: 0.8em; border-radius:4px; border:0px; display:inline-block; margin:3px; padding:3px; } content div.listagem div.demonstrativo div.azul{background-color:var(--azul-medio); color:var(--cor-branco); } content div.listagem div.demonstrativo div.verde{background-color:var(--verde-medio); color:var(--cor-branco); } content div.listagem div.demonstrativo div.vermelho{background-color:var(--vermelho-medio); color:var(--cor-branco); } content div.listagem div.demonstrativo div.laranja{background-color:var(--laranja-medio); color:var(--cor-branco); } content div.listagem div.demonstrativo div.amarelo{background-color:var(--amarelo-forte); color:var(--cor-branco); } content div.listagem div.demonstrativo div.rosa{background-color:var(--rosa-medio); color:var(--cor-branco); } content div.listagem div.demonstrativo div.roxo{background-color:var(--roxo-medio); color:var(--cor-branco); } content div.listagem div.demonstrativo div.terra{background-color:var(--terra-medio); color:var(--cor-branco); } content div.listagem div.demonstrativo div.azulmarinho{background-color:var(--marinho-forte); color:var(--cor-branco); } content div.listagem div.demonstrativo div div.caixa1{width:33%; padding-right: 5px; box-sizing: border-box; min-height: 250px; box-shadow: 2px 0px 0px 0px rgba(54,52,54,0.2); text-align: center; border-radius: 0px; float:left; } content div.listagem div.demonstrativo div div.caixa1 div{ font-weight:600;font-size: 0.9em; width: 99%; } content div.listagem div.demonstrativo div div.caixa2{ width: 60%;} content div.listagem div.demonstrativo div div.caixa2 h3{width: 100%; background-color:#15a897; color:var(--cor-branco);line-height: 1.5; } content div.listagem div.demonstrativo div div.caixa2 h3.laranja{background-color:#ce8912;} content div.listagem div.demonstrativo div div.caixa2 h3.vermelho{background-color:var(--vermelho-forte);} content div.listagem div.demonstrativo div div.caixa2 a li{ list-style:none; width:98%; color: var(--cor-branco); text-align:left; line-height:1.5; } content div.listagem div.demonstrativo div div.caixa2 a li:hover{color: var(--amarelo-fraco);} content div.listagem div.demonstrativo div div.caixa2 li{ list-style:none; width:98%; text-align:left; line-height:1.5; } content div.listagem ul.docs{width:100% ; box-sizing: border-box; margin: 0 auto; margin-top: 30px; font-size: 0.6em; color:var(--cinza-forte666);} content div.listagem ul.docs li{width:100% ; background:var(--azul-fraco); display: flex; box-sizing: border-box; margin: 0 auto; justify-content:flex-start} content div.listagem ul.docs li:nth-child(even){background:var(--cor-branco);} content div.listagem ul.docs li div{box-sizing: border-box; margin: 0 auto; text-align: left; padding:5px;} content div.listagem ul.docs li div.data{ width: 14%; } content div.listagem ul.docs li div.medio{ width: 24%; border-left:solid 1px var(--cinza-forte666) ;} content div.listagem ul.docs li div.grande{ width: 30%;border-left:solid 1px var(--cinza-forte666) ;} content div.listagem div.enquetes{width: 99%; margin:1px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 30px;font-size: 0.8em;} content div.listagem div.enquetes li{background-color: var(--cinza-fraco);list-style:none;font-size: 0.7em; display: flex; line-height:2.5; text-align:left; } content div.listagem div.enquetes li:nth-child(even){background:var(--cor-branco);} content div.listagem div.enquetes li div{flex-direction:row;color:var(--azul-medio); margin:3px; box-sizing: border-box; text-align:left; } content div.listagem div.enquetes li div.nome{text-indent:5px; width:42%; display:block; } content div.listagem div.enquetes li div.unidade{width:22%; display:block; } content div.listagem div.enquetes li div.criada{width:10%; display:block; } content div.listagem div.enquetes li div.enviados{width:6%; display:block; } content div.listagem div.enquetes li div.respondidos{width:6%; display:block; } content div.listagem div.enquetes li div.acao{width:9%; text-align:center; display:block; } content div.listagem div.enquetes li div.acao a{ background-color:var(--verde-medio); border-radius:3px; padding:5px; color:var(--cor-branco); font-size:0.9em; text-align:center;} content div.listagem div.mostra-empresa div.listasembloco li div.empresa3{width:62%;} content div.listagem div.mostra-empresa div.listasembloco li div.empresa4{width:35%;} content div.listagem div.mostra-empresa div.listasembloco li div.empresa4 a.link0{width:42%; } content div.listagem div.mostra-empresa div.listasembloco li div.empresa4 a.enviado0{width:42%; } div.lista-acessos-master{width: 100%;box-sizing: border-box; display: flex; justify-content: space-around;} div.lista-acessos-master div{width:32%; border:solid 1px var(--cinza-medio-forte) ;text-align: left; margin: 1px; } div.lista-acessos-master div h3{width:100%; font-size: 0.8em; color: var(--cor-branco) ; padding: 5px; box-sizing: border-box; background-color: var(--azul-medio); } div.lista-acessos-master div h4{width:100%; font-size:0.7em; color: var(--cor-branco) ; padding: 5px; box-sizing: border-box; background-color: var(--azul-marinho-forte); } div.lista-acessos-master div li{list-style:none;} div.lista-acessos-master div form{width: 100%;} div.lista-acessos-master div form input{float: left;border: 0px; background-color:var(--azul-fraco);} div.lista-acessos-master div form input.f95{width: 95%;} div.lista-acessos-master div form input.f48{width: 42%;} div.lista-acessos-master div form select.f48{width: 42%; margin-top: 10px; margin-left:10px; float: left;background-color:var(--azul-fraco);} div.lista-acessos-master div form input.f32s, div.lista-acessos-master div form input.f32b, div.lista-acessos-master div form input.f32d0, div.lista-acessos-master div form input.f32d1{width: 26%; font-size: 0.8em;color:var(--cor-branco);} div.lista-acessos-master div form input.f32s{background-color:var(--verde-medio);} div.lista-acessos-master div form input.f32b{background-color:var(--laranja-medio);} div.lista-acessos-master div form input.f32d0{background-color: var(--cinza-medio); cursor:not-allowed ;} div.lista-acessos-master div form input.f32d1{background-color: var(--vermelho-forte);} div.lista-acessos-master div.lista-acessos-master2, div.lista-acessos-master div.lista-acessos-master1{height: auto;} div.lista-acessos-master div.lista-acessos-master2 li, div.lista-acessos-master div.lista-acessos-master1 li{width: 100%; display: flex; justify-content:space-between;} div.lista-acessos-master div.lista-acessos-master2 li div{color:var(--azul-forte); text-indent:5px ; line-height: 2; border:0px; font-size: 0.8em;} div.lista-acessos-master div.lista-acessos-master2 li div.titulo{width:65%;} div.lista-acessos-master div.lista-acessos-master2 li div.ver{width:32%;text-align: right; padding-right: 5px;} div.lista-acessos-master div.lista-acessos-master2 li.bloqueado{ color:var(--cinza-medio-forte)} div.lista-acessos-master div.lista-acessos-master1 li.ligado:nth-child(even), div.lista-acessos-master div.lista-acessos-master2 li.bloqueado:nth-child(even), div.lista-acessos-master div.lista-acessos-master2 li.ligado:nth-child(even){background-color:var(--cinza-fraco);} /***********/ /************ SERVICOS **************/ content div.listagem div.menu-servicos{width:98%; margin:3px; margin-bottom: 20px; padding-top:3px; clear: both; box-sizing:border-box; text-align: center;} content div.listagem div.menu-servicos a{margin:3px; padding:8px; font-size: 0.7em; box-sizing:border-box; text-align: center; color:var(--azul-forte); background-color:var(--azul-fraco); border-radius: 4px; border: 0px;} content div.listagem div.menu-servicos a:hover{ background-color:var(--verde-fraco);} content div.listagem form.servicosbusca{width:98%; margin:0px; text-align: center; padding:10px ; padding-bottom: 20px; clear: both; box-sizing:border-box; text-align: center;} content div.listagem form.servicosbusca input[type="text"]{width:70%; font-size: 1em; border:solid 2px var(--verde-medio); color:var(--verde-forte); padding:7px; border-radius:7px; } content div.listagem form.servicosbusca input[type="submit"]{ min-width: 55px; margin-top:10px ; background:none ;background-image:url(../img/lupa.png); background-size:90%; background-repeat:no-repeat; margin-left: -70px;position:absolute; cursor: pointer; padding:7px; border-radius:7px; } div.lista-periodo-01{width:100%; text-align: left; font-size: 0.9em;} div.lista-periodo-01:nth-child(even) {background-color:#efefef;} div.lista-periodo-01 div.tipo, div.lista-periodo-01 div.unidade, div.lista-periodo-01 div.empresa, div.lista-periodo-01 div.referencia, div.lista-periodo-01 div.acao{ display:block ; color: var(--azul-medio); display: inline-block; padding: 5px; box-sizing: border-box; line-height: 2; font-size: 0.7em;} div.lista-periodo-01 div.tipo{width:17%;} div.lista-periodo-01 div.unidade{width:20%;} div.lista-periodo-01 div.ano{width:20%;} div.lista-periodo-01 div.empresa{width:39%;} div.lista-periodo-01 div.referencia{width:22%; } div.lista-periodo-01 div.referencia a.iconemenor{float: right; width:14%;} div.lista-periodo-01 div.referencia a.iconemenor img{max-width:16px; margin:0px; margin-top: 6px;} div.lista-periodo-01 div.acao{width:20%;} div.lista-periodo-01 div.acao button, div.lista-periodo-01 div.referencia button{margin:3px; padding:5px; box-sizing:border-box; border-radius: 3px; border: 0px; cursor:pointer; color:var(--cor-branco); } div.lista-periodo-01 div.acao button.enviar{ background-color:var(--azul-medio); min-width:60px; } div.lista-periodo-01 div.acao button.bloqueado{pointer-events: none; background-color:var(--cinza-fraco); min-width:60px; color:var(--cinza-fraco); } div.lista-periodo-01 div.acao button.ver, div.lista-periodo-01 div.referencia button.ver{ background-color:var(--verde-medio); } div.lista-periodo-01 div.acao button.deletar{ background-color:var(--vermelho-medio); } div.lista-periodo-01 div.box-un{width:11% ; text-align: left; line-height: 2; text-indent:10px; display:inline-block; color:#346791;} div.lista-periodo-01 div.box-acessos{ width:88%; line-height: 2; text-align: left; text-indent:20px; display: inline-block; color: #1f8252} div.lista-periodo-01 div.box-acessos span{color:red; margin: 0px; padding: 0px; width:10%; display:inline ;} div.lista-periodo-02{width: 100%; text-align: left; font-size:0.7em;} div.lista-periodo-02:nth-child(even) {background-color:#efefef;} div.lista-periodo-02 div.box-un{ width:5% ; text-align: right; line-height: 2; text-indent:6px; display:inline-block; color:#346791;} div.lista-periodo-02 div.box-acessos{ width:29%; line-height: 2; text-align: left; text-indent:30px; display: inline-block; color: #1f8252} div.lista-periodo-02 div.box-acessos span{color:red;} div.lista-periodo-02 div.porcentagem{ width:10%; line-height: 2; text-align: right; margin-right: 20px; text-indent:6px; display: inline-block; color: #1f8252} div.lista-periodo-02 div.barra{line-height: 2; text-align: right; height:10px ; background-color: lightblue; display: inline-block;} nav.menu-indicadores{width: 80%; text-align: left; margin-top: 10px;} nav.menu-indicadores a{font-size: 0.8em; color:#0b6639; margin: 5px; background-color:#fff; padding:5px; border-radius:5px;} nav.menu-indicadores a:hover{background-color:#c4f5c8;} nav.menu-indicadores small{font-size: 0.8em; font-style: italic; } content div.listagem form.cadastro{width:94%; margin: 0 auto; text-align: center;} content div.listagem form.cadastro select, content div.listagem form.cadastro input[type='text']{width: 70%; margin: 7px; line-height: 2; border-radius: 3px; padding: 5px; border: solid 2px #666; display: inline-block; vertical-align:top;} content div.listagem form.cadastro label{color: #666; font-size: 0.8em;} content div.listagem form.cadastro label input[type='submit']{margin: 7px; border-radius: 3px; padding: 7px; border: 0px; font-size: 1.2em; text-align: center; cursor: pointer; display: inline-block; vertical-align:top;} content div.listagem form.cadastro div.selecionada-0{ max-width:600px ; margin: 0 auto; text-align:left; font-size:0.9em; padding: 10px; background-color:var(--cinza-fraco); border: solid 1px #ccc;} content div.listagem form.cadastro input[type='submit'].avancar{background-color:#319bb5;color: var(--cor-branco); font-size: 1em;padding: 10px;} content div.listagem form.cadastro input[type='submit'].avancar:hover{background-color:#3176a1;} content div.listagem form.cadastro a.cancelar{background-color:#ff0000; text-decoration: none; color:var(--cor-branco); margin: 7px; border-radius: 3px; padding: 10px; border: 0px; font-size: 1em; text-align: center; cursor: pointer; display: inline-block; vertical-align:top;} content div.listagem form.cadastro a.cancelar:hover{background-color:#f20e56;} content div.processar-arquivos-index{width:27%; margin:7px; padding-top: 5px; border:solid 1px #ccc ; font-size: 0.8em; background-color:var(--cor-branco) ; float: right;} content div.processar-arquivos-index ul li{ text-decoration:none ; width:93% ; min-height:40px; list-style: none; margin: 3px; padding: 3px; border-radius: 3px; text-align: left; color: var(--verde-forte);} content div.processar-arquivos-index ul li div{ float: left;} content div.processar-arquivos-index ul li div.quantidade{font-size: 1.7em; width: 23%; margin-top: 5px; text-indent: 5px;} content div.processar-arquivos-index ul li div.texto{ font-size:0.8em ; width: 29%; margin-top: 5px;} content div.processar-arquivos-index ul li div.icones{ width: 44%;} content div.processar-arquivos-index ul li div.icones a img{ max-width:55px; float: left; margin-top: -10px; margin-left: 5px;} /*************************************************************/ /**********CALENDARIO*********************/ /*************************************************************/ content div.listagem div.calendariodomes{width:100%; border-radius:5px; text-align:center; background-color:var(--); margin:10px;} content div.listagem div.calendariodomes div.mes{width:100%; margin: 0 auto; text-align: left;} content div.listagem div.calendariodomes div.mes div.dia{width:18%; text-align: left; vertical-align: top; border: solid 2px #FF8A29; min-height: 200px; display: inline-block; margin:1px; margin-bottom:3px ; background-color:var(--cor-branco);} content div.listagem div.calendariodomes div.mes div.dia div.top{width:100%; min-height: 25px; background-color:#FF8A29; color:var(--cor-branco);} content div.listagem div.calendariodomes div.mes div.dia div.top small{float: left; margin:2px ; font-size: 0.8em;} content div.listagem div.calendariodomes div.mes div.dia div.top span{float: right; margin:2px ; font-size: 1.2em; margin-top: -1px;} content div.listagem div.calendariodomes div.mes div.dia li{font-size:0.5em; display: block; text-align: left; color:#3d3b3b; text-decoration: none; padding:5px } content div.listagem div.calendariodomes div.mes div.dia li.geral{ background-color:#d9dfe0; line-height: 2; } content div.listagem div.calendariodomes div.mes div.dia li.geral:nth-child(even) {background-color:#e1eeef;} content div.listagem div.calendariodomes div.mes div.dia li.geral a{background-color:#e7f29f; float: right; border:0px; border-radius: 2px; padding: 3px; color:var(--cor-branco); background-color: var(--azul-marinho-forte); line-height: 1; margin-top:2px ;} /*************************************************************/ content div.caixa10{width:28%; float:right; text-align: center; } content div.caixa10 a div.caixa-de-aside{width:29%; height: auto; float: left; padding:5px; margin:7px 7px 7px 4px; border:solid 1px #ccc; font-size:0.8em; background-color:var(--cor-branco); box-sizing: border-box;} content div.caixa10 a div.caixa-de-aside:hover{background-color:var(--azul-fraco);} content div.caixa10 a div.caixa-de-aside div.numero{z-index:99 ; margin:1px; min-width:30px ; line-height: 1.2; text-align: center; position: absolute; background-color:var(--vermelho-medio); font-size: 0.8em; color:var(--cor-branco); border:0px; border-radius:100%; padding:7px; box-sizing:border-box; } content div.caixa10 a div.caixa-de-aside div.numero2{z-index:99 ; margin:1px; min-width:30px ; line-height: 1.2; text-align: center; position: absolute; background-color:var(--verde-medio); font-size: 0.8em; color:var(--cor-branco); border:0px; border-radius:100%; padding:7px; box-sizing:border-box; } content div.caixa10 a div.caixa-de-aside img{margin:0 auto; width:80%; filter:grayscale(99%); opacity:0.8; } content div.caixa10 a div.caixa-de-asidevermelho{width:29%; height: auto; float: left; padding:5px; margin:7px 7px 7px 4px; border:solid 1px #ccc; font-size:0.8em; background-color:var(--vermelho-forte); box-sizing: border-box;} content div.caixa10 a div.caixa-de-asidevermelho img{margin:0 auto; width:80%;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1910%) hue-rotate(13deg) brightness(115%) contrast(100%); opacity:0.8; } /*********ANALISE OBRIGAÇOES*************/ /*********ANALISE OBRIGAÇOES*************/ /*********ANALISE OBRIGAÇOES*************/ div.lista-analise-aside{width: 92%; margin: 0 auto;font-size: 0.6em; margin-left:-0px; border:solid 1px #ccc; padding: 5px; box-sizing: border-box ;color:var(--cinza-forte); background-color: var(--cor-branco); clear: both;} div.lista-analise-aside li{width: 100%; padding: 1px; text-align: left; list-style: none; line-height: 1; color:var(--cinza-forte); box-sizing: border-box ;} div.lista-analise-aside a{color: var(--cor-branco); background-color: var(--azul-barraincialforte); border-radius: 3px; border: 0px; text-align: center; margin: 10px; font-size: 1em; padding: 4px;} div.lista-analise-aside a:hover{background-color: var(--azul-marinho-forte); } div.lista-analise-aside-del{width: 100%; margin: 0 auto;font-size: 0.6em; margin-left:-0px; padding: 5px; box-sizing: border-box ;color:var(--cinza-forte); clear: both;} content div.listagem div.lista-analise-aside-del div.titulo{width:100%; margin:0 auto; margin-bottom: 30px; padding: 10px; min-height: 36px; font-size: 1.1em; text-align: left; box-sizing:border-box; color:var(--cor-branco); background-color:var(--azul-forte); } content div.listagem div.lista-analise-aside-del div.titulo div{ width:49%; color: var(--cor-branco); float: left;} content div.listagem div.lista-analise-aside-del div.titulo a{ padding: 5px; margin-top: -5px; background-color: var(--cor-branco); color: var(--azul-forte); float: right; border:0px; border-radius: 3px; cursor: pointer;} content div.listagem div.lista-analise-aside-del div.titulo a:hover{background-color:var(--azul-fraco);} content div.listagem div.lista-analise-aside-del div.titulo a.deletar{border:solid 2px var(--cor-branco); background-color: var(--vermelho-medio); color:var(--cor-branco);} content div.listagem div.lista-analise-aside-del div.titulo a.deletar:hover{background-color: var(--vermelho-forte);} div.lista-analise-aside-del li{width: 98%; border-radius: 3px; margin:5px ; min-height:72px ; text-align: left; list-style: none; line-height: 1; color:var(--cinza-forte); box-sizing: border-box ;} div.lista-analise-aside-del li:nth-child(even) {background-color:#efefef;} div.lista-analise-aside-del li div.grande{width:76%; float: left; } div.lista-analise-aside-del li div.grande div{width:48%; float: left; padding:3px;margin-top: 5px;} div.lista-analise-aside-del li div.acao{width:20%; float: left; padding:3px ; } div.lista-analise-aside-del li div.acao a.deletar{width:42%; margin:2px ; line-height: 2; float: left; padding:3px ; background-color: var(--vermelho-medio); color:var(--cor-branco); border-radius: 3px; border: 0px; text-align: center; } div.lista-analise-aside-del li div.acao a.deletar:hover{background-color:var(--vermelho-forte) ;} div.lista-analise-aside-del li div.acao a.reativar{width:42%;margin:2px ; line-height: 2; float: left; padding:3px ; background-color: var(--verde-medio); color:var(--cor-branco); border-radius: 3px; border: 0px; text-align: center; } div.lista-analise-aside-del li div.acao a.reativar:hover{background-color:var(--verde-forte) ;} div.lista-analise-aside-del li div.acao a.baixar{width:42%;margin:2px ; line-height: 2; float: left; padding:3px ; background-color: var(--verde-fraco); color:var(--verde-forte); border-radius: 3px; border: 0px; text-align: center; } div.lista-analise-aside-del li div.acao a.baixar:hover{background-color:var(--verde-limao) ;} div.lista-analise-aside-del div.filtrosdebaixa{ width:100%; display: flex; justify-content: center; box-sizing: border-box; border-bottom:solid 2px var(--cinza-forte666) ; padding-bottom:10px; margin-bottom:20px ;} div.lista-analise-aside-del div.filtrosdebaixa form{ width:33%; box-sizing: border-box;} div.lista-analise-aside-del div.filtrosdebaixa form input[type='text']{ margin:3px; padding:5px; border-radius:7px; border:solid 1px var(--cinza-forte666); box-sizing: border-box;} div.lista-analise-aside-del div.filtrosdebaixa form input[type='submit']{ margin-top:-3px;} content div.parapostar-index{width:27%; margin:7px; padding-top: 5px; padding-bottom: 5px; border:solid 1px #ccc ; font-size: 0.8em; background-color:var(--cor-branco) ; float: right; display: block;} content div.parapostar-index ul li{ text-decoration:none ; width:93% ; min-height:40px; list-style: none; margin: 3px; padding: 3px; border-radius: 3px; text-align: left; color: var(--verde-forte);} content div.listagem div.usuarios div.usuarioscaixa span, content div.processar-arquivos-index span, content div.parapostar-index span{ width:99% ;font-size: 0.9em; color: var(--azul-forte); font-weight: 400; text-indent:10px ; text-align: left; float: left;} content div.processar-arquivos-index span small, content div.parapostar-index span small{font-size: 0.8em;} content div.listagem header.parecer-servico-tipo div.terceira button.buscabtn2{max-width:40px; margin-right: 15px; border:0px; float: right; cursor: pointer;background: none; } content div.listagem header.parecer-servico-tipo div.terceira button.buscabtn2 img{ max-width:40px ; filter: brightness(100); background: none; } footer{ margin-top: 50px; min-height: 100px; background-color: var(--cor-branco); clear: both; border-top:solid 2px #ccc; text-align: center; font-size:0.8em; width:100%; bottom: 0;} footer h2{ color:var(--cinza-medio); } /***************************************************************************************************/ @media (max-width:980px){ html{font-size: 18px;} #paraesconder{ display:none;} content div.login_formulario{width:90% ;} content div.login_formulario form input, content div.login_formulario form input[type='reset'], content div.login_formulario form input[type='submit']{padding: 10px; margin-bottom:12px ;} content div.cabecalho{font-size: 0.7em;} content div.listagem{width:100%; margin:0 auto; margin-bottom: 10px; float: none;} content div.listagem div.calendariodomes{width:98%; text-align: center; padding:0px; margin:0px;} content div.listagem div.calendariodomes div.mes div.dia{width:100%; padding:0px; margin:0px; } content div.listagem div.usuarios-master div.lista-periodo-01 div.box0{ width:40%; min-height: 60px; } content div.listagem span.titulo-acao p {width:90% ; margin-top:15px ;} content div.listagem span.titulo-acao p a{font-size:0.8em ;margin:5px; padding: 7px;} content div.listagem ul{width: 95%; margin: 0 auto;} content div.listagem ul li a{ margin-top: -50px;} content div.listagem ul.novo-processo a{ width: 70%;} content div.listagem form.cadastro input[type='text']{width: 90%;} form.grupo-cad-itens div.box-tamanho-40{ width:92%;} form.grupo-cad-itens div.box-tamanho-20{ width:92%;} content div.listagem div.menu-servicos a{line-height:3; } content div.listagem div.redes{width:99%; margin:0 auto; } content div.listagem div.redes div.ultimas-redes{ width:98%; margin: 0 auto; margin-bottom: 10px; float: none; min-height: 540px; padding: 10px; } content div.listagem div.empresas-situacao a div.box-situacao{width: 18%;} content div.listagem div.mostra-empresa div.dados, content div.listagem div.mostra-empresa div.doc{width: 96%; float: none;} content div.listagem div.mostra-empresa div.listasembloco{margin:1px; width:97%;float: none;} content div.listagem div.mostra-empresa div.listasembloco li div.primeiro{ text-indent: 10px; width:65%; } content div.listagem div.mostra-empresa div.listasembloco li div.segundo{ width:27%; } content div.listagem div.mostra-empresa div.listasembloco li div.terceiro{ text-indent: 10px; width:18%; } content div.listagem div.mostra-empresa div.listasembloco li div.quarto{ width:72%; } content div.listagem header.parecer-servico-tipo{width: 95%; } content div.listagem header.parecer-servico-tipo div.primeira{ width:45%;padding:4px; } content div.listagem header.parecer-servico-tipo div.segunda{ width:45%;padding:4px; } content div.listagem header.parecer-servico-tipo div.terceira{ width:94%;padding:4px; font-size: 0.6em; } div.salvando2{display:block;} div.salvando2 div.box,div.salvando2 div.boxvermelho,div.salvando2 div.boxverde, div.salvando2 div.amarelo{width:92%; margin:0 auto; margin-bottom:3px ; } content div.processar-arquivos-index, content div.parapostar-index{width:100%; margin:0 auto; margin-bottom:5px; float: left} content div.calendarioler header div.primeiro{ width:25%; font-size:1.6em;} content div.calendarioler header div.segundo{ width:70%;} content div.calendarioler header div.segundo h2{ font-size: 0.8em;} content div.calendarioler header div.segundo h3{ font-size: 0.6em;} content div.calendarioler div.boxmes div.dia div.numero{width:10%;display: flex; flex-wrap: wrap; justify-content: center; font-size:2em; color:var(--azul-marinho-forte); } content div.calendarioler div.boxmes div.dia div.conteudo{width:89%; display: block; } content div.calendarioler div.boxmes div.dia div.conteudo li{font-size:0.7em; width:100%;display: flex;justify-content: start; list-style:none;line-height:1.5; background-color:var(--cinza-fraco); margin-bottom:1px; } content div.calendarioler div.boxmes div.dia div.conteudo li:nth-child(even) {background-color: var(--cor-branco);} content div.calendarioler div.boxmes div.dia div.conteudo li div.texto{width:70%; text-indent: 10px; color:var(--azul-marinho-forte); } content div.calendarioler div.boxmes2 div.dia2{ width:50%; min-height:130px; } content div.calendarioler div.boxmes2 div.dia2 div.numero{ width:20%; font-size:1.7em; } content div.calendarioler div.boxmes2 div.dia2 div.conteudo{width:80%; } /************ DEMONSTRATIVO **************/ content div.listagem div.demonstrativo{ width:95%; margin:3px; padding-top:1px;} content div.listagem div.demonstrativo div{width: 100%; font-size: 0.8em; } content div.listagem div.enquetes li div.nome{text-indent:5px; width:75%; display:block; } content div.listagem div.enquetes li div.unidade, content div.listagem div.enquetes li div.criada, content div.listagem div.enquetes li div.enviados, content div.listagem div.enquetes li div.respondidos{display:none; } content div.listagem div.enquetes li div.acao{width:20%;} content div.listagem div.enquetes li div.acao a{ padding:5px;font-size:1em;} content div.caixa10{width:99%; display:block; margin:0px; text-align: center;} content div.listagem ul.parecer-setores{ margin:1px; padding-top: 4px; margin-bottom: 5px;} content div.listagem ul.parecer-setores a li{ text-decoration:none ; min-height:35px; margin: 5px; padding: 4px; border-radius: 3px;} content div.listagem ul.parecer-setores a li div{ width:12%; font-size: 1em;margin:2px ;padding:0px ; line-height: 3;} content div.listagem ul.parecer-setores a li div.titulo{ width:42% ;font-size: 1em;} content div.listagem ul.parecer-setores a li div small{display:none;} content div.listagem ul.parecer-setores li.legenda{ display: inline-block; font-size: 0.7em; width: 90%; padding: 0px; background-color:var(--cor-branco); text-align: center; } content div.listagem ul.parecer-setores li.legenda div{width:16%; min-height: 10px;padding:4px; border-radius: 2px; text-align: center; display: inline-block; color:var(--cor-branco) ;} content div.listagem ul.parecer-setores li.legenda div.faltando{background-color: var(--vermelho-medio);} content div.listagem ul.parecer-setores li.legenda div.atrasados{background-color: var(--amarelo-medio); color: var(--cinza-forte); } content div.listagem ul.parecer-setores li.legenda div.endia{background-color: var(--verde-medio);} content div.listagem ul.parecer-setores li.legenda div.entregue{background-color: var(--azul-medio);} content div.listagem ul.parecer-setores li.legenda div.baixado{background-color: var(--roxo);} content div.listagem ul.listaprogramados li.legenda{ display: inline-block; font-size: 0.7em; width: 96%; padding: 0px; background-color:var(--cor-branco); text-align: center; } content div.listagem ul.listaprogramados li.legenda div{width:12%; min-height: 10px;padding:3px; border-radius: 2px; text-align: center; display: inline-block; color:var(--cor-branco) ;} content div.listagem ul.listaprogramados li.legenda div.faltando{background-color: var(--vermelho-medio);} content div.listagem ul.listaprogramados li.legenda div.atrasados{background-color: var(--amarelo-medio); color: var(--cinza-forte); } content div.listagem ul.listaprogramados li.legenda div.endia{background-color: var(--verde-medio);} content div.listagem ul.listaprogramados li.legenda div.entregue{background-color: var(--azul-medio);} content div.listagem ul.listaprogramados li.legenda div.emanalise{background-color: var(--laranja-forte);} content div.listagem ul.listaprogramados li.legenda div.baixado{background-color: var(--roxo);} content div.listagem ul.parecer-setores a li button{ width:12%; font-size: 1em;margin:2px ;padding:0px ; line-height: 3;} content div.listagem ul.parecer-setores a li button.titulo{ width:42% ;font-size: 1em;} div.servicosnaempresa a li button{ width:16%;} content div.listagem ul.parecer-setores a li button small, div.servicosnaempresa a li button small{display:none;} div.servicosnaempresa a li div.titulo2{ width:23%; font-size: 0.8em;} div.servicosnaempresa a li div{ width:12%;} /*******************************************************************************************************/ /*******************************************************************************************************/ /*******************************************************************************************************/ /******* ************************************************************************************************/ div.boxnovoged{min-height:240px ;} div.boxnovoged div.box680,div.boxnovoged div.box68{float: left; width:98%; margin: 0 auto; margin-top: 5px;} content div.listagem ul.listaprogramados li div.questor{ width:11%;} content div.listagem ul.listaprogramados li div.empresa{ width:48%; text-align:left; } content div.listagem ul.listaprogramados li div.responsavel{ display:none; } content div.listagem ul.listaprogramados li div.situacao{ width:5%; text-align:center; } content div.listagem ul.listaprogramados li div.situacao div span{display: none;} content div.listagem ul.listaprogramados li div.entregueemazul,content div.listagem ul.listaprogramados li div.entregueemamarelo{ display:none; } content div.listagem ul.listaprogramados li div.acao{width:21%; float: right; text-align:center; } content div.parecer-setores{width:100%; margin:0 auto; padding:3px ; padding-left: 7px; margin-bottom: 110px;} content div.parecer-setores ul a li{width:93% ; margin:0 auto; margin-left: 10px; margin-bottom: 5px; padding: 5px; text-align: left;} div.lista-periodo-01 div.ano{width:20%;} div.lista-periodo-01 div.empresa{width:57%; font-size: 0.6em;} div.lista-periodo-01 div.referencia{width:40%;} div.lista-periodo-01 div.acao, div.lista-periodo-01 div.tipo, div.lista-periodo-01 div.unidade{display: none;} div.lista-analise-aside{width: 100%;margin-left:0px;} div.lista-analise-aside-del li{margin:5px ; min-height:115px ; } div.lista-analise-aside-del li div.grande{width:100%; float: none; } div.lista-analise-aside-del li div.grande div{width:47%; float: left; } div.lista-analise-aside-del li div.acao{width:100%; float: none;} }