@charset "UTF-8"; /* CSS Document */ /* Estilo Portal BRy v13 */ @font-face { font-family: 'Ubuntu'; src: url('../fonts/Ubuntu-R-webfont.eot'); src: url('../fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu-R-webfont.woff') format('woff'), url('../fonts/Ubuntu-R-webfont.ttf') format('truetype'), url('../fonts/Ubuntu-R-webfont.svg#UbuntuBold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('../fonts/Ubuntu-L-webfont.eot'); src: url('../fonts/Ubuntu-L-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu-L-webfont.woff') format('woff'), url('../fonts/Ubuntu-L-webfont.ttf') format('truetype'), url('../fonts/Ubuntu-L-webfont.svg#UbuntuLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('../fonts/Ubuntu-LI-webfont.eot'); src: url('../fonts/Ubuntu-LI-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Ubuntu-LI-webfont.woff') format('woff'), url('../fonts/Ubuntu-LI-webfont.ttf') format('truetype'), url('../fonts/Ubuntu-LI-webfont.svg#UbuntuLightItalic') format('svg'); font-weight: normal; font-style: italic; } /*--------------------------------------------------------------------------------------------*/ /*----------------------------------------- CORES --------------------------------------------*/ /*Cores que devem ser mantidas no sistema todo para os extratos*/ .billing .grid tr.positivo td strong, .billing .grid tr.compra td strong { color:#009f00; } .billing .grid tr.negativo td strong, .billing .grid tr.consumo td strong { color:#ff0000; } /*--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------*/ /*----------------------------------------- GERAL --------------------------------------------*/ body { font-family: 'Ubuntu',"Trebuchet MS", "DroidSans", Arial, Helvetica, sans-serif; font-weight: normal; color: #333; background-color:#ddded9; line-height:1.3; -webkit-text-size-adjust:none !important; } .clearfloat { clear:both; height: 0px; font-size: 1px; line-height: 0px;} h1 {font-size: 2.0em; letter-spacing:-1px; line-height:1;} h2 {font-size: 1.8em; letter-spacing:-1px; line-height:1; } h3 {font-size: 1.6em; letter-spacing:-1px; line-height:1.2; } h4 {font-size: 1.4em; letter-spacing:-1px; line-height:1.2; margin-bottom:5px; font-weight:normal; } h5 {font-size: 1.2em; font-weight:normal; line-height:1.2; font-style:italic; padding:5px;} h6 {font-size: 1.0em; font-weight:normal;} em {color:#777; font-size:1.0em; margin-bottom:5px; line-height:1.2;} p {margin-bottom:15px;} a {color:#444;} a:visited {color:#444;} a:active {color:#444;} a:hover {text-decoration:underline;} .escondido {display:none !important;} .invisivel {visibility:hidden !important;} .alinhar_a_direita {text-align:right;} /*--------------------------------------------------------------------------------------------*/ /*---------------------------------------- ESTRUTURA ----------------------------------------*/ .cabecalho { background-color:#eff0eb; position:relative; z-index:3; border-bottom: 1px solid #d6d6d6; box-shadow: 0px 0px 8px #d2d2d2; -moz-box-shadow: 0px 0px 8px #d2d2d2; -webkit-box-shadow: 0px 0px 8px #d2d2d2; } .corpo { background-color:#eff0eb; padding:1px 0px 35px 0px; position:relative; z-index:2; background-image: url("../imagens/textura-listras.png"); } .rodape { background-color:transparent; padding:20px 0px; position:relative; z-index:1; border-top: 1px solid #d4d4d4; box-shadow: 0px -2px 4px #e5e6e2; -moz-box-shadow: 0px -2px 4px #e5e6e2; -webkit-box-shadow: 0px -2px 4px #e5e6e2; font-size:0.8em; color:#555; } .container { margin: 0px auto; position: relative; text-align: left; } /*--------------------------------------------------------------------------------------------*/ /*----------------------------------------- CABECALHO ----------------------------------------*/ .cabecalho .barra_topo { font-size: 0.8em; background-color: #e1e2dd; border-bottom: 1px solid #d8d9d3; } .cloud.home .cabecalho .barra_topo { display: none; } .cabecalho .barra_topo .acesso_produtos { position: relative; float: left; } .cabecalho .barra_topo .acesso_produtos #abrir_produtos { width: 24px; height: 23px; display: inline-block; padding: 3px 0px; font-size: 1.1em; font-weight: bold; cursor: pointer; opacity: 0.6; background-color: rgba(0, 0, 0, 0.09); } .cabecalho .barra_topo .acesso_produtos #abrir_produtos span { margin-top: 2px; vertical-align: middle; } .cabecalho .barra_topo .acesso_produtos #abrir_produtos.aberto { background-color: #fff; box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.1); } .cabecalho .barra_topo .acesso_produtos #abrir_produtos img { width: 23px; margin-right: 5px; vertical-align: middle; } .cabecalho .barra_topo .acesso_produtos #abrir_produtos.aberto, .cabecalho .barra_topo .acesso_produtos #abrir_produtos:hover { opacity: 1; } .cabecalho .barra_topo .acesso_produtos .dropdown_produtos { width: 320px; display: none; position: absolute; top: 29px; left: -1px; padding: 15px 20px 20px; background-color: #fff; border: 1px solid #ddd; border-top: none; box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.1); z-index: 99999; } .cabecalho .barra_topo .acesso_produtos #abrir_produtos.aberto + .dropdown_produtos { display: block; } .cabecalho .barra_topo .acesso_produtos a.botao_voltar { height: 17px; display: inline-block; padding: 6px 8px; padding-left: 20px; text-align: center; text-decoration: none; background-color: rgba(0, 0, 0, 0.05); vertical-align: top; background-image: url(../imagens/icone-botao-voltar.png); background-position: 9px center; background-repeat: no-repeat; } .cabecalho .barra_topo .acesso_produtos a.botao_voltar:hover { background-color: rgba(0, 0, 0, 0.1); } .cabecalho .barra_topo .acesso_produtos a.botao_voltar span { font-size: 1em; font-weight: bold; line-height: 1.5; text-transform: uppercase; vertical-align: middle; } .cabecalho .barra_topo .acesso_produtos .dropdown_produtos h3 { margin-top: 10px; margin-bottom: 5px; padding: 8px 10px; color: #4f4f4f; font-size: 1.2em; letter-spacing: 0px; text-transform: uppercase; background-color: #ededea; border-top: 1px solid #c0c0c0; box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.04) inset; -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.04) inset; -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.04) inset; } .cloud .cabecalho .barra_topo .acesso_produtos .dropdown_produtos h3 { margin-top: 0px; border-top: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .cabecalho .barra_topo .acesso_produtos .dropdown_produtos .coluna.largura50 { width: 49%; } /*.cabecalho .barra_topo .acesso_produtos .dropdown_produtos .coluna.largura50 + .coluna.largura50 { margin-left: 2%; }*/ .cabecalho .barra_topo .acesso_produtos .dropdown_produtos ul li { display: block; padding: 0px 5px; border: 1px solid #fff; } .cabecalho .barra_topo .acesso_produtos .dropdown_produtos ul li + li { border-top: 1px solid #e4e4e4; } .cabecalho .barra_topo .acesso_produtos .dropdown_produtos ul li:hover { background-color: #f8f8f6; border: 1px solid #ddd; } .cabecalho .barra_topo .acesso_produtos .dropdown_produtos ul li:hover + li { border-top: 1px solid #f4f4f4; } .cabecalho .barra_topo .acesso_produtos .dropdown_produtos ul li a { display: block; padding: 8px 6px; text-decoration: none; } .cabecalho .barra_topo .acesso_produtos .dropdown_produtos ul li a h5 { display: inline-block; padding: 0px; font-style: normal; font-weight: bold; text-transform: uppercase; vertical-align: middle; } .cabecalho .barra_topo .acesso_produtos .dropdown_produtos ul li a img { display: inline-block; margin-right: 4px; vertical-align: middle; } .cabecalho .barra_topo .menu_login { float: right; margin-right: 4px; background-color: #d5d6d1; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.11); -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.11); } .cabecalho .barra_topo .menu_login .lista-opcoes { margin: 0px; } .cabecalho .barra_topo .menu_login .lista-opcoes li + li { border-color: #c0c0c0; } .cabecalho .barra_topo .menu_login .lista-opcoes li a { height: 22px; display: inline-block; padding: 7px 15px 0px; text-decoration: none; text-transform: uppercase; } .cabecalho .barra_topo .menu_login .lista-opcoes li a:hover { background-color: rgba(0,0,0,0.03); } .cabecalho .barra_topo .menu_usuario { float: right; margin-right: 4px; } .cabecalho .barra_topo .menu_usuario #usuario { background-color: #d5d6d1; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.11); -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.11); } .cabecalho .barra_topo .menu_usuario #usuario:hover { background-color: #fff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .cabecalho .barra_topo .menu_usuario #creditos { margin-right: 4px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; box-shadow: 0px 1px 0px 0px #dadada; } .cabecalho .barra_topo .menu_usuario #creditos:hover { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .cabecalho .barra_topo .menu_mensagens { height: 29px; width: 34px; float: right; position: relative; /*overflow: hidden;*/ cursor: pointer; display: none; background-image: url(../imagens/icone-mensagem.png); background-position: center; background-repeat: no-repeat; background-color: rgba(0,0,0,0.06); border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.05); } .cabecalho .barra_topo .menu_mensagens.menu_superior .contador { position: absolute; padding: 3px 4px 2px; top: 1px; right: 1px; color: #fff; font-size: 0.9em; font-weight: bolder; line-height: 1; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.55); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.30); -moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.30); -webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.30); opacity: 0.8; } .cabecalho .barra_topo .menu_mensagens.menu_superior:hover .contador { opacity: 1; } .cabecalho .barra_topo .menu_mensagens.menu_superior ul { width: 310px; right: -30px; } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li { position: relative; padding: 10px 35px 6px 54px; cursor: default; background-position: 10px 10px; } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li:hover { background-color: #fafafa; } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.assinatura { background-image: url(../imagens/marca-assinatura-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.atributos { background-image: url(../imagens/marca-atributos-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.carimbo { background-image: url(../imagens/marca-carimbo-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.cloud { background-image: url(../imagens/marca-cloud-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.framework { background-image: url(../imagens/marca-framework-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.icp { background-image: url(../imagens/marca-icp-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.guard { background-image: url(../imagens/marca-guard-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.kms { background-image: url(../imagens/marca-kms-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.pdde { background-image: url(../imagens/marca-pdde-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.sas { background-image: url(../imagens/marca-sas-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.scad { background-image: url(../imagens/marca-scad-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.sct { background-image: url(../imagens/marca-sct-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.sdk { background-image: url(../imagens/marca-sdk-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.sgact { background-image: url(../imagens/marca-sgact-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.signer { background-image: url(../imagens/marca-signer-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem.verificacao { background-image: url(../imagens/marca-verificacao-simples.png); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem a.rejeitar { width: 24px; height: 24px; display: block; position: absolute; right: 10px; top: 50%; margin-top: -12px; padding: 0px !important; background-color: #eee; background-image: url(../imagens/icone-fechar-mensagem.png); background-position: center; background-repeat: no-repeat; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; opacity: 0; transition-duration: 0.5s; } .mobile .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem a.rejeitar, .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem:hover a.rejeitar { opacity: 1; transition-duration: 0.5s; } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem:hover a.rejeitar { background-color: #e2e2e2; } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem span.info { color: #a4a4a4; display: block; } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem span.info strong { color: #333; font-weight: bold; text-transform: uppercase; } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.mensagem p { margin: 2px 0px 4px; } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.rodape-mensagens { width: 100%; display: table; padding: 0px; background-color: #eee; background-image: none; border: 1px solid #e0e0e0; border-top: 1px solid #cdcdcd; } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.rodape-mensagens a { width: 40%; display: table-cell; padding: 7px 0px !important; font-size: 1.1em; text-align: center; box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.06); -inset-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.06); } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.rodape-mensagens a:hover { background-color: #e5e5e5; } .cabecalho .barra_topo .menu_mensagens.menu_superior ul li.rodape-mensagens a + a { border-left: 1px solid #ccc; width: 60%; } .cabecalho .mobile_header { display: none; vertical-align: middle; } .cabecalho .mobile_header > div { width: 100%; min-height: 32px; display: table; } .titulo_app { float:left; width: 5%;} .menu_usuario { display:none; left:0px; z-index: 99; } .creditos { display:none; } .autenticado .menu_usuario, .autenticado .cabecalho .barra_topo .menu_mensagens, .menu_login { display: inline-block; text-align:right; } .pagamento .creditos { display:block; } .autenticado .menu_login, .sem_login .menu_login { display:none; } .titulo_tela .valor { display:none; } .titulo_tela .observacao { display:none; } .pagamento .titulo_tela .valor { display:inline; } .pagamento .titulo_tela .observacao { display:inline;} .titulo_app .marca { float:left; padding: 10px 15px 10px 0px; } .menu_app .slogan .marca_slogan img { height: 25px; } .menu_app .slogan .texto_slogan { margin-top: 5px; margin-left: 5px; } .menu_app .slogan .texto_slogan.coluna { background-image: none; } .cloud.home .titulo_app .marca img { height: 66px; margin-right: 10px; } .assinatura .titulo_app .marca img, .atributos .titulo_app .marca img, .carimbo .titulo_app .marca img, .framework .titulo_app .marca img, .scad .titulo_app .marca img, .sdk .titulo_app .marca img, .act .titulo_app .marca img, .guard .titulo_app .marca img, .icp .titulo_app .marca img, .kms .titulo_app .marca img, .pdde .titulo_app .marca img, .signer .titulo_app .marca img, .verificacao .titulo_app .marca img, .cloud .titulo_app .marca img { height: 70px; max-width: 250px; } .titulo_app .nome { float:left; padding:5px 10px 4px 12px; margin-right:0px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; color:#fff; font-size:1.2em; margin-top:30px; font-weight:bold; height:23px; } .menu_app .slogan { color:#000; font-size:1.0em; } .slogan .marca { margin-right:5px; padding: 0px 6px; font-weight: bold; text-transform: uppercase; background-color: #cfcfcf; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .menu_app .slogan .marca { margin-left: 3px; background-color: #ddd; } .menu_superior { float:right; overflow: hidden; position: relative; background-image: url(../imagens/icone-botao-mais.png); background-position: right center; background-repeat: no-repeat; } .menu_superior.creditos.conta_pessoa_juridica { background-color: #f0f0f0; border-color: #f0f0f0; } .menu_superior.creditos.conta_pessoa_juridica .tipo_conta { border-color: #a3cef3;} .menu_usuario .menu_superior:hover, .menu_login .menu_superior:hover, .menu_mensagens.menu_superior:hover, .menu_superior.creditos.conta_pessoa_juridica:hover { overflow: visible; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background-color: #fff; border-color: #cacbc4; box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1); } .lista-opcoes li {float:left; padding:0px; border:0px; } .lista-opcoes li+li { border-left:1px solid #999; } .lista-opcoes li.sair a { background-image:url(../imagens/icone-sair.png); padding-right:28px; background-position:right 7px; } .menu_superior div, .menu_superior li a { padding:6px 14px 8px 14px; color:#333; display:block; background-repeat:no-repeat; text-decoration:none; max-width:100%; max-width: none; } .menu_superior div { padding: 8px 0px 6px 20px !important; } .menu_superior li:hover { background-color: #f5f5f5;} .lista-opcoes li.identificacao a, .menu_superior .pessoa_fisica{ background-image:url(../imagens/icone-usuario.png); background-position:8px 8px; background-repeat:no-repeat; } .menu_superior .pessoa_juridica{ background-image:url(../imagens/icone-corporativo.png); background-position:8px 8px; background-repeat:no-repeat; } .menu_superior .pessoa_juridica, .menu_superior .pessoa_fisica { padding:8px 20px 6px 30px !important; } .lista-opcoes li.total a, .menu_superior .total { background-image:url(../imagens/icone-creditos.png); padding-left:22px !important; background-position: 7px 8px; } .menu_superior .total { float:left; width:auto; padding: 8px 10px 6px 27px !important; } .menu_superior .tipo_conta { float:left; width:auto; padding: 8px 20px 6px 10px !important; border-left:1px solid #bbb; } .menu_superior ul { display: block; position: absolute; top: -3000px; } .mobile .menu_superior:hover ul { top: -3000px; } .menu_superior:hover ul, .mobile .menu_superior.abrir ul { width: 280px; right: 0px; top: 28px; background-color: #fff; border-radius: 4px 0px 4px 4px; -moz-border-radius: 4px 0px 4px 4px; -webkit-border-radius: 4px 0px 4px 4px; box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.1); z-index:999; } .menu_superior.creditos.conta_pessoa_juridica .tipo_conta { border-color: #dadada;} .menu_superior.creditos.conta_pessoa_juridica:hover .tipo_conta { border-color: #dadada;} .menu_superior ul li.readonly { font-weight: bolder; background-image: none; font-size: 1.4em; } .menu_superior ul li { padding: 0px; text-align: left; background-image:url(../imagens/icone-subitem-menu.png); background-repeat:no-repeat; background-position:7px center; } .menu_superior ul li+li { border-top: 1px solid #f0f0f0; } .menu_superior ul li:hover, .menu_superior ul li:hover+li { border-color: #ddd; } .menu_superior ul li a, .menu_superior ul li .menu_item { padding: 9px 10px 9px 20px !important; } /*--------------------------------------------------------------------------------------------*/ /*----------------------------------------- PRODUTOS -----------------------------------------*/ body.home.login { background-color:#eff0eb; background-image: url("../imagens/textura-listras.png"); } .home.login .corpo { background-color: transparent; background-image: none; } .home.login .rodape { display: none; } /*--------------------------------------------------------------------------------------------*/ /*----------------------------------------- MENU ---------------------------------------------*/ .cabecalho .titulo_app, .cabecalho .menu_app { display: table-cell; float: none; vertical-align: top; background-color: transparent; } .menu_app { width:auto; float:left; position:relative; margin-top: 30px; background-color: #333; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .menu_app ul { padding: 0px 8px 0px 0px; width:100%; } .menu_app > ul { display: block; padding: 0px; /*background-color: #333; Desabilitado para temas */ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .menu_app li { float:left; padding: 0px; border:0px; position:relative; } .menu_app li a, .menu_app li span { text-decoration: none; text-transform:uppercase; font-weight:bold; font-size:1.0em; padding: 6px 12px 5px 12px; line-height: 15px; display:block; /* color: #fff; border: 3px solid #333; Desabilitado para temas. */ border-bottom-width:0px } .menu_app li a:hover, .menu_app li span:hover { /* background-color:#eee; color:#000; Desabilitado para temas. */ transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .menu_app li:hover a, .menu_app li:hover span { background-color:#fff; color:#000; } .menu_app li.aberto:hover a, .menu_app li.aberto:hover span { padding-bottom:8px; } /*.menu_app li.ativo a, .menu_app li.ativo span {background-color: #555; border-color:#555; } Desabilitado para temas.*/ .menu_app li.ativo:hover a, .menu_app li.ativo:hover span {padding-bottom:5px;} /*.menu_app li.ativo a:hover, .menu_app li.ativo span:hover {background-color:#fff; border-color:#333; color:#000;} Desabilitado para temas.*/ .menu_app > ul li.home a { border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; } .menu_app > ul li.home a.icone_texto { font-size: 14px !important; } .menu_app > ul li.home a.icone_texto > .icon { vertical-align: -8%; margin-right: 5px; } .menu_app li.home a, .menu_app li.portal a{ padding-left:38px; padding-right:20px; border-right:0px solid #eee; background-repeat:no-repeat; background-position:14px 5px; *background-position:14px 7px; } .menu_app li.home a { height: 18px; padding-left: 15px; padding-right: 15px; padding-top: 3px; background-position: 13px 5px; } /*.menu_app li.portal a {background-image:url(../imagens/icone-voltar.png); border-left-width:3px ;} .menu_app li.portal:hover a {background-image:url(../imagens/icone-voltar-inverso.png);} .menu_app li.home a {background-image:url(../imagens/icone-home.png); border-left-width:3px;} .menu_app li.home:hover a {background-image:url(../imagens/icone-home-inverso.png);} Desabilitado para temas.*/ .menu_app .dropdown { margin:0px auto; position:absolute; z-index:99999999999; top:32px; display:none; text-align:left; padding:5px 7px; border-top-width:0px; font-size:1em; /* background-color:#fff; Desabilitado para temas*/ } .aberto .dropdown { border: 2px solid #dfdfdf; border-top-width: 0px; } .menu_app .dropdown.pequeno { width: 280px; } .menu_app .dropdown.medio { width: 570px; } .menu_app .dropdown.grande { width: 740px; } .menu_app .coluna {float:left;} .dropdown ul { padding:10px 10px; margin:0px; height:auto; float:none; width:auto; display:block; } .dropdown ul li { float:none; display:block; } .dropdown ul li+li { /* border-top:1px solid #eee; Desabilitado para temas.*/ } .dropdown ul li a, .dropdown ul li span { margin:0px; padding:7px 10px 7px 14px; text-transform:uppercase; color:#333; font-weight:bold; display:block; clear:both; /* background-image: url("../imagens/marcador-circular-pequeno.png"); */ /* background-image: url("../imagens/icone-subitem-menu.png"); */ /* background-position: 2px 11px; */ /* background-repeat: no-repeat; */ box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border-width:0px; } .dropdown ul li a:hover { /* background-color:#f5f5f5; color:#000; Desabilitado para temas.*/ } .dropdown ul li ul { padding:0px 0px 0px 14px; } .dropdown ul li ul li { float:none; display:block; border-width:0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); /* border-top:1px dotted #ddd; Desabilitado para temas.*/ } .dropdown ul li li a { height:auto !important; padding:7px 2px 4px 3px; line-height:1; margin:0px; float:none; text-align:left; display:block; background-color:#fff; background-image: none; background-position: 2px 8px; background-repeat: no-repeat; border-width:0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); text-transform:none; font-size:1.0em; } #abrir_menu, #fechar_menu { display:none; /*background-color: #222; border:1px solid #111; color:#fff; Desativado para temas.*/ padding:5px 10px; margin-bottom:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-repeat: no-repeat; } #fechar_menu:before { content: "\f057"; font-family: FontAwesome; display: inline-block; margin-right: 5px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #abrir_menu:before { content: "\f0c9"; font-family: FontAwesome; margin-right: 5px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #fechar_menu { margin-left:18px; padding-left:25px; /* background-image:url("../imagens/icone-fechar.png"); */ background-position: 7px 8px; background-size:12px 12px; } #abrir_menu { padding-left:30px; /* background-image:url("../imagens/icone-menu.png"); */ background-position: 10px 8px; background-size:14px 14px; float:left; width:auto; position:relative; height:20px; text-transform:uppercase; font-weight:bold; font-size:1.1em; } /*--------------------------------------------------------------------------------------------*/ /*----------------------------------------- MENU MOBILE --------------------------------------------*/ #menu_overlay { position:absolute; background-color:rgba(255,255,255,0.5); } #aplicativo { height:auto; } .menu_app.lateral { margin-top: 0px; /*background-color: #333; Desativado para temas. */ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; float:none; position:absolute; width:320px; height:auto; top:-20px; left:-400px; padding:20px 0px; box-shadow:0px 0px 10px #333; -moz-box-shadow:0px 0px 10px #333; -webkit-box-shadow:0px 0px 10px #333; display:block; overflow:auto; z-index: 999; } .menu_app.lateral ul { padding: 0px; } .menu_app.lateral li.menu:hover a, .menu_app.lateral li.menu:hover span { background-color: transparent; border-bottom-color:transparent; border-top-color: transparent; color: #fff !important; } .menu_app.lateral li { float: none; color:#fff !important; border-top:1px solid #444; border-bottom:1px solid #222; font-size:1.1em; } .menu_app.lateral li a .icon { display: none; } .menu_app.lateral li a, .menu_app.lateral li.portal a, .menu_app.lateral li.home a { padding:10px 10px 13px 25px; color:#fff; border-right:1px solid #444; border-width:0px; /* background-image:url("../imagens/icone-seta.png"); */ /* background-position: 19px 12px; */ /* background-size:14px 14px; */ /* background-repeat: no-repeat; */ } /* .menu_app.lateral li.menu a { */ /* background-image:url("../imagens/icone-mais-vazado.png"); */ /* background-size:14px 14px; */ /* background-position: 19px 11px; */ /* } */ /* .menu_app.lateral li.menu.aberto a { */ /* background-image:url("../imagens/icone-menos-vazado.png"); */ /* background-size:14px 14px; */ /* background-position: 19px 11px; */ /* } */ .menu_app.lateral li.ativo a { background-color:rgba(0,0,0,0.2); box-shadow:0px 0px 8px rgba(0,0,0,0.2) inset; -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2) inset; -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2) inset; } .menu_app.lateral .coluna {float: none;} .menu_app.lateral .dropdown.pequeno, .menu_app.lateral .dropdown.medio, .menu_app.lateral .dropdown.grande { width: auto !important; } .menu_app.lateral .dropdown .largura50, .menu_app.lateral .dropdown .largura33 {width: 100%;} .menu_app.lateral .dropdown { position:relative; top:0px; padding: 0px 5px 0px 0px; margin:0px 15px 15px 25px; border-color: transparent; font-size:1.1em; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .menu_app.lateral .dropdown ul { margin-left:0px; margin-top:0px; } .menu_app.lateral .dropdown ul li { font-size:0.9em; border-width:0px;} .menu_app.lateral .dropdown ul li+li, .menu_app.lateral li .dropdown ul li ul { border-top:1px solid #333; } .menu_app.lateral .dropdown ul li a, .menu_app.lateral .dropdown ul li span { padding:8px 10px 8px 18px; /* background-image:url("../imagens/icone-seta.png") !important; */ /* background-position: 3px 12px !important; */ /* background-size:10px 10px !important; */ /* background-repeat: no-repeat; */ } .menu_app.lateral .dropdown ul li a:hover { background-color: transparent !important; } .menu_app.lateral .dropdown ul li span { background-image:url("../imagens/icone-seta-baixo.png") !important; color:#fff !important; } .menu_app.lateral .dropdown ul li ul { margin-left:25px; padding-left:0px; } .menu_app.lateral .dropdown ul li li { font-size:0.8em; margin-left:0px; padding-left:0px; background-color:transparent !important; } .menu_app.lateral .dropdown ul li li a { padding:8px 2px 8px 3px; background-image:none !important; background-color:transparent !important; } /*--------------------------------------------------------------------------------------------*/ /*--------------------------------------- MOBILE ------------------------------------------*/ body.mobile .esconder_mobile { display: none !important; } .apenas_mobile { display: none !important; } body.mobile .apenas_mobile { display: block !important; } body.mobile .corpo.funcao_desktop { display:none !important; } #mensagem_mobile {display:none;} #endereco_redirecionamento {display:none;} .logo_mobile { text-align: center; } .logo_mobile img { max-height: 100px; } /*--------------------------------------------------------------------------------------------*/ /*--------------------------------------- ESTRUTURA ------------------------------------------*/ .coluna {float:left; width:auto;} .modulo {float:left; width:auto;} .painel { background-color:#fff; margin:0px 0px 15px 0px; color:#000; padding:0px; border:1px solid #e5e5e5; position:relative; } .box .painel, .box-pequeno .painel {margin:0px;} .tclose:hover { background-position: center !important; } .box a { text-decoration: none; } .fundo { background-color:#F8F8F6; background-repeat: repeat-x; box-shadow: 1px 1px 2px #f3f3f3 inset; -moz-box-shadow: 1px 1px 2px #f3f3f3 inset; -webkit-box-shadow: 1px 1px 2px #f3f3f3 inset; } .home.act .fundo, .home.framework .fundo, .home.pdde .fundo, .home.scad .fundo, .home.sdk .fundo, .home.signer .fundo { background-color: #fff; } .painel.topo { background-image: url("../imagens/base-titulo-painel.png"); background-repeat:repeat-x; } .painel.lateral { background-image: url("../imagens/base-titulo-painel.png"); background-repeat:repeat-y; } .painel.topo h3, .home .painel.servico_homex h3 { color:#000; position:relative; top:-5px; background-image: url("../imagens/marcador-circular.png"); background-repeat:no-repeat; background-position: 0px 3px; padding-left:28px; padding-bottom:3px; } .coluna .margem_conteudo, .painel .margem_conteudo, .modulo .margem_conteudo, .margem_conteudo, .conteudo { padding:15px 18px; } .painel.escuro .margem_conteudo { padding:5px 13px; } .coluna .margem_conteudo_estreita, .painel .margem_conteudo_estreita, .modulo .margem_conteudo_estreita, .margem_conteudo_estreita { padding:6px; overflow:hidden; } .coluna .margem_container_passos, .painel .margem_container_passos, .modulo .margem_container_passos { padding:15px 20px 5px 20px; } .alinhar_direita {text-align:right !important;} .borda_inferior { border-bottom:1px dashed #ccc; } .borda_superior { border-top:1px dashed #ccc; } .box { padding: 40px; margin: 0px auto; background-color: #fff; } .painel_status { padding:15px 20px; margin:5px 0px; background-color: #fff; border:1px solid #ddd; position:relative; left:-3px; font-size:0.95em; } .tmask { width: 100%; height: 100%;} .tmask, .tbox { z-index: 9999999 !important;} .painel.escuro { background-color:#f5f5f5 !important; box-shadow:0px 0px 4px rgba(0,0,0,0.05) inset; -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.05) inset; -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.05) inset; border:1px solid #ccc; padding:5px; } .modulos_produtos { border-left: 1px solid #d4d4d4; } .modulos_produtos > ul { background-color: rgba(255,255,255,0.38); } .modulos_produtos > ul.modulos_servico { width: 100%; display: table; border: 1px solid #d4d4d4; border-left: none; } .modulos_produtos > ul li { width: 100%; } .modulos_produtos.duas_colunas > ul li { width: 50%; } .modulos_produtos.tres_colunas > ul li { width: 33.3%; } .modulos_produtos.quatro_colunas > ul li { width: 25%; } .modulos_produtos > ul li { padding: 0px; margin-left: -1px; margin-right: -1px; display: inline-block; vertical-align: top; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04); } .modulos_produtos > ul.modulos_servico li { display: table-cell; width: 44%; padding: 1.5% 3%; } .modulos_produtos > ul.modulos_servico li .cabecalho_modulo img { height: 40px; } .modulos_produtos > ul.modulos_servico li .cabecalho_modulo img, .modulos_produtos > ul.modulos_servico li .cabecalho_modulo a { float: left; } .modulos_produtos > ul.modulos_servico li .cabecalho_modulo a { display: inline-block; margin-top: 9px; margin-left: 8px; padding: 4px 10px; /*background-color: #dadada; Desabilitado para temas.*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; } /*.modulos_produtos > ul.modulos_servico li .cabecalho_modulo a:hover { background-color: #d1d1d1; } .modulos_produtos > ul.modulos_servico li .cabecalho_modulo a:focus, .modulos_produtos > ul.modulos_servico li .cabecalho_modulo a:active { background-color: #c4c4c4; } Desabilitado para temas. */ .modulos_produtos > ul.modulos_servico li .cabecalho_modulo p { margin: 6px 0px; padding-top: 6px; font-size: 0.9em; border-top: 1px dashed #ccc; } .modulos_produtos > ul.modulos_servico li .painel_retratil { display: none; margin-top: 10px; margin-bottom: 0px; padding-top: 10px; border: none; border-top: 1px dashed #ccc; } .modulos_produtos > ul.paineis_retrateis.aberto li .painel_retratil { display: block; } .modulos_produtos > ul.modulos_servico li .observacao { display: inline-block; width: 50%; } .modulos_produtos > ul.modulos_servico li .com_botao input.botao { top: 0px; } .modulos_produtos > ul.modulos_servico li + li { border-left: 1px solid #d4d4d4; } .modulos_produtos > ul li:hover { box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1); } .modulos_produtos > ul li + li { border: none; } .modulos_produtos > ul li a { font-size: 0.9em; text-decoration: none; } .modulos_produtos > ul li .modulo_produto { height: 220px; padding: 20px 15px; text-align: center; background-color: rgba(255,255,255,0.4); background-color: #fff; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; display: flex; flex-direction: column; justify-content: space-between; } .modulos_produtos > ul li .modulo_produto:hover { background-color: rgba(255,255,255,0.8); background-color: #fff; } .modulos_produtos > ul li .modulo_produto img { height: 105px; } .modulos_produtos > ul li .modulo_produto h5 { margin-top: 6px; padding: 5px 15px 0px; font-size: 1.2em; font-style: normal; font-weight: bold; line-height: 1.3; } .modulos_produtos > ul li .modulo_produto .botoes_card { margin-top: 10px; flex-direction: row; display: flex; height: 40px; } .modulos_produtos > ul li .modulo_produto .botoes_card > .botao_outline { display: none; flex: 1; font-size: 1em; } .modulos_produtos > ul li:hover .modulo_produto .botoes_card > .botao_outline { display: block; } body.mobile .modulos_produtos > ul li .modulo_produto .botoes_card > .botao_outline { display: block; } /*--------------------------------------------------------------------------------------------*/ /*--------------------------------------- COMPONENTES ------------------------------------------*/ .modulo.passo { height:106px;} .modulo.passo.grande { height:187px;} .modulo.passo .campo { margin-top:17px; } .modulo.passo label span.numero, .numero { width:25px; height:25px; text-align:center; color:#fff; padding:3px 8px 2px 8px; margin-right:5px; font-size:0.9em; font-weight:bold; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .campo span.ajuda { width:16px; height:16px; text-align:center; /* color:#fff; */ /* background-image:url(../imagens/icone-pequeno-ajuda.png); */ /* background-position:center top; */ /* background-repeat:no-repeat; */ padding:0px; margin-right:5px; font-size: 1.2em; font-weight:bold; display:inline-block; vertical-align: middle; margin-left:5px; position:relative; /* top:-2px; */ } .marcador { padding:4px 12px 4px 12px; background-image:url(../imagens/marcador-circular.png); background-position:center top; background-repeat:no-repeat; margin-right:5px; background-position:left 1px; } .marcador_pequeno { padding-left:13px; background-image:url(../imagens/marcador-circular-pequeno.png); background-repeat:no-repeat; margin-right:5px; background-position:left 3px; } h4 .numero { background-position:center top; background-repeat:no-repeat; padding:4px 10px 4px 10px; margin-right:5px; font-size:0.7em; font-weight:bold; } .lista_termos h4 .numero { background-position:center top; background-repeat:no-repeat; padding:5px 3px 0px 3px; margin-right:5px; font-size:0.7em; font-weight:bold; } .campo {margin:5px 0px; position:relative;} .campo_visualizacao { color: #353535; font-size: 0.95em; line-height: 1.5; height: auto; margin: 0 0 6px; padding-top: 8px; position: relative; word-break: break-word; } .campo_visualizacao+.campo_visualizacao { border-top: 1px solid #ddd; } .destaque { padding: 4px 12px 4px 20px; margin-bottom: 12px; background-color: #F5F5F5; font-size:1.15em; } .indentacao { margin-left:30px; } .separacao_paineis { margin:0px 0px 5px 5px; } .campo_visualizacao label { color: #000; font-weight: bold; text-transform: uppercase; margin-right: 5px; } .campo_visualizacao strong { margin-right: 5px; color: #000; text-transform: uppercase; } .campo_visualizacao h4 strong { text-transform: none; position:relative; top:-2px; } .campo .titulo_grupo { font-weight:bold; text-transform:uppercase; font-size:1.2em; } .campo .componente { padding:0px 16px 5px 0px; position:relative; /*z-index: 1 !important;*/ } .passo .campo .componente {padding:7px 14px 0px 0px;} .componente.select { padding:0px; } .componente.select .selector { padding-left: 3px; } .componente.select .selector > span { padding-left: 6px; } .componente.spinner { padding:0px; margin-bottom: 8px; } table .componente.spinner { margin-bottom: 0px; } .campo .container_check_radio { width: 100%; margin-top: 1px; margin-bottom: 3px; padding: 5px 7px 4px 7px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size:0.85em; background-color:rgba(255,255,255,0.5); } .campo .complemento { font-size:0.85em; padding:2px 0px 0px 2px; } .passo .campo .complemento { padding:0px 0px 0px 8px; } .campo .complemento .botao_pequeno { position:relative; top:-1px; margin:3px 0px 0px 3px; font-size:0.9em; display:inline-block; zoom:1; *display: inline; _height: 30px; } .campo .componente.select { padding-right: 0px; } .campo .componente.fileupload { padding: 0 10px 5px 0; } .campo label { font-size: 1.0em; color: #222; font-weight:bold; display:block; line-height:1; margin-left:2px; padding-bottom: 3px; } .passo .campo label {font-size: 1.1em;} .balao_mensagem { display:block; position: relative; padding: 18px 20px 15px 18px; background-color: #fff; color: #333; font-size: 0.8em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width:auto; box-shadow: 0px 0px 5px #c1c1c1; -moz-box-shadow: 0px 0px 5px #c1c1c1; -webkit-box-shadow: 0px 0px 5px #c1c1c1; border: 1px solid #ddd; } .campo_visualizacao .balao_mensagem, .campo .balao_mensagem { position: absolute; top: 31px; left: -10px; padding: 7px 12px 5px 12px; color: #fff; font-size: 0.8em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; z-index: 1000000; display:none; width:98%; } .campo .balao_mensagem.ajuda { top: 21px; left: -10px; padding: 8px 12px 7px 12px; } .campo .balao_mensagem.ajuda .ponta { margin-left: -4px; } .campo_visualizacao .balao_mensagem a, .campo .balao_mensagem a { font-style: italic; } .campo .balao_mensagem a { color: #fff; } .campo_visualizacao .balao_mensagem a { color: #3963AD; margin-left: 5px; } .campo_visualizacao .balao_mensagem a:hover { text-decoration: none; } .campo.com_validacao .componente { padding-right: 142px; } .campo.com_validacao .componente input { float: left; } .campo.com_validacao .componente input.ui-inputfield { margin-bottom: 8px } .campo.com_validacao.erro .componente input.ui-inputfield { padding-left: 25px !important; } .campo.com_validacao .componente span.validacao { width: 112px; height: 14px; position:absolute; right: 0px; top: 1px; padding: 5px 5px 9px; display: block; color: #999; font-size: 0.85em; line-height: 1.4; background-color: #eeeeea; border: 1px solid #d6d6d6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .campo.com_validacao .componente span.validacao.negativa { color: #af1319; font-weight: bold; background-color: #eddddd; } .campo.com_validacao .componente span.validacao.positiva { color: #388B37; font-weight: bold; background-color: #e7efe4; } .campo.com_validacao .componente .ui-password-panel { width: 110px !important; position: absolute !important; top: 0px; right: 0px !important; display: block !important; margin-top: 1px; padding: 1px 6px !important; } .campo.com_validacao .componente .ui-password-panel.ui-state-highlight { border: 1px solid #e4e4e4 !important; background-image: none !important; background-color: #f4f4f4 !important; } .campo.com_validacao .componente .ui-password-panel .ui-password-meter { height: 10px; margin: 0px; padding: 0px; } .campo.com_validacao .componente .ui-password-info { margin-top: 0px !important; color: #444; font-size: 0.85em; text-shadow: none; } .campo.com_validacao .componente .ui-shadow { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .campo.com_validacao .componente .ui-password-panel .ui-password-meter { margin-top: 1px; background-image: url(../imagens/fundo-validacao.png) !important; } .campo.com_radio .componente { padding-left: 27px; } .campo.com_radio .componente .seletor_campo { position: absolute; left: 0px; top: 4px; padding: 2px 0 2px 5px; background-color: #F2F2F2; border: 1px solid #DFDFDF; border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; z-index: -1; } .campo .uploader { background-position: -2px -380px; } .campo div.uploader.focus, .campo div.uploader.hover, .campo div.uploader:hover { background-position: -2px -448px; } .campo.periodo .componente { padding-right: 2px; } .campo.periodo .componente input[type="text"] { width: 38%; display: inline-block; } .erro .componente .balao_mensagem { background-color: #9e1e20; z-index: 9999999; } .balao_mensagem.assinatura { width:450px; position: absolute; bottom: 40px; right: 0px; font-size: 0.9em; display:none; } .home .balao_mensagem.assinatura { font-size: 1.1em; } .balao_mensagem.assinatura.exibir { display:block; z-index:99999999!important; } .campo_visualizacao .balao_mensagem .ponta, .campo .balao_mensagem .ponta { width: 17px; height: 8px; display: block; float: left; margin-top: -14px; margin-left: 1px; background-position: center top; background-repeat: no-repeat; background-image: url(../imagens/ponta-balao.png); } .erro .componente .balao_mensagem .ponta { background-image: url(../imagens/ponta-balao-vermelha.png); } .balao_mensagem.assinatura .ponta { background-image: url(../imagens/ponta-balao-clara.png); } .campo_visualizacao .status_sucesso.mensagem .balao_mensagem, .campo_visualizacao .status_erro.mensagem .balao_mensagem, .campo_visualizacao .status_alerta.mensagem .balao_mensagem, .campo_visualizacao .status_carimbo.mensagem .balao_mensagem, .campo_visualizacao .status_icp.mensagem .balao_mensagem { top: 26px; bottom:auto; left: -14px; display:block; width:430px; background-color:#fff; color:#000; font-size: 0.85em; font-weight:bold; } .campo_visualizacao .status_carimbo.mensagem .balao_mensagem, .campo_visualizacao .status_icp.mensagem .balao_mensagem { top: 28px; } .campo.erro .balao_mensagem { top: 31px; left: -10px; } .campo.info .balao_mensagem { display:block; } .campo.ajuda .balao_mensagem.ajuda { display:block; } .campo.info .componente .balao_mensagem { display:none; } .icone_mensagem { display:none; } .campo.erro .icone_mensagem { background-image: url("../imagens/icone-alerta-campo.png"); border: 0 none !important; display: block; height: 15px !important; left: 7px !important; padding: 0 !important; position: absolute !important; top: 7px !important; width: 15px !important; z-index: 2; } .campo.erro .container_check_radio+.icone_mensagem { top: 6px !important; } .passo .campo.erro .selector+.icone_mensagem, .passo .campo.erro .icone_mensagem { top: 15px !important; } .campo.erro .selector+.icone_mensagem { top: 8px !important; } .campo.erro .componente.mensagem .balao_mensagem { display: block; top: 33px; left:0px; width:94%; } .passo .campo.erro .componente.mensagem .balao_mensagem { top: 42px; } .campo.erro .componente.mensagem .balao_mensagem .ponta { margin-left: -5px; } .campo.erro .componente { padding-left: 18px; } .campo.erro .componente .uploader, .campo.erro .componente .container_check_radio, .campo.erro .componente textarea, .campo.erro .componente input[type="text"], .campo.erro .componente input[type="password"] { position: relative; left: -18px; padding-left: 25px; color: #900; } .campo.erro .componente div.selector { position: relative; left: -18px; padding-left: 18px; } .campo.erro .componente div.selector span { padding-left: 8px; } .campo.obrigatorio label { padding-left: 11px; background-image: url(../imagens/icone-campo_obrigatorio.png); background-position: left top; background-repeat:no-repeat; } input, textarea { margin: 1px; padding: 7px; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom:3px; height:15px; } textarea { height: auto; } input, select, div.selector, textarea { -webkit-appearance: none; } input:hover { -webkit-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08); } .com_botao .componente, .passo .com_botao .componente { padding-right:50px; } .com_botao input.botao { width:20px !important; *width: 30px !important; position:absolute; right:6px; *right: 0px; top:7px; *top: 1px; height:31px; padding:0px; background-repeat:no-repeat !important; background-position:6px 6px !important; padding: 0px 20px 0px 8px !important; background-color:#ededed !important; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; border:1px solid #ccc; font-weight: bold; border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; margin-left:0px; background-image:url(../imagens/icone-pesquisar.png); *margin: 8px 8px 0px 0px; } textarea { padding:7px; background-color:#fff !important; background-image:none !important; font-family: 'Lato', Arial, sans-serif; font-size:0.85em; max-width:100%; } textarea:hover, textarea:focus { -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.08); } textarea[disabled] { background-color:#f5f5f5 !important; border-color:#d9d9d9 !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0); } .campo input, .campo select, .campo div.selector, .campo textarea { width: 100%; } .campo.cifrao span, .campo.faixa span{ margin-top: 3px; } .campo.cifrao .componente input[type="text"] { width: 70%; margin-left: 3%; } .campo.faixa .componente input[type="text"] { width: 36%; margin: 0% 1%; } .adicao .painel {display:none;} .adicao.aberto .painel {display:block;} .adicao.aberto .acao {display:none;} /*--------------------------------------------------------------------------------------------*/ /*-------------------------------------- PAINEIS RETRATEIS -----------------------------------*/ .paineis_retrateis { margin: 6px 0px 18px;} .painel .paineis_retrateis { margin: 6px 1% 18px;} .painel .margem_conteudo > .paineis_retrateis { margin: 6px 0px 18px;} .painel .margem_conteudo > .paineis_retrateis:last-child { margin: 6px 0px 0px;} .paineis_retrateis .painel_retratil{ margin-top: 8px; margin-bottom: 8px; padding: 0px; } .painel.com_titulo { padding: 0px 0px 7px; } .filtros .paineis_retrateis, .filtros .paineis_retrateis .painel_retratil { margin: 0px; padding: 0px; } .paineis_retrateis .painel_retratil.abrir { padding: 0px 0px 3px; } .paineis_retrateis .painel_retratil.abrir+.painel_retratil.abrir { margin-top: 20px; } .filtros .paineis_retrateis .painel_retratil.abrir { padding: 17px 0px 5px; } .painel.com_titulo h4 { margin: 0px; padding: 10px 14px; background-color: #fafaf7; word-spacing:3px; background-color:#f3f3f1; background-repeat: repeat-x; background-color:#f3f3f1; box-shadow: 1px 1px 4px #eee, 1px 1px 3px #fff inset ; -webkit-box-shadow:1px 1px 4px #eee, 1px 1px 3px #fff inset; -moz-box-shadow: 1px 1px 4px #eee, 1px 1px 3px #fff inset; } .paineis_retrateis .painel_retratil { overflow:show; border:1px solid #E5E5E5; } .filtros .paineis_retrateis .painel_retratil { border:0px solid #E5E5E5; } .painel .paineis_retrateis .painel_retratil { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .paineis_retrateis .painel_retratil h4 { padding: 0px; margin-bottom: 0px; font-size: 1.35em; letter-spacing: -0.5px; } .paineis_retrateis .painel_retratil h4 a { display:block; padding:7px 4px 6px 30px; text-decoration: none; } .paineis_retrateis .painel_retratil.abrir h4 { margin: 0px; padding: 0px; background-color: #FAFAF7; background-color:#EEECEC; box-shadow: 1px 1px 4px #eee, 1px 1px 3px #F5F5F5 inset ; -webkit-box-shadow:1px 1px 4px #eee, 1px 1px 3px #F5F5F5 inset; -moz-box-shadow: 1px 1px 4px #eee, 1px 1px 3px #F5F5F5 inset; } .paineis_retrateis .painel_retratil.painel.abrir h4 { background-color: #fafaf7; } .paineis_retrateis .painel_retratil a.show_hide { background-image: url(../imagens/icone-mais.png); background-position: 10px 11px; background-repeat: no-repeat; } .paineis_retrateis .painel_retratil.abrir a.show_hide { margin-bottom: 0px; background-image: url(../imagens/icone-menos.png); } .paineis_retrateis .painel_retratil .area_retratil { display: none; } .painel.com_titulo .conteudo, .paineis_retrateis .painel_retratil.abrir .area_retratil { display: block; margin-bottom: 3px; padding: 8px 8px 0px; border-top: 1px solid #DFDFDF; } .filtros .paineis_retrateis .painel_retratil.abrir .area_retratil { padding-top: 18px; } .paineis_retrateis .painel_retratil .area_retratil .campo_visualizacao { border-bottom: none; } .paineis_retrateis .painel_retratil .area_retratil .campo_visualizacao+.campo_visualizacao { border-top: 1px solid #DDDDDD; } .paineis_retrateis+.legenda { margin-top: 8px; } .area_retratil.visualizacao { padding-left:20px !important; padding-right:15px !important; } /*--------------------------------------------------------------------------------------------*/ /*------------------------------------------ BOTÕES ------------------------------------------*/ .botao_pequeno, .botao_medio, .botao_grande, .botao_excluir { text-decoration:none; color: #fff; font-size: 0.85em; padding: 5px 7px; /* background-color: #555; Desabilitado para temas. */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0px; cursor:pointer!important; -webkit-appearance: none; height:auto; display: inline-block; zoom:1; *display: inline; _height: 30px; margin: 2px; } a.botao_pequeno, a.botao_medio, a.botao_grande { font-weight:bold; } .botao_pequeno:hover, .botao_medio:hover, .botao_grande:hover { /*background-color: #000; color:#fff; Desabilitado para temas. */ text-decoration:none; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .botao_pequeno[disabled], .botao_medio[disabled], .botao_grande[disabled] { background-color: #999; color: #ccc; cursor:default !important; } input.botao_pequeno:focus, input.botao_medio:focus, .botao_grande:focus { background-color: #000; } .botao_pequeno:visited, .botao_medio:visited, .botao_grande:visited, .botao_pequeno:active, .botao_medio:active, .botao_grande:active { color:#fff; } .campo .botao_pequeno:hover, .campo .botao_medio:hover, .campo .botao_grande:hover { background-color:#444; } .campo .botao_pequeno, .campo .botao_medio, .campo .botao_grande { background-image: url("../imagens/fundo-transparente.png"); font-weight:bold; } .botao_pequeno{ font-size: 0.8em; padding: 3px 7px; line-height: 14px; } .botao_medio{ font-size: 0.9em; padding: 6px 12px; text-transform:uppercase; line-height: 16px; } .campo .botao_medio {margin:2px 0px 0px 0px; padding-top:7px;} .botao_grande{ font-size: 1.10em; padding: 7px 11px 7px 11px; text-transform:uppercase; letter-spacing:-0.5px; line-height: 20px; } .botao.botao_vermelho:active, .botao.botao_vermelho:focus, .botao.botao_vermelho { background-color: #f55; color: #fff; } .botao.botao_vermelho:hover { background-color: #a00; } .botao_excluir { font-size: 0.9em; padding: 5px 7px 5px 20px; width:auto; color:#fff; text-decoration:none; background-color: #848484; background-image: url("../imagens/icone-botao-x.png"); background-repeat:no-repeat; background-position: 8px 10px; } .botao_excluir:hover { color:#fff !important; background-color: #111; } .botao_grande { width:auto; *padding: 8px 0px; } .botao_link { text-decoration:none; color: #000; font-size: 1em; padding: 0px; background-color: transparent; border:0px; width:auto; cursor:pointer!important; -webkit-appearance: none; height:auto; *margin: 0px; } .botao_link:hover { text-decoration: underline; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0); } .botao_retornar { padding: 7px 12px 6px 32px; background-color: rgba(0,0,0,0.2); background-color: #bfbfbf; background-image: url(../imagens/icone-voltar.png); background-repeat: no-repeat; background-position: 12px center; } .modulo.largura100 .botao_grande + .botao_grande { margin-left: 5px !important; } .botoes_wizard { margin: 0px 2px 5px; } .botoes_wizard, .botoes_wizard li { display: inline-block; padding: 0px; } .botoes_wizard li+li { border: none; margin-left: 1px; } .botoes_wizard li .botao_grande { margin: 0px !important; padding: 7px 11px 7px 35px; border-radius: 18px 0px 0px 18px; -moz-border-radius: 18px 0px 0px 18px; -webkit-border-radius: 18px 0px 0px 18px; background-image: url(../imagens/icone-wiz-voltar.png); background-repeat: no-repeat; background-position: left center; } .botoes_wizard li+li .botao_grande { padding: 7px 35px 7px 11px; border-radius: 0px 18px 18px 0px; -moz-border-radius: 0px 18px 18px 0px; -webkit-border-radius: 0px 18px 18px 0px; background-image: url(../imagens/icone-wiz-avancar.png); background-position: right center; } .botoes_wizard li .botao_grande:hover { background-color: #222; } /*----------------------- BOTÃO PESQUISAR (CRUD) -------------------------*/ .coluna_botao { /*width: 10%; Alteração BRy */ float: right; position: relative; } .coluna_botao .campo .componente { padding-right: 0px;} .coluna_botao .botao_pesquisa { padding: 6px 0px 24px; cursor: pointer; color: #fff; font-size: 1em; border: none; -webkit-appearance: none; } .coluna_botao .botao_pesquisa:hover { padding: 7px 0px 23px; box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1); } .coluna_botao .show_hide { width: 28px; height: 38px; position: absolute; top: 13px; right: -48px; background-image: url(../imagens/fundo-botao-mais-painel.png); background-repeat: no-repeat; background-position: center; } .coluna_botao .show_hide:hover { background-image: url(../imagens/fundo-botao-mais-painel-h.png); } .exibir .coluna_botao .show_hide { background-image: url(../imagens/fundo-botao-menos-painel.png); } .exibir .coluna_botao .show_hide:hover { background-image: url(../imagens/fundo-botao-menos-painel-h.png); } /*--------------------------------------------------------------------------------------------*/ /*--------------------------------- LISTA DE BOTÕES (CRUD) -----------------------------------*/ ul.lista-botoes { float:left; margin-top: 6px; background-color: #fff; background-image: url(../imagens/fundo-botao-lista.png); background-position: bottom; background-repeat: repeat-x; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #d1d1d1; } .titulo_tela .lista-botoes { margin-top: 9px; } ul.lista-botoes li { float: left; padding: 0px } .btn, ul.lista-botoes li input { width: 30px; height: 30px; margin: 0px; cursor: pointer; border: none; background-color: transparent; background-position:center; background-repeat: no-repeat; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .btn.botao_texto, ul.lista-botoes li input.botao_texto { width: 100%; padding: 0px 8px; } .btn.botao_texto.mais, ul.lista-botoes li input.botao_texto.mais { padding-right: 15px; background-position: right 14px; } .btn:hover, ul.lista-botoes li input:hover { background-position: center 1px; box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.2); } ul.lista-botoes li .btn[disabled], ul.lista-botoes li input[disabled] { background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .btn[disabled]:hover, .btn:hover, ul.lista-botoes li input[disabled]:hover, ul.lista-botoes .container_dropdown .dropdown_acoes li input:hover { cursor: default; background-position: center 0px; background-color: #fff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .btn.botao_texto.mais[disabled]:hover, ul.lista-botoes li input.botao_texto.mais[disabled]:hover { background-position: right 14px; } ul.lista-botoes li+li { border-top: none; border-left: 1px solid #eaeaea; } .botao_mostrar_senha { background-image: url(../imagens/icone-botao-visualizar.png); width: 30px; height: 30px; cursor: pointer; margin-top: 22px; } .botao_ocultar_senha { background-image: url(../imagens/icone-botao-visualizar-d.png); width: 30px; height: 30px; cursor: pointer; margin-top: 22px; } .check { background-image: url(../imagens/icone-botao-check.png); } .up { background-image: url(../imagens/icone-botao-up.png); } .mais { background-image: url(../imagens/icone-botao-mais.png); } .down { background-image: url(../imagens/icone-botao-down.png); } .editar { background-image: url(../imagens/icone-botao-editar.png); } .assinar { background-image: url(../imagens/icone-botao-assinar.png); } .excluir { background-image: url(../imagens/icone-botao-excluir.png); } .revisar { background-image: url(../imagens/icone-botao-revisar.png); } .cancelar { background-image: url(../imagens/icone-botao-cancelar.png); } .download { background-image: url(../imagens/icone-botao-download.png); } .imprimir { background-image: url(../imagens/icone-botao-imprimir.png); } .reenviar { background-image: url(../imagens/icone-botao-reenviar.png); } .auditoria { background-image: url(../imagens/icone-botao-auditoria.png); } .visualizar { background-image: url(../imagens/icone-botao-visualizar.png); } .visualizar_desabilitado { background-image: url(../imagens/icone-botao-visualizar-d.png); } .substituir { width:19px; height: 17px; background-image: url(../imagens/icone-botao-substituicao.png); } .check[disabled] { background-image: url(../imagens/icone-botao-check-d.png); } .up[disabled] { background-image: url(../imagens/icone-botao-up-d.png); } .down[disabled] { background-image: url(../imagens/icone-botao-down-d.png); } .mais[disabled] { background-image: url(../imagens/icone-botao-mais-d.png); } .editar[disabled] { background-image: url(../imagens/icone-botao-editar-d.png); } .assinar[disabled] { background-image: url(../imagens/icone-botao-assinar-d.png); } .excluir[disabled] { background-image: url(../imagens/icone-botao-excluir-d.png); } .revisar[disabled] { background-image: url(../imagens/icone-botao-revisar-d.png); } .cancelar[disabled] { background-image: url(../imagens/icone-botao-cancelar-d.png); } .download[disabled] { background-image: url(../imagens/icone-botao-download-d.png); } .imprimir[disabled] { background-image: url(../imagens/icone-botao-imprimir-d.png); } .reenviar[disabled] { background-image: url(../imagens/icone-botao-reenviar-d.png); } .auditoria[disabled] { background-image: url(../imagens/icone-botao-auditoria-d.png); } .visualizar[disabled] { background-image: url(../imagens/icone-botao-visualizar-d.png); } .substituir[disabled] { width:19px; height: 17px; background-image: url(../imagens/icone-botao-substituicao-d.png); } .botao_texto[disabled] { color: #bdbdbd; } .container_dropdown > .dropdown_backdrop { position: fixed; top: 0; bottom: 0; left: 0; right: 0; } ul.lista-botoes .container_dropdown { position: relative; } ul.lista-botoes .container_dropdown .dropdown_acoes { position: absolute; top: 36px; left: 0px; padding: 4px; display: none; background-color: #fff; border: 1px solid #ddd; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); z-index: 9999999; } ul.lista-botoes .container_dropdown .dropdown_acoes.exibir { display: block; } ul.lista-botoes .container_dropdown .dropdown_acoes img { position: absolute; top: -6px; left: 31px; } ul.lista-botoes .container_dropdown .dropdown_acoes li { width: 100%; } ul.lista-botoes .container_dropdown .dropdown_acoes li+li { border: none; border-top: 1px solid #eee; } ul.lista-botoes .container_dropdown .dropdown_acoes li input:hover, ul.lista-botoes .container_dropdown .dropdown_acoes li:hover { background-color: #f3f3f3; } ul.lista-botoes .container_dropdown .dropdown_acoes li input { text-align: left; color: transparent; } ul.lista-botoes .container_dropdown .dropdown_acoes li input.botao_texto { color: #333; } ul.lista-botoes .container_dropdown .dropdown_acoes li input:hover { cursor: pointer; } ul.lista-botoes .container_dropdown .dropdown_acoes li input[disabled]:hover { cursor: default; } /*--------------------------------------------------------------------------------------------*/ /*--------------------------------------- MENSAGENS ------------------------------------------*/ .balao_mensagem_principal li.alerta { background-image: url(../imagens/icone-balao-alerta.png); } .balao_mensagem_principal li.erro { background-image: url(../imagens/icone-balao-erro.png); } .balao_mensagem_principal li.sucesso { background-image: url(../imagens/icone-balao-sucesso.png); } .mensagem_titulo{ font-size:1.4em; font-weight: bold; line-height: 1.1; color: #333; margin:0px 0px 5px 0px; display:block; } .mensagem_detalhe{ color: #333; margin:3px 40px 2px 0px; display:block; } .mensagem_titulo + .mensagem_detalhe { margin:0px 40px 0px 0px; } .balao_mensagem_principal { margin: 10px 0px 12px 0px; color: #666; line-height: 1.3; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative; background-color:rgba(0,0,0,0.05); *background-color:#e5e3de; } .balao_mensagem_principal li { padding: 10px 15px 8px 55px; background-position: 0px -3px; background-repeat: no-repeat; border-color:#ccc; box-shadow:0px 0px 6px rgba(0,0,0,0.05) inset; -moz-box-shadow:0px 0px 6px rgba(0,0,0,0.05) inset; -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.05) inset; background-color: #e5e3de; } .margem_inferior_grande+.balao_mensagem_principal { top:-10px; } /*-----------------------------------------------------------------------------------------------*/ /*---------------------------------------- CHECKLIST --------------------------------------------*/ .checklist { margin-top: 14px; position: relative; overflow: hidden; background-color: #f8f8f8; border: 1px solid #ddd; border-bottom-color: #cfcfcf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } .checklist .titulo_checklist { height: 20px; float: left; padding: 10px 13px 10px 24px; position: relative; font-size: 1.2em; font-weight: bold; text-transform: uppercase; background-color: #fff; background-image: url(../imagens/fundo-botao-lista.png); background-position: bottom; background-repeat: repeat-x; border-right: 1px solid #dedede; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); z-index: 9; } .checklist ul { display: inline-block; } .checklist ul li+li { border-top: none; } .checklist ul li.status_sucesso, .checklist ul li.status_erro, .checklist ul li.status_alerta { position:relative; float: left; padding: 7px 4px 7px 36px; font-size:0.9em; background-image: none; } .checklist ul li.status_sucesso .checklist-separador, .checklist ul li.status_erro .checklist-separador, .checklist ul li.status_alerta .checklist-separador { width: 27px; height: 40px; position: absolute; right: -27px; top: 0px; background-image: url(../imagens/checklist-separador.png); background-position: center right; z-index: 9; } .checklist ul li.status_sucesso.atual .checklist-separador, .checklist ul li.status_erro.atual .checklist-separador, .checklist ul li.status_alerta.atual .checklist-separador { background-image: url(../imagens/checklist-separador-atual.png); } .checklist ul li:last-child { padding-right: 13px; } .checklist ul li:last-child .checklist-separador { display: none !important; } .checklist ul li.status_sucesso.atual, .checklist ul li.status_erro.atual, .checklist ul li.status_alerta.atual { font-weight: bold; background-color: #6788C3; } .checklist ul li img { left: -12px; position: absolute; top: 7px; } .checklist ul li.status_sucesso span { background-color: #659352; } .checklist ul li.status_alerta span { background-color: #DCBD51; } .checklist ul li.status_erro span { background-color: #B73F3F; } .checklist ul li.status_sucesso span, .checklist ul li.status_alerta span, .checklist ul li.status_erro span { color: #fff; } .checklist ul li a { display: block; color: #757575; text-decoration: none; } .checklist ul li.atual a { color: #fff; } .checklist ul li a:hover { text-decoration: none; } .checklist ul li a span { display: inline-block; padding: 3px 8px 3px 9px; margin-right: 3px; font-size: 1.2em; border-right: 1px solid #fff; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border: none; } .checklist ul li.status_sucesso span { border-color: #85B372; } .checklist ul li.status_alerta span { border-color: #EECF63; } .checklist ul li.status_erro span { border-color: #D75F5F; } .checklist ul li.atual a span { box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.08), 0 0 0 2px rgba(255, 255, 255, 0.3); -moz-box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.08), 0 0 0 2px rgba(255, 255, 255, 0.3); -webkit-box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.08), 0 0 0 2px rgba(255, 255, 255, 0.3); } .checklist .fechar_checklist { width: 18px; height: 22px; display: block; position: absolute; left: 0px; top: 9px; background-image:url(../imagens/fundo-botao-checklist.png); opacity: 0.7; } .checklist .fechar_checklist:hover { opacity: 1; } .abrir_checklist { position: absolute; top: -18px; display: inline-block; padding: 3px 13px; color: #828282; font-size: 0.9em; background-color: rgba(0, 0, 0, 0.08); border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .abrir_checklist:hover { cursor: pointer; color: #444; text-decoration: none; background-color: rgba(0, 0, 0, 0.11); } /* Alteração BRy - incluir */ .margem_inferior_grande+.balao_mensagem_principal { top:-10px; } /*-----------------------------------------------------------------------------------------------*/ /*--------------------------------------- TÍTULO TELAS ------------------------------------------*/ .titulo_tela { margin-bottom:0px; margin-top:10px; padding-bottom:5px; position:relative; *zoom: 1; z-index:10000001; border-bottom:1px solid #ccc; } .titulo_tela+.painel { margin-top: 11px; } .titulo_tela .nome, .titulo { font-size:1.9em; letter-spacing:-1px; line-height: 1.55; padding:0px 0px 0px 6px; color:#000; position:relative; z-index:999; margin-right:15px; top:5px; display:inline-block; zoom:1; *display: inline; _height: 30px; } .titulo_tela .nome { float:left;} .titulo {display:block; float:left; margin-bottom:8px;} .subtitulo { border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; color: #FFFFFF; font-size: 1.0em; font-weight: lighter; letter-spacing: -1px; margin:0px 0px 10px 0px; padding: 4px 10px; position:relative; z-index:999; } .titulo_tela .preco { float:left; height:38px; padding-right:40px; padding-top:6px; } .valor { padding:5px 13px 5px 28px; margin:7px 10px 7px 0px; background-color: rgba(0,0,0,0.12); background-color: #d0d1cc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#444; font-size:1em; font-weight:bold; background-image:url(../imagens/icone-creditos.png); background-position:6px 6px; background-repeat:no-repeat; position:relative; top:-2px; float:left; } .titulo_tela .observacao { font-size:0.85em; line-height:1.1em; position:relative; top:6px; left:0px; margin-bottom:10px; float:left; width:260px; *top: 6px; } .botao_ajuda:before { content: "\f059"; font-family: FontAwesome; display: inline-block; } .botao_ajuda { position:absolute; width:25px; height:25px; top:10px; right:10px; cursor: pointer; /*background-image:url(../imagens/icone-grande-ajuda.png); background-repeat:no-repeat; border-width:0px; Desativado para temas. */ *zoom:1! important; z-index:99999999 !important; } /*.botao_ajuda:hover { background-image:url(../imagens/icone-grande-ajuda-escuro.png); } Desativado para temas. */ .balao_ajuda { width: 620px; padding:18px 25px; margin: 0px 0px 35px 15px; color: #666; line-height: 1.2; font-size:0.92em; border: 1px solid #dbdbdb; background-color:#fff; background-position: top left; background-repeat: no-repeat; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:absolute; top:36px; right:10px; z-index:100; display:none; box-shadow: 0px 0px 10px #d2d2d2; -moz-box-shadow: 0px 0px 10px #d2d2d2; -webkit-box-shadow: 0px 0px 10px #d2d2d2; max-height:280px; overflow:auto; } .balao_ajuda.exibir { display:block !important; } .balao_ajuda.exibir img { max-height: 10px; display: inline; margin: 0 2px; line-height: 0.7; } .balao_ajuda ol { padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; } .balao_ajuda ol li:before { content: "\f138"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; } .balao_ajuda ol li { padding:10px 0px 10px 20px; /* background-image: url("../imagens/marcador-circular-pequeno.png"); */ background-position: 0px 12px; background-repeat: no-repeat; color:#555; font-weight:normal; list-style-type:none; list-style-position:outside; } .balao_ajuda ol li span { /* display:block; */ color:#555; width:530px; margin:0px 0px 0px 5px; font-weight:normal; text-indent:0px; } .balao_ajuda ol li+li { border-top:1px dotted #bbb; } .balao_ajuda .ponta { width: 20px; height: 15px; display: block; position:absolute; top: -12px; right: 12px; background-position: top center; background-image: url(../imagens/balao-cinza.png); } .aviso_tela { background-image: url(../imagens/icone-grande-info.png); background-repeat:no-repeat; background-position: 10px 8px; padding:10px 12px 12px 38px; border-bottom:1px solid #eee; font-style:italic; color:#999; position:relative; } .painel .aviso_tela { font-size: 0.9em; padding: 2px 12px 11px 32px; background-position: 0px 0px; } .painel .aviso_tela > a { display: inline-block; padding: 1px 7px; background-color: #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .painel .aviso_tela > a:hover { background-color: #ddd; text-decoration: none; color: #111; } .observacao { font-size:0.95em; line-height:1.0; width:450px; display: inline-block; position:relative; top:7px; left:7px; zoom:1; *display: inline; _height: 30px; } /*--------------------------------------------------------------------------------------------*/ /*------------------------------------ PAINEL FLUTUANTE --------------------------------------*/ .container_painel_flutuante .painel_flutuante { margin: 30px auto; width: 600px; } .container_painel_flutuante.exibir { display:block; z-index: 50000000000000000; } .container_painel_flutuante { display: none; position: fixed; overflow-y: auto; z-index: 10000002; background-color: rgba(0,0,0,0.5); *background-color: #999; top: 0; bottom: 0; left: 0; right: 0; } .painel_applet{ position:relative; } .painel_applet .overlay { position:absolute; top:1px; left:1px; z-index:10000000000; background-image: url(../imagens/processando-base.png); text-align:center; } .painel_applet .overlay .loading { background-image: url(../imagens/processando.gif); background-repeat:no-repeat; background-position:center 10px; height:30px; width:100px; padding-top:25px; background-color:#fff; text-align:center; position:absolute; border:1px solid #eee; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } /*--------------------------------------------------------------------------------------------*/ /*--------------------------------------- HOME PORTAL ------------------------------------------*/ .home .painel em {margin-bottom:5px;} .home .principal {background-color:#fff} .home .coluna.principal { box-shadow:0px 0px 4px 0px rgba(0,0,0,0.15), 1px 1px 0px 9px rgba(0, 0, 0, 0.04); -moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.15), 1px 1px 0px 9px rgba(0, 0, 0, 0.04); -webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.15), 1px 1px 0px 9px rgba(0, 0, 0, 0.04); } .home.login .coluna.principal { border: 1px solid #ddd; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .home .painel { padding:20px 0px 20px 20px; border-width:0px; margin-bottom:0px; border-top:1px solid #f5f5f5; border-bottom:1px solid #ccc; } .home .painel .conteudo {padding:18px;} .home .painel+.painel {padding-top:0px;} .home .modulo {height:97px;} .home .painel.destaque { color: #000; background-color:#fff; margin:8px 0px 0px 0px; padding:0px; border-bottom:1px solid #ddd; position:relative; font-size:1em; } .home.login .painel.destaque { border: none; } .home .painel.destaque .conteudo {padding:25px 20px 10px 20px;} .home .painel.destaque .conteudo {padding:18px 20px 10px 20px;} .home .painel.destaque .marcador { width:50px; height:50px; background-repeat:no-repeat; position:absolute; top:33px; left:-10px; } .home.login .painel.destaque .marcador { top: 35px; } .painel.destaque h4 { letter-spacing:0px; padding:15px; border:1px solid #ddd; box-shadow:0px 0px 8px 0px rgba(0,0,0,0.03) inset; -moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.03) inset; -webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.03) inset; background-color:#eee; background-image: url("../imagens/fundo-painel.jpg"); font-size:1.3em; } .painel.destaque h6 { padding:5px 10px; font-weight:bold; margin-top:10px; display:block; font-size:1.0em; } .painel.destaque h6 .botao_pequeno { background-color:#444; margin-left:5px; position:relative; top:-2px; } .painel.destaque h6 .botao_pequeno:hover {background-color:#000;} .home .painel.servico_home .botao_medio {background-color: #777;} .home .painel .botao_medio:hover {background-color: #000;} .login .painel, .home .painel.servico_home { background-color:rgba(0,0,0,0.04); background-color: #e5e6e1; margin:27px 0px 0px 0px; color:#333; background-repeat:repeat-x; padding:0px; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.01) inset; -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.01) inset; -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.01) inset; background-image:none; padding-top:0px; } .home .painel.servico_home+.painel {margin:0px 0px 0px 0px; border-top-color:#ccc; } .login .painel .conteudo, .home .painel.servico_home .conteudo { *background-color: #e5e6e1; } .home.login .painel.servico_home .conteudo { padding-top: 15px; } .home.login .painel h4 { margin-bottom: 0px; } .login .painel.servico_home h4 { margin-bottom: 12px; } .login .painel .fundo { background-color: #fff; border: 1px solid #ddd; } .home .painel.servico_home .conteudo {overflow: visible; padding-top:5px;} .balao_mensagem li.marcador_pequeno { background-position: left 7px; padding-left: 15px;} .balao_mensagem li.marcador_pequeno a {text-decoration:none; } .balao_mensagem li.marcador_pequeno a:hover {background-color:#eee; } .home .painel.servico_home h3 .botao_minimo {font-size:0.5em;} .servico .icone_home { width: 120px; height: 100px; display: inline-block; padding-top: 20px; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; } .autenticado .servico .icone_home { width: 90px; height: 74px; float: left; margin-right: 12px; margin-top: -10px; padding-top: 16px; text-align: center; } .home .painel.servico_home h3 { border-top: 6px solid transparent; display: inline-block; padding:9px 2px 4px 2px; zoom:1; *display: inline; _height: 30px; } .home.login .painel.servico_home h3 { padding: 0px; border: none; } .login .painel .conteudo { padding: 15px 18px 18px !important; *background-color: #fff; } .lista_servicos .servico .formulario .observacao, .home .servico_home .observacao { font-size:0.8em; line-height:1.1em; width:auto; display: inline-block; width:190px; *width: 100% !important; } .home .servico_home .campo {margin-top:2px;} .home .servico_home .campo .componente {padding-top:0px;} .home .servico_home .com_botao input.botao {top:0px; *top: -6px;} .home .servico_home .campo label {font-size:0.9em;} .icone_coleta, .icone_certificacao { position:relative; background-repeat:no-repeat; width:95px; height:95px; top:12px; left:2px; background-size:88px 88px; } .icone_coleta {background-image:url(../imagens/icone-coleta-assinaturas.png);} .icone_certificacao {background-image:url(../imagens/icone-certificacao.png);} .transparente { background-color:rgba(0,0,0,0.04); background-color: #e5e6e1; background-colorx:rgba(255,255,255,1); margin:10px 0px 0px 0px; color:#333; background-repeat:repeat-x; padding:0px; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.01) inset; -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.01) inset; -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.01) inset; background-image:none; padding-top:0px; position:relative; } .transparente h2 {margin-left:25px;} .home .marcador { background-repeat: no-repeat; height: 35px; left: -10px; position: absolute; top: 7px; width: 50px; } .transparente.cabecalho { background-color:rgba(255,255,255,0.4); border-bottom: 1px solid #ccc !important; } .transparente.cabecalho .principal { background-color:transparent; } .lista_servicos, .lista_vantagens, .lista_funcionamento {width:100%; display:table;} .lista_servicos .transparente { display:table-cell; width:27.3% !important; position: relative; border-top: 0px; vertical-align: top; } .lista_servicos .transparente .servico { padding:30px 33px; } .lista_servicos .servico .conteudo {padding:30px;} /*.lista_servicos .servico .formulario .botao_medio {background-color: #555555;} .lista_servicos .botao_pequeno:hover, .lista_servicos .botao_medio:hover, .transparente .botao_medio:hover, .lista_servicos .servico .formulario .botao_medio:hover {background-color:#222;} Desabilitado para temas. */ .lista_servicos .icone_servico {width:60px; height:auto; float:left; margin-right:10px; position:relative; top:-5px;} .servico .formulario .campo .ui-selectonemenu label { height: 15px; line-height: 1.7; max-width: 85%; padding-top: 6px !important; white-space: pre-wrap; } .lista_funcionamento .funcionamento { display:table-cell; width:21% !important; padding:20px 2%; text-align:left; } .lista_funcionamento .funcionamento img{ width:auto; height:auto; margin-bottom:12px; } .lista_funcionamento .funcionamento.dispositivos img { float: left; margin-right: 20px; } .lista_funcionamento .funcionamento.dispositivos p { max-width: 750px;} .lista_vantagens .vantagem { display:table-cell; width:27.3% !important; padding:20px 3%; text-align:left; } .aviso_mobile, .formulario.aviso_mobile { display: none; } .aviso_mobile { margin-top: 14px; padding: 12px 0px 0px; color: #777; font-style: normal; border-top: 1px dashed #bbb; } .formulario.aviso_mobile { border: none; } .destaque_home {background-colorx:rgba(255,255,255,0.7);} .destaque_home .conteudo { padding:0px; text-align:center; margin:0px 80px; } .destaque_home h2 { margin:20px 0px 5px 15px; float: left; display: inline-block; text-align: left; } .destaque_home h3 { font-weight:normal; margin:25px 10px 35px 40px; float: left; display: inline-block; text-align: left; } .destaque_home h2 + h3 { margin: 5px 0px 20px 15px; font-size: 1.3em; } .destaque_home .botao_laranja { display: inline-block; width: 100%; margin-top: 25px; margin-bottom: 4px; float: right; padding: 10px 0px; color: #fff; font-size: 1.5em; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: all 0.3s ease-in-out 0s; box-shadow: 0px -2px 0px 2px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px -2px 0px 2px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0px -2px 0px 2px rgba(0, 0, 0, 0.1) inset; } .destaque_home h2 + h3 + .botao_laranja { margin-top: -15px; } .destaque_home .botao_laranja:hover { background-color: #333; transition: all 0.3s ease-in-out 0s; } .destaque_home .botao_laranja span { display: block; margin-top: 2px; padding: 4px 35px 0px; font-size: 0.7em; border-top: 1px solid #fff; } .destaque_home .botao_pequeno { width: 100%; float: right; margin-right: 0px; padding: 4px 0px; text-transform: uppercase; /*background-color: rgba(0, 0, 0, 0.3); background-color: #9e9e9e; Desabilitado para temas.*/ } .destaque_home .botao_pequeno:hover { background-color: rgba(0, 0, 0, 0.8); } .destaque_home p { clear: both; } .separador_horizontal { border-top:1px solid #bbb !important; margin:25px 0px; } .lista_vantagens ul li + li, .lista_funcionamento ul li + li, .lista_servicos ul li + li{ border-top: 1px dashed #aaa; } .lista_vantagens ul li, .lista_funcionamento ul li, .lista_servicos ul li { padding: 8px 0px 8px 20px; background-repeat:no-repeat; background-position:0px 10px; } .lista_servicos ul li.servico.transparente+li.servico.transparente { z-index: 9999999 !important; } .balao_mensagem.assinatura.exibir li { padding: 8px 0px 8px 20px; background-image: none; } .balao_mensagem.assinatura.exibir li+li { background-image:url(../imagens/marcador-circular-pequeno.png); background-repeat:no-repeat; background-position:0px 10px; } .lista_vantagens p, .lista_funcionamento p, .lista_servicos p { padding: 8px 0px; margin:0px; } .lista_vantagens p+ul, .lista_funcionamento p+ul, .lista_servicos p+ul { margin-top: 0px; border-top: 1px dashed #aaa; } .lista_vantagens .numero, .lista_funcionamento .numero, .lista_servicos .numero { background-image:none; font-size:2.5em; padding:5px 12px 5px 14px; margin-bottom:10px; width:auto; height:auto; display:inline-block; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } /* ------------- HOME PRODUTOS ------------- */ .home .modulos_home.transparente .modulo + .modulo .margem_conteudo { border-left: 1px solid #d8d8d8; } .home .abas > ul { margin: 0px 5px; padding: 0px; border: none; background-color: transparent; border-bottom: 6px solid #d5d5d5; } .home .abas > ul > li { padding: 0px; } .home .abas > ul > li a { padding: 10px 20px 7px; } .home .abas .botao_aba { cursor: pointer; border: none; background-color: transparent; vertical-align: middle } .home .abas .botao_aba.ativo { font-weight: bold; letter-spacing: -0.1px; background-color: #d5d5d5; } .home .abas .aba { background-color: #fff; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.20); -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.20); } .home .abas .aba .imagem, .home .abas .aba .info { display: inline-block; vertical-align: top; } .home .abas .aba .imagem { width: 50%; margin-top: 5px; background-color: rgba(255,255,255,0.4); border: 1px solid #d7d7d7; } .home .abas .aba .imagem img { width: 100%; } .home .abas .aba .imagem + .info { width: 44%; padding: 0px 2.5%; } .home .abas .aba .info p { margin-bottom: 6px; } .home .abas .aba .info ul li { padding: 6px 4px; } .home .abas .aba .info h5 { margin-top: 7px; padding: 5px 0px 0px; font-weight: bold; font-style: normal; } .home .abas .aba .info li { padding-left: 22px !important; background-repeat: no-repeat; background-position: left center; } .home .abas .aba .info li + li { border-color: #c9c9c9; } .home .abas .aba .info ol li { padding: 6px 0px; padding-left: 0px !important; background-image: none !important; } .home .abas .aba .info ol li + li { border-top: 1px dashed #ccc; } .home .abas .aba .info ol li .numero { width: 5%; height: 23px; margin-top: 3px; margin-right: 2%; padding: 3px 5px 2px; font-size: 1.2em; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .home .abas .aba .info ol li .numero, .home .abas .aba .info ol li p { vertical-align: top; display: inline-block; } .home .abas .aba .info ol li p { width: 88%; margin-bottom: 0px; } .home .abas .aba .info .observacao { width: 90%; left: 0px; top: 0px; margin-top: 8px; padding: 2% 2% 2% 8%; font-size: 0.9em; color: #555; background-color: rgba(0,0,0,0.05); } .home .abas .aba .info .observacao.desenvolvedores { background-image: url(../imagens/icone-obs-desenvolvedores.png); background-repeat: no-repeat; background-position: 8px center; } .home .abas .aba .info .observacao h5 { margin: 0px; padding: 0px; } .home .abas .aba .info .observacao p { margin-bottom: 0px; } .home .modulos_home.transparente .modulo ul, .home .modulos_home.transparente { width: 100%; display: table; } .home .modulos_home.transparente .modulo ul li, .home .modulos_home.transparente .modulo { height: auto; display: table-cell; } .home .modulos_home.transparente .modulo + .modulo .margem_conteudo { border-left: 1px solid #d4d4d4; } .home .modulos_home.transparente .modulo h3 { display: inline-block; margin-bottom: 8px; margin-left: -19px; padding: 4px 12px; padding-left: 20px; color: #fff; font-size: 1.4em; text-transform: uppercase; } .home .modulos_home.transparente .modulo.largura33 p { font-size: 1.1em; line-height: 1.4; } .home .modulos_home.transparente .modulo ul li { padding: 5px 10px; border: none; } .home .modulos_home.transparente .modulo strong { padding: 0 6px; color: #fff; font-weight: normal; white-space: pre-wrap; background-color: #969696; } /*--------------------------------------------------------------------------------------------*/ /*-------------------------------- VERIFICAÇÃO ASSINATURAS -----------------------------------*/ .status_erro, .status_sucesso, .status_alerta, .status_carimbo, .status_contra_assinatura, .status_icp, .status_aguardando { background-repeat:no-repeat; background-position: left 1px; padding-left:20px; position:relative; padding-left: 20px; } .status_sucesso { background-image: url(../imagens/status-assinatura-sucesso.png); } .status_erro { background-image: url(../imagens/status-assinatura-erro.png); } .status_alerta { background-image: url(../imagens/status-assinatura-alerta.png); } .status_aguardando { background-image: url(../imagens/status-assinatura-aguardando.png); } td.status_sucesso, td.status_erro, td.status_alerta, td.status_aguardando { background-position: center; } .status_icp { background-image: url(../imagens/icone-icp.png); background-position: 0px 0px; } .status_carimbo { background-image: url(../imagens/icone-carimbo-tempo.png); background-position: 0px 0px; } div.status_sucesso, div.status_alerta, div.status_erro, div.status_icp, div.status_carimbo { height:24px; } .status_contra_assinatura { background-image: url(../imagens/icone-contra-assinatura-2.png); background-position: 0px 3px; } .campo_visualizacao .detalhes_assinatura, .botao_minimo, a.botao_minimo, .grid td input[type="button"].botao_minimo { text-decoration:none; color: #fff; font-size: 0.75em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0px; /*background-color:#a3b3ce; background-color:#bab8b6; Desabilitado para temas.*/ font-weight:normal; padding: 2px 5px 2px 5px; position:relative; top:-2px; left:3px; width:auto; margin:0px; -webkit-appearance: none; height:auto; display:inline-block; zoom:1; *display: inline; _height: 30px; cursor: pointer; line-height:1.0; position:relative; margin-right:2px; min-height:12px; } a.botao_minimo { height:12px; top:-2px; padding: 3px 7px 2px 7px; font-size:0.8em; } @-moz-document url-prefix() { a.botao_minimo { padding: 4px 7px 4px 7px; top:-2px; } } li ul li .botao_minimo {font-size:0.85em;} h4 .botao_minimo {font-size:0.6em; padding: 1px 5px 2px 5px;} span.botao_minimo:hover {cursor:default; background-color: #bab8b6; } .campo_visualizacao .detalhes_assinatura:hover, .botao_minimo:hover, .grid td input[type="button"].botao_minimo:hover { background-color: #222; color:#fff; text-decoration:none; } .campo_visualizacao .detalhes_assinatura:visited, .campo_visualizacao .detalhes_assinatura:active { color:#fff; } .contra_assinatura_1 { padding-left:28px; background-image: url(../imagens/icone-contra-assinatura.png); background-repeat:no-repeat; background-position: 3px 7px; } .contra_assinatura_2 { padding-left:56px; background-image: url(../imagens/icone-contra-assinatura.png); background-repeat:no-repeat; background-position: 31px 7px; } .contra_assinatura_3 { padding-left:84px; background-image: url(../imagens/icone-contra-assinatura.png); background-repeat:no-repeat; background-position: 61px 7px; } .carimbo_tempo { padding:10px; background-image: url(../imagens/icone-carimbo-tempo.png); background-repeat:no-repeat; background-position: 1px 10px; } .icp_brasil { padding:10px; background-image: url(../imagens/icone-icp.png); background-repeat:no-repeat; background-position: 1px 10px; } ul {list-style-type:none; list-style-position:outside;} ul li {padding:6px 0px;} ul li li {padding:4px 0px; font-size:0.9em;} ul li+li {border-top:1px solid #ddd;} ul li.separador {height:10px; border-top-width:0px} li.status_erro, li.status_sucesso, li.status_alerta {background-position: left 6px;} li.status_icp {background-position: left 5px;} li.status_carimbo {background-position: left 4px; } li h4 {margin-bottom:0px;} .espacamento { padding:3px 13px; } .container_check_radio span input { background-color: #fff !important; } .aba_combo {display:none;} .aba_combo.exibir_aba {display:block;} span.tag_azul, span.tag_cinza, span.tag_concluido, .lista_campos li span.tag_concluido, span.tag_pendente, .lista_campos li span.tag_pendente, span.tag_pendente, .lista_campos li span.tag_cancelado { margin: 0px 4px 0px 0px; padding: 3px 10px; color: #fff; background-color: #599441; } span.tag_concluido, .lista_campos li span.tag_concluido { background-color: #659352; } span.tag_pendente, .lista_campos li span.tag_pendente { background-color: #dcbd51; } span.tag_cancelado, .lista_campos li span.tag_cancelado { background-color: #b73f3f; } span.tag_azul, .lista_campos li span.tag_azul { background-color: #5175ab; } span.tag_cinza, .lista_campos li span.tag_cinza { background-color: #a5a5a5; } .grid td .lista_campos.com_alteracoes li { border-width:0px; background-repeat:no-repeat; padding:8px 0px 3px 23px; } .grid td .lista_campos.com_alteracoes li + li {border-top: 1px solid #ccc;} .lista_campos li.alteracao-incluir {background-image:url(../imagens/icone-adicionar-fileinput.png); background-position:2px 9px !important;} .lista_campos li.alteracao-remover {background-image:url(../imagens/icone-texto-excluir.png); background-position:1px 8px !important;} .lista_campos li.alteracao-substituir {background-image:url(../imagens/icone-botao-substituicao.png); background-position:0px 7px !important;} /*--------------------------------------------------------------------------------------------*/ /*-------------------------------- CONTATO -----------------------------------*/ .painel.mapa .margem_conteudo{padding:10px;} /*--------------------------------------------------------------------------------------------*/ /*-------------------------------- INFO SERVIÇO -----------------------------------*/ #area_slider { position: relative; padding: 0px 5px 0px 20px; background-color:rgba(255,255,255,0.8); *background-color: #eee; } .banners {border-width:0px;} .banners ul li {float:left; width:270px;} .banners ul li+li {border-width:0px;} .banners ul li+li .margem {border-right:1px dashed #ddd;} .retornar, .avancar { position: absolute; width: 32px; height: 82px; top: 50%; margin-top: -70px; z-index: 99; cursor: pointer; background-position: center; } .retornar { background-image: url(../imagens/cinza_esquerdo.png); left: -32px; } .retornar:hover { background-image: url(../imagens/cinza_esquerdo_h.png); } .avancar { background-image: url(../imagens/cinza_direito.png); right: -32px; } .avancar:hover { background-image: url(../imagens/cinza_direito_h.png); } .icone { width:100%; height:auto;} .numero_grande { background-image: url(../imagens/fundo-circulo-azul.png); background-repeat:no-repeat; font-size:2.2em; font-weight:bold; color:#fff; padding:10px 21px 10px 19px; width:22px; height:42px; text-align:right; position:relative; left:-6px; top:-5px; margin-bottom:0px; } /*-----------------------------------------------------------------------------------------*/ /*------------------------------------------ FAQ ------------------------------------------*/ .faq_categorias {padding-top:4px; border-bottom:1px solid #eee; margin-right:10px;} .faq_categorias li {padding:0px; border-width:0px; font-size:1.1em;} .faq_categorias li a { padding:8px; border-top:1px solid #ddd; display:block; text-decoration: none; } .faq_categorias li a:hover { text-decoration:none; background-color:#eee; color:#000; } .faq_categorias li a.ativo { text-decoration:none; border-top:1px solid #ddd; font-weight:bold; background-color:#fff; } .aba {display:none;} .aba.exibir_aba {display:block;} .painel_pergunta_faq { background-color: #FFFFFF; border: 1px solid #E5E5E5; color: #000000; margin: 5px 8px; padding: 15px 15px 10px 30px; font-size:1.0em; background-image:url(../imagens/icone-abrir.png); background-size: 14px 14px; background-repeat:no-repeat; background-position:10px 17px; } .painel_pergunta_faq.abrir { background-image:url(../imagens/icone-aberto.png); background-position:10px 19px; } .painel_pergunta_faq .area_retratil {display:none; margin-bottom:5px;} .painel_pergunta_faq.abrir .area_retratil {display:block; } a .painel_pergunta_faq span { font-size:1.2em; font-weight:bold; line-height:1.1; margin-bottom:5px; display:block; } a.show_hide:hover, a:hover .painel_pergunta_faq span, a .painel_pergunta_faq.abrir span { text-decoration:none; } .campo.faq { background-color:rgba(0,0,0,0.05); *background-color:#E4E5E1; padding:10px 0px 10px 10px; } /*-------------------------------------------------------------------------------------------*/ /*-------------------------------------- BOTÃO PAINEL ---------------------------------------*/ .botao_painel { position: relative; padding: 18px; cursor: pointer; display:block; background-color: #f4f4f4; border:1px solid #ddd; } .botao_painel:hover { padding: 20px 18px 16px; text-decoration: none; background-color: #efefef; } .botao_painel.ativo { padding: 20px 18px 16px; cursor: default; background-color: #ebebeb; border:1px solid #bbb; box-shadow: inset 0px 1px 4px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px 1px 4px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0px 1px 4px 1px rgba(0, 0, 0, 0.15); } /*-------------------------------------------------------------------------------------------*/ /*----------------------------------------- LOGIN -------------------------------------------*/ .login .painel .icone { width: 62px; height: 62px; float: left; margin-right: 10px; background-image: url(../imagens/icone-login-aviso.png); background-position: center; background-repeat: no-repeat; } .card_login_container { min-height: 130px; } .login .painel .icone.certificado { background-image: url(../imagens/icone-login-certificado.png); } /*-------------------------------------------------------------------------------------------*/ /*---------------------------------------- CARTEIRA -----------------------------------------*/ .carteira { height: 70px; padding-left: 30px !important; margin-bottom: 26px; display: block; } .carteira h3 { height: 24px; display: block; overflow: hidden; font-size: 1.35em; } .carteira .icone { width: 55px; height: 54px; position: absolute; left: -29px; top: 6px; background-repeat: no-repeat; background-position: center; } .carteira.pessoal .icone {background-image: url(../imagens/icone-pessoa-fisica.png);} .carteira.corporativa .icone {background-image: url(../imagens/icone-pessoa-juridica.png);} .botao_painel.carteira:hover .icone { top: 7px; } .botao_painel.ativo.carteira .icone { top: 8px; } .botao_painel.ativo.carteira:hover .icone { top: 8px; } /*-------------------------------------------------------------------------------------------*/ /*---------------------------------------- CADASTRO -----------------------------------------*/ .icone-pessoa_fisica, .icone-pessoa_juridica { width: 54px; height: 54px; float: left; margin-top: 5px; margin-right: 10px; background-position: center; background-repeat: no-repeat; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } .icone-pessoa_fisica { background-image: url(../imagens/icone-pessoa-fisica.png); } .icone-pessoa_juridica { background-image: url(../imagens/icone-pessoa-juridica.png); } .legenda { color: #444; font-size: 0.9em; margin:0px 1%; } .legenda img { margin-right: 2px; } /*-------------------------------------------------------------------------------------------*/ /*------------------------------------------ WIZARD -----------------------------------------*/ .wizard h3, .wizard h4 { float: left; margin-top: 2px; color: #000; font-weight: normal; } .wizard .etapa { width: 31px; height: 30px; float: left; text-align: center; margin-right: 7px; background-position: center; background-repeat: no-repeat; } .wizard .etapa h4 { color: #fff; font-weight: bold; float: none; } .wizard .etapa { background-image: url(../imagens/fundo-wizard.png); } .wizard { float: none; padding: 11px 15px 3px 12px; overflow: hidden; background-color: #fafafa; background-repeat: no-repeat; background-position: left center; background-image: url(../imagens/fundo-wizard-painel.png); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.13); -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.13); text-transform:uppercase; font-size:1.05em; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left:-1px; margin:0px !important; } .margem_conteudo .wizard { top:-20px; left:-19px; } .wizard h4 { margin-top: 0px; } .wizard .etapa { background-image: none; text-align: left; } .titulo_tela+.wizard { margin-top:15px; } .painel .separador, .painel_abas .separador{ margin:16px 0px; border-top:4px double #d4d4d4; height:1px; clear:both; } .painel .separador_simples, .painel_abas .separador_simples { margin:10px 0px; border-top:1px dotted #d4d4d4; height:1px; clear:both; } .painel .separador_fino, .painel_abas .separador_fino { height:1px; border-top:1px solid #e8e8e8; } .wizard+.separador { margin-top:10px; } .separador.sem_margem { margin: 0px; } .painel .titulo_sessao { margin-bottom:8px; border-bottom:1px dotted #ccc; } .painel .titulo_sessao h4 { display:inline-block; padding:4px 8px 4px 8px; padding:0px 0px 0px 0px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; position:relative; left:0px; background-color:#f5f5f5; background-color:transparent; } .titulo_sessao span { background-color:#eedddd; background-image:url(../imagens/icone-alerta-campo.png); background-repeat:no-repeat; background-position:7px 6px; display:inline-block; padding:4px 15px 5px 27px; vertical-align:top; position:relative; top:-3px; left:5px; } .painel .titulo_sessao+.grid {margin-top:10px;} .perfis {margin:6px 1%;} .perfis em {font-size:0.9em; margin:5px 0px 25px 0px; display:block;} /*--------------------------------------------------------------------------------------------*/ /*--------------------------------------- GRID (CRUD) ----------------------------------------*/ /* .coluna.filtros { width: 89%; padding-right: 1%; } Alteração BRy */ .coluna.filtros .coluna.fundo { padding-left: 1%; box-sizing: border-box; -moz-box-sizing: border-box; } .grid { position: relative; } .titulo_tela+.grid { margin-top: 10px; } .grid .lista-botoes { position: absolute; left: 0px; top: -1px; margin:0px; z-index: 9; } .grid tbody td.celula_acoes { overflow:visible !important;} .grid tbody td ul.lista-botoes { position: static; background-color: transparent; background-image: none; border: none; } .grid tbody tr:hover td ul.lista-botoes li+li { border-color: #cdc9d6; } .grid tbody td ul.lista-botoes li input { padding: 7px 15px 13px; top: -3px; } .grid tbody td ul.lista-botoes li input.botao_texto { padding: 4px 8px 17px; } .grid tbody td ul.lista-botoes li input:hover { background-position: center -4px; } .grid tbody td ul.lista-botoes li input.botao_texto.mais { padding: 3px 16px 18px 10px; background-position: right 9px; } .grid tbody td ul.lista-botoes li input.botao_texto.mais:hover { background-position: right 9px; } .grid tbody td ul.lista-botoes li .ui-fileupload .ui-button-text, .grid tbody td ul.lista-botoes li .ui-fileupload button.ui-button, .grid tbody td ul.lista-botoes li .ui-fileupload > .ui-fileupload-content { display: none !important; } .grid tbody td ul.lista-botoes li .ui-fileupload > .ui-fileupload-buttonbar { width: 18px !important; height: 22px !important; padding: 0 4px !important; background: none !important; border: none !important; } .grid tbody td ul.lista-botoes li .ui-fileupload .ui-fileupload-buttonbar .ui-button input { width: 20px !important; height: 20px !important; } .grid tbody td ul.lista-botoes li .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon.ui-icon-plusthick { width: 16px; height: 2px; padding: 9px 5px !important; background-image: url(../imagens/icone-botao-substituicao.png) !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; } .grid tbody td ul.lista-botoes li .ui-fileupload:hover .ui-fileupload-buttonbar .ui-button .ui-icon.ui-icon-plusthick { padding: 10px 5px !important; } .grid table { width: 100%; background-color: #fff; border: 1px solid #e5e5e5; } .grid table thead th { background-color: transparent!important; background-image: url(../imagens/fundo-grid-header.png); background-position: bottom !important; background-repeat:repeat-x; border-left: 1px solid #E4E4E4 !important; } .grid tr:hover th { background-color: #fff; background-image: url(../imagens/fundo-grid-header.png); background-position: bottom; background-repeat:repeat-x; } /*.grid tr.linha_par,*/ .grid tr:nth-child(even) { background-color: #f4f4f4 !important; } .grid tr:nth-child(even) td + td { border-left: 1px solid #e2e2e2; } .grid tr.ui-datatable-even { background-color: inherit!important; } .grid tr.linha_rodape { border-top:2px solid #ddd; background-color:#eee !important; box-shadow:0px 0px 4px rgba(0,0,0,0.1) inset; -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.1) inset; } .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .grid thead th, .grid tbody td, .grid tfoot td { border-style: solid; border-width: 1px; padding: 6px 12px; text-align: left; border: none; word-break: break-word; } .grid td { font-size: 0.88em; line-height:1.1; color: #222; vertical-align: middle; border-top: 1px solid #e4e4e4 !important; border-left: 1px solid #eee !important; } .grid .ui-datatable-odd td + td { border-left: 1px solid #e2e2e2; } .grid td .campo { margin: 0px !important; } .grid td .campo .componente { padding-bottom: 0px !important; } .grid td.fixo > div { height: 14px; line-height: 1.2; overflow: hidden; } .grid .esconder_mobile { display:table-cell !important; } .grid td input[type="button"] { width: 20px; height: 14px; margin: 0px; cursor: pointer; border: none; background-color: transparent; background-position:center; background-repeat: no-repeat; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .grid td input[type="button"]:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .grid td input.excluir { background-image: url(../imagens/icone-botao-excluir.png); background-position: center center; border: none; } .grid td input.excluir[disabled] { background-image: url(../imagens/icone-botao-excluir-d.png); } .grid td input.download { background-image: url(../imagens/icone-botao-download.png); } .grid td input.download[disabled] { background-image: url(../imagens/icone-botao-download-d.png); } .grid td input.adicionar { width: 21px; height: 21px; background-image: url(../imagens/icone-grid-adicionar.png); } .lista_campos { padding:0px; margin:0px; background-repeat:no-repeat; background-position: left center; } .grid td .lista_campos.pessoa { background-image: url(../imagens/icone-usuario.png); padding-left:25px; } .grid td .lista_campos.pessoa_externa { background-image: url(../imagens/icone-usuario-externo.png); padding-left:25px; } .grid td .lista_campos.grupo { background-image: url(../imagens/icone-grupos.png); padding-left:25px; } .grid td .lista_campos.empresa { background-image: url("../imagens/icone-corporativo.png"); padding-left: 25px; } .lista_campos.destaques { font-size:1.1em; line-height:1.1; /*border-right:1px solid #ddd;*/ padding:2px 10px; position:relative; left:-18px; } .billing .lista_campos.destaques { left:-30px; } .lista_campos.destaques.sem_borda{ border-left:8px solid #fff; } .lista_campos.destaques li{ padding:0px 0px 0px 10px; border:0px; display:block; word-wrap: break-word; } .lista_campos.destaques li.principal { font-size:1.5em; letter-spacing:-0.5px; padding:0px 0px 0px 10px; } .lista_campos li { margin-bottom:3px; margin-right:10px; padding:1px 10px 1px 0px; border-width:0px; border-right:1px solid #ccc; display:inline-block; word-break: break-word; } .grid td .lista_campos.com_acoes li { display: block; border-right: none; } .grid td .lista_campos.com_acoes li + li { border-top: 1px solid #ccc; } .grid td .lista_campos.com_acoes li a, .grid td .lista_campos.com_acoes li > img { display: inline-block; vertical-align: middle; } .grid td .lista_campos.com_acoes li a:hover { background-color: #e5e5e5; border-radius: 22px; } .lista_campos li.principal { font-size:1.2em; font-weight:bold; display:block; border:0px; } .lista_campos li.negrito { font-size:1.2em; font-weight:bold; } span.tag { display: inline-block; font-size:0.9em; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:3px 10px; margin-left:5px; } .lista_campos li:last-child { border-right:0px; margin-right:0px; padding-right:0px; } .lista_campos label { font-weight:bold; text-transform:uppercase; margin-right:5px; } .grid tr.assinante+tr.convidado td { border-top: 3px solid #ddd !important; } .grid td .lista-botoes li h3 { margin-right:9px; font-size:1.4em; } .opcoes_grid { font-size:0.9em; } .grid td input { padding:3px 7px; } .esconder { display:none; } .grid th.direita, .grid td.direita, .direita { text-align:right !important; } .centro {text-align:center !important;} /*--------------------------------------------------------------------------------------------*/ /*------------------------------------ ASSOCIAÇÃO (CRUD) -------------------------------------*/ .coluna.grid_associacao { width: 48%; margin-top: 11px; } .coluna.grid_associacao .coluna_botao { width: 16%; padding-left: 3%; } .coluna.grid_associacao .coluna.filtros { width: 80%; } .coluna.grid_associacao .topo { background-color:#F1EFEA; border-bottom: 1px solid #ddd; padding: 7px 12px 5px; box-shadow: 1px 1px 4px #eee, 1px 1px 3px #fff inset ; -webkit-box-shadow:1px 1px 4px #eee, 1px 1px 3px #fff inset; -moz-box-shadow: 1px 1px 4px #eee, 1px 1px 3px #fff inset; } .coluna.grid_associacao .topo h4 { color: #333; font-size: 1.25em; } .coluna.grid_associacao .grid { height: 407px; overflow: hidden; background-color: #f7f7f2; border: 1px solid #e3e3e3; } .coluna.grid_associacao .grid table { border: none; } .coluna.grid_associacao .grid .grid_scroll table { border-bottom: 1px solid #ddd; } .coluna.grid_associacao .grid .grid_scroll{ height: 371px; overflow: auto; overflow-x: hidden; } .coluna.grid_associacao .grid table .checker { margin-right: 0px; } .coluna.botao_associacao { width: 4%; padding-top: 220px; } .coluna.botao_associacao ul { display: block; position: relative; } .coluna.botao_associacao ul li+li { border: none; } .coluna.botao_associacao ul li input { width: 48px; height: 74px; position: absolute; display: block; cursor: pointer; border: none; background-repeat: no-repeat; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; z-index: 9; } .coluna.botao_associacao ul li input.botao_direita { top: 0px; left: -10px; background-position: top right; background-image:url(../imagens/fundo-botao-associacao-direita.png); } .coluna.botao_associacao ul li input.botao_direita:hover { background-image:url(../imagens/fundo-botao-associacao-direita-h.png); } .coluna.botao_associacao ul li input.botao_esquerda { top: 79px; right: -10px; background-position: top left; background-image:url(../imagens/fundo-botao-associacao-esquerda.png); } .coluna.botao_associacao ul li input.botao_esquerda:hover { background-image:url(../imagens/fundo-botao-associacao-esquerda-h.png); } .coluna.botao_associacao ul li input:hover { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px 01px rgba(0, 0, 0, 0); } /*--------------------------------------------------------------------------------------------*/ /*---------------------------------------- DASHBOARD -----------------------------------------*/ .corpo .dashboard { margin: 20px 0px; padding: 10px 3px 0px 3px; background-color: rgba(0, 0, 0, 0.06); } .dashboard .barra_titulo { padding:0px 20px 10px 10px; } .dashboard .barra_titulo h4 { width:50%; float:left; display:block; } .dashboard .barra_titulo a { width:auto; float:right; text-align:right; margin-right: 20px; /*background-color: rgba(0, 0, 0, 0.12); box-shadow: 1px 1px 3px #CCCCCC inset; -moz-box-shadow: 1px 1px 3px #CCCCCC inset; -webkit-box-shadow: 1px 1px 3px #CCCCCC inset; Desabilitando temas. */ padding:4px 10px 5px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-left:5px; text-decoration: none; } .dashboard .barra_titulo a:hover { text-decoration:none; /*background-color: #000; box-shadow: 0px 0px 0px #CCCCCC inset; -moz-box-shadow: 0px 0px 0px #CCCCCC inset; -webkit-box-shadow: 0px 0px 0px #CCCCCC inset; color:#fff; Desabilitado para temas. */ } .dashboard .modulo .painel { position: relative; margin: 0px 6px 12px; padding: 0px; padding-bottom: 5px; overflow: hidden; background-color: #fff; border: 1px solid #d3d3d3; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.04); } .dashboard .modulo.totais.largura50 { width: 49.5%; } .dashboard .modulo.pequeno .painel { height: 258px; } .dashboard .modulo.largura100.pequeno .painel { height: auto; } .dashboard .modulo.grande .painel { height: 535px; } .dashboard .modulo.totais.largura50 .painel { height: 111px; } .dashboard .modulo.totais.largura100 .painel { height: 72px; } .dashboard .modulo.totais.largura100 { width: 100%; } .dashboard .modulo .topo { border-bottom: 1px solid #ddd; padding-bottom:2px; background-color:#F1EFEA; box-shadow: 1px 1px 4px #eee, 1px 1px 3px #fff inset ; -webkit-box-shadow:1px 1px 4px #eee, 1px 1px 3px #fff inset; -moz-box-shadow: 1px 1px 4px #eee, 1px 1px 3px #fff inset; } .dashboard .modulo .topo h4 span { margin-left: 7px; padding: 2px 8px 1px 8px; /* background-color:#E0DDD7; */ border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; font-size:0.85em; } .dashboard .totais.largura50 .total { width: 25%; height: 87px; margin: 0 1%; padding: 10px 3%; } .dashboard .totais.largura100 .total { width: 16.9%; height: 50px; margin: 0px; padding: 10px 1.5%; } .dashboard .totais .total { float: left; overflow: hidden; font-size: 0.9em; line-height: 1.2; } .dashboard .totais .total+.total { border-left: 1px solid #e8e8e8; } .dashboard .totais .total h1, .dashboard .totais .total h2 { margin-bottom: 6px; line-height: 0.9; } .dashboard .totais .total h1 { font-size: 3.7em; } .dashboard .totais .total h2 { font-size: 1.9em; } .dashboard .totais.largura100 .total h1 { float: left; margin: 0px 6px 0px 0px; } .dashboard .modulo h4 { float: left; margin: 0px; padding: 9px 5px 6px 12px; color: #005CA2; color: #222; font-size: 1.25em; font-weight: normal; } .dashboard .modulo .painel .botao_pequeno { float: right; margin: 10px 5px 0px 0px; } .dashboard .modulo .painel .botao_pequeno:hover { /*background-color: #333; box-shadow: 1px 1px 3px #000 inset; -webkit-box-shadow:1px 1px 3px #000 inset; -moz-box-shadow: 1px 1px 3px #000 inset; Desativado para temas. */ } .dashboard .modulo .painel .conteudo { padding: 5px 5px 0px 5px; border-top: 0px solid #ddd; overflow-y: auto; } .dashboard .modulo.pequeno .conteudo { height: 219px; } .dashboard .modulo.grande .conteudo { height: 496px; } .dashboard .modulo .painel .conteudo .verificacao { padding: 7px 12px; } .dashboard .modulo .painel .conteudo .verificacao .campo { margin: 11px 0px; padding: 14px 0px 8px; border-top: 1px dashed #d2d2d2; border-bottom: 1px dashed #d2d2d2; } .dashboard .modulo .painel .conteudo .verificacao .observacao { width: 200px; } .dashboard .modulo .painel .conteudo img { width: 100%; } .dashboard .modulo .painel .conteudo ul, .dashboard .modulo .painel .conteudo ol { margin: 5px 5px 0px 5px;} .dashboard .modulo .painel .conteudo ul li, .dashboard .modulo .painel .conteudo ol li { padding: 0px; word-break: break-word; } .dashboard .modulo .painel .conteudo li a, .dashboard .modulo .painel .conteudo li span { padding: 6px 8px 8px 8px; font-size:0.95em; display:block; text-decoration: none; } .dashboard .modulo ul li + li { border-top: 1px solid #ddd; } .dashboard .modulo .painel .conteudo ul li a:hover, .dashboard .modulo .painel .conteudo ol li a:hover { background-color: #f3f3ef; } .dashboard .modulo .painel .conteudo ul.com_marcador li { padding-left: 20px; background-image: url(../imagens/marcador-circular-pequeno.png); background-position: 2px 10px; background-repeat: no-repeat; } .dashboard .modulo .painel .conteudo ul.com_marcador li a, .dashboard .modulo .painel .conteudo ul.com_marcador li span { padding-left: 2px; } .dashboard .modulo a.sucesso, .dashboard .modulo span.sucesso, .dashboard .modulo a.erro, .dashboard .modulo span.erro, .dashboard .modulo a.alerta, .dashboard .modulo span.alerta { padding-left: 23px !important; background-position: 2px 8px; background-repeat: no-repeat; } .dashboard .modulo a.sucesso, .dashboard .modulo span.sucesso { background-image: url(../imagens/status-assinatura-sucesso.png); } .dashboard .modulo a.erro, .dashboard .modulo span.erro { background-image: url(../imagens/status-assinatura-erro.png); } .dashboard .modulo a.alerta, .dashboard .modulo span.alerta { background-image: url(../imagens/status-assinatura-alerta.png); } .dashboard .modulo .painel .conteudo ol li { padding-left: 25px; *padding-left: 0px; *list-style: decimal; counter-increment: customlistcounter; list-style-position:outside; *border-bottom: 1px solid #ddd; } .dashboard .modulo .painel .conteudo ol li:before { position: absolute; left: 0px; top: 6px; padding: 5px 7px; content: counter(customlistcounter) " "; color: #444; font-weight: bold; font-size: 0.9em; line-height: 0.9; background-color:#eee; box-shadow: 0px 0px 2px #ccc inset; -webkit-box-shadow: 0px 0px 2px #496cac inset; -moz-box-shadow: 0px 0px 2px #496cac inset ; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .dashboard .modulo .painel .conteudo ol:first-child { counter-reset: customlistcounter; } .dashboard .modulo .painel .conteudo ol li+li { border-top: 1px solid #ddd; } .dashboard .modulo .painel .conteudo .com_creditos li { position: relative; } .dashboard .modulo .painel .conteudo .com_creditos li a, .dashboard .modulo .painel .conteudo .com_creditos li span { padding-right: 64px; } .dashboard .modulo .painel .conteudo .com_creditos .valor { float: right; position: absolute; right: 5px; top: 5px; padding: 1px 9px 3px 25px; margin: 0 0 0 8px; background-image: url(../imagens/icone-creditos-dashboard.png); background-position: 6px 3px; } .dashboard .modulo .grid thead th { padding: 5px 12px; } .dashboard .modulo strong.indicador { font-size:2.1em; line-height:0.6; font-weight:bold; background-color:transparent; padding-right:10px; margin:0px; position:relative; top:4px; } .dashboard .modulo .painel ul li.botao { overflow: hidden; margin-bottom: 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-image:url(../imagens/fundo-botao-lista.png); background-repeat: repeat-x; background-position:bottom; border-top: 1px solid #f4f4f4; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #e2e2e2; } .dashboard .modulo .painel ul li.botao:hover { border: 1px solid #d7d7d7; } .dashboard .modulo .painel ul li.botao a { padding: 10px; background-image: url(../imagens/icone-botao-seta.png); background-repeat: no-repeat; background-position:right center; } .dashboard .modulo .painel ul li.botao a:hover { padding: 11px 11px 9px; background-position:right 10px; box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.1); } .dashboard .modulo .painel.edicao { background-color: #f5f5f0; } .dashboard .modulo .painel.edicao .conteudo { padding: 5px 9px 0px; } .dashboard .modulo .painel.edicao .conteudo .campo.largura100 { width: 97%; } .dashboard .modulo .painel.edicao .conteudo textarea { max-height: 90px;} .dashboard .modulo .painel.edicao .conteudo .margem_superior_pequena { margin-left: 1%;} .dashboard .modulo .painel .conteudo span.pendencia_critica, span.pendencia_critica, .dashboard .modulo .painel .conteudo span.pendencia_moderada, span.pendencia_moderada, .dashboard .modulo .painel .conteudo span.pendencia_leve, span.pendencia_leve, .dashboard .modulo .painel .conteudo span.tag_simples, span.tag_simples, .dashboard .modulo .painel .conteudo span.sem_pendencia, span.sem_pendencia { padding: 1px 4px 1px 0px; background-repeat:no-repeat; background-position:0px 2px; line-height:1.3; } .dashboard .modulo .painel .conteudo span.pendencia_critica strong, span.pendencia_critica strong, .dashboard .modulo .painel .conteudo span.pendencia_moderada strong, span.pendencia_moderada strong, .dashboard .modulo .painel .conteudo span.pendencia_leve strong, span.pendencia_leve strong, .dashboard .modulo .painel .conteudo span.tag_simples strong, span.tag_simples strong, .dashboard .modulo .painel .conteudo span.sem_pendencia strong, span.sem_pendencia strong { margin-right:5px; background-color:#eee; padding:3px 5px 2px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff; font-size:0.9em; margin-bottom:10px; position:relative; } .dashboard .modulo .painel .conteudo span.pendencia_critica strong, .dashboard .modulo .painel .conteudo span.pendencia_moderada strong, .dashboard .modulo .painel .conteudo span.pendencia_leve strong, .dashboard .modulo .painel .conteudo span.tag_simples strong, .dashboard .modulo .painel .conteudo span.sem_pendencia strong { float:left; left:-5px; } .dashboard .legenda {border-top: 1px dotted #aaa;} .dashboard .legenda ul li {display:inline-block;} .mobile .dashboard .legenda ul li {display:block;} .legenda span.pendencia_critica strong, .legenda span.pendencia_moderada strong, .legenda span.pendencia_leve strong, .legenda span.tag_simples strong, .legenda span.sem_pendencia strong { margin-left:15px; } .dashboard .modulo .painel .conteudo span.pendencia_critica strong, span.pendencia_critica strong { background-color:#b73f3f;} .dashboard .modulo .painel .conteudo span.pendencia_moderada strong, span.pendencia_moderada strong { background-color:#dcbd51;} .dashboard .modulo .painel .conteudo span.pendencia_leve strong, span.pendencia_leve strong { background-color:#5175ab;} .dashboard .modulo .painel .conteudo span.sem_pendencia strong, span.sem_pendencia strong { background-color:#71b758;} .dashboard .modulo .painel .conteudo span.tag_cinza strong, span.tag_cinza strong { background-color:#a5a5a5;} .dashboard .modulo .painel .conteudo span.tag_simples strong, span.tag_simples strong { background-color:#ffffff; border: 1px solid #cccccc; color: #000000;} .dashboard .modulo .painel .conteudo span.data_critica {background-colorx:#c25555;} .dashboard .modulo .painel .conteudo .saldo_conta { background-color:#f6f4ee; margin:5px 3px 10px 3px; padding:12px; border:1px solid #e5e5e5; } .dashboard .modulo .painel .conteudo .saldo_conta a { background-color: rgba(0, 0, 0, 0.12); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 1px 1px 3px #CCCCCC inset; -moz-box-shadow: 1px 1px 3px #CCCCCC inset; -webkit-box-shadow: 1px 1px 3px #CCCCCC inset; float: right; margin-left: 5px; padding: 5px 8px 4px; text-align: right; width: auto; font-size:0.55em; margin-top:1px; font-weight:normal; text-decoration: none; } .dashboard .modulo .painel .conteudo .saldo_conta a:hover { background-color: rgba(0, 0, 0, 0.7); color:#fff; box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; text-decoration:none; } .dashboard .modulo .conteudo .submodulo { width: 14%; margin: 8px 0.4% 8px; padding: 12px 0.8%; float: left; text-align: center; background-color: #f4f4f1; } .dashboard .modulo .conteudo .submodulo h4 { float: none; padding: 0px 4px; font-size: 1.1em; } .dashboard .modulo .conteudo .submodulo span { width: 100%; display: inline-block; margin: 6px 0px; padding: 5px 0px; font-size: 1.4em; font-weight: bold; background-color: #ecece9; } .grafico { padding:15px 0px;} .grafico img { max-width: 100%; display: block; margin: auto; } /*--------------------------------------------------------------------------------------------*/ /*---------------------------------------- DATEPICKER ----------------------------------------*/ .ui-datepicker.ui-widget.ui-widget-content { padding: 0px; border-top: none; border: 1px solid #ccc !important; box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.12); } .ui-datepicker.ui-widget.ui-widget-content.ui-corner-all { border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; } .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header { padding: 0px !important; background-image: none !important; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: none !important; border-bottom: 1px solid #4765a7 !important; } .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-next { cursor: pointer; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover, .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover { padding: 1px; background-image: none; background-color: #5780BC; border: none; box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.08); } .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover span, .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover span { background-image: url(../scripts/jquery-ui/css/ui-lightness/images/ui-icons_ffffff_256x240.png) !important; } .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-title { padding-top: 3px; text-shadow: none; } .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month, .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { font-weight: normal; } .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year { padding: 2px 4px; margin: 1px 3px 3px 1px; border: none; background-image: url(../imagens/icone-datepicker-select.png); background-position: center right; background-repeat: no-repeat; } .ui-datepicker.ui-widget.ui-widget-content table.ui-datepicker-calendar { width: 96%; margin: 0px 2% 6px; border-top: 1px solid #fff; } .ui-datepicker.ui-widget.ui-widget-content td span, .ui-datepicker.ui-widget.ui-widget-content td a { text-align: center; } .ui-datepicker.ui-widget.ui-widget-content td a.ui-state-hover { color: #333; background-image: none; } .ui-datepicker.ui-widget.ui-widget-content td a.ui-state-highlight { color: #2297c5; background-image: none; background-color: #eee; border: 1px solid #eee; } .ui-datepicker.ui-widget.ui-widget-content td a.ui-state-active { color: #fff; font-weight: bold; background-image: none; } .ui-datepicker-calendar thead { border-bottom: 1px solid #dfdfdf; } .ui-datepicker-calendar thead tr th { padding-top: 5px; padding-bottom:5px; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 46% !important; } /*--------------------------------------------------------------------------------------------*/ /*---------------------------------------- billing ----------------------------------------*/ .painel.billing, .billing, .painel.intro { clear:both; font-size:1.1em; line-height:1.1em; margin-bottom:20px; } .painel.billing .dashboard, .billing .dashboard { font-size: 0.9em; } .billing .grid table { border-width:0px; border-bottom-width:1px; background-color:transparent; margin-bottom:0px; } .billing .grid tr { background-color:transparent !important} .billing .grid tr.total_grid { background-color: #f4f4f4 !important; } .billing .grid.resumo tr td:first-child { background-image: url(../imagens/icone-assinatura.png); background-repeat: no-repeat; background-position: 21px center; } .billing .grid.resumo tr.compra td:first-child { background-image: url(../imagens/icone-creditos.png); background-repeat: no-repeat; background-position: center; } .billing .grid.resumo tr.total_grid td { background-image: none; } .billing .grid tr.total_grid td {border-top: 4px double #E4E4E4 !important; } .billing .grid td { font-size:0.92em;} .billing .seletores .grid td { font-size:1.05em;} .billing .grid td input { margin:0px;} .billing .grid.promocao td { font-size:0.9em;} .billing .grid table thead th { background-image: none; border-left: 0px solid #E4E4E4 !important; border-top: 1px solid #E4E4E4 !important; background-color:#fbfbfb; } .billing .grid h4 {margin-left:5px;} .billing .compra { margin-top:20px; } .billing h4+.compra { margin-top:5px; } .billing h6 { font-weight:bold; margin-bottom:8px; font-size:1.1em; } .billing .compra .total { font-size:1.3em; display:inline-block; vertical-align:top; zoom:1; *display:inline; margin-right:5px; background-color:transparent; padding:6px 10px 3px 0px; height:28px; } .billing .compra .botao_medio+.total {margin-left:10px;} .billing .compra.fundo { font-size:1.1em; } .billing .compra.destaque { background-color:#f5f5f5; padding:15px 10px; margin-top:0px; } .billing .compra .campo_total { font-size:1.4em; display:inline-block; vertical-align:top; zoom:1; *display:inline; margin-right:2px; background-color:transparent; padding:4px 10px 3px 10px; } .billing .compra .campo_total input { height:auto; width:200px; text-align:right; padding:3px 7px; font-size:0.7em; } .billing .compra .botao_medio { padding:7px 12px 6px 12px; display:inline-block; vertical-align:top; } .billing .compra span { margin-left:10px; font-weight:normal; color:#555; font-size:0.95em; display:inline-block; vertical-align:top; max-width:500px; margin-top:0px; } .billing .compra span em { font-size:0.9em; } .billing .largura60 .compra span { max-width:390px; } .billing .painel { margin-bottom:0px; } .billing .painel+.painel { margin-top:22px; } .grid .total_grid { font-size:1.15em; } .billing .grid tr.compra td { background-color:#f4f8fa !important; } .billing h4 .botao_pequeno { position:relative; top: -3px; margin-left: 6px; background-color: #d5d5d5; font-size:0.65em; z-index: 9; box-shadow: 1px 1px 3px #ccc inset; -webkit-box-shadow:1px 1px 3px #ccc inset; -moz-box-shadow: 1px 1px 3px #ccc inset; } .billing h4 .botao_pequeno:hover { background-color: #777; box-shadow: 0px 0px 0px #ccc inset; -webkit-box-shadow:0px 0px 0px #ccc inset; -moz-box-shadow: 0px 0px 0px #ccc inset; } .card_container { width: 100%; display: table; } .card { display:table-cell; *float:left; *display:block; border-top:1px solid #e2e2e2; background-color:#fff; background-image:url(../imagens/fundo-card.png); background-repeat:no-repeat; } .marcador_painel .margem_conteudo { background-image: url(../imagens/marcador-card.png); background-position: left 18px; background-repeat: no-repeat; } .billing .marcador_painel .margem_conteudo { background-position: left 26px; } .card .margem_conteudo { padding:25px; /*display:table-cell;*/} .billing .margem_conteudo { padding: 20px 30px; /*display:table-cell;*/} .card.vantagem .margem_conteudo, .painel.intro .card .margem_conteudo{ padding: 24px; padding-bottom: 18px; *height:100px; } .painel.intro .card .margem_conteudo { max-height: 104px; overflow: hidden; } .painel.intro.ordenado .card .margem_conteudo { max-height: 130px; } .card.preco .margem_conteudo { *height:260px;} .card .margem_conteudo { *height:340px;} .card.vantagem, .painel.intro .card { text-align: center; } .vantagem h5 { font-style: normal; padding-left: 18px; padding-top: 0px; padding-bottom: 0px; } .card.vantagem img { display: block; margin: -12px auto 9px; width: 40%; } .painel.intro .card .icone_circulo_cor { width: 30px; display: block; margin: -12px auto 6px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .card+.card { border-left:1px solid #eee; } .painel_billing { background-color:#eee; padding:20px; margin-top:10px; } .painel_billing .seletores > ul { background-color:#fff; } .seletores > ul { list-style-type:none; position:relative; margin:0px 0px 25px 0px; background-color:#f3f3f3; border:0px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:1.1em; line-height:1.1; overflow:hidden; text-align:center; } .seletores > ul > li { float:left; border-width:0px; margin:0px; padding:0px; } .seletores > ul .botao { padding:15px 10px 20px 10px; font-size: 0.8em; cursor:pointer; } .seletores ul .btn_opcao a:active, .seletores ul .btn_opcao a:visited, .seletores ul .btn_opcao a:hover, .seletores ul .btn_opcao a { text-decoration: none; } .seletores ul .botao:hover, .seletores ul li.selecionado .botao:hover { background-color:#ddd; } .seletores ul li.selecionado .botao { color:#000; box-shadow:0px 0px 0px 0px #d6d6d6 inset; -moz-box-shadow:0px 0px 0px 0px #d6d6d6 inset; -webkit-box-shadow:0px 0px 0px 0px #d6d6d6 inset; } .seletores ul li+li .botao { border-left:1px solid #ddd; color:#666; } .seletores ul .ou { display:block; width:10%; height:20px; position:absolute; text-align:center; top:28px; left:45%; background-color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:7px 0px 9px 0px; border:1px solid #eee; } .seletores.menor ul { font-size:1.0em; line-height:1.1; } .seletores.menor label { font-size:0.8em; line-height:1.1; } .seletores.menor ul .botao { padding:10px 50px 15px 50px; } .seletores.horizontal ul { list-style-type:none; position:relative; margin-bottom:10px; margin-top:10px; background-color:#f3f3f3; border:0px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:1em; line-height:1.1; overflow:hidden; text-align:left; border:1px solid #ccc; } .seletores.horizontal ul li { float:none; border-width:0px; margin:0px; padding:0px; display:block; } .seletores.horizontal ul li+li { border-top:1px solid #ccc; } .seletores.horizontal ul li .campo { float:none; display:inline-block; } .seletores.horizontal ul .botao { padding:8px 20px; cursor:pointer; } .seletores .opcao { padding:0px; background-color:#f7f7f7; background-color:transparent; display:none; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-size:0.9em; } .seletores .opcao.selecionado { display:block; } .seletores .opcao .descricao { padding:10px 20px; line-height:1.3; } .conta_destino { float:left; display:inline; font-size:0.9em; margin:15px 0px 0px 20px; line-height:0.8; background-color:rgba(0,0,0,0.1); padding:5px 12px 1px 12px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .conta_destino li { padding-top:0px; padding-bottom:0px; vertical-align:top; } .conta_destino li h4{ font-size:1.3em; } .conta_destino li .botao_pequeno { margin:2px 0px 0px 0px; padding:6px 10px; font-size:0.9em; } .grid.marcador_linha tr td:first-child { background-image:url(../imagens/marcador-circular-pequeno.png); background-repeat:no-repeat; background-position:5px 14px; padding-left:25px !important; text-transform:uppercase; line-height:22px; } .grid .indentacao { margin:10px 0px 10px 0px; font-size:0.9em; border-top:1px solid #ddd; text-transform:none; line-height:1.2em; } .grid td .indentacao a.botao_minimo, .grid td .indentacao input.botao_minimo { font-size:0.9em; } .grid td input[type="button"].botao_minimo { right:0px; float:right; width:65px; } .grid td input[type="button"].botao_minimo.info { float: none; background-color:#ccc; } .grid td input[type="button"].botao_minimo.info:hover { background-color:#222; } .observacao.bonus { font-weight:bold; font-size:1.1em; } .observacao.bonus em { font-size:0.85em; font-weight:normal; } .destaque .lista_campos { margin-left:7px; } .icone_paypal { background-color: #555555; background-image: url("../imagens/icone-paypal.png"); background-position: center 10px; background-repeat: no-repeat; border: 0 none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #FFFFFF; display: inline-block; font-size: 0.85em; height: 28px; margin-right: 10px; padding: 5px 7px; text-decoration: none; width: 120px; float:left; } /*--------------------------------------------------------------------------------------------*/ /*------------------------------------------- ABAS -------------------------------------------*/ .abas > ul { display: block; padding-top: 8px; padding-left: 4px; background-color: rgba(0, 0, 0, 0.06); *background-color: #dcdcdc; border: 1px solid #d7d7d7; border-bottom: none; } .abas > ul li { float: left; padding: 0px 4px; border: none; } .abas > ul li a, .abas > ul li span { display: block; padding: 8px 14px; text-decoration:none; background-color: rgba(0, 0, 0, 0.05); *background-color: #d0d0d0; border: 1px solid #ccc; border-bottom: none; } .abas > ul a.ativo, .abas > ul span.ativo { background-color: #fff; border-color: #fff !important; } .abas > ul li a:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.1); *background-color: #bbb; border-color: #c7c7c7; *border-color: #b7b7b7; } .abas > ul li a.ativo:hover { background-color: #fff; } .painel_abas .aba { background-color: #fff; border: 1px solid #E5E5E5; border-top: none; } .painel_abas .aba .dashboard { background-color: rgba(0, 0, 0, 0.02); margin:0px; padding: 7px 0px 0px; } .billing #aba_dashboard .margem_conteudo { padding: 10px !important; } .billing #aba_dashboard .grid table { border: 1px solid #E5E5E5 !important; } .painel_abas .aba .grid table { border-left: 0px; border-right: 0px; } /*--------------------------------------------------------------------------------------------*/ /*----------------------------------------- SLIDER -------------------------------------------*/ #slider-container { width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; z-index: 9999999; } /*** SLIDER ***/ #slider-container .owl-carousel .owl-item li.slide { padding: 0px; box-sizing:border-box; -moz-box-sizing:border-box; } #slider-container .owl-carousel .owl-controls { width: 100%; position: absolute; bottom: 50%; margin-bottom: -50px; } #slider-container .owl-carousel .owl-controls .owl-buttons > div { width: 29px; height: 112px; position: absolute; bottom: 0px; margin: 0px; background-color: transparent !important; background-position: center; opacity: 0.8; transition-duration: 0.3s; } #slider-container .owl-carousel .owl-controls .owl-buttons > div:hover { opacity: 1; } #slider-container .owl-carousel .owl-controls .owl-buttons .owl-prev { padding-left: 10px; left: 0px; background-image: url(../imagens/icone-slider-prev.png); background-repeat: no-repeat; transition-duration: 0.3s; } #slider-container .owl-carousel .owl-controls .owl-buttons .owl-next { padding-right: 10px; right: 0px; background-image: url(../imagens/icone-slider-next.png); background-repeat: no-repeat; transition-duration: 0.3s; } #slider-container .owl-carousel .owl-controls .owl-buttons .owl-prev.disabled, #slider-container .owl-carousel .owl-controls .owl-buttons .owl-next.disabled { cursor: default; background-color: #aaa; transition-duration: 0.3s; } #slider-container .owl-carousel .owl-controls .owl-buttons div.disabled { opacity: 0.1; } #slider .owl-wrapper { background-color: rgba(0, 0, 0, 0.04); background-color: #e7e7e7; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.04) inset; -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.04) inset; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.04) inset; } /*** SLIDE CABEÇALHO***/ #slider .owl-item .slide .slide-cabecalho { padding: 8px 12px 0px 72px; } #slider .owl-item .slide .slide-cabecalho .titulo { display: inline-block; position: static; float: none; margin-bottom: -1px; padding: 5px 17px 10px 8px; font-size: 2.2em; } #slider .owl-item .slide .slide-cabecalho .titulo img { margin-top: -5px; margin-right: 6px; vertical-align: middle; } /*** SLIDE CONTEUDO ***/ #slider .owl-item .slide .slide-conteudo { padding: 0px 30px 0px 95px; } #slider .owl-item .slide .slide-conteudo li { padding: 20px; box-sizing:border-box; -moz-box-sizing:border-box; } #slider .owl-item .slide .slide-conteudo li + li { border-top: none; border-left: 1px solid #bbb; } #slider .owl-item .slide .slide-conteudo li div { color: #444; } #slider .owl-item .slide .slide-conteudo li div h3 { display: block; margin-bottom: 5px; padding: 0px 10px 0px 33px; color: #333; font-size: 1.4em; font-weight: normal; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-image: url(../imagens/circulo-laranja.png); background-repeat:no-repeat; background-position:0px 4px; text-transform:uppercase; position:relative; left:-34px; letter-spacing:-1px; } #slider .owl-item .slide .slide-conteudo li div h3.ordem { float: left; margin: 0px 9px 0px 1px; padding: 4px 13px; font-size: 1.4em; } #slider .owl-item .slide .slide-conteudo li div strong { background-color: transparent; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #000; display: inline-block; line-height: 1; margin-right: 5px; margin-left:-25px; padding: 3px 2px 3px 25px; background-image: url(../imagens/circulo-laranja-vasado.png); background-repeat: no-repeat; background-position: left 2px; text-transform:uppercase; } #slider .owl-item .slide .slide-conteudo li div p { margin-bottom: 8px; } /* abertura */ #slider .owl-item .slide.abertura .slide-conteudo { padding: 20px 55px; } #slider .owl-item .slide.abertura .slide-conteudo li div { display: inline-block; vertical-align: top; } #slider .owl-item .slide.abertura .slide-conteudo li div.imagem { width: 38%; } #slider .owl-item .slide.abertura .slide-conteudo li div.imagem img{ width: 100%; height:auto; } #slider .owl-item .slide.abertura .slide-conteudo li div.texto { width: 56%; padding: 0px 6% 0px 0px; font-size: 1.7em; } #slider .owl-item .slide.abertura .slide-conteudo li div.texto h1 { margin-bottom: 18px; padding: 0px 0px 18px 0px; font-size: 2.2em; font-weight: lighter; border-bottom: 1px solid #D76A2D; } /* duas colunas */ #slider .owl-item .slide.duas-colunas .slide-conteudo li { width: 50%; padding:0px 0px 20px 0px; display: table-cell; text-align: center; vertical-align: top; border:0px solid #BBBBBB; } #slider .owl-item .slide.duas-colunas .slide-conteudo li div { text-align: left; font-size: 1.2em; margin-bottom: 0px; padding: 40px 85px 0px 25px; border-left: 1px dashed #a3a3a3; } #slider .owl-item .slide.duas-colunas .slide-conteudo li img { max-width: 100%; margin-top: 72px; } /* três colunas */ #slider .owl-item .slide.tres-colunas .slide-conteudo li { width: 33%; padding:0px 0px 20px 0px; display: table-cell; text-align: center; vertical-align: top; border:0px solid #BBBBBB; } #slider .owl-item .slide.tres-colunas .slide-conteudo li div { font-size: 1.2em; margin-bottom: 0px; padding: 40px 25px 0 25px; text-align: left; border-left: 1px dashed #a3a3a3; } /*** FAIXA INFERIOR ***/ .faixa-fechar { padding: 5px 0px 7px; } .faixa-fechar .container > .checker { margin: 1px 0px 0px; } .faixa-fechar .container > span { display: inline-block; margin-right: 8px; color: #777; font-size: 0.9em; vertical-align: middle; } .faixa-fechar .container > .checker.hover+span { color: #444; } .faixa-fechar .container > a { float: right; display: inline-block; margin-top: 0px; padding: 4px 12px; color: #fff; text-decoration: none; line-height: 1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .faixa-fechar .container > a:hover { color: #fff; text-decoration: none; background-color: #000; border-color: #000; } /*--------------------------------------------------------------------------------------------*/ /*----------------------------------------- RODAPÉ -------------------------------------------*/ .rodape .coluna span { display: block; margin-bottom: 8px; } .rodape .coluna .marca { height: 38px; } .rodape .coluna .marca img { height: 100%; } /*--------------------------------------------------------------------------------------------*/ /*-------------------------------------- CORREÇÃO IE -----------------------------------------*/ .ui-widget.ui-datepicker, .ui-selectonemenu-panel.ui-widget-content, .ui-autocomplete-panel.ui-widget-content { z-index: 1000001 !important; zoom: 1 !important; } /*--------------------------------------------------------------------------------------------*/ /*------------------------------------- ALTERAÇÕES BRy ---------------------------------------*/ /* não exibir TAG do applet */ embed, object { display: none; } /* Seletor provisório para aplicar um estilo a selects sem uniform. */ select { border-color: #CCC; padding: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Seletor para definir botão desabilitado */ .botao_pequeno:disabled, .botao_medio:disabled, .botao_grande:disabled { background-color: #AAA !important; color: #CCC; } /* Seletor para definir overlay sobre todo o painel de assinatura enquanto o applet carrega. Se a forma de carregar certificados do seletor ".loading_certificados" for validada, este seletor será removido. */ .overlay_certificados { position:absolute; top:1px; left:1px; width:100%; text-align:left; } .overlay_certificados .campo .botao_medio { margin: 8px 0 0; } /* Seletor candidato a substituir o ".overlay_certificados", adiciona o gif de carregando apenas para a posição do combo de certificados, */ .carregando { background-image: url(../imagens/processando.gif); background-repeat:no-repeat; background-position:center; } .loading_certificados { background-image: url(../imagens/processando.gif) !important; background-repeat:no-repeat !important; background-position:center !important; padding-top:30px; width:100%; text-align:center; position:absolute; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } /* Seletor para exibir o gif dentro do campo de upload de arquivo para assinar enquanto o arquivo é enviado para o servidor. */ .loading_documento { background-image: url(../imagens/processando.gif) !important; background-repeat:no-repeat !important; background-position:left !important; } /* Seletor criado para centralizar um texto. */ .texto_centralizado { text-align: center !important; } .passogrande { min-height: 140px; } /* Seletor para quando a tabela não possuir paginação. */ ul.lista-botoes.relativo { position: relative; margin-bottom: 5px; } /*--------------------------------------------------------------------------------------------*/ /*--------------------------------------- BRY ------------------------------------------*/ /*IMPORTANTE: CUIDADO PARA NÃO APAGAR ESTES ESTILOS, POIS OS MESMOS NÃO VÊM DA DESIGNER. SERVEM PARA MOSTRAR A LEGENDA NA TELA DE VISUALIZAÇÃO DE WORKFLOW*/ .sem_fundo, .sem_fundo .ui-widget-content { background: none !important; } .painel.legenda { border-color: #CCCCCC; border-image: none; border-style: dashed none none; border-width: 1px 0 0; font-size: 0.88em; margin-bottom: 0; margin-left: 0px; margin-right: 0px; padding: 11px 10px 0; } .painel.legenda .titulo_legenda { font-size: 1.1em; float: left; margin-right: 20px; } .painel.legenda .itens_legenda { float: left; } .painel.legenda .itens_legenda ul { margin-right:10px; padding:0px 10px 0px 0px; border-width:0px; display:inline-block; } .painel.legenda .itens_legenda ul li { margin-right:10px; padding:0px 10px 0px 20px; border-width:0px; border-right:1px solid #ccc; display:inline-block; background-position: center left; } .painel.legenda .itens_legenda ul li:last-child { border-right:0px !important; margin-right:0px; padding-right:0px; } /* Alteração BRy */ .overlay-desabilitar { background-color: #ECECEC; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; z-index: 999999; } /* Alteração BRy */ .sem-borda li+li { border: none; } /* Alteração BRy */ .titulo_sessao h4 .numero { float: left; } /* Alteração BRy */ .titulo_sessao ul, .titulo_sessao p { margin-left: 50px; } /* Alteração BRy */ span.moeda-creditos { background-image: url(../imagens/icone-creditos.png); background-position: 0px 0px; padding-left: 20px; background-repeat: no-repeat; } /* Alteração BRy */ ul.lista-botoes.relativo { position: relative; margin-bottom: 5px; } /* Alteração BRy */ img.imagem_forma_pagamento { background-color: #FFF; border: 1px solid #000; border-radius: 22px; width: 100%; } .coluna-status-verificacao { top: 0px; bottom: 0px; left: 0px; right: 0px; position: absolute; } .login.mobile .painel_tamanho_fixo { height: auto; } .login .painel_tamanho_fixo { height: 210px; } .login .tamanho_minimo_100 { min-height: 100px; } body.mobile div.funcao_mobile { display: block; } body.mobile span.funcao_mobile { display: inline-block; } .botao_ajuda_backdrop { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; }