/* CSS Document */

.content_int{padding:40px 0;}
.content_int h1{margin-bottom:25px;}

.txts{width:580px; float:left; text-align:justify;}
.img_conteudo{width:350px; float:right;}

/* FORMULÁRIO */
input{font-family: 'Open Sans', sans-serif;}
input:focus{outline:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#AAA; font-size:0px; font-style:italic;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#AAA; font-size:0px;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#AAA; font-size:0px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#AAA; font-size:0px;}

.lbl{font-size:16px; color:#158A32; width:80px; height:36px; line-height:36px; text-align:right; margin:0 10px 5px 0; float:left;}
.form{font-size:14px; color:#FFF; padding:0 10px; width:490px; height:36px; background:#AAA; border:none; float:left; margin-bottom:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;}
.form:focus{background:#888; outline:none;}
.form_oab{width:100px;}
.form_select{width:300px;}
.form_medio{width:180px;}
.bt_enviar{font-size:14px; color:#FFF; background:#158A32; padding:5px 8px; border:none; float:right; cursor:pointer; margin-top:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;}
.bt_enviar:focus{outline:none;}
.bt_enviar:disabled{opacity: 0.7}



/* PUBLICAÇÕES */
.header_pub{margin-bottom:10px;}
.header_pub .info_adv{width:380px; float:left; position:relative; overflow:hidden;}
.header_pub .info_adv h1{font-size:14px; white-space:nowrap;}
.header_pub .info_adv h1 span{font-size:14px;}
.header_pub .info_adv div{position:absolute; top:0px; right:-2px; width:100px; height:40px; background:url(../imagens/layout/esconde.png) repeat-y;}
.header_pub .menu_pub{width:590px; float:right; text-align:right;}
.header_pub .menu_pub .bt_pub{display:inline-block; padding:0 5px; height:30px; line-height:30px; font-size:11px; color:#444; margin-left:3px; background:url(../imagens/layout/bg_botao.png) repeat-x; border:none; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;}
.header_pub .menu_pub .bt_pub:focus{outline:none;}
.header_pub .menu_pub .bt_pub:hover{color:#FFF; background:url(../imagens/layout/bg_botao_hover.png) repeat-x;}

.acoes{width:790px; float:left;}
.acoes .lbl{height:26px; line-height:26px; font-size:13px; margin-left:10px;}
.acoes .form{width:180px; height:26px;}
.acoes .form:focus{background:#158A32;}
.acoes .form_ativo{background:#158A32;}
.acoes .bt_acao{float:left; margin-right:10px; font-size:14px; color:#FFF; line-height:26px; height:26px; overflow:hidden; padding-right:10px; background:#AAA; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;}
.acoes .bt_acao .icon_acao{width:26px; height:26px; float:left; margin-right:10px; background:url(../imagens/layout/icones_acoes.png) no-repeat #888; background-size:auto 16px; background-position:5px 5px;}
.acoes .bt_acao .icon_lix{background-position:-34px 5px;}
.acoes .bt_acao .icon_rel{background-position:-73px 5px;}
.acoes .bt_acao .icon_pro{background-position:4px 5px;}

.acoes .bt_acao:hover{background:#888;}
.acoes .bt_acao:hover .icon_acao{background-color:#666;}
.acoes .bt_acao:focus{outline:none;}
.acoes .bt_acao_ativo{background-color:#158A32 !important;}
.acoes .bt_acao_ativo .icon_acao{background-color:#004F00;}
.acoes .bt_acao_ativo:hover .icon_acao{background-color:#004F00;}

.acoes .sel_publicacoes{float:right; width:570px;}

.acoes_exportacoes{width:230px;}
.acoes_exportacoes .form{margin:0px;}
.acoes_exportacoes .bt_enviar{margin:0px;}

.nav_pub{float:right; height:26px; line-height:26px;}
.nav_pub div{float:left; margin:0 2px;}
.nav_pub .form{width:33px; height:26px;}
.nav_pub .setas{width:26px; height:26px; background:url(../imagens/layout/setas_nav.png) no-repeat; background-size:45px auto;}
.nav_pub .seta_esquerda{background-position:4px -23px;}
.nav_pub .seta_direita{background-position:-25px -23px;}
.nav_pub .setas:hover{background-position-y:4px;}

.lista{font-size:12px; line-height:14px; margin:20px 0;}
.lista .publicacao{background:#DCDCDC; margin-bottom:5px; padding:4px 0; min-height:14px;}
.lista .publicacao div{float:left; overflow:hidden; color:#444; margin-right:5px;}
.lista .lbls_pub{height:20px;}
.lista .lbls_pub div{float:left; color:#158A32; font-weight:700; margin-right:5px;}
.lista input{margin:0px 0 0 6px; float:left;}
.lista .lbl_col{display:none;}
.lista .pub_lida{background:#F9F9F9; border:1px solid #DDD;}
.lista .col01{width:25px;}
.lista .col02{width:55px;}
.lista .col02_inicio{margin-left:10px;}
.lista .col03{width:145px;}
.lista .col04{width:205px;}
.lista .col05{width:215px;}
.lista .col06{width:630px; padding-left:20px; background:url(../imagens/layout/icone_download.png) no-repeat left center; background-size:auto 11px;}



/* PROCESSOS */
#acoes-cad { width: 254px; margin-right: 10px; }
.titulo-cadastro { width: 510px; min-height: 25px; margin:0 0 15px 0; color:#158A32; font-weight:600; }
#numeroInicial { width: 112px; margin-right: 4px; }
#numeroTribunal { width: 28px; margin-right: 4px; }
#numeroFinal { width: 33px; margin-right: 4px; }
.ponto { float: left; margin-top: 9px; margin-right: 4px; }
#instancia { width: 100px; }
#txtProcessos { width: 250px; height: 300px; }
.bt-acao {float: right; font-size: 14px; color: #FFF; background: #158A32; width: 100px; margin-left: 10px; margin-top: 3px; padding: 5px 8px; border:none; cursor:pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; }
.bt-acao2 {text-align: center;width: max-content;font-size: 14px; color: #FFF; background: #158A32; width: 100px; margin-left: 10px; padding: 5px 8px; border:none; cursor:pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; }
.cadastrar { margin-left: 30px; }
.cancelar { background-color: #999; }
#formProcessoEletronico table{table-layout: fixed;width: 100%;}
.bt-download{background: #cccccc;border-radius: 5px;padding: 5px 8px;border: none;cursor: pointer;transition: 0.12s;display: flex;align-items: center;gap: 0.2em;}
.bt-download svg{width: 15px;height: auto;}
.lista-acessos{display: flex;align-items: center;gap: 1em;padding: 10px 0;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.lista-acessos .fields{display: flex;align-items: center;gap: 1em;flex-wrap: wrap;}
.btn-actions{display: flex;gap: 0.5em;align-items: center;}
.btn-actions a{width: 35px;height: 35px;display: flex;margin: 0;box-sizing: border-box;	justify-content: center;align-items: center;box-shadow: 2px 2px 4px rgba(0,0,0,0.2);transition: 0.12s;}
.btn-actions .bt-cadastrar{width: auto;height: 35px;display: flex;margin: 0;box-sizing: border-box;	justify-content: center;align-items: center;box-shadow: 2px 2px 4px rgba(0,0,0,0.2);transition: 0.12s;border:1px solid #158A32;}
.btn-actions a:hover, #formProcessoEletronico input[name="enviar"]:hover, .bt-download:hover{transform: scale(0.98);}
.btn-actions a svg{width: 100%;height: auto;}
.lista-acessos .fields > div b{display: block;margin: 0 0 5px 0;}
#formProcessoEletronico input[name="enviar"]{margin: 25px 0 0 0;height: auto;font-size: 1.2em;padding: 10px 15px;border: 0;text-transform: capitalize;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);transition: 0.12s;color: white;background-color: green;border-radius: 5px;cursor: pointer;}

/* Modal logs */
.modal-custom{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}

.modal-custom .bg-dark{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.2);
	z-index: 1;
}

.modal-custom .modal{
	width: 100%;
    max-width: 950px;
	max-height: 80%;
    height: max-content;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    z-index: 2;
    box-shadow: 4px 3px 9px rgba(0,0,0,0.2);
}

.modal-custom .modal .close-modal-log{
	width: 5%;
    height: 45px;
    background: #c7c2c2;
    display: block;
    font-size: 35px;
    color: #fff;
    text-align: center;
    line-height: 1;
    font-family: sans-serif;
    margin: 0 0 0 auto;
    cursor: pointer;
}

.modal-custom .modal .modal-content{
	padding: 20px 25px;
    overflow-y: auto;
    box-sizing: border-box;
	max-height: 350px;
}

.modal-custom .modal .modal-content table{
    width: 100%;
    text-align: center;
}

.modal-custom .modal .modal-content table thead{
    background: #c7c2c2;
}


.modal-custom .modal .modal-content table tbody td{
	padding: 10px 0;
}

.modal-custom .modal .modal-content table tbody tr:nth-child(even) td{
	background: #f3f3f3;
}

.modal-custom .modal .modal-header{
	display: flex;
    justify-content: space-between;
}

.modal-custom .modal .modal-header .title-modal{
    width: 95%;
    text-align: center;
    font-size: 20px;
    padding: 20px 10px;
    text-transform: uppercase;
}

/* PROJUDI */
.projudi .col02{width:85px;}
.projudi .col03{width:120px;}
.projudi .col04{width:170px;}
.projudi .col05{width:375px; margin-right:0px !important;}

.lbl_maior{width:180px !important;}

.rel_projudi{height:335px !important;}


.total{float:left; width:500px; height:26px; white-space:nowrap; overflow:hidden; color:#158A32; font-weight:600;}
.total_exportacoes{float:right; text-align:right;}



/* BOLETOS */
.bt_contrato{border:0px; line-height:25px !important; padding-left:36px; background:url(../imagens/layout/icone_contrato.png) no-repeat #AAA !important; background-size:auto 26px !important;}
.bt_contrato:hover{background:url(../imagens/layout/icone_contrato_hover.png) no-repeat #888 !important; background-size:auto 26px !important;}

.boleto .publicacao{height:18px; line-height:18px;}
.boleto .publicacao div{overflow:hidden; white-space:nowrap;}
.boleto .col01{margin-right:0px !important;}
.boleto .col01 img{height:18px;}
.boleto .col02{width:100px;}
.boleto .col03{width:130px;}
.boleto .col05{width:460px; padding-left:5px;}


/* VISUALIZAR CONTRATO */
.contrato .col02{width:95px; padding-left:5px; margin-right:0px !important;}
.contrato .col03{width:400px; margin-right:0px !important;}


/* PUBLICAÇÃO */
.pub{width:700px; margin:0 auto; padding:20px; border:1px solid #CCC;}
.pub .header_pub{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #CCC;}
.pub .header_pub .lbl{clear:both; font-size:14px; font-weight:600; width:150px; text-align:left; height:16px; line-height:16px;}
.pub .header_pub .info_pub{float:left; font-size:14px; width:540px; line-height:16px; margin-bottom:5px;}
.pub_email{width:380px; margin:0 auto; padding:20px; background:#EEE; margin-top:40px; font-size:12px; line-height:14px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px;}
.pub_email span{color:#158A32; font-weight:600; font-size:16px;}
.pub_email .lbl{width:50px;}
.pub_email .form{width:235px;}
.pub_email .bt_enviar{height:36px; margin-top:0px;}



/* DADOS PROCESSO ELETRÔNICO */
.dados_processo_eletronico{height:0px; overflow:hidden; margin-top:40px; background:#F9F9F9;}
.dados_processo_eletronico_mostra{height:auto;}

.dados_processo_eletronico .lista{margin:20px 10px;}
.dados_processo_eletronico .lista .col05{width:320px;}

.dados_processo{margin-bottom:40px; padding:15px;}
.dados_processo h2{margin-bottom:10px;}
.dados_processo div{float:left; width:50%;}
.dados_processo div span{font-weight:700; color:#158A32;}



/* RELATÓRIO */
.modal_relatorio{width:100%; height:0; background:rgba(0,0,0,0.9); position:fixed; top:0; left:0px; z-index:500; overflow:hidden;}
.abre_modal{height:100% !important;}

.modal_relatorio .filtros_relatorio{width:700px; height:auto !important; padding:0 10px 15px; background:#EEE; position:absolute; left:40%; top:50%; margin-left:-250px; margin-top:-210px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px;}

.modal_relatorio .filtros_relatorio .fecha_modal{position:absolute; top:-10px; right:-10px; width:24px; height:24px; font-size:20px; text-align:center; line-height:21px; color:#FFF; font-weight:600; cursor:pointer; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; background:#158A32; border:3px solid #EEE;}

.modal_relatorio .titulo_relatorio{font-size:12px; font-weight:600; text-align:center; line-height:13px; margin-bottom:15px; width:720px; padding:10px 0; background:#DDD; margin-left:-10px; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0;}
.modal_relatorio .lbl{height:24px; line-height:24px; font-size:12px; width:90px;}
.modal_relatorio .lbl_data{width:60px;}
.modal_relatorio .form{height:24px;}
.modal_relatorio .form_data{width:80px; text-align:center; font-size:14px;}
.modal_relatorio .form_select{width:220px;}
.modal_relatorio .form_select option{font-size:12px;}
.modal_relatorio .bt_enviar{float:none; display:inline-block; margin:10px 10px 0 10px;}
.modal_relatorio .rel_radio{margin:5px 3px 0 0; float:left;}
.modal_relatorio label{font-size:12px; line-height:24px; float:left; margin-right:12px;}



/* ADESÃO */
.adesao01{width:600px; float:left;}
.txt_instrucao{padding-left:30px; width:510px; min-height:25px; margin:0 0 15px 60px; color:#158A32; font-weight:600; background:url(../imagens/layout/instrucao.png) no-repeat;}
.precadastro{font-size:18px; line-height:20px; color:#158A32; background:#F5F5F5; border:1px solid #DDD; padding:10px; margin-bottom:40px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px;}
.precadastro span{color:#999;}
.voltar{background:#158A32; padding:2px 6px; color:#FFF; margin-top:10px; font-size:14px; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;}

.ufs{width:360px; float:left;}
.ufs .uf_box{float:left; margin-bottom:10px; width:50px;}
.ufs .uf_box input{margin:2px 5px 0 0; float:left;}
.ufs .uf_box label{font-size:11px;}

.estados_selecionados{float:right; width:170px; font-size:12px; line-height:15px; padding:10px; background:#F5F5F5; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px;}
.estados_selecionados div{color:#158A32; font-weight:600; font-size:14px; margin-bottom:10px;}

.adesao02{width:265px; float:right;}
.adesao02 .txt_instrucao{width:235px;}
.adesao02 .selecao_pgto{padding:10px; background:#F5F5F5; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px;}
.adesao02 .selecao_pgto div{float:left; margin:5px 0; width:120px;}
.adesao02 .selecao_pgto div input{float:left; margin-top:2px;}
.adesao02 .selecao_pgto div label{font-size:14px;}

.adesao03{width:660px; margin:0 auto;}
.adesao03 .lbl{width:135px;}
.adesao03 .lbl_2{width:100px;}
.adesao03 .form_select{width:200px;}

.ver_contrato{width:640px; height:370px; padding:10px; overflow:auto; background:#F5F5F5; border:1px solid #DDD; margin:30px 0;}

.txt_destaque{color:#158A32; font-weight:600; text-align:right;}
.txt_destaque span{font-size:12px; color:#999;}


/* CONTATO */
.contato{float:left; width:515px;}
.contato .form{width:400px; float:right;}
.contato .lbl{clear:both;}
.contato .form_msg{width:400px; height:90px; padding:5px 10px;}


/* SERVIÇOS */
.servico{float:left; margin:0 10px 40px 10px; width:304px; height:355px; border:1px solid transparent; background:#F7F7F7; position:relative;}
.servico .txt_servico{padding:20px; font-size:13px; text-align:center;}
.servico .barra{position: absolute; top:0px; left:0px; width:100px; height:5px; background:#158A32;}
.servico .txt_servico .icone_servico{width:90px; height:90px; margin:0 auto; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -ms-border-radius:70px; overflow:hidden; background:#158A32;}
.servico .txt_servico .icone_servico div{background:url(../imagens/layout/icones_servicos.svg) no-repeat; background-size:auto 50px; width:50px; height:50px;}
.servico .txt_servico h1{font-size:18px; margin:0 0 15px 0; background:none; padding-left:0px; text-align:center; padding-top:10px;}

.servico:hover{border:1px solid #DDD; background:#E9E9E9;}

.icone_01{margin:20px 0 0 15px;}
.icone_02{margin:20px 0 0 22px; background-position:-50px 0px !important;}
.icone_03{margin:20px 0 0 20px; background-position:-100px 0px !important;}
.icone_04{margin:20px 0 0 20px; background-position:-150px 0px !important;}
.icone_05{margin:20px 0 0 20px; background-position:-200px 0px !important;}
.icone_06{margin:20px 0 0 24px; background-position:-250px 0px !important;}

.usuario_formulario{
	display: none;
}















/* TABLET */
@media only screen and (min-width:481px) and (max-width:959px)
{
	.content_int{padding:20px 0;}
	.content_int h1{margin-bottom:25px;}

	.txts{width:370px;}
	.img_conteudo{width:200px;}
	.img_conteudo img{width:200px;}


	.lbl{font-size:13px; width:70px; height:30px; line-height:30px;}
	.form{width:453px; height:30px;}
	.form_oab{width:100px;}
	.form_select{width:300px;}
	.form_medio{width:161px;}
	.bt_enviar{font-size:13px;}



	/* PUBLICAÇÕES */
	.header_pub{margin-bottom:20px;}
	.header_pub .info_adv{width:580px; float:none; margin-bottom:20px;}
	.header_pub .info_adv h1{font-size:14px; margin:0px;}
	.header_pub .info_adv h1 span{font-size:12px; line-height:18px;}
	.header_pub .info_adv div{position:absolute; top:0px; right:-2px; width:100px; height:40px; background:url(../imagens/layout/esconde.png) repeat-y;}
	.header_pub .menu_pub{width:600px; float:none; text-align:left;}
	.header_pub .menu_pub .bt_pub{padding:0 10px; font-size:13px; margin:0px;}

	.acoes{width:600px; float:none; margin-bottom:20px;}
	.acoes .form{width:185px; margin:0px;}
	.acoes .bt_acao{font-size:13px; padding:0 5px;}
	.acoes .bt_acao .icon_acao{display:none;}

	.acoes .sel_publicacoes{float:none; width:600px; margin-bottom:20px;}
	.acoes .sel_publicacoes .form{width:145px;}

	.acoes_exportacoes{width:230px; float:left;}

	.nav_pub_oculta{display:none;}
	.nav_pub{width:150px; height:26px; line-height:26px; margin:0 auto; margin-top:20px;}
	.nav_pub div{float:left; margin:0 2px;}
	.nav_pub .form{width:33px; height:26px;}
	.nav_pub .setas{width:26px; height:26px; background:url(../imagens/layout/setas_nav.png) no-repeat; background-size:45px auto;}
	.nav_pub .seta_esquerda{background-position:4px -23px;}
	.nav_pub .seta_direita{background-position:-25px -23px;}
	.nav_pub .setas:hover{background-position-y:4px;}

	.lista{font-size:10px; line-height:10px; margin:0px;}
	.lista .publicacao{padding:4px 0 0 0; min-height:12px;}
	.lista .publicacao div{float:left; overflow:hidden; color:#444; margin-right:0px; min-height:12px; margin-bottom:4px;}
	.lista .lbls_pub{display:none;}
	.lista input{display:none;}
	.lista .lbl_col{display:block; width:55px; height:12px; text-align:right; margin:0 10px 4px 10px !important; font-weight:600; clear:both;}
	.lista .col01{display:none;}
	.lista .col02{width:515px;}
	.lista .col02_inicio{margin-left:0px;}
	.lista .col03{width:515px;}
	.lista .col04{width:515px;}
	.lista .col05{width:515px;}
	.lista .col06{width:630px; padding-left:20px; background:url(../imagens/layout/icone_download.png) no-repeat left center; background-size:auto 11px;}


	/* EXPORTAÇÕES */
	.exportacoes div{white-space:nowrap !important; overflow:hidden;}
	.exportacoes .lbl_col{width:70px;}
	.exportacoes .col02{width:500px;}
	.exportacoes .col03{width:480px;}
	.exportacoes .col06{width:480px;}


	/* PROJUDI */
	.projudi .lbl_col{width:65px;}
	.projudi .col02{width:500px;}
	.projudi .col03{width:500px;}
	.projudi .col04{width:500px;}
	.projudi .col05{width:500px;}

	.lbl_maior{width:125px !important;}

	.rel_projudi{height:275px !important;}


	.total{width:280px; height:26px; text-align:left; margin-top:25px;}
	.total_exportacoes{text-align:center; margin-top:10px;}



	/* BOLETOS */
	.bt_contrato{padding-left:36px !important;}

	.boleto .lbl_col{width:65px;}
	.boleto .publicacao{height:auto; min-height:18px;}
	.boleto .publicacao div{float:left; overflow:hidden; color:#444; margin-right:0px; min-height:12px; line-height:12px; margin-bottom:4px;}
	.boleto .col02{width:500px;}
	.boleto .col03{width:500px;}
	.boleto .col05{width:500px; padding-left:0px;}


	/* VISUALIZAR CONTRATO */
	.contrato .col02{width:500px; padding-left:0px; margin-right:0px !important;}
	.contrato .col03{width:500px; margin-right:0px !important;}


	/* PUBLICAÇÃO */
	.pub{width:584px; padding:7px;}
	.pub .header_pub{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #CCC;}
	.pub .header_pub .lbl{display:block; font-size:12px; width:50px; line-height:11px; min-height:11px; margin-bottom:4px;}
	.pub .header_pub .lbl span{display:none;}
	.pub .header_pub .info_pub{font-size:12px; width:200px; min-height:11px; line-height:11px; margin-bottom:4px;}

	.bt_mostrar_dados{margin-top:15px !important;}

	.pub_email{width:345px; padding:10px; margin-top:30px; font-size:11px; line-height:13px;}
	.pub_email span{font-size:14px; line-height:20px;}
	.pub_email .lbl{width:50px;}
	.pub_email .form{width:200px;}
	.pub_email .bt_enviar{height:30px;}


	/* DADOS PROCESSO ELETRÔNICO */
	.dados_processo_eletronico{margin-top:30px;}

	.dados_processo_eletronico .lista .lbl_col{width:85px; margin:0 5px 0 0 !important;}
	.dados_processo_eletronico .lista .col02{width:480px;}
	.dados_processo_eletronico .lista .col03{width:480px;}
	.dados_processo_eletronico .lista .col04{width:480px;}
	.dados_processo_eletronico .lista .col05{width:480px;}

	.dados_processo{margin-bottom:20px;}


	/* RELATÓRIO */
	.modal_relatorio .filtros_relatorio{width:260px; height:400px; padding:20px 10px 0 10px; margin-left:-140px; margin-top:-185px;}
	.modal_relatorio .titulo_relatorio{display:none;}
	.modal_relatorio .lbl{display:block; font-size:11px; width:65px;}
	.modal_relatorio .lbl_data{width:55px;}
	.modal_relatorio .form_data{width:65px; font-size:11px; padding:0px;}
	.modal_relatorio .form_select{width:184px;}
	.modal_relatorio .form_select option{font-size:12px;}
	.modal_relatorio label{font-size:12px; line-height:24px; float:left; margin-right:12px;}




	/* ADESÃO */
	.adesao01{float:none;}
	.precadastro{font-size:16px; line-height:18px;}

	.ufs{width:360px; float:left;}
	.ufs .uf_box{float:left; margin-bottom:10px; width:50px;}
	.ufs .uf_box input{margin:2px 5px 0 0; float:left;}
	.ufs .uf_box label{font-size:11px;}

	.estados_selecionados{float:right; width:170px; font-size:12px; line-height:15px; padding:10px; background:#F5F5F5; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px;}
	.estados_selecionados div{color:#158A32; font-weight:600; font-size:14px; margin-bottom:10px;}

	.adesao02{clear:both; float:none; margin:0 auto; margin-top:50px;}

	.adesao03{width:600px;}
	.adesao03 .lbl{width:115px;}
	.adesao03 .lbl_2{width:100px;}
	.adesao03 .form_select{width:180px;}

	.ver_contrato{width:580px; height:300px;}
	.ver_contrato blockquote{margin:10px 0 10px 32px;}

	.txt_destaque{color:#158A32; font-weight:600; text-align:right; margin:20px 0 10px 0;}
	.txt_destaque span{font-size:12px; color:#999;}


	/* CONTATO */
	.contato{width:380px;}
	.contato .form{width:278px;}
	.contato .form_msg{width:279px; height:70px;}


	/* SERVIÇOS */
	.servico{margin:0 10px 30px 10px; width:278px; height:260px;}
	.servico .txt_servico{padding:10px; font-size:11px;}
	.servico .barra{width:80px; height:3px;}
	.servico .txt_servico .icone_servico{width:70px; height:70px;}
	.servico .txt_servico .icone_servico div{background-size:auto 30px; width:30px; height:30px;}
	.servico .txt_servico h1{font-size:16px;}

	.icone_01{margin:20px 0 0 15px;}
	.icone_02{margin:20px 0 0 22px; background-position:-30px 0px !important;}
	.icone_03{margin:20px 0 0 20px; background-position:-60px 0px !important;}
	.icone_04{margin:20px 0 0 20px; background-position:-90px 0px !important;}
	.icone_05{margin:20px 0 0 20px; background-position:-120px 0px !important;}
	.icone_06{margin:20px 0 0 24px; background-position:-150px 0px !important;}
}

















/* MOBILE */
@media only screen and (max-width:720px)
{
	.content_int{padding:30px 0;}
	.content_int h1{margin-bottom:20px;}

	.txts{width:280px; float:none;}
	.img_conteudo{display:none; width:280px; height:120px; overflow:hidden; float:none; margin:0 0 20px 0;}
	.img_conteudo img{width:280px; margin-top:-60px;}


	/* FORMULÁRIO */
	input:focus{outline:none;}
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#EEE; font-size:12px; font-style:italic;}
	input:-moz-placeholder, textarea:-moz-placeholder{color:#EEE; font-size:12px;}
	input::-moz-placeholder, textarea::-moz-placeholder{color:#EEE; font-size:12px;}
	input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#EEE; font-size:12px;}

	.lbl{display:none;}
	.form{font-size:13px; width:260px; height:30px;}
	.form_oab{width:100px;}
	.form_select{width:280px;}
	.form_medio{width:260px;}
	.bt_enviar{font-size:13px;}



	/* PUBLICAÇÕES */
	.header_pub{margin-bottom:20px;}
	.header_pub .info_adv{width:280px; float:none; margin-bottom:20px;}
	.header_pub .info_adv h1{font-size:14px; margin:0px;}
	.header_pub .info_adv h1 span{font-size:12px; line-height:18px;}
	.header_pub .info_adv div{position:absolute; top:0px; right:-2px; width:100px; height:40px; background:url(../imagens/layout/esconde.png) repeat-y;}
	.header_pub .menu_pub{width:280px; float:none; text-align:center;}
	.header_pub .menu_pub .bt_pub{padding:0 5px; font-size:10px; margin:0px;}

	.acoes{width:280px; float:none; margin-bottom:20px;}
	.acoes .form{width:185px; margin:0px;}
	.acoes .bt_acao{font-size:11px; padding:0 5px;}
	.acoes .bt_acao .icon_acao{display:none;}

	.acoes .sel_publicacoes{float:none; width:280px; margin-bottom:20px;}
	.acoes .sel_publicacoes .form{width:145px;}

	.acoes_exportacoes{width:230px; margin:0 auto;}

	.nav_pub_oculta{display:none;}
	.nav_pub{float:none; width:140px; height:26px; line-height:26px; margin:0 auto;}
	.nav_pub div{float:left; margin:0 2px;}
	.nav_pub .form{width:33px; height:26px;}
	.nav_pub .setas{width:26px; height:26px; background:url(../imagens/layout/setas_nav.png) no-repeat; background-size:45px auto;}
	.nav_pub .seta_esquerda{background-position:4px -23px;}
	.nav_pub .seta_direita{background-position:-25px -23px;}
	.nav_pub .setas:hover{background-position-y:4px;}

	.lista{font-size:10px; line-height:10px; margin:0px;}
	.lista .publicacao{padding:4px 0 0 0; min-height:12px;}
	.lista .publicacao div{float:left; overflow:hidden; color:#444; margin-right:0px; min-height:12px; margin-bottom:4px;}
	.lista .lbls_pub{display:none;}
	.lista input{display:none;}
	.lista .lbl_col{display:block; width:55px; height:12px; text-align:right; margin:0 10px 4px 10px !important; font-weight:600; clear:both;}
	.lista .col01{display:none;}
	.lista .col02{width:195px;}
	.lista .col02_inicio{margin-left:0px;}
	.lista .col03{width:195px;}
	.lista .col04{width:195px;}
	.lista .col05{width:195px;}
	.lista .col06{width:630px; padding-left:20px; background:url(../imagens/layout/icone_download.png) no-repeat left center; background-size:auto 11px;}


	/* EXPORTAÇÕES */
	.exportacoes div{white-space:nowrap !important; overflow:hidden;}
	.exportacoes .lbl_col{width:70px;}
	.exportacoes .col02{width:180px;}
	.exportacoes .col03{width:180px;}
	.exportacoes .col06{width:160px;}


	/* PROJUDI */
	.projudi .lbl_col{width:65px;}
	.projudi .col02{width:185px;}
	.projudi .col03{width:185px;}
	.projudi .col04{width:185px;}
	.projudi .col05{width:185px;}

	.lbl_maior{width:125px !important;}

	.rel_projudi{height:275px !important;}


	.total{float:none; width:280px; height:26px; text-align:center; margin-top:30px;}
	.total_exportacoes{float:nonte; text-align:center;}



	/* BOLETOS */
	.bt_contrato{padding-left:36px !important;}

	.boleto .lbl_col{width:65px;}
	.boleto .publicacao{height:auto; min-height:18px;}
	.boleto .publicacao div{float:left; overflow:hidden; color:#444; margin-right:0px; min-height:12px; line-height:12px; margin-bottom:4px;}
	.boleto .col02{width:185px;}
	.boleto .col03{width:185px;}
	.boleto .col05{width:185px; padding-left:0px;}


	/* VISUALIZAR CONTRATO */
	.contrato .col02{width:95px; padding-left:0px; margin-right:0px !important;}
	.contrato .col03{width:195px; margin-right:0px !important;}


	/* PUBLICAÇÃO */
	.pub{width:264px; padding:7px; font-size:10px;}
	.pub .header_pub{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #CCC;}
	.pub .header_pub .lbl{display:block; font-size:10px; width:50px; line-height:11px; min-height:11px; margin-bottom:4px;}
	.pub .header_pub .lbl span{display:none;}
	.pub .header_pub .info_pub{font-size:10px; width:200px; min-height:11px; line-height:11px; margin-bottom:4px;}

	.bt_mostrar_dados{margin-top:15px !important;}

	.pub_email{width:260px; padding:10px; margin-top:30px; font-size:11px; line-height:13px;}
	.pub_email span{font-size:14px; line-height:20px;}
	.pub_email .lbl{width:50px;}
	.pub_email .form{width:180px;}
	.pub_email .bt_enviar{height:30px;}


	/* DADOS PROCESSO ELETRÔNICO */
	.dados_processo_eletronico{margin-top:30px;}

	.dados_processo_eletronico .lista{margin:20px 10px;}
	.dados_processo_eletronico .lista .lbl_col{margin:0 5px 0 0 !important; width:80px;}
	.dados_processo_eletronico .lista .col02{width:170px;}
	.dados_processo_eletronico .lista .col03{width:170px;}
	.dados_processo_eletronico .lista .col04{width:170px;}
	.dados_processo_eletronico .lista .col05{width:170px;}

	.dados_processo{margin-bottom:0px; padding:10px; font-size:10px;}
	.dados_processo div{float:none; width:100%;}


	/* RELATÓRIO */
	.modal_relatorio .filtros_relatorio{width:260px; height:400px; padding:20px 10px 0 10px; margin-left:-140px; margin-top:-185px;}
	.modal_relatorio .titulo_relatorio{display:none;}
	.modal_relatorio .lbl{display:block; font-size:11px; width:65px;}
	.modal_relatorio .lbl_data{width:55px;}
	.modal_relatorio .form_data{width:65px; font-size:11px; padding:0px;}
	.modal_relatorio .form_select{width:184px;}
	.modal_relatorio .form_select option{font-size:12px;}
	.modal_relatorio label{font-size:12px; line-height:24px; float:left; margin-right:12px;}



	/* ADESÃO */
	.adesao01{width:280px; float:none;}
	.txt_instrucao{padding-left:20px; width:260px; line-height:13px; min-height:15px; margin:0 0 20px 0px; background-size:15px auto;}
	.precadastro{font-size:13px; line-height:15px; padding:5px; margin-bottom:40px;}
	.voltar{font-size:13px;}

	.ufs{width:280px; float:none; margin-bottom:30px;}
	.ufs .uf_box{margin-bottom:10px; width:40px;}
	.ufs .uf_box label{font-size:10px;}

	.estados_selecionados{width:260px; margin-bottom:30px;}
	.estados_selecionados div{font-size:12px;}

	.adesao02{width:280px; float:right;}
	.adesao02 .txt_instrucao{width:280px; margin-bottom:10px;}
	.adesao02 .selecao_pgto div{width:129px;}

	.adesao03{width:280px;}
	.adesao03 .lbl{width:135px;}
	.adesao03 .lbl_2{width:100px;}
	.adesao03 .form_select{width:280px;}

	.ver_contrato{width:280px; height:200px; font-size:9px; line-height:13px;}
	.ver_contrato blockquote{margin:10px 0 0 24px;}

	.txt_destaque{text-align:center; font-size:11px; margin:20px 0 10px 0;}
	.txt_destaque span{font-size:11px;}


	/* CONTATO */
	.contato{float:none; width:280px;}
	.contato .form{width:260px; float:none;}
	.contato .form_msg{width:260px; height:70px;}


	/* SERVIÇOS */
	.servico{margin:0 0 30px 0; width:300px; height:auto;}
	.servico .txt_servico{font-size:11px;}
	.servico .barra{width:80px; height:3px;}
	.servico .txt_servico .icone_servico{width:50px; height:50px;}
	.servico .txt_servico .icone_servico div{background-size:auto 30px; width:30px; height:30px;}
	.servico .txt_servico h1{font-size:16px;}

	.icone_01{margin:10px 0 0 7px;}
	.icone_02{margin:10px 0 0 12px; background-position:-30px 0px !important;}
	.icone_03{margin:10px 0 0 10px; background-position:-60px 0px !important;}
	.icone_04{margin:10px 0 0 10px; background-position:-90px 0px !important;}
	.icone_05{margin:10px 0 0 10px; background-position:-120px 0px !important;}
	.icone_06{margin:10px 0 0 14px; background-position:-150px 0px !important;}
}

#loading{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

.spinner {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	width: 30px;
	padding: 8px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #25b09b;
	--_m: 
	  conic-gradient(#0000 10%,#000),
	  linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
			mask: var(--_m);
	-webkit-mask-composite: source-out;
			mask-composite: subtract;
	animation: l3 1s infinite linear;
  }
  @keyframes l3 {to{transform: rotate(1turn)}}

@media only screen and (max-width:720px){
	.content.content_int.formProcessoEletronico{
		width: 100%;
		max-width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.content.content_int.formProcessoEletronico #listaAdvogados{
		width: 100% !important;
	}

	#formProcessoEletronico .fields, #formProcessoEletronico .fields > div{
		width: 98%;
	}

	#formProcessoEletronico .lista-acessos{
		justify-content: center;
		flex-direction: column;
	}
	
	#formProcessoEletronico .fields > div b{
		margin: 0 0 10px 0;
	}

	#formProcessoEletronico .fields > div label{
		width: 100%;
		max-width: 100%;
		height: 30px;
		max-height: 30px;
		display: block;
		box-sizing: border-box;
		line-height: 2.5;
	}

	#formProcessoEletronico .fields > div input{
		width: 100%;
		height: 30px;
		box-sizing: border-box;
	}

	#formProcessoEletronico .btn-actions{
		margin: 10px 0 0 0;
	}

	#formProcessoEletronico .bt-download{
		width: 100%;
		justify-content: center;
		height: 30px;
		box-sizing: border-box;
	}

	#formProcessoEletronico input[name="enviar"]{
		width: 85%;
		font-size: 1.5em;
		margin: 25px 0;
	}
}


.lista-tribunais-agrupados {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 4 colunas de igual largura */
	gap: 20px; /* Espaçamento entre os itens */
}

.lista-tribunais-agrupados .checkbox-wrapper {
	display: flex;
	align-items: center;
	position: relative;
}

.lista-tribunais-agrupados .styled-checkbox {
	appearance: none;
	width: 0;
	height: 0;
	border: none;
	/* Hide the native checkbox */
}

.lista-tribunais-agrupados .checkbox-wrapper label {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	padding-left: 30px;
}

.lista-tribunais-agrupados .checkmark {
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 3px;
	transition: background-color 0.2s, border-color 0.2s;
	opacity: 0.8;
	transition: opacity 0.2s;
}

.lista-tribunais-agrupados .styled-checkbox:checked + label .checkmark {
	background-color: #158A32;
	border-color: #158A32;
	opacity: 1;
}

.lista-tribunais-agrupados .checkmark svg {
	display: none;
}

.lista-tribunais-agrupados .styled-checkbox:checked + label .checkmark svg {
	display: block;
}

.lista-tribunais-agrupados .styled-checkbox:disabled + label {
	cursor: not-allowed;
	color: #aaa;
}

.lista-tribunais-agrupados .styled-checkbox:disabled + label .checkmark {
	background-color: #e1e1e1;
	border-color: #e1e1e1;
	opacity: 1;
	stroke: #e1e1e1;
}

.lista-tribunais-agrupados .styled-checkbox:disabled:checked + label .checkmark {
	background-color: #adcdad;
	border-color: #adcdad;
}

.campo.login,
.campo.senha,
.campo.client,
.campo.secret{
	border-radius: 6px;
	padding: 6px;
	border: 1px solid #cbcbcb;
	background: #fff;
}
.campo.login:disabled,
.campo.senha:disabled,
.campo.client:disabled,
.campo.secret:disabled{
	opacity: 0.8;
	background: #d3d3d3;
}

.campo.file-qrcode,
.campo.file-certificado
{
	border-radius: 5px;
	border: 1px solid #bbbbbb;
	padding: 7px;
}

.field-locked{
	width: 148px;
	height: 22px;
	max-height: 24px;
	max-width: 160px;
	display: inline-block;
	border: 1px solid light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
	border-radius: 2px;
	line-height: 1.7;
	padding: 0 5px;
	background: rgba(133, 133, 133, 0.3);
}

.overflow-hidden{
	overflow: hidden;
}

.collapse-uf-pe-container table:not(:last-child) {
	border-bottom: 2px solid #ffffff;
}

.collapse-uf-pe-container {
	margin-bottom: 8px;
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: all 0.3s ease;
}

.collapse-uf-pe-btn {
	font-weight: 600;
	width: 100%;
	padding: 15px;
	background-color: #158a32;
	color: white;
	font-size: 16px;
	border: none;
	outline: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.collapse-uf-pe-btn:hover {
	background-color: #0c8d2c;
}

.btn-text {
	flex-grow: 1;
	text-align: left;
}

.arrow {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid white;
	transition: transform 0.3s ease;
}

.collapse-uf-pe-container.active .arrow {
	transform: rotate(180deg);
}

.collapse-uf-pe-content {
	height: 0;
	overflow: hidden;
	/*padding: 0 15px;*/
	background-color: #f1f1f1;
	transition: height 0.3s ease;
}

.collapse-uf-pe-content p {
	margin: 0;
	padding: 15px 0;
}

.collapse-uf-pe-container.active .collapse-uf-pe-content {
	height: auto;
	/*padding: 15px;*/
}

.collapse-uf-pe-container.active {
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.uf-filter-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
}

.uf-filter {
	background-color: #3d8d50;
	color: white;
	padding: 10px 15px;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
}

.uf-filter.active {
	background-color: #27743a;
	color: #ffffff;
	font-weight: bold;
}

.uf-filter:hover {
	background-color: #0c8d2c;
}

.uf-filter-container .uf-filter .badge {
	background-color: #ffffff;
	color: #0c8d2c;
	border-radius: 50%;
	padding: 5px 10px;
}

.lista-arquivos{
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.bt-certificado-enviado{
	background: #cccccc;
	border-radius: 5px;
	padding: 5px 8px;
	border: none;
	transition: 0.12s;
	display: flex;
	align-items: center;
	gap: 0.2em;
}

@media only screen and (min-width:481px) and (max-width:959px)
{
	.lista-tribunais-agrupados{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

/* MOBILE */
@media only screen and (max-width:720px){
	.lista-tribunais-agrupados{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}