/***************************************************** Estrutura de CSS em inico arquivo para evitar diversas requisicoes ao servidor @since: 01/01/2013 @update: 08/10/2013 @author: Dellanio Alencar *******************************************************/ /***************************************************** * ESTRUTURA *******************************************************/ * {margin:0;padding:0;text-decoration:none;} html { height: 100%; } body { top: 0; left: 0; font-family: Tahoma; } /* Cabecalho */ #cabecalho-prestador { position: relative; background: url(../imagens/bg-cabecalho.png) repeat-x; font-family: Verdana; height: 54px; color: #fff; font-weight: bold; } #cabecalho-prestador .logo { float: left; width: 210px; height: 50px; text-align: center; border-radius: 0px 0px 25px 0px; font-size: 21px; line-height: 47px; color: black; z-index: 2; position: relative; letter-spacing: -1px; background: rgba(254,254,254,1); background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(237,237,237,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(237,237,237,1))); background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(237,237,237,1) 100%); background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(237,237,237,1) 100%); background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ededed', GradientType=0 ); } #cabecalho-prestador .box-nome { position: absolute; height: 26px; top: 12px; left: 209px; background: rgba(255,255,255,0.4); padding-right: 15px; margin-left:-10px; border-radius: 0px 20px 20px 0px; padding-left: 15px; } #cabecalho-prestador .nome { display: block; padding-left: 2px; padding-right: 2px; padding-bottom:6px; padding-top: 5px; font-family: trebuchet MS; margin-top:0px; font-size: 13px; font-weight: normal; } #cabecalho-prestador .nome-composto { display: block; padding-left: 2px; padding-right: 2px; font-family: trebuchet MS; font-size: 13px; font-weight: normal; } #botoes { float: right; margin-right: 15px; text-align: center;} #botoes a:link,#botoes a:visited { float: left; display: block; color: #fff; font-size:10px; width: 30px; height: 53px;} #botoes a:hover { background: url(../imagens/bg-logout.png) no-repeat; } #botoes a.link-config { margin-right: 4px; } #botoes .btn-logout { float: left; margin: 13px 2px; } #botoes .btn-config { float: left; margin: 13px 2px;} /* Rodape */ #rodape { background: #e8e8e8 url(../imagens/bg-rodape-2.png) repeat-x; width: 100%; display: block; height: 47px; font-family: trebuchet MS; font-size: 13px; color: #333; margin-top:10px; } #rodape .logo-rodape { float: left; margin: -4px 0 0 8px; } #menu-principal { width: 830px; margin-bottom:10px; } #menu-principal td { background: #d6d6d6; color: #333; text-decoration: none } #menu-principal td a:link, a:visited{ display: block; padding: 5px 2px; font-size: 12px; font-weight: bold; color: #333; font-family: Arial; text-decoration: none } #menu-principal td a:hover { texte-decoration: underline; color: #333; } /* Tabelas */ .table-main { width: 100%; } .table-lista-procedimentos { margin-top: 2px; display: table;} .table-lista-procedimentos .cabecalho { background: #e3e3e3; padding:2px 3px; border:1px solid #ccc; color: #333; font-size:11px; font-weight: bold; } .table-lista-procedimentos .itens { border:1px solid #ccc; } .table-lista-procedimentos .element-row { border:1px solid #ccc; color: #333; font-size:11px; font-family: Arial; padding:2px 5px; } #tabela-tipo1 { margin-top: 10px; font-family: verdana; font-size:10px; } #tabela-tipo1 tr { } #tabela-tipo1 td.cabecalho { background-color: #265d87; padding: 7px 6px; color: #fff; font-family: verdana; font-size:11px; font-weight: bold; } #tabela-tipo1 td.border1 { border-bottom: 1px solid #999; border-right: 1px solid #999;} #tabela-tipo1 td.border1 .element-row { font-family: Verdana; font-size: 10px; color: #000000} .tabela-tipo2 { font-family: verdana; font-size:10px; } .tabela-tipo2 tr { } .tabela-tipo2 td.cabecalho { background-color: #4c6e98; padding: 2px 6px; color: #fff; font-family: Tahoma; font-size:11px; font-weight: normal; white-space: nowrap; } .tabela-tipo2 td.cabecalho2 { background-color: #cedded; border: none; color: #333333; font-family: verdana; font-size: 10px; font-weight: bold;white-space: nowrap; } .tabela-tipo2 .ico-seta { float: left; margin: 2px 6px } .tabela-tipo2 .texto { display: block; margin: 2px 0; } .tabela-tipo2 td.element-row { font-family: Verdana; padding: 2px 0; font-size: 10px; color: #333; white-space: nowrap;} #table-atualiza-kit { margin-top: 10px; font-family: verdana; font-size:10px; margin-left: 142px} #table-atualiza-kit tr { } #table-atualiza-kit td.cabecalho { background-color: #265d87; padding: 7px 6px; color: #fff; font-family: verdana; font-size:11px; } #table-atualiza-kit td.border1 { border-bottom: 1px solid #999; border-right: 1px solid #999;} #table-atualiza-kit td.border1 .element-row { font-family: Verdana; font-size: 10px; color: #000000} .barra-subtitulo { margin: 0px 15px 0; background: #efefef url(../imagens/bg-subtitulo-secoes.jpg) repeat-x; height: auto; font-family: 'Trebuchet Ms'; text-align: left; font-size: 13px; color: #3a3a3a; padding: 6px 0; } .barra-subtitulo .logo { float: left; margin: 8px 0 0 10px; width: 24px; height: 24px; } .barra-subtitulo .texto { margin: 13px 0 0 11px; font-weight: bold; } /* Posicionamento */ .estrutura-inf-guia { display: block; float: left; margin-left: 15px; } #historico-solicitacao-guias { margin-top: 10px; } #historico-solicitacao-guias tr { } #historico-solicitacao-guias td.border1 { border-bottom: 1px solid #999; border-right: 1px solid #999;} #historico-solicitacao-guias td.border1 .element-row { font-family: Verdana; font-size: 10px; color: #000000} #historico-solicitacao-filtro { padding-top: 20px; padding-bottom: 20px; } div.display-menor { margin: auto; width: 70%; } div.display-maior { margin: auto; width: 90%; } #historico-solicitacao-filtro ul.display-padrao { display: table; list-style-type: none; } #historico-solicitacao-filtro li.display-padrao { display: table-cell; padding-left: 5px; } #historico-solicitacao-filtro li.display-padrao div { display: inline-block; white-space: nowrap; font-size: small; } #historico-solicitacao-filtro li.display-bottom { display: table-cell; padding-left: 5px; vertical-align: bottom; } #historico-solicitacao-filtro label { display: block; font-weight: bold; font-family: verdana; font-size: x-small; color: #555555; padding-bottom: 5px; } /*#historico-solicitacao-filtro li { display: inline; }*/ /* Nova Grid */ #historico-solicitacao-guia { font-size:11px; } #tabela-historico-medico2 { width: 1400px; font-size:11px; margin:10px auto; } #produtividade-medica .flexigrid { width: 1400px } #_ingrid_tabela-historico-medico2_0 { margin: 0 auto; width: 1400px; } .flexigrid { margin:0 auto; font-size:11px; } .flexigrid div.hDiv th { font-size:11px; background: url(images/fhbg.gif) repeat-x; } .grid-main { display: table; width: 985px; margin: 0 auto; } .grid-main-filtro { display: table; width: 1085px; margin: 0 auto; } #tabela-historico-medico { margin-top: 10px; font-family: verdana; font-size:10px; } #tabela-historico-medico tr { } #tabela-historico-medico td.cabecalho { background-color: #265d87; padding: 7px 6px; color: #fff; font-family: verdana; font-size:11px; font-weight: bold; } #tabela-historico-medico td.border1 { border-bottom: 1px solid #999; border-right: 1px solid #999;} #tabela-historico-medico td.border1 .element-row { font-family: Verdana; font-size: 10px; color: #000000} #btn_negativas img { width: 16px; } #extrato-pagamento { margin-top: 10px; font-family: verdana; font-size:10px; } #extrato-pagamento tr { } #extrato-pagamento td.cabecalho { background-color: #265d87; padding: 7px 6px; color: #fff; font-family: verdana; font-size:11px; font-weight: bold; } #extrato-pagamento td.border1 { border-bottom: 1px solid #999; border-right: 1px solid #999;} #extrato-pagamento td.border1 .element-row { font-family: Verdana; font-size: 10px; color: #000000} #extrato-pagamento-gpsi { margin-top: 10px; font-family: verdana; font-size:10px; } #extrato-pagamento-gpsi tr { } #extrato-pagamento-gpsi td.cabecalho { background-color: #265d87; padding: 7px 6px; color: #fff; font-family: verdana; font-size:11px; font-weight: bold; } #extrato-pagamento-gpsi td.border1 { border-bottom: 1px solid #999; border-right: 1px solid #999;} #extrato-pagamento-gpsi td.border1 .element-row { font-family: Verdana; font-size: 10px; color: #000000} /* Bordas */ .border-type1 { padding: 2px; border:1px solid #ccc; } /* Elementos */ select { border: 1px solid #CCC; padding: 3px 2px; line-height: 16pt; height: 18pt; border-radius: 4px 4px 4px 4px; font-size:11px; } input { border: 1px solid #ccc; line-height: 7pt; border-radius: 4px 4px 4px 4px; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #B8B8B8 #E2E2E2 #E2E2E2 #B8B8B8; border-style: solid; border-width: 1px; padding: 0px 6px; font-size:11px; font-family: Tahoma; height: 23px; } select option { padding:2px; font-family: Tahoma; } input:focus { background: #f2f9fa; } select:focus { background: #f2f9fa; } /* Paginação */ .paginacao { float: left; width: 25px; height: 24px; display: block; padding-right:4px; background-repeat:no-repeat; } .paginacao .link { display: block; height: 16px; padding: 3px 0; width: 22px; color: #fff; } .paginacao:hover { opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); } .subtitulo { background: url(../imagens/bg-subtitulo.jpg) no-repeat; width: 523px; height: 30px; color: #fff; } .subtitulo .texto { display: block; font-family: 'Trebuchet Ms'; padding: 4px 15px; font-size:16px; font-weight: bold; } .subtitulo-descricao { display: block; float: left; margin-left: 10px; font-family: Tahoma; font-size:11px; } .subtitulo-black { background: url(../imagens/bg-subtitulo-black.jpg) no-repeat; width: 523px; height: 30px; color: #fff; } .subtitulo-black .texto { display: block; font-family: 'Trebuchet Ms'; padding: 4px 15px; font-size:16px; font-weight: bold; } .subtitulo-black-descricao { display: block; float: left; margin-left: 10px; font-family: Tahoma; font-size:11px; } #box-round { display; block; margin:10px auto; width: 965px; } #box-round .round-top { width: 960px; height: 26px; background: url(../imagens/top-box-round.png) no-repeat; } #box-round .round-middle { width: 960px; padding:5px 0; background: url(../imagens/middle-box-round.png) repeat-y; } #box-round .round-bottom { width: 960px; height: 26px; background: url(../imagens/bottom-box-round.png) no-repeat; } #version { display: block; padding: 2px 4px; color: #999; float: right; height: 13px; margin:12px 17px; font-size:11px; font-style:italic; } #box-selectMultiEmpresa { font-size: 12px !important; font-family: Tahoma; color: #444; padding: 7px 12px; width: 415px; background: #efefef; margin: 10px; } #box-selectMultiEmpresa .selectMultiEmpresa { margin-left:15px; font-size: 10px !important; } /***************************************************** * MENU SUPERIOR *******************************************************/ #bg-menu-superior { /* background: url(../imagens/bg-topo.gif); */ background: #265d87; width:1050px; height: 70px; border-radius: 0px 0px 25px 0px} #menu-superior { text-align: center; list-style: none; list-style-image:none; float: left; margin-top: 5px; } #menu-superior li { float: left; margin: 0 0 10px 10px; } #menu-superior li span { margin: 0 auto; cursor: pointer; width: 59px; line-height: 11px; display: block; text-align: center; color: #444; font-family: Tahoma; font-size:11px; } #menu-superior li a:link, #menu-superior li a:visited { color: #333; display: block; text-decoration: none; padding: 11px 0 13px 0; overflow: hidden; } #menu-superior li a.type2 { padding:11px 0 2px !important; } #menu-superior .sprite-menu { /*background-image: url(../imagens/bg-menu-aut.gif) !important;*/ background: white; border-radius: 8px; } #menu-superior .ico-login { display: block; margin: 0 auto; width: 20px; height: 20px; background-position: -241px -117px; } #menu-superior .ico-nova-guia { display: block; margin: 0 auto; width: 21px; height: 20px; background-position: -264px -117px; } #menu-superior .ico-historico-procedimentos { display: block; margin: 0 auto; width: 20px; height: 20px; background-position: -289px -117px } #menu-superior .ico-historico-solicitacoes { display: block; margin: 0 auto; width: 20px; height: 20px; background-position: -289px -117px;} #menu-superior .ico-produtividade-medica { display: block; margin: 0 auto; width: 20px; height: 21px; background-position: -310px -116px;} #menu-superior .ico-extrato-pagamento { display: block; margin: 0 auto; width: 20px; height: 20px; background-position: -335px -116px;} #menu-superior .ico-complemento { display: block; margin: 0 auto; width: 20px; height: 20px; background-position: -371px -117px;} #menu-superior .ico-anexos { display: block; margin: 0 auto; width: 20px; height: 20px; background-position: -391px -117px;} #menu-superior .ico-lotes-guias { display: block; margin: 0 auto; width: 20px; height: 20px; background-position: -351px -116px;} #menu-superior .box-1 { /*background-position: 2px 0;*/ display: block; width: 82px; height: 58px } #menu-superior .box-1:hover { background-color: #cdcdcd; } #menu-superior .box-2 { /*background-position: -59px 0;*/ display: block; width: 82px; height: 58px } #menu-superior .box-2:hover { background-color: #cdcdcd; } #menu-superior .box-3 { /*background-position: -154px 0;*/ display: block; width: 82px; height: 58px} #menu-superior .box-3:hover { background-color: #cdcdcd; } #menu-superior .box-4 { /*background-position: -154px 0;*/ display: block; width: 82px; height: 58px} #menu-superior .box-4:hover { background-color: #cdcdcd; } /* box mid */ .box-mid-topo { background: url(../imagens/grid-mid-bg.gif) repeat-x; height: 30px; margin: 2px 15px 0; } .box-mid-topo .aba-left { float: left; background: url(../imagens/grid-mid-bg-top-left.gif) no-repeat; display: block; width: 9px; height: 30px; } .box-mid-topo .aba-right { float: right; background: url(../imagens/grid-mid-bg-top-right.gif) no-repeat; display: block; width: 9px; height: 30px; } .box-mid-topo .btn-slide { background: url(../imagens/btn-slide.gif) no-repeat; width: 11px; height: 11px; float: right; text-indent: -9999px; margin:9px 0; cursor: pointer; overflow: hidden;} .box-mid-topo .descricao { font-size: 11px; text-align: left; float: left; color: #444; margin: 7px 3px 0 3px; } .box-mid-topo .arrow { display: block; margin: 10px 3px 0 10px; float: left; } .box-mid-meio { margin: 0 15px; background: #fefefe; border-right: 1px solid #cccccc;border-left: 1px solid #cccccc; } .box-mid-meio-ext-pgt { margin: 0 15px; background: #fefefe; border-right: 1px solid #cccccc;border-left: 1px solid #cccccc; } .box-mid-rodape { background: #fafafa url(../imagens/grid-mid-bg-bottom.gif) repeat-x; height: 7px; margin: 0 15px; } .box-mid-rodape .aba-left { float: left; background: url(../imagens/grid-mid-bg-bottom-left.gif) no-repeat; display: block; width: 11px; height: 7px; } .box-mid-rodape .aba-right { float: right; background: url(../imagens/grid-mid-bg-bottom-right.gif) no-repeat; display: block; width: 11px; height: 7px; } /***************************************************************** * PASSO 2 - EMISSAO DE GUIA ********************************************************************/ /******** ANEXOS TISS 3.00.01 - CAMPOS COMUNS **************/ .anexos-tiss .borda-campo-guia-tiss { border:1px solid #ccc; padding: 4px; } .anexos-tiss .ico-lov { float: left; margin: 2px 4px; } .anexos-tiss textarea { font-size:11px; color: #333; font-family: Tahoma; } #form-anexo-radioterapia #procedimentos-complementares #borda-procedimentos-complementares { height: 46px; border: 1px solid #ccc; } #procedimentos-complementares-itens { position: relative; width: 900px; display: table; margin: 0 auto; font-family: Tahoma; font-size: 11px; font-weight: normal; white-space: nowrap; } #procedimentos-complementares-itens .linha1 { height: 50px; } #procedimentos-complementares-itens ul { position: relative; } #procedimentos-complementares-itens ul li { list-style-type: none; list-style-image: none; position: relative; float: left; } #procedimentos-complementares-itens ul.linha1 li { list-style-type: none; list-style-image: none; position: relative; height: 35px; float: left; min-width: 120x; margin: 12px 10px 0 0; } #procedimentos-complementares-itens .descricao-itens-proc { height: 17px; } #procedimentos-complementares-itens .descricao-itens-proc li { margin: 2px 20px; } #procedimentos-complementares-itens .descricao-itens-proc li.label-codproced { width: 152px; } #procedimentos-complementares-itens #li-field-29 { width: 138px; } #procedimentos-complementares-itens #li-field-31 { width: 175px; } #procedimentos-complementares-itens #li-field-31 #field-31 { width: 165px; } #procedimentos-complementares-adicionados { width: 100%; position: relative; } #procedimentos-complementares-adicionados .msg-padrao { display: table; margin: 0px auto; padding: 20px 0; border:1px solid #ccc; width: 100%; text-align: center; font-size: 13px;} /******** ANEXOS QUIMIOTERAPIA - TISS 3.00.01 **************/ #form-anexo-quimioterapia { position: relative; width: 900px; display: table; margin: 0 auto; font-family: Tahoma; font-size: 11px; font-weight: normal; white-space: nowrap; } #form-anexo-quimioterapia ul { position: relative; } #form-anexo-quimioterapia ul li { list-style-type: none; list-style-image: none; position: relative; height: 35px; } .secao-tipo1 { margin: 5px 0 0; } .secao-tipo1 .titulo-secao { background-color: #4c6e98; padding: 2px 6px; color: #fff; display: block;} #form-anexo-quimioterapia .descricao { position: absolute; top: 2px; left: 8px; } #form-anexo-quimioterapia #dados-do-beneficiario { height: 60px; width: 100%; } #form-anexo-quimioterapia #dados-do-beneficiario .linha1 { height: 50px; } #form-anexo-quimioterapia #dados-do-beneficiario .linha1 li { float: left; position: relative; } #form-anexo-quimioterapia #dados-do-beneficiario #li-field-09 { height: 35px; width: 190px; } #form-anexo-quimioterapia #dados-do-beneficiario #li-field-09 #field-09 { position: absolute; top: 18px; left: 8px; width: 155px; } #form-anexo-quimioterapia #dados-do-beneficiario #li-field-10 { height: 35px; width: 190px; } #form-anexo-quimioterapia #dados-do-beneficiario #li-field-10 #field-10 { position: absolute; top: 18px; left: 8px; width: 155px; } #form-anexo-quimioterapia #dados-do-beneficiario #li-field-11 { height: 35px; width: 275px; } #form-anexo-quimioterapia #dados-do-beneficiario #li-field-11 #field-11 { position: absolute; top: 18px; left: 8px; width: 30%;} #form-anexo-quimioterapia #profissional-solicitante { height: 60px; width: 100%; } #form-anexo-quimioterapia #profissional-solicitante #li-field-11 { width: 371px; height: 35px; position: absolute; top: 2px; left: 0px;} #form-anexo-quimioterapia #profissional-solicitante #li-field-11 #lov-contratado-solicitante { display: block; width: 364px; height: 28px; margin-top: 17px; margin-left: 5px;} #form-anexo-quimioterapia #profissional-solicitante #li-field-11 #lov-contratado-solicitante #field-11 { width: 60%; margin-left: 3px; } #form-anexo-quimioterapia #profissional-solicitante #li-field-12 { height: 35px; width: 190px; position: absolute; left: 400px; top: 2px; } #form-anexo-quimioterapia #profissional-solicitante #li-field-12 #field-12 { position: absolute; top: 18px; left: 8px; width: 186px; } #form-anexo-quimioterapia #profissional-solicitante #li-field-13 { height: 35px; width: 275px; position: absolute; right: 6px; top: 2px; } #form-anexo-quimioterapia #profissional-solicitante #li-field-13 #field-13 { position: absolute; top: 18px; left: 15px; width: 240px;} #form-anexo-quimioterapia #diagnostico-oncologico { height: 70px; width: 100%; } #form-anexo-quimioterapia #diagnostico-oncologico .linha1 { height:70px; } #form-anexo-quimioterapia #diagnostico-oncologico .linha1 li { float: left; position: relative;} #form-anexo-quimioterapia #diagnostico-oncologico #li-field-17 {width: 180px; height: 35px; } #form-anexo-quimioterapia #diagnostico-oncologico #li-field-17 #field-17 { width: 140px; position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #diagnostico-oncologico #li-field-18 { width: 180px; height: 35px; } #form-anexo-quimioterapia #diagnostico-oncologico #li-field-18 #field-18 { width: 140px; position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #diagnostico-oncologico #li-field-19 { width: 180px; height: 35px; } #form-anexo-quimioterapia #diagnostico-oncologico #li-field-19 #field-19 { width: 140px; position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #diagnostico-oncologico #li-field-20 { width: 180px; height: 35px; } #form-anexo-quimioterapia #diagnostico-oncologico #li-field-20 #field-20 { width: 140px; position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #diagnostico-oncologico #li-field-21 { width: 180px; height: 35px; } #form-anexo-quimioterapia #diagnostico-oncologico #li-field-21 #field-21 { width: 140px; position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #diagnostico-oncologico-2 { height: 50px; width: 100%; } #form-anexo-quimioterapia #diagnostico-oncologico-2 .linha1 { height:50px; } #form-anexo-quimioterapia #diagnostico-oncologico-2 .linha1 li { float: left; position: relative;} #form-anexo-quimioterapia #diagnostico-oncologico-2 #li-field-22 {width: 220px; height: 35px; } #form-anexo-quimioterapia #diagnostico-oncologico-2 #li-field-22 #field-22 { width: 210px; position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #diagnostico-oncologico-2 #li-field-23 {width: 220px; height: 35px;} #form-anexo-quimioterapia #diagnostico-oncologico-2 #li-field-23 #field-23 { width: 210px; position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #diagnostico-oncologico-2 #li-field-24 {width: 220px; height: 35px; } #form-anexo-quimioterapia #diagnostico-oncologico-2 #li-field-24 #field-24 { width: 210px; position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #diagnostico-oncologico-2 #li-field-25 {width: 220px; height: 35px; } #form-anexo-quimioterapia #diagnostico-oncologico-2 #li-field-25 #field-25 { width: 210px; position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #diagnostico-oncologico-3 { height: 160px; width: 100%; } #form-anexo-quimioterapia #diagnostico-oncologico-3 .linha1 { height: 160px; } #form-anexo-quimioterapia #diagnostico-oncologico-3 .linha1 li { float: left; position: relative;} #form-anexo-quimioterapia #diagnostico-oncologico-3 #li-field-26 {width: 300px; height: 160px; } #form-anexo-quimioterapia #diagnostico-oncologico-3 #li-field-26 #field-26 { width: 280px; position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #diagnostico-oncologico-3 #li-field-27 {width: 300px; height: 160px; } #form-anexo-quimioterapia #diagnostico-oncologico-3 #li-field-27 #field-27 { width: 280px; position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #diagnostico-oncologico-3 #li-field-28 {width: 300px; height: 160px; } #form-anexo-quimioterapia #diagnostico-oncologico-3 #li-field-28 #field-28 { width: 280px; position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #tratamentos-anteriores { height: 80px; width: 100%; } #form-anexo-quimioterapia #tratamentos-anteriores .linha1 { height: 50px; } #form-anexo-quimioterapia #tratamentos-anteriores .linha1 li { float: left; position: relative; } #form-anexo-quimioterapia #tratamentos-anteriores #li-field-36 { width: 262px; height: 62px; } #form-anexo-quimioterapia #tratamentos-anteriores #li-field-36 #field-36 { position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #tratamentos-anteriores #li-field-37 { width: 148px; height: 40px; } #form-anexo-quimioterapia #tratamentos-anteriores #li-field-37 #field-37 { position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #tratamentos-anteriores #li-field-38 { width: 262px; height: 62px; } #form-anexo-quimioterapia #tratamentos-anteriores #li-field-38 #field-38 { position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #tratamentos-anteriores #li-field-39 { width: 157px; height: 40px; } #form-anexo-quimioterapia #tratamentos-anteriores #li-field-39 #field-39 { position: absolute; top: 18px; left: 8px; } #form-anexo-quimioterapia #dados-complementares-1 { height: 105px; width: 100%; } #form-anexo-quimioterapia #dados-complementares-1 .linha1 li { float: left; position: relative; height: 85px;} #form-anexo-quimioterapia #dados-complementares-1 #li-field-40 #field-40 { position: absolute; top: 18px; left: 8px; width: 880px; height: 50px; } #form-anexo-quimioterapia #dados-complementares-2 { height: 60px; width: 100%; } #form-anexo-quimioterapia #dados-complementares-2 .linha1 { height: 60px; } #form-anexo-quimioterapia #dados-complementares-2 .linha1 li { float: left; position: relative; } #form-anexo-quimioterapia #dados-complementares-2 #li-field-41 { width: 200px; } #form-anexo-quimioterapia #dados-complementares-2 #li-field-41 #field-41 { position: absolute; top: 18px; left: 8px; width: 150px; } #form-anexo-quimioterapia #dados-complementares-2 #li-field-42 { width: 200px; } #form-anexo-quimioterapia #dados-complementares-2 #li-field-42 #field-42 { position: absolute; top: 18px; left: 8px; width: 150px; } #form-anexo-quimioterapia #dados-complementares-2 #li-field-43 { width: 200px; } #form-anexo-quimioterapia #dados-complementares-2 #li-field-43 #field-43 { position: absolute; top: 18px; left: 8px; width: 150px; } #form-anexo-quimioterapia #procedimentos-complementares { height: 105px; width: 100%; } #form-anexo-quimioterapia #procedimentos-complementares .linha1 { height: 52px; } #form-anexo-quimioterapia #procedimentos-complementares .linha1 li { float: left; width: 115px; margin: 5px 10px 0 0; } #form-anexo-quimioterapia #procedimentos-complementares .linha1 li input { width: 50px; margin-top: 13px; } #form-anexo-quimioterapia #procedimentos-complementares #li-field-34 {border: white; width: 114px; top:-5px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-34 #field-34 { width: 171px; } /*Tabela*/ #form-anexo-quimioterapia #procedimentos-complementares #li-field-35 {border: white; width: 60px; left: 9px; } #form-anexo-quimioterapia #procedimentos-complementares #li-field-35 #field-35 { width: 45px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-36 { border: white; left: -22px; width: 93px; border: white; top:-5px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-36 #field-36 { width: 72px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-37 {border: white; width: 312px; left: -20px; border: white; top:-5px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-37 #field-37 { width: 226px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-38 {border: white; width: 52px; left: -33px; top:-5px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-38 #field-38 { width: 38px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-39 {border: white; width: 65px; left: -42px; top:-5px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-39 #field-39 { width: 47px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-40 {border: white; width: 78px; left: -51px; top:-5px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-40 #field-40 { width: 64px;} #form-anexo-quimioterapia #procedimentos-complementares .linha2 { } #form-anexo-quimioterapia #procedimentos-complementares .linha2 li { float: left; width: 115px; margin: 5px 10px 0 0; } #form-anexo-quimioterapia #procedimentos-complementares .linha2 li input { width: 100px; margin-top: 13px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-29 { } #form-anexo-quimioterapia #procedimentos-complementares #li-field-29 #field-29 { width: 100px; } #form-anexo-quimioterapia #procedimentos-complementares #li-field-30 {} #form-anexo-quimioterapia #procedimentos-complementares #li-field-30 #field-30 { width: 100px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-31 {} #form-anexo-quimioterapia #procedimentos-complementares #li-field-31 #field-31 { width: 100px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-32 {} #form-anexo-quimioterapia #procedimentos-complementares #li-field-32 #field-32 { width: 100px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-34 {} #form-anexo-quimioterapia #procedimentos-complementares #li-field-34 #field-34 { width: 100px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-35 { width: 60px; left: -11px; top:-5px;} #form-anexo-quimioterapia #procedimentos-complementares #li-field-35 #field-35 { } /******** ANEXOS OPME - TISS 3.00.01 **************/ #form-anexo-opme { position: relative; width: 900px; display: table; margin: 0 auto; font-family: Tahoma; font-size: 11px; font-weight: normal; white-space: nowrap; } #form-anexo-opme ul { position: relative; } #form-anexo-opme ul li { list-style-type: none; list-style-image: none; position: relative; height: 35px; } .secao-tipo1 { margin: 5px 0 0; } .secao-tipo1 .titulo-secao { background-color: #4c6e98; padding: 2px 6px; color: #fff; display: block;} #form-anexo-opme .descricao { position: absolute; top: 2px; left: 8px; } #form-anexo-opme #profissional-solicitante { height: 60px; width: 100%; } #form-anexo-opme #profissional-solicitante #li-field-9 { width: 371px; height: 35px; position: absolute; top: 2px; left: 0px;} #form-anexo-opme #profissional-solicitante #li-field-9 #lov-contratado-solicitante { display: block; width: 364px; height: 28px; margin-top: 17px; margin-left: 5px;} #form-anexo-opme #profissional-solicitante #li-field-9 #lov-contratado-solicitante #field-9 { width: 60%; margin-left: 3px; } #form-anexo-opme #profissional-solicitante #li-field-10 { height: 35px; width: 190px; position: absolute; left: 400px; top: 2px; } #form-anexo-opme #profissional-solicitante #li-field-10 #field-10 { position: absolute; top: 18px; left: 8px; width: 186px; } #form-anexo-opme #profissional-solicitante #li-field-11 { height: 35px; width: 275px; position: absolute; right: 6px; top: 2px; } #form-anexo-opme #profissional-solicitante #li-field-11 #field-11 { position: absolute; top: 18px; left: 15px; width: 240px;} #form-anexo-opme #dados-cirurgia #li-field-12 { width: 200px; height: 90px;} #form-anexo-opme #dados-cirurgia #li-field-12 #field-12 { position: absolute; top: 18px; left: 8px; width:800px; height: 70px;} #form-anexo-opme #dados-outros #li-field-24 { width: 200px; height: 90px;} #form-anexo-opme #dados-outros #li-field-24 #field-24 { position: absolute; top: 18px; left: 8px; width:800px; height: 70px;} #form-anexo-opme #dados-complementares-1 #li-field-26 { width: 200px; height: 95px;} #form-anexo-opme #dados-complementares-1 #li-field-26 #field-26 { position: absolute; top: 18px; left: 8px; width:800px; height: 70px;} /******** GUIA ODODONTOLOGIA **************/ #field-cdRegiaoDente { width: 80px } /* Dialog Padrao */ .dialog-padrao .ds_anexo_subtitulo { display: block; color: #333; font-size:12px; margin-bottom: 10px; font-weight:bold; padding-bottom: 7px; border-bottom:1px solid #4C6E98; width: 800px; } .dialog-padrao ul { list-style-type: none; } /* Anexos da Guia */ #anexos-guia { float: left; width: 100px; display: block; font-size: 11px; position: relative; margin-left: 5px; } #anexos-guia .descricao { position: absolute; top: 5px; left: 110px; } #dialog-anexo { position:relative; z-index: 9999; } #complemento-guia .ds_anexo_texto { color: #333; font-size:12px; width: 850px; height: 450px; } #complemento-guia #btn-salvar { margin-top: 10px; cursor: pointer; } #dialog-anexo .ds_anexo_imagem { font-size:11px; } #dialog-anexo .extensoes_aceitas { display: block; margin-top:15px; font-size: 11px } #dialog-anexo .fieldset-type1 { float: left; font-size:11px; border:1px solid #d6d6d6; margin-top: 5px; padding: 15px 0; width: 800px; } #dialog-anexo #observacoes ul { margin-left: 10px; } #dialog-anexo #observacoes ul li { margin: 7px 0; } #dialog-anexo #anexos-enviados { margin: 7px 0; } #dialog-anexo #anexos-enviados ul { margin-left: 10px; } #dialog-anexo #anexos-enviados ul li { margin: 3px 0; display: table; padding: 4px 5px } #dialog-anexo #anexos-enviados .box-remover-arquivo { float: right; margin-top:3px; margin-left: 10px; font-size:10px; color: #333; cursor:pointer } #dialog-anexo #anexos-enviados .remover-arquivo { margin-left: 8px } #dialog-anexo #anexos-enviados .remover-arquivo:hover { text-decoration: underline; } #dialog-anexo legend { font-size:11px; color: #787878; margin-left: 15px; padding: 0 5px;} #cabecalho-anexo { margin: 10px; padding: 10px; font-size:12px; font-family: Arial; border:1px solid #999; } #cabecalho-anexo .descricao { display: block; margin-top: 20px; } .anexo-left { float: left; width: 750px; margin-right: 10px; } #bloco-lista-procedimentos { font-size:11px; width: 900px; display: block; font-family: Tahoma; } #bloco-lista-procedimentos .cabecalho td { padding: 6px 0; background-color: #4C6E98; color: #fff; } #bloco-lista-procedimentos .dados td { padding: 8px 0; } #bl-lista-procedimentos { font-size:11px; font-family: Tahoma; } #bl-lista-procedimentos .cabecalho td { background-color: #4c6e98; padding: 5px 6px; color: #fff; font-family: Tahoma; font-size: 11px; font-weight: normal; white-space: nowrap; text-align: left;} #bl-lista-procedimentos .dados td { padding: 5px 0; text-align: left;} #logoPlanoPasso2 { width: 180px; height: 45px; margin-left: 5px; float: right; } /* Lista de Anexos j� enviados na tela do passo2 */ #lista-anexos-enviados { margin: 12px 0; width: 100%; float: left; display: none; font-family: Tahoma; } #lista-anexos-enviados h3 { background: #efefef; padding: 8px 10px; color: #333; } #lista-anexos-enviados #arquivos { margin: 10px 0 5px 30px; list-style-type: square; font-size: 12px; } #lista-anexos-enviados #arquivos a:link { color: #333; } #lista-anexos-enviados #arquivos a:hover { text-decoration: underline; } #lista-anexos-enviados #arquivos a.remover-arquivo:hover { text-decoration: none; background-color: #b72c3f; color: #fff; padding: 2px 4px; } #lista-anexos-enviados #arquivos a:visited {color: #666; } #lista-anexos-enviados #arquivos li { margin:10px 0; } #lista-anexos-enviados .logo { float: left; width: 64px; height: 64px; background-position: -140px 0; border:none; margin-right:3px; margin-left: 15px; } #lista-anexos-enviados .listagem { float: left; width: 812px; margin-left:3px } /***************************************************************** * PASSO 1 ********************************************************************/ .ui-datepicker-trigger { display: block; float: right; margin-right: 10px; cursor: pointer; } #ui-datepicker-div { font-size: 12px; } .titulo-inf-beneficiario { padding: 4px 6px; border-bottom:1px solid #d6d6d6; font-size: 12px; margin:10px 5px 16px; color: #444; font-weight: bold; text-align: left; } .titulo-inf-vazio { padding: 2px 6px; margin: 10px 5px 16px; } #bloco-colunas { position: relative; padding-top:20px; } #coluna-matricula { display: block; height: 100px; float: left; } #coluna-matricula #campo-matricula { float: inherit; display: inherit; width: 135px; } #coluna-matricula #ancora-nome-benef { width: 300px; display: inherit; float: inherit; } #coluna-matricula #btnListaBeneficiario { display: inherit; float: left; cursor: pointer; } #coluna-data-nascimento { display: block; width: 185px; height: 100px; float: left; font-family:Verdana; font-size:8pt;} #coluna-cpf-titular { display: block; width: 140px; height: 100px; float: left; font-family:Verdana; font-size:8pt;} #coluna-tipoguia { display: block; width: 130px; height: 100px; float: left; } #coluna-tipoautorizacao { display: block; width: 130px; height: 100px; float: left; } #coluna-botao { display: block; width: 110px; height: 100px; float: left; } #coluna-motivo-contigencial { display: block; width: 150px; height: 100px; float: left; } #nomeBenef { width: 96%; } #info { float: left; border:1px solid #d6d6d6; margin-top: 1px; padding: 15px 0; width: 60%; position:relative;} #info legend { font-size:11px; color: #787878; margin-left: 15px; padding: 0 5px; top: -6px; left: -7px; position: absolute; background-color: #fff;} #info ul { color: #444; float: left; display: block; font-size: 10px; margin: 10px 0 0 1%; list-style: none; } #info ul li { display: block; text-align: left; width: 650px; height: 35px; float: left; margin-bottom: 5px; padding:0px 0 0 6px; } #passo1 .box-mid-meio { position: relative; } #passo1 #box-biometria { display: block; width: 230px; height: 390px; float: left;} #passo1 #box-biometria #ancora { position: relative; width: 100%; height: 100%; display: block; } #passo1 #applet-biometria { margin-top: 55px; border:1px solid; padding:5px; margin-left: 10px; } #passo1 #dedo-selecionado { float: left; width: 268px; padding: 4px 7px; height: 25px; display: block; margin-left: 10px; } #passo1 #dedo-selecionado option { margin: 5px 0; } #passo1 #box-biometria #status-leitura-biometria { font-size: 11px; padding-top: 6px; color: #0c5e52; font-weight: bold; } #passo1 #botao-contingencia { font-size: 11px; color: #000; width: 230px; margin: 10px 0px 0px 2px; padding: 3px; text-align: center; background-color: lightgrey; } #passo1 #botao-contingencia a:link { font-weight: bold; text-decoration: none; color: #1669af;} #passo1 #botao-contingencia a:hover { font-weight: bold; text-decoration: underline; color: #1669af;} #passo1 #botao-contingencia a:visited { font-weight: bold; text-decoration: none; color: #1669af;} #tipoAtendimento { width: 120px; display: block; float: left; margin-left: 5px;} #passo1 #ancora-centralizador { position: relative; margin: 0 auto; width: 99%; min-height: 470px; display: block; } #passo1 .box-dados-beneficiario { display: block; width: 99%; position: relative; left: 0; float: left; } #passo1 .botoes-passo1 { background: #f1f8fd; margin:5px 15px; height: 41px; position: relative; border-left: 9px solid #679bc9; } #passo1 .botoes-passo1 ul { position: absolute; left: 5px; top: 5px; padding: 2px 0; } #passo1 .botoes-passo1 ul li { float: left; margin: 0 5px 0; } #passo1 #btn-pesquisar-beneficiario { background: url(../imagens/sprites-autorizador.png) 0 0 no-repeat; width: 146px; height: 28px; display: block; text-indent: -9999px; } #passo1 #btn-pesquisar-beneficiario:hover { background-position:0 -29px; } #passo1 #btn-consultar-elegibilidade { background: url(../imagens/sprites-autorizador.png) -148px 0 no-repeat; width: 160px; height: 28px; display: block; text-indent: -9999px; } #passo1 #btn-consultar-elegibilidade:hover { background-position: -148px -29px; } #passo1 #btn-validar-etiqueta { background: url(../imagens/sprites-autorizador.png) -308px 0 no-repeat; width: 120px; height: 28px; display: block; text-indent: -9999px; } #passo1 #btn-validar-etiqueta:hover { background-position: -308px -29px; } /* Busca Elegibilidade */ #loadingElegibilidade { margin-top:30px; display: none; } #campos-busca-elegibilidade { display: block; min-height: 400px; } #dados-consulta-elegibilidade { padding-top: 10px; font-size: 13px; } #dialog-elegibilidade #campoBuscaMatricula { font-family: Verdana; font-size:7pt; margin-right: 10px; margin-bottom: 5px; } #box-select-dependentes { float: right; margin-left: 15px;} #box-select-dependentes #chkSelecDependentes { float: left; margin-right: 10px;} #box-select-dependentes .descricao { font-size: 12px; width: 175px; display: block; text-align: left; } /* Busca Etiqueta */ #loadingEtiqueta { margin-top:30px; display: none; } #campos-busca-etiqueta { display: block; min-height: 400px; } #dados-consulta-etiqueta { padding-top: 10px; font-size: 13px; } /***************************************************************** KIT PROCEDIMENTOS *****************************************************************/ .table-kit{width:80%; margin:0 auto; border:0; box-shadow: 0 5px 30px darkgrey; border-spacing: 0;} .table-kit thead th{font-weight: bold; background-color: black; color:white; padding:5px 10px; } .table-kit tr td{padding:5px 10px; text-align: center; cursor: pointer; /**importante para não mostrar cursor de texto**/} .table-kit tr td:last-child{text-align: right;} /**Cores**/ .table-kit tr:nth-child(odd){background-color: #eee;} /**Cor quando passar por cima**/ .table-kit tr:hover td{background-color: #feffb7;} /**Cor quando selecionado**/ .table-kit tr.selecionado td{background-color: #aff7ff;} button#confirmar{background-color: white; border: 1px solid black; width:50%; margin: 10px auto; padding:10px 0; display: block; color: black; } /***************************************************************** * CADASTRO BIOMETRIA ********************************************************************/ #cadastro-biometria { position: relative; display: block; width: 990px; height: auto; font-family: Tahoma; font-size: 12px; color: #3e3e3e; } #cadastro-biometria .descricao-pagina { padding: 15px 12px; } #cadastro-biometria #logo { width: 990px; height: 81px; } #cadastro-biometria h2 { font-family: Tahoma; font-size: 20px; margin: 10px 0 0 9px; border-bottom: 1px solid #ccc; padding-bottom: 10px; width: 980px; } #cadastro-biometria #passo1 { } #cadastro-biometria #box-passo1 { position: relative; } #cadastro-biometria #box-passo1 #img-biometria { position: absolute; right: 0; top: 40px; } #cadastro-biometria #box-passo1 #downloads { width: 500px; margin-left:30px; } #cadastro-biometria #box-passo1 #downloads li { list-style-type: square; padding: 4px 0; } #cadastro-biometria #box-passo1 #downloads li a:link, #cadastro-biometria #box-passo1 #downloads li a:visited { text-decoration: none; color: #333; } #cadastro-biometria #box-passo1 #downloads li a:hover { text-decoration: underline; color: #666; } #cadastro-biometria .fieldset { width: 660px; height: 150px; margin:10px 0 20px 10px; position:relative; } #cadastro-biometria .fieldset legend { top: -6px; left: 10px; position: absolute; background-color: #fff; padding: 0 10px; font-weight: bold; } #cadastro-biometria .fieldset ul li { list-style: none; list-style-type: none; } #cadastro-biometria .fieldset .perguntas { position: absolute; top: 45px; left: 0px; } #cadastro-biometria .fieldset .perguntas li { width: 300px; padding:10px 0; height: 20px; } #cadastro-biometria .fieldset .perguntas li .texto { float: right; } #cadastro-biometria .fieldset .perguntas li .formato { float: right; text-align: right; margin-top: 4px; font-size:11px; font-style: italic;} #cadastro-biometria .fieldset .respostas { position: absolute; top: 42px; left: 315px; } #cadastro-biometria .fieldset .respostas li { width: 380px; padding:10px 0; height: 20px; } #cadastro-biometria #box-botao-proximo { position: absolute; top: 95px; left: 313px; } #cadastro-biometria #mensagem-passo1 { position: absolute; top: 150px; left: 324px; border:1px dashed red; width: 300px; height: 20px; } #cadastro-biometria #passo2 { width: 970px; height: 360px; } #cadastro-biometria #passo2 .informacao { display block; position: absolute; top: 19px; left: 20px; width: 95%; } #cadastro-biometria #box-applet-registro { width: 949px; height: 330px; margin: 20px auto 0; } #cadastro-biometria #msg-box1 { width: 190px; padding: 7px 10px; position: absolute; bottom: 116px; right: 338px; } /***************************************************************** * PASSO 3 ********************************************************************/ .box_envio_laudos { background-color: #f8f8f8; float: right; display: block; width: 325px; height: 75px; position: relative;} .box_envio_laudos .posicionamento { margin-top:5px !important; } .cabecalho_box_envio_laudos { background: #dbdbdb; display: block; width: 325px; padding:5px 0; font-size:11px; font-weight: bold; } .progress { display: none; float: right; position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; } .bar { background-color: #8cc048; width:0%; height:20px; border-radius: 3px; } .percent { position:absolute; display:inline-block; top:3px; left:48%; font-size:11px; } .box-upload { display: block; float: left; width: 360px; } .box-progress { display: block; float: left; width: 405px; } .box-envio-arquivos { display: block; } .box-envio-arquivos .first { display: block; height: 100px; } #status { font-size:11px; background: #efefef; padding:15px 9px; width: 785px; } #btn-salvar-anexo { float: left; margin:10px 0; } #iframe-relatorio { display: block; margin-top: 20px; height: 600px; overflow: hidden; } /***************************************************************** * EXTRATO DE PAGAMENTO *******************************************************************/ #extratoPagamento .campo { width: 300px; margin-right: 20px; } .gridExtratoPagamento .totalizador { display: block; padding:2px 0; } .gridExtratoPagamento table.datagrid td { text-align: right !important; } /***************************************************************** * POPUP MSG FRANQUIA ********************************************************************/ .tableMsgFranquia { font-family: Arial; width:980px; font-size: 13px; } .tableMsgFranquia tr td.dados { padding:5px 0; } .tableMsgFranquia .servicosAutorizados { width: 100%; padding:30px 0; font-size: 12px; } .tableMsgFranquia .servicosAutorizados .titulo { margin-bottom: 10px; padding: 11px 0; display: block; background: #efefef; border: 1px solid #ddd} .tableMsgFranquia .servicosAutorizados .resultado { border-bottom:1px solid #ccc; padding:4px 0;} .tableMsgFranquia .servicosAutorizados .colType1 { font-weight: bold; text-align: center; } .tableMsgFranquia .servicosAutorizados .cabecalho { background: #f5f5f5; } .tableMsgFranquia .servicosAutorizados .valorTotal { font-weight: bold; text-align: right; padding: 20px 34px 10px 0; } .tableMsgFranquia .logo { float: left; margin: 0 20px 30px 50px; } .tableMsgFranquia .botoes { display: block; margin:20px 0; } .tableMsgFranquia .botoes a { margin-right: 15px; } .tableMsgFranquia .tituloGuia { margin: 7px 0 10px 0px; display: block; float: left; width: 75%; font-size: 13px; } .tituloGuia .nGuia { display: block; float: left; margin: 10px 0 0; font-size: 19px; } .tituloGuia .dataGuia { display: block; float: left; margin: 15px 0 10px 193px; } hr.line1 { background-color: #002e7a; } #cabecalho-recibo { display: block; border:5px solid black; font-family: Arial; width:970px; height: 60px; padding:10px 10px 30px 10px; font-size: 13px; margin: 10px; } #cabecalho-recibo .logomarca { float: left; margin-left: 10px; } #cabecalho-recibo .dados-operadora { float: left; list-style-type: none; margin-left: 20px; margin-top:8px; font-size:12px; } #cabecalho-recibo .dados-operadora li { margin-bottom: 2px; } #corpo-recibo { font-family: Arial; border:5px solid black; padding: 10px; margin: 10px; width: 970px;} #corpo-recibo .recibo { background: #ccc; color: #000; padding: 10px 0; } /***************************************************** * MENSAGENS DE ERRO *******************************************************/ .erro-padrao { width: 80%; background: #efefef; border: 1px solid #cecece; color: #333333; font-family: Arial; font-size: 13px; margin: 20px 0; padding: 40px 50px } #erro-padrao2 { width: 60%; position: relative; display: table; margin: 0px auto; border-radius: 4px 4px 4px 4px; border: 1px solid #ccc; font-family: tahoma; font-size:11px; } #erro-padrao2 .ico-error { float: left; margin: 20px 10px 5px 50px; } #erro-padrao2 .box-mensagem { width: 400px; float: left; display: block; margin-top:10px; } #erro-padrao2 .box-mensagem .tituloMensagem { width: 400px; float: left; display: block; margin: 20px 0 0 20px; font-size: 13px; font-weight: bold; } #erro-padrao2 .box-mensagem .mensagem { width: 400px; float: left; display: block; padding: 20px 10px 40px 20px; } .boxMsg1 { float: left; height: 20px; font-size:11px; font-weight: bold; color: #444; padding:7px 8px; width: 93%; margin-top: 50px; background: url(../imagens/bg-tracos.png) repeat; } .boxMsg1Cinza { background: url(../imagens/bg-tracos.png) repeat; } .boxMsg1Verde { background: url(../imagens/bg-tracos-verde.png) repeat !important; } .boxMsg1Amarelo { background: url(../imagens/bg-tracos-amarelo.png) repeat !important; } .boxMsg1Vermelho { background: url(../imagens/bg-tracos-vermelho.png) repeat !important; } /***************************************************** * CAMPOS DE BUSCA *******************************************************/ #campos-busca-beneficiario { display: block; min-height: 500px; } .sem-resultado { display: none; margin-top: 80px; } .btnProcurarBenef { display: block; cursor:pointer; color: #fff !important; font-size: 11px; padding:5px 7px; } /***************************************************** * FORMULARIO DE LOGIN *******************************************************/ #login { float: left; display: block; width: 100%; min-height: 700px; margin:0; padding: 0; } #login .cabecalho { position: relative; background: url(../imagens/sprites-login.png) 0 0 no-repeat; width: 100%; height: 129px; margin:39px auto 0; max-width: 100%; } #login .logo { display: block; float: left; margin: 35px 45px; width: 353px; height: 55px; background: url(../imagens/logo-login.png) no-repeat; } #login .middle { position: relative; display: block; width: 100%; min-height: 500px; margin: 0 auto; background: url(../imagens/bg-login-rodape-mid.gif) repeat-x bottom; } #login .middle .body { width: 90% ; min-height: 490px; display: block; margin: 0 auto; position: relative; max-width: 1152px; } #login .logomarca { float: left; width: 530px; height: 320px; margin: 80px 0 0 35px; } #login .logomarca #img-logo { display: block; margin: 0 auto; } #login .logomarca .borda-top { display: block; background: url(../imagens/sprites-login.png) 0 -192px no-repeat; height: 18px; width: 625px; } #login .logomarca .borda-middle { display: block; height: 280px; background-color: #fff; width: 606px; border-right:8px solid #d7d7d7; border-left:8px solid #d7d7d7; } #login .logomarca .borda-bottom { display: block; background: url(../imagens/sprites-login.png) 0 -225px no-repeat; height: 18px; width: 625px; } #login .box-logomarca-operadora { padding: 10px; border:8px solid #d7d7d7; position: absolute; top: 20%; left: 3%; width: 47%; height: 290px; white-space: nowrap;text-align: center; } #login .box-logomarca-operadora-helper {display: inline-block; height: 100%; vertical-align: middle;} #login .box-logomarca-operadora-helper .logo-operadora {max-height: 290px; max-width: 550px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0;} #login .box-login { float: right; width: 385px; height: 224px; margin: 95px 0 0 0; font-family: Tahoma; color: #595959; font-size:12px; font-weight: bold; } #login .box-login .posicionamento { list-style: none; list-style-type: none; float: left; margin: 29px 27px 10px} #login .box-login .posicionamento .span { display: block; float: left; margin-right: 4px; } #login .box-login .posicionamento li { float: left; display: table; width: 314px; height: 43px; } #login .box-login .borda-top { background: #246293; margin-left: 5px; width: 370px; color: white; font-size: 18px; text-align: center; border: 5px solid #d3dfe8; border-bottom: 0; border-radius: 20px 20px 0px 0px; line-height: 40px; } #login .box-login .borda-middle { display: block; margin-left: 5px; height: 165px; background-color: #fff; width: 370px; border-right:5px solid #d3dfe8; border-left:5px solid #d3dfe8; } #login .box-login .borda-bottom { display: block; border: 5px solid #d3dfe8; border-top: 0; border-radius: 0px 0px 20px 20px; width: 370px; height: 19px; margin-left: 5px; } #login .box-login .botao-login-desativado { display: block; margin-left: 61px; background: url(../imagens/sprites-login.png) -391px -284px no-repeat; height: 30px; width: 72px; border:none; text-indent:-9999px; cursor:pointer; } #login .box-login .botao-login-ativado { display: block; margin-left: 61px; background: url(../imagens/sprites-login.png) -391px -252px no-repeat; height: 30px; width: 72px; border:none; text-indent:-9999px; cursor:pointer; } #login .box-login #usuario { width: 230px; float: right; margin-top: -3px; } #login .box-login #senha { width: 230px; float: right; } #login .rodape { display: block; background: #537797; width: 100%; height: 178px; border-top: 7px solid #333333;} #login .box-login .labelLocalAtendimento { display: none; } #login .box-login #autorizadorlocalAtendimento { width: 230px; position: absolute; right: 35px; display: none;} #login .box-login #localAtendimento { width: 230px; position: absolute; right: 35px; display: none; } #login .box-login .labelLocalAtendimento { display: none; } #login .box-login #lineAutorizadorLocais { display: none; } #login .rodape .informacoes { width: 90%; display: block; height: 185px; margin:0 auto; max-width: 1152px; } #login .rodape .informacoes .blocos { display: block; font-size:11px; font-family: Tahoma; color: #fff;} #login .rodape .informacoes .blocos li { float: left; } #login .rodape .informacoes .blocos .posicionamento { margin: 23px auto; width: 221px; display: block; } #login .rodape .informacoes .blocos .descricao { width: 120px; display: block; float: left; margin:14px 4px; } #login .rodape .informacoes .bloco1 { background: url(../imagens/sprites-login.png); display: block; width: 27%; height: 138px; background-position: -667px -141px; } #login .rodape .informacoes .bloco2 { background: url(../imagens/sprites-login.png); display: block; width: 22%; height: 138px; background-position: -965px -140px;} #login .rodape .informacoes .bloco3 { background: url(../imagens/sprites-login.png); display: block; width: 24%; height: 138px; background-position: -666px -285px;} #login .rodape .informacoes .bloco4 { background: url(../imagens/sprites-login.png); display: block; width: 27%; height: 138px; background-position: -965px -285px;} #login .rodape .informacoes .icones { display: block; float: left; margin: 5px 2px; font-size: 54px; margin: 10px 10px;} #login .rodape .informacoes .ico1 { width: 50px; height: 57px; background-position: -174px -331px;} #login .rodape .informacoes .ico2 { width: 50px; height: 64px; background-position: -125px -331px;} #login .rodape .informacoes .ico3 { width: 50px; height: 57px; background-position: -62px -331px;} #login .rodape .informacoes .ico4 { width: 50px; height: 57px; background-position: 0 -331px;} #login .rodape .copyright { float: left; padding: 12px 0; color: #cccccc; font-family: Arial; font-size: 11px; float: left; display: block; background-color: #0c355d; border-top: 1px solid #09233d; width: 100%; height: 15px; } #login .rodape .copyright .texto { display: block; margin-left: 15px; } #login .rodape .linha-final{ height: 38px; background: #1A3D58; margin-top: -45px; } #dica-navegacao { font-size: 11px; width: 400px; position: absolute; display: block; height: 80px; bottom:20px; right: 2%; color: #fff; text-align: right; } #dica-navegacao a:link { color: #fff; text-decoration: none; height: 12px; float: right; font-weight: normal; } #dica-navegacao a:hover { color: #fff; text-decoration: underline; height: 12px; padding: 0; margin: 0; float: right; font-weight: normal; } #dica-navegacao a:visited { color: #fff; text-decoration: none; height: 12px; padding: 0; margin: 0; float: right; font-weight: normal; } #dica-navegacao .links { list-style: none; list-style-type: none; } #dica-navegacao2 { font-size: 11px; width: 900px; position: absolute; display: block; height: 80px; bottom:10px; left: 81px; color: #333; text-align: left; } /***************************************************** * RELAT�RIOS DO AUTORIZADOR WEB *******************************************************/ #modelocabecalhoTexto { width: 780px; padding: 20px 0; margin: 0 auto; font-family: Arial; font-size: 12px; } #modelocabecalhoTexto .corpo { position: relative; border:4px solid #333; width: 93%; margin:10px 0 0 ; padding:20px; min-height: 350px; } #modelocabecalhoTexto .corpo .dadosOperadora { position: relative; height: 160px; } #modelocabecalhoTexto .corpo .dadosOperadora .logomarca{ position: absolute; top: 1px; left:1px } #modelocabecalhoTexto .corpo .dadosOperadora .descricao{ position: absolute; top: 20px; left:180px } #modelocabecalhoTexto .corpo .dadosOperadora .endereco { position: absolute; top: 35px; left:180px } #modelocabecalhoTexto .corpo .dadosOperadora .registroAns { position: absolute; top: 65px; left:180px } #modelocabecalhoTexto .corpo .texto { font-size: 14px; width: 90%; } #modelocabecalhoTexto .corpo h2 { position: absolute; top: 110px; font-size:22px; font-weight: bold; width: 370px; border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 3px 180px; } #modelocabecalhoTexto .botoes { margin: 20px 0 0; } #modelocabecalhoTexto .tabela1 { border: 0px solid black; border-spacing: 0px; width: 100%} #modelocabecalhoTexto .tabela1 thead tr{ font-family: Arial, monospace; font-size: 14px; } #modelocabecalhoTexto .tabela1 thead tr th{ border-bottom: 2px solid black; border-top: 1px solid black; margin: 0px; padding: 2px; background-color: #cccccc; } #modelocabecalhoTexto .tabela1 tr { font-family: arial, monospace; color: black; font-size:12px; background-color: white; } #modelocabecalhoTexto .tabela1 tr.odd { background-color: #AAAAAA; } #modelocabecalhoTexto .tabela1 tr td, th{ border-bottom: 1px solid black; padding: 2px;} #modelocabecalhoTexto .tabela1 a:link{ font-family:arial, monospace; text-decoration: none; color: teal; } #modelocabecalhoTexto .tabela1 a:hover{ text-decoration: underline; } #modelocabecalhoTexto .tabela1 a:visited{ color:black; text-decoration: none; } /***************************************************** * ERRORS *******************************************************/ .error-not-found { display: block; padding-bottom:20px; margin-left:30px; font-family: tahoma; color: #333; } .error-not-found .titulo { font-size: 22px; font-weight: bold; } .error-not-found .sub-titulo {display: block; font-size: 16px; } .error-not-found .texto { display: block; margin-top:13px; font-size: 12px; } .error-not-found .erro { display: block; margin-top:13px; font-size: 14px; color: red; width: 80%;} /***************************************************** * MISCELANEA *******************************************************/ #loading { display: none; margin-top: 80px; } .hidden { display: none; } /* Posicionamento */ .marginAuto { margin: 0 auto !important; } .marginTop30 { margin-top: 30px } /* Bordas */ .borda-erro { border:1px solid red; background: #f9dede; } .borda-sucesso { border:1px solid #649410; background: #eff9de; } /* Listas */ .listStyleNone { list-style: none; } /* Textos em geral */ .text1 { font-family: Tahoma; font-size:12px; color: #444; } .text2 { display: block; font-family: Tahoma; font-size:11px; line-height: 14px; } .bold { font-weight: bold; } .ui-dialog-title { font-size:13px !important; } .hideMsg { display: none; } .italic { font-style: italic; } .font12 { font-size: 12px } .font10 { font-size: 10px } .textLeft { text-align: left } .textRight { text-align: right } .cinzaClaro { color: #444; } .txtErro1 { color: #820303; font-weight: bold; } .cor-obrigatorio { color: #ffe400; } .displayNone { display: none } .small { font-size: 10px; } .size20 { font-size:20px } .sprite-icons { background: url(../imagens/sprite-icons.png); } .btn-excluir-type1 { width: 16px; height: 14px; background-position: -1px -1px; border:none; } .btn-file { width: 14px; height: 14px; background-position: -16px 0; border:none; margin-right:3px } /* Mouse */ .cursorPointer { cursor: pointer; } .esconderInput { position: absolute; top: 25px; right: 50%; width:1px; height: 1px; border:none; letter-spacing: -9999px; font-size: 1px; color: #fff; } /* JQuery UI */ .ui-widget-overlay { opacity: .30; !important /* Standards Compliant Browsers */ filter: alpha(opacity=30) !important; /* IE 7 and Earlier */ /* Next 2 lines IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); } .campo-bloqueado { background-color: #ECECEC; } #box-alteracao-senha { font-family: Tahoma; color: #595959; font-size: 12px; font-weight: bold; width: 70%; height: 200px; padding: 30px 0 0 0; display: block;} #box-alteracao-senha ul { list-style: none; list-style-type: none; padding-left: 100px; width: 45%; float: left; } #box-alteracao-senha ul li { height: 45px; } #box-alteracao-senha ul li span { float: left; width: 150px; text-align: left; } #box-alteracao-senha #cabecalho { background-color: #4c6e98; color: #fff; padding: 4px; margin-bottom: 30px;} #botoes-alteracao-senha { width: 70%; } #botoes-alteracao-senha #btn-alteracao-senha-fechar { border: none; background-image: url(../imagens/btn-fechar.png); width: 100px; height: 24px; float: left;} #botoes-alteracao-senha #btn-alteracao-senha-submit { border: none; background-image: url(../imagens/btn-confirmar.png); width: 100px; height: 24px; float: right;} /* #btn-confirmar { border: none; background-image: url(../imagens/btn-confirmar.png); width: 100px; height: 24px; float: right;} */ /* STILO PARA O COMPONENTE DE VERIFICA��O DE SENHA -----------*/ #pwdMeter { float: right; width: 250px; padding-top: 50px; font-style: italic;} #pwdMeter span { color: #FFFFFF; padding: 3px 8px 5px 8px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;} .veryweak span { background-color: #B40404; } .weak span { background-color: #FF7171; } .medium span { background-color: #FFB771; } .strong span { background-color: #22BE00; } .verystrong span { background-color: #1C7CCD; } .legenda-guia { font-size: 11px; font: Verdana; } .legenda-guia > span { padding: 1%; } .legenda-guia > span > b { vertical-align: super; } /* -----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------- */ /* EXTRATO DE PAGAMENTO GPSI */ #item-ext-pgt { font-size: 9px; font-family: verdana; } /* Componente de abas ---------------------------------------------------------------------------*/ #tabs { margin-top: 1em; } #tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; } #line-top-cabecalho { background-color: rgb(239, 239, 239); height: 1px; margin-bottom: 10px; } #line-bottom-cabecalho { background-color: rgb(239, 239, 239); height: 1px; margin-top: 10px; } #infor-titulo { font-family: Tahoma; font-size: 15px; height: 60px; display: table-cell; vertical-align: middle; width: 100%; padding-left: 145px; background: url("../imagens/typecr.gif") no-repeat scroll left center transparent; } /** Estilo para a barra de botoes exibidos no final da pagina (criado com uma lista)*/ .bottom-buttons-panel { padding-top: 15px; white-space: nowrap; width: 85%; display: table; margin: 0 auto; list-style-type: none; } .bottom-buttons-panel ul li { display: inline; } .bottom-buttons-panel .left { float: left; } .bottom-buttons-panel .right { float: right; } /** Estilo padr�o para os novos formularios do sistema. Ex.: ver pagina passo2 do envio de lotes. Basta criar um "DIV" como container e os elementos do form dentro de uma lista "UL"*/ .fields-panel { padding-top: 15px; font-family: Tahoma; font-size: 11px; font-weight: normal; white-space: nowrap; width: 95%; display: table; margin: 0 auto;} .old {width: 900px !important;} .fields-panel ul { display: table; list-style-type: none; } .fields-panel li { display: table-cell; padding-left: 5px; } .fields-panel label { display: block; font-weight: normal; padding-bottom: 4px; padding-top: 3px;} .fields-panel .titulo-secao { background-color: #4c6e98; padding: 2px 6px; color: #fff; display: block;} .fields-panel .titulo-pesquisa { background-color: black; padding: 2px 6px; color: white; display: block; font-weight: bold} .fields-panel .decorada { padding-left: 30px; } .fields-panel .titulo-superior { font-size: 16px; font-weight: bold; border-top: 2px solid; border-bottom: 2px solid; padding-top: 4px; padding-bottom: 4px; display: block; text-align: center; } .fields-panel .blockquote { padding: 10px; } .fields-panel #status-filtro-guias { padding-left: 5px; display: none; } .formErros { padding-top: 15px; font-family: Tahoma; font-size: 11px; font-weight: normal; color:red; width: 85%; display: table; margin: 0 auto; text-align: center;} .box-middle { margin: 0 15px; background: #fefefe; border-right: 1px solid #cccccc;border-left: 1px solid #cccccc; min-height: 100%; } .grid-center { display: table; width: 80%; margin: 0 auto; } html, body { height: 100%; } #container { min-height: 100%; position: relative;} * html #container { height: 100%; /* hack para IE6 que trata height como min-height */ } #container-middle { padding-bottom: 50px; } #container-footer { position: absolute; /*bottom: 0;*/ background: #e8e8e8 url(../imagens/bg-rodape-2.png) repeat-x; width: 100%; display: block; height: 47px; font-family: trebuchet MS; font-size: 13px; color: #333; margin-top:10px; } #logo-footer { float: left; margin: -4px 0 0 8px; } /* Estilo para as novas tabelas do sistema */ .table-autweb { width: 100%; white-space: normal; } .table-autweb thead { background-color: rgb(232, 232, 232); } .table-autweb tr { height: 28px; padding-top: 10px;} .table-autweb tbody tr:hover { background-color: rgb(252, 245, 170) !important; } .table-autweb tbody tr.distinct { background-color: #f3f3f3; } .table-autweb tbody tr.selected { background-color: rgb(252, 245, 170) !important; } .table-autweb tbody tr.pointer { cursor: pointer } .table-autweb td, th { border-bottom: 1px solid #ABABAB; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif; margin: 0px; padding-left: 5px; } .table-autweb th { text-align: left; font-weight: normal; border-left: 1px solid white; } /* Estilo para a mensagem de lista vazia */ .table-autweb-empty-list { width: 100%; color: red; text-align: center; } /* Bot�es auliares da table-autweb */ .table-autweb-buttons { margin: auto; display: table; padding-top: 10px; padding-bottom: 15px; font-weight: bold; font-size: 12px;} .table-autweb-buttons ul li { background-color: rgb(226, 226, 226); -moz-border-radius: 5px; border-radius: 5px; padding: 6px; list-style-position:inside; border: 1px solid rgb(171, 171, 171);} .table-autweb-buttons ul li:hover { background-color: #FFFFFF; list-style-position:inside; border: 1px solid rgb(171, 171, 171); } .msg_success { width: 80%; text-align: center; padding-top: 20px; font-weight: bold; font-size: small; color: rgb(27, 197, 15);} /* remove o bot�o fechar do dialog se for informado no script com 'no-close' */ .no-close .ui-dialog-titlebar-close {display: none } /**/ #dados-contratado-executante-gpsi { display: block; position: relative; float: left; padding-top: 10px; } #dados-contratado-executante-gpsi ul { display: table; list-style-type: none; } #dados-contratado-executante-gpsi li { display: table-cell; padding-left: 5px; } #dados-contratado-executante-gpsi label { display: block; border-bottom: 1px solid #d6d6d6; font-size: 12px; color: #444; font-weight: bold; text-align: left; padding: 4px 6px; margin-bottom: 16px; } #dados-beneficiario-gpsi { display: block; position: relative; font-size: 11px; padding-left: 17% } #dados-beneficiario-gpsi ul { display: table; list-style-type: none; width: 70%; } #dados-beneficiario-gpsi li { display: table-cell; width: 30%; padding-bottom: 10px; } #dados-beneficiario-gpsi label { display: block; color: #444; font-weight: bold; text-align: left; padding: 4px 0px; } .passo2-largura-padrao { width: 1100px !important} .passo2-largura-procedimento { width: 1100px !important} /* * NOVAS CLASSES PARA BOTOES DO SISTEMA */ .btn { display: inline-block; padding: 4px 12px; font-size: 12px !important; font-weight: bolder; border-radius: 4px; border: 1px solid transparent; letter-spacing: .2px; white-space: nowrap; } .btn-action { color: #fff !important; background-color: #53A1DC; border-color: #2970A6; } .btn-danger { color: #fff !important; background-color: lightcoral; border-color: red; } .btn-default { color: #3a4856; background-color: #f2f5f8; border-color: #AFB0B1; } .btn:hover { cursor: pointer; } .btn[disabled]:hover { cursor: not-alowwed !important; background-color: #adadad; border-color: #adadad; } .btn:disabled { color: white; background-color: #adadad; border-color: #adadad; } .btn-action:hover { background-color: #2970A6; } .btn-default:hover { color: #3a4856; background-color: #DCDCDC; border-color: #AFB0B1; } .btn-grid { display: inline-block; /*padding: 1px 4px;*/ border-radius: 4px; white-space: nowrap; margin-bottom: 0; border: 1px solid transparent; } .btn-grid:hover { /*background-color: #AFB0B1;*/ /*cursor: pointer;*/ } .dropdown-menu .item-dropdown .link-dropdown{ display: block; padding: 15px 15px; clear: both; font-weight: normal; line-height: 20px; color: #333 !important; height: 25px; width: 100%; font-size: 12px; } .link-dropdown:hover { background:#f3f3f3; text-decoration:underline; } .dropdown-menu { position: absolute; display: none; top: 100%; right: 0%; z-index: 9999; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; min-width: 160px; list-style:none; } .dropdown-menu:hover { display: block; } .dropdown-menu2 { position: absolute; display: none; z-index: 9999; background-color: #fff; border: 1px solid rgba(0,0,0,0.2); -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; min-width: 160px; list-style: none; height: auto; left: 82px; top: 115px; padding: 5px; } .dropdown-menu2 li{ display: block; margin: 5px; padding:5px; clear: both; color: #333 !important; font-size: 12px; width: 90%; cursor: pointer; } .dropdown-menu2 li:first-child{ margin-top: 5px; } .dropdown-menu2 li:hover{ background:#f3f3f3; text-decoration: none; } .dropdown-menu2 li a{ width: 95%; display: block; color: black; } .dropdown-menu2:hover { display: block; } .dropdown-menu-ajuda { position: absolute; display: none; z-index: 9999; background-color: #fff; border: 1px solid rgba(0,0,0,0.2); -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; min-width: 160px; list-style: none; height: auto; top: 115px; padding: 5px; text-align: left; margin: 0px; } .dropdown-menu-ajuda li{ display: block; margin: 5px !important; padding:5px !important; clear: both; color: #333 !important; font-size: 12px; width: 90%; cursor: pointer; height: 10px; } .dropdown-menu-ajuda li a{ padding: 0px !important; } .dropdown-menu-ajuda li:first-child{ margin-top: 5px; } .dropdown-menu-ajuda li:hover{ background:#f3f3f3; text-decoration: none; } .dropdown-menu-ajuda li a{ width: 95%; display: block; color: black; } .dropdown-menu-ajuda:hover { display: block; } .box-try{ display: block; width: 20px; height: 20px; border: 1px solid gray; background-color: white; text-align: center; font-size: 15px; padding: 10px; margin-top: 10px; font-weight: bolder; border-radius: 5px; } #box-applet-registro .tentativas{ position: relative; height: 230px; width: 50px; } .cadastro_biometria { position:absolute; top: 25px; left: 110px; margin-top: 55px; padding:5px; margin-left: 10px; width: 285px; height: 250px; text-align: center; } #imagem-biometria{ border:1px solid; } #biometria-status-message{ font-size: 12px; font-weight: bold; margin-top: 5px; } #biometria-status-message.error{ margin-top: 52px; background: #b10909; padding: 5px 10px; color: #fff !important; display: block; } #biometria-status-message.success{ margin-top: 52px; background: #16B120; padding: 5px 10px; color: #fff !important; display: block; } #biometria-message{ font-size: 12px; font-weight: bold; margin-top: 5px; margin-bottom: 10px; } #botoes_salvar_biometria { position:absolute; bottom: 5px; left: 155px; padding:5px; margin-left: 10px; width: 200px; } #botao_resetar { position: absolute; top: 40px; right: 0px; } .cancel { color: #ff7a58; } .cancel:hover { color: #ff7a58; } .download { color: #54b607; } .download:hover { color: #54b607; } .editar:hover { color: #6d73bb; } .parcial { color: #dc8922; } .ok { color: #54b607; } /* .download:hover { color: #54b607; }*/ .print { color: gray; } .print:hover { color: gray; } .upload { color: #add388; } .upload:hover { color: #add388; } .details { color:#53a1dc; } .details:hover { color:#53a1dc; } .chat { color:#efb000; } .chat:hover { color:#efb000; } .paperclip { color: black; } .paperclit:hover { color: black; } .disabled { color: #dadada; } .disabled { color: #dadada; } .border-warning{ border: 1px solid #e67e22; } .acoes-hist { background-color: #b3aea9; border-radius: 3px; color: #ffffff; padding: 3px; } /* Dropdown button on hover & focus */ .acoes-hist:hover, .dropbtn:focus { background-color: #9e9894; } .dropdown:hover>.dropdown-content { display: block; } /* The container
- needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; margin-bottom: 5px; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; border-radius: 5px; } /* Links inside the dropdown */ .dropdown-content a { color: black; padding: 3px 10px; text-decoration: none; display: block; } .dropdown-content span { color: #dadada; padding: 2px 10px; text-decoration: none; display: block; } /* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #ddd} /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */ .show {display:block;} #login .cabecalho .cabecalho-centro { background: #246293; padding: 0px; max-width: 1152px; margin: 0 auto; overflow: auto; top:-5px; position: relative; height: 129px; } #login .cabecalho .linha { height: 5px; position: relative; } #login .cabecalho .linha-top { top: -10px; } #login .cabecalho .linha-bottom { bottom: -1px; } .botao-header { margin-right: 10px !important; } .botao-header span { margin-top: 15px; font-size: 18px !important; } .clear { clear: both; } /* Modificacoes no bootstrap */ .form-group { margin-bottom: 5px !important; } .form-control { padding: 1px 5px !important; } input.form-control, select.form-control { height: 23px !important; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 5px !important; } .container-fluid { font-size: 11px; } .input-group-btn .btn, .btn-icon { height: 23px !important; line-height: 23px; padding-top: 2px !important; } .input-group-addon { line-height: 0px !important; } .vcenter { vertical-align: middle !important; } .menu-dropdown { position: relative; } .menu-dropdown > a { height: 55px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .menu-dropdown-content { position: absolute; min-width: 160px; z-index: 3; text-align: left; background-color: #fff; border: 1px solid rgba(0,0,0,0.2); -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; display: none; overflow:hidden; } .menu-dropdown-content a, .menu-dropdown-content div { color: black; padding: 6px 10px !important; text-decoration: none; display: block; font-size: 12px; } .menu-dropdown-content .subitem { padding: 2px 2px 2px 25px !important; } .menu-dropdown-content a:hover {background-color: #f1f1f1} .menu-dropdown:hover .menu-dropdown-content { display: block; } /* */ .uppercase { text-transform: uppercase; } .pnf { background-color: lightcoral; padding: 4px; text-align: center } .nfe { background-color: lightgreen; padding: 4px; text-align: center } .nfa { background-color: #fff9b2; padding: 4px; text-align: center } .select-disabled { pointer-events: none; touch-action: none; } .erros-guia-lote li { display: block; border-bottom: 1px solid #ABABAB; margin-bottom: 5px; padding: 5px 1px 5px 1px; } .row-infor { background-color: #ffffb0!important; margin: 2px; padding: 2px; font-style: italic; } input[readonly] { background-color: #eee; opacity: 1; cursor: default; } .danger { color: red; } .success { color: green; } #alerta-erro-anexo{ display: block; border: 1px solid gray; width: 800px; padding: 10px 20; margin: -3px 1px 1px 20%; color: #fff; background-color: red; } .downloads-coluna{ padding: 8px; box-shadow: 2px 2px 6px 2px #88888830; margin-left: 10px; margin-bottom: 5px; height: 120px; } .btn-biometria{ width: 210px; height:180px; border-radius: 20px; border: 3px solid black; } .finger-print{ background-image: url(../imagens/finger-print.png); background-size: 70px; background-repeat: no-repeat; background-position: center; width: 80px; height:80px; background-color: white; border-radius: 50%; margin: auto; }