@charset "UTF-8";

/* body{ */
/*     color:           black; */
/*     font-size:       14px; */
/*     font-weight:     bold; */
/*     font-family:     Arial, Verdana, Serif; */
/*     text-align:      center; */
/*     background:      center url('/resources/imagem/FundoLogin.jpg') no-repeat; */
/* } */
/*.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.ui-widget, .ui-widget .ui-widget {
	font-size: 90% !important;
}

.imagemCentralizada{
	margin-left: auto;
	margin-right:auto ;
}
/*
.fonteLogin {
	font-size: 12px !important;
}

.divTop{
	padding-bottom: 6px;
}

.divCabecalho{
	padding-bottom: 8px;
}

.form{
	font-family: Verdana;
	font-size: 10px;
	
}

.input{
	font-size: 18px !important;
	padding: 1px;
}
     
ul.ui-menu-child {
    width: auto !important;
    min-width: 270px;
	font-size: 15px !important;
}

#centrarImagem{
    height: 220px;
    width:165px;
    border:1px solid;
    background-image:url('bg.jpg'); 
    background-position: center 
}

.center {
    // modificado
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-weight: normal
}

header {
	padding: 5px;
	margin-bottom: 20px;
	height: 30px;
	background-color: #545454;
	color: #fff;
	box-shadow: 0px 2px 2px #ccc
}

#conteudo {
	padding: 0px 8px
}

footer {
	border-top: 1px solid #ccc;
	padding: 5px 8px;
	margin-top: 20px;
	margin-bottom: 10px
}

h1 {
	font-size: 24px;
	font-weight: 500;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px
}

.ajax-status {
	position: fixed;
	top: 85px;
	right: 10px;
	width: 35px;
	height: 35px
}

#login-dialog {
	width: 260px;
	margin: auto;
	margin-top: 150px;
}



*/

.grid-logins {  /* utilizado no login_Diferente.xhtml */
	background-color: #f2f2f2;
	border-radius: 8px;
	border: 1px solid #ccc;
	margin-top: 8px;
	padding: 10px;
	width: 100%
}

#login-dialogos {   /* utilizado no login_Diferente.xhtml */
	width: 260px;
	margin: auto;
	margin-top: 110px;
}

#imgpos {
    overflow: hidden; /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
    width: 100%;
    height: 100%;
    position: relative; /* criamos um contexto para posicionamento */
	display: block;
	margin-left: auto;
	margin-right:auto ;
	
}

#login-dialog {
	display: block;
	margin-left: auto;
	margin-right:auto ;
}

/*.divNomeEmp {
	 color: #00A8EC !important;
	 font-size: 12px;
	 float: left;
}*/

.divlogoff {
  display: inline;
  font-weight: bold;
  float: right;
}

.divQtdreg {
  display: inline;
  float: right;
}

.divFooterBotaoEsq {
    display: inline;
	float: left;
}

.divPulaLinha{
	padding-top: 18px;
}

#divCadBotaoDir {
    display: inline;
	float: right;
}

#divCadBotaoEsq {
    display: inline;
	float: left;
}
         
.grid-login {
	border-radius: 8px;
	border: 1px solid #ccc;
	margin-top: auto;
	padding: 10px;
	width: 80%
}

.bordaImagem{
	border:0;
}

.limpar{
   margin-left:50px; 
   font-weight:bold;
}

.boldLabel{
	color: #2810b6;
	font-size: 13px !important;
}

.divDataHora {
	 display: inline;
	 color: white;
	 font-size: 12px;
	 font-weight: bold;
	 font-family: verdana;
	 text-align: center;  
	 background-color: white;
}

.telaInicial{
	background: url('resources/manhattan-layout/css/layout-blue-grey.css');
}

/* esse stylo está sendo utilizado na tela de geração de boletos*/
.divpraDireita { 
    display: inline;
	float: right;
	margin-top: 25px;
	margin-right: 20px;
	
}

/* esse stylo está sendo utilizado na tela dos cadastros impressão em PDF*/
.divpraEsquerda { 
    display: inline;
	float: left;
	margin: auto;
}

.divFooterBotaoDir {
    display: inline; 
    float: right;
}


/* esse stylo está sendo utilizado na tela dos cadastros impressão em PDF*/
.divpra-Direita { 
    display: inline;
	float: right;
	margin: auto;
}

/* esse stylo está sendo utilizado na dataTable das baixas das parcelas para marcar linhas já pagas */
.cores-linha-table {
     background-color: #D4ECFB !important;
     background-image: none !important;
     /*color: #FFFFFF !important;*/
     
     /*background-color: #008080 !important;
     background-image: none !important;
     color: #FFFFFF !important;*/
     
}

/* esse stylo está sendo utilizado na dataTable consulta saldo do corretor para marcar linhas */
.cores-linha-table-extra {
     background-image: none !important;
     color: #E3372E !important;
}


/* esse stylo está sendo utilizado na tela de geração de boletos*/
.divtexto-pradireita { 
    display: inline;
	float: right;
	margin-top: 5px;
	margin-right: 20px;
	color: #FF0000 !important;	
}

/* .ui-growl { */
/*     position: absolute; */
/*     top: 40px; */
/*     left: 40%;     */
/* } */

.center-col{
	 width: auto	;
	 text-align: center;  
}

/* esse stylo está sendo utilizado na tela de geração de boletos*/
.divtexto-center { 
    display: inline;
	float: left;
	color: #FF0000 !important;	
}

/* esse stylo está sendo utilizado topbar, para colocar um icone do sistema ????*/
.div-topbar { 
	float: left;
	color: #FFFFFF;	
	font-weight:bold;
}

/* esse stylo está sendo utilizado nos campos inputext */
.text-upper{
	 text-transform: uppercase;
}

/* esse stylo está sendo utilizado no campo inputext (email do usuario) */
.text-lower{
	 text-transform: lowercase;
}


/* esse stylo está sendo utilizado nas tabelas auxiliares do cliente - PET e DEPENDENTES */
.table-dep{
	 font-size: 12px; 
	 width: 790px;
}
.table-pet{
	 font-size: 12px; 
	 width: 905PX;
}

.tela-trocarsenha{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	width: 250px;
	height: 350px;
	background-color: #FFFFFF;
	margin: 0 auto 0 auto;
}

.esqueci-senha-link{
	margin-left: 100px; 
	margin-top: 1px; 
	color: #0000FF; 
	font-weight: bold; 
	font-size: 10px; 
	font-family: verdana !important;
}

.tela-esqueceu-senha{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	width: 350px;
	height: 500px;
	background-color: #FFFFFF;
	margin: 0 auto 0 auto;
}

.cor-nome-conces {
	 color: #0080B4 !important;
	 font-size: 12px}

/* esse stylo está sendo utilizado nas tabelas auxiliares do cliente - COMERCIOATIVIDADE E COMERCIOCNAE */
.table-comativ-comcnae{
	 font-size: 12px; 
	 width: 805px;
}

/* esse stylo está sendo utilizado nas tabelas auxiliares do cliente - COMERCIOATIVIDADE E COMERCIOCNAE */
.table-area{
	 font-size: 12px; 
	 width: 883px;
}

/* esse stylo está sendo utilizado nas tabelas VALOR VENAL */
.table-venal{
	 font-size: 12px; 
	 width: 875px;
}

.table-lancamento{
	font-size: 13px !important;
}

.table-agencia-width{
	 font-size: 13px; 
	 width: 700px;
}

.table-tipoatividade-width{
	 font-size: 13px; 
	 width: 800px;
}

.table-atividade-width{
	 font-size: 13px; 
	 width: 750px;
}

.table-permissao-width{
	 font-size: 13px; 
	 width: 588px;
}

.table-dumentoDoc-width{
	 font-size: 13px; 
	 width: 500px;
}

.label-recursos-itbi{
	color: rgb(0, 0, 160) !important; 
	font-weight: bold !important;
	font-size: 0.8rem;
}

.globo-topo { 
    display: inline;
	float: left;
	margin-top: 0;
}

.table-contrib-cnae-width{
	 font-size: 13px; 
	 width: 705px;
}


/* esse stylo está sendo utilizado na dataTable de Pdologia */
.cores-linha-table-pedologia {
     background-color: #D7D7D7 !important;
     background-image: none !important;
     color: #800000 !important;
     font-weight: bold;
}

.table-contrib-cnae-expansion{
	 font-size: 13px; 
	 width: 1050px;
}

.campo-total{
	text-align: right; 
	font-weight: bold !important; 
	background-color: #ECECEC !important;
}

.campo-nome-lanc{
	font-weight: bold !important; 
	color: #FFFFFF !important; 
	background-color: #000000 !important;
	font-size: 15px !important;
}

.campo-codbaixa{
	background-color: #ECECEC !important;
}

.background-color-fieldset-rel{
	background-color: #ECECEC !important;
}

.table-lancamento-campo-nome{
	font-size: 13px !important;
}

.div-pra-Direita { 
    display: block;
	float: right;
	margin-top: -3px;
	margin-bottom: 25px;
	margin-right: 0px;
	
}

.div-pra-Esquerda { 
    display: block;
	float: Left;
	margin-top: -3px;
	margin-bottom: 25px;
	margin-right: 0px;
}

.botao-pra-direita-na-div{
	 position: absolute; 
	 right: 18px;
}

.previsao-font{
	font-size: 13px;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
      font-size: 8px !important;
}
        
.MyOneMenu.ui-selectonemenu .ui-selectonemenu-trigger {
      height: 33px !important; 
}
.divpra-Direita-certidao-ntrib{
	display: inline;
	float: right;
	margin-left: 310px;
}

.divpra-direita-certidao-uso-ocupacao{
	display: inline; 
    float: right;
    margin-left: 175px;
}

.div-pradireita-certneg-mercantil{
	display: inline; 
    float: right;
    margin-left: 50px;
}

.MyOneMenu.ui-selectonemenu .ui-selectonemenu-label {
   font-size: 13px !important;
}

.MyOneMenu.ui-selectonemenu .ui-selectonemenu-seleOne {
   font-size: 11px !important;
}

.img-footer-layout{ /* imagem do rodapé,  footer*/
	width: 110px;
	height: 30px;
}


.btn-green{
	 background-color: #00AD63 !important;
	 /*font-weight: bold !important;*/
}

.btn-red{
	background-color: #EF8861 !important;
	/*font-weight: bold !important;*/
}

.rel-de-cadastro{
	color: #000080 !important;
	font-size: 15px !important;
}

.logo-center { /*da <div> imagem frontal*/
    display: flex !important;
    justify-content: center !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 10px;
    /*margin: auto; */
    position: relative;
    /*border: 1px solid #6EC6F1; */
}

.img-logo-frontal{  /* do atributo imagem frontal*/
	justify-content: center !important;
	padding-bottom: 60px;
	padding-top: 40px;
}

.divNomeEmp{
	 display: block;
	 color: #0080B4 !important;
	 font-size: 12px; 
	 float: left;
}

.nom-pefil-frontal{
	margin-left: 10px;
}

.refis-beneficio-font{
  font-size: 12px !important;
}

.botao-adicionar-margin{
	margin-left: 180px;
}

.total-item-nf{
	 text-align: right; 
	 background-color: #ECECEC !important; 
	 font-weight: bold; 
	 font-size: 16px !important;
}

.grid-nota-nf{
	background-color: #ECECEC !important; 
	/*background-color: #BFE2F9 !important; 
	 background: "/manhattan-layout/css/layout-blue-grey.css"; */
}

.centraliza-rel-bol{
	display: block;
	flex-wrap: wrap;
	justify-content: center;
	height: 330px;
	background-color: #FFFFFF;
	margin: auto auto auto auto;
}

.atalho-pra-direita-na-div{
	 position: absolute; 
}

.centraliza-rel-bol-2vcto{
	display: block;
	flex-wrap: wrap;
	justify-content: center;
	height: 320px;
	width: 380px;
	background-color: #FFFFFF;
	margin: 0 auto 100px auto;
}

.centraliza-tela-refis{
	display: block;
	flex-wrap: wrap;
	justify-content: center;
	height: 450px;
	width: 500px;
	background-color: #FFFFFF;
	margin: auto auto auto auto;
}

.centraliza-tela-alvara-func{
	display: block;
	flex-wrap: wrap;
	justify-content: center;
	height: 450px;
	background-color: #FFFFFF;
	margin: auto auto auto auto;
}

.centraliza-rel-bol-certidao{
	display: block;
	flex-wrap: wrap;
	justify-content: center;
	height: 315px;
	background-color: #FFFFFF;
	margin: 0 auto 100px auto;
}

.centraliza-tela{
	display: block;
	flex-wrap: wrap;
	justify-content: center;
	height: 315px;
	background-color: #FFFFFF;
	margin: 0 auto 100px auto;
}

.centraliza-tela-rel-certidao{
	display: block;
	flex-wrap: wrap;
	justify-content: center;
	height: 200px;
	background-color: #FFFFFF;
	margin: 150px auto 100px auto;
}

.area-cli-bol-div{
	background-color: #DF0024; 
	color: #FFFFFF; 
	font-size: 13px; 
	text-align: center; 
	width: 740px;
	margin-top:3px;
}

.divFooterBotaoDir {
    display: inline; 
    float: right;
}

.divfooter-pradireita-botaoendereco{
	display: inline; 
    float: right;
    margin-left: 690px;
}

/* CSS para zebrar a DataTable */
.ui-datatable .ui-datatable-data .even-row td{
	background-color: #EEDD82;
}

.ui-datatable .ui-datatable-data .odd-row td{
	background-color:#FFFACD;
}

.class-div-direita{
	display: inline; 
    float: right;
    margin-left: 1070px;
}

/*
    Stylus novos
*/

:root{
	--color-white: white;
	--color-gray: #f0f2f5;
	--color-gray2: #dddfe2;
	--color-dark: #1d2129;
	--color-blue: #1b74e4;
	--color-green: #42b72a;
	--color-blue2: rgb(61, 85, 252);
	--color-green2: #36a420;
	--color-gray3: #c0c0c0;	
	--color-blue3: #176293;
}


#tit-tela-select{
	background-color: var(--color-blue3) !important; 
	color: var(--color-white) !important;
	border-radius: 6px;
	border: none;
}

.inputs{
	padding: 15px;
	height: 22px;
	border-radius: 6px;
	border: 1px solid var(--color-gray2);
	outline: none;
	width: 90%;
	font-size: 17px;
	color: var(--color-dark);
	
}

.inputs:focus{
	border-color: var(--color-blue);
	box-shadow: 0 0 0 2px var(--color-gray2);
}

.btn{
	padding: 10px;
	border: none;
	color: var(--color-white) !important;
	border-radius: 5px;
	width: 100%;
	font-size: 1.1rem;
	transition: .2s;
	cursor: pointer;
}

.btn-enter{
	background-color: var(--color-blue) !important;
}

.pnl-top-5{
	margin-top: 5px;
}

.pnl-top{
	margin-top: 10px;
}

.pnl-top-15{
	margin-top: 15px;
}

.pnl-top-20{
	margin-top: 20px;
}

.pnl-top-2{
	margin-top: 2px;
}

.pnl-top-3{
	margin-top: 3px;
}

.pnl-top-30{
	margin-top: 30px;
}


.btn-enter:hover{
	background-color: var(--color-blue2);
}

.nota-lbl-campo{
	color: #2810b6;
	font-size: 13px !important;
	font-weight: bold;
}

.img-logo-ntf{
	 position: absolute; 
	 margin-left: 1270px;
	 margin-top: 40px;
	 width: 60px; 
	 height: 60px;
}

.campo-marcado{
	background-color: #ECECEC; 
	font-weight: bold; 
}
.campo-read-only{
	background-color: #ECECEC; 
	font-weight: bold; 
	font-size: 16px !important;
}

.p-dlg-msg{
	font-size: 16px; 
	font-family: calibri;
	text-align: center;
}

.hr-dlg-msg{
	margin-bottom: 8px;
	margin-top: 20px;
}

.fontsize-sub-menu{
	font-size: 12px !important; 
}

.fontsize-item-menu{
	font-size: 13px !important; 
}

.centraliza-tela-alvara-func-cli{
	display: block;
	flex-wrap: wrap;
	justify-content: center;
	height: 180px;
	background-color: #FFFFFF;
	margin: 130px auto 100px auto;
}