/* CSS - template.css */
@import
	url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')
	;

:root {
	font-size: 62.5%; /* (62.5/100) * 16px = 10px */ 
	--font-size--nano: 0.8rem; /* 08px */ 
	--font-size--micro: 1.0rem; /* 10px */
	--font-size--mini: 1.2rem; /* 12px */ 
	--font-size--small: 1.3rem; /* 13px */ 
	--font-size--default: 1.5rem; /* 14px */ 
	--font-size--big: 2.0rem; /* 20px */ 
	--font-size--large: 2.4rem; /* 24px */ 
	--font-size--mega: 2.8rem; /* 28px */ 
	--primary-color: #3a6282; 
	--secondary-color: #424242; 
	--default-color: #f5f5f5; 
	--background-color: #f4f5f7; 
	--info-color: #2196F3; 
	--alert-color: #FB8C00; 
	--error-color: #FF5252; 
	--success-color: #4CAF50; 
	--input-focus-border-color: var(--primary-color) !important;
	
	--lock-color: #AD8D43;
   
   
    --red-color: rgb(233, 30, 99);
    --pink-color: rgb(233, 30, 99);
    --purple-color: rgb(156, 39, 176);
    --deep-purple-color: rgb(103, 58, 183);
    --indigo-color: rgb(63, 81, 181);
    --blue-color: rgb(33, 150, 243);
    --light-blue-color: rgb(3, 169, 244);
    --cyan-color: rgb(0, 188, 212);
    --dark-green: #448c54;
    --teal-color: rgb(0, 150, 136);
    --green-color: rgb(76, 175, 80);
    --light-green-color: rgb(139, 195, 74);
    --lime-color: rgb(205, 220, 57);
    --yellow-color: rgb(255, 235, 59);
    --amber-color: rgb(255, 193, 7);
    --orange-color: rgb(255, 152, 0);
    --deep-orange-color: rgb(255, 87, 34);
    --brown-color: rgb(121, 85, 72);
    --grey-color: rgb(158, 158, 158);
    --blue-gray-color: rgb(96, 125, 139);
}





.font-size--small {
	font-size: var(--font-size--small);
}

.font-size--default {
	font-size: var(--font-size--default);
}

.font-size--large {
	font-size: var(--font-size--large);
}

.ui-widget, .ui-widget:not, #font-default {
	font-family: 'Inter';
}

html, body {
	height: 100%;
	font-family: 'Inter';
	background-color: #f4f5f7;
	color: var(--secondary-color);
	font-size: var(--font-size--default);
	font-family: 'Inter';
	text-rendering: optimizeLegibility;
}

#tudo {
	position: relative;
	min-height: 100%
}

#conteudo {
	padding-bottom: 20px;
	min-height: 100%
}

#rodape {
	position: absolute;
	bottom: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	background-color: #f4f5f7;
	color: var(--secondary-color);
}

#rodape>p {
	font-size: var(--font-size--micro);
}

.perfil {
	width: 17%;
	text-align: left;
	vertical-align: bottom;
	color: Grey;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
}

.destaque {
	font-weight: 600;
}

.menu {
	font-family: 'Open Sans', sans-serif;;
	font-size: 0.8em;
}

/* ambientes - inicio */
.ambiente {
	color: #FFFFFF;
	font-size: var(--font-size--large);
	font-weight: 600;
	border-radius: 20px;
	padding: 20 px;
	font-family: 'Inter', sans-serif;
}

.ambiente:before {
	content: "\00a0\00a0\00a0 ";
}

.ambiente:after {
	content: "\00a0\00a0\00a0 ";
}

/* ambientes - fim */
.PRODUCAO {
	background-color: var(--error-color);
	border: 2px solid var(--error-color);
}

.DESENVOLVIMENTO {
	background-color: var(--info-color);
	border: 2px solid var(--info-color);
}

.HOMOLOGACAO {
	background-color: var(--alert-color);
	border: 2px solid var(--alert-color);
}

.LOCALHOST {
	background-color: var(--success-color);
	border: 2px solid var(--success-color);
}

.panelMain {
	margin-top: 30px;
}

.title {
	font-family: 'Inter', sans-serif;
	color: #000000;
	font-size: small;
	font-weight: bold;
	text-align: left;
}

.label {
	color: #417B9C;
}

.rowAmortizacao {
	color: #FF0000;
}

.ui-menu {
	border-radius: 12px !important;
}

.subtitle {
	font-family: 'Inter', sans-serif;
	color: #1d5987;
	font-size: 0.9em;
	font-weight: bold;
}

.aviso {
	font-family: 'Inter', sans-serif;
	color: #ff3366;
	font-size: 0.9em;
	font-weight: bold;
}


/* Para formularios */
 
.rotulo {
	padding-bottom: 4px;
	font-size: var(--font-size--default);
	font-weight: 600;
	color: var(--primary-color)
}

.campo {
	padding-top: 2px;
	font-size: var(--font-size--default);
}

.campo-modal {
	padding-top: 2px;
	font-size: var(--font-size--default);
	font-weight: 600;
	color: var(--primary-color) !important;
}


.precatorio-detalhe-campo {
	font-weight: 500;
}

.precatorio-detalhe-valor {
	font-weight: 400;
}

.precatorio-detalhe-valores {
		white-space: nowrap;
}



.ui-selectonemenu-items {
    display: inline !important;
    /* white-space: nowrap; */
}


.upper {
	text-transform: uppercase;
}

.lower {
	text-transform: lowercase;
}

.left {
	text-align: left;
}

p {
	font-family: 'Inter', sans-serif;;
}

.smallTag {
	color: #FFFFFF;
	font-size: var(--font-size--mini) !important;
	font-weight: 600;
	border-radius: 5px;
	padding: 20 px;
	background-color: var(--success-color);
	text-transform: uppercase;
	padding: .1em .2em;
}

.smallTag:before, .smallTag:after {
	content: "\00a0\00a0\00a0 ";
}

.tag {
	color: #FFFFFF;
	font-weight: 600;
	border-radius: 8px;
	padding: .3em .6em;
	background-color: var(--secondary-color);
	text-transform: uppercase;
	white-space: pre;
}

.tag:before, .tag:after {
	content: "\00a0";
}

.Alimentar {
	background-color: var(--success-color);
	border: 2px solid var(--success-color);
}

.Comum {
	background-color: var(--info-color);
	border: 2px solid var(--info-color);
}


.forcar-tamanho-micro {
	font-size: var(--font-size--micro) !important;
}

.forcar-tamanho-mini {
	font-size: var(--font-size--micro) !important;
}

.forcar-tamanho-default {
	font-size: var(--font-size--default) !important;
}

.forcar-tamanho-nano {
	font-size: var(--font-size--nano) !important;
}


.autuado,        					
.em-assinatura, 
.assinado							{ background-color: black; }
.aguardando-distribuicao            { background-color: var(--alert-color); }
.cadastrado							{ background-color: #3273DC; }
.importado-do-saj					{ background-color: lightgray; color: black }

.com-pagamento						{ background-color: #9fe9c2; color: black }
.com-pgto-parcelado					{ background-color: #8ae234; color: black }
.pgto-parcial---retencoes-a-recolher  { background-color: #73d216; color: black }
.pgto-parcial---portaria-381-2012	    { background-color: #4e9a06; color: black }
.pgto-parcial---preferencial			{ background-color: #7AD6A5; color: black }
.pago								{ background-color: var(--success-color); }

.agrupado							{ background-color: #D68E4B; }
.sequestro							{ background-color: #bf1111; }	
.reserva-de-valores					{ background-color: #bd63c6; }
.reserva-de-valores---pt-parcial	{ background-color: #ad82b1; }
.suspenso							{ background-color: #D62B27; }
.aguardando-distribuicao			{ background-color: #363636;}	
.desmembrado						{ background-color: #C022F2;}
.requisitado-o-valor				{ background-color: grey;}
.pendente							{ background-color: #b4c6db; color: black; }
.recusado 							{ background-color: #F2413A; color: white; }

.extinto							{ background-color: var(--background-color); }
.excluído							{ background-color: darkgrey; }

.aguardando-assinatura				{ background-color: #FFDD57;  color: var(--secondary-color); }
.pre-cadastrado						{ background-color: #509CD6; }
.aguardando-revisao					{ background-color: var(--alert-color); }
.em-assinatura						{ background-color: var(--secondary-color);}	
.provisionado						{ background-color: #c96ed3}
.caucionado							{ background-color: #79258A; }






/* 
.Desmembrado	
.Pendente	
.Recusado	
.Pré-cadastrado	
.Com pagamento	
.Com pagamento parcelado
.Agrupado	
.Sequestro	
.Reserva de valores	
.Reserva de valores - pagamento parcial	
.Pagamento parcial - retenções a recolher
.Pagamento parcial - portaria 381/2012	
.Pagamento parcial - preferencial	
.Suspenso	
.Requisitado o valor	

*/

/* estilos - FIM */



body .ui-panel .ui-panel-titlebar {
	background-color: white;
	color: var(--secondary-color);
	border:none;
	font-size: var(--default);
}

body .ui-panel .ui-panel-content {
	border:none;
	font-size: var(--default);
	line-height: 1.2em;
}

/*
body .ui-accordion .ui-accordion-header.ui-tabs-outline {
	border: none;
	color: var(--secondary-color);
	background-color: white;
}


body .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
	border: none;
	color: var(--secondary-color);
	background-color: white;
}


body .ui-accordion .ui-accordion-header.ui-state-active {
	border: none;
	color: var(--secondary-color);
	background-color: white;
}*/


div.divCarregando {
	text-align: center;
	vertical-align: middle;
	color: #666666;
	font-weight: bold;
	position: absolute;
	vertical-align: baseline;
	top: 50%;
	left: 50%;
	height: 50px;
	width: 150px;
	margin-top: -25px;
	margin-left: -75px;
	background: #FFFFFF;
	z-index: 9999;
}

/*
.dialogWithoutHeader .ui-dialog-titlebar {
	display:none !important;
}*/
img {
	border-style: none;
}

h1 {
	font-family: 'Inter', sans-serif;
	color: var(--primary-color);
	font-size: var(--font-size--mega);
	line-height: 1.2;
	font-weight: 600;
}

h2 {
	font-family: 'Inter', sans-serif;
	color: var(--primary-color);
	font-size: var(--font-size--large);
	margin-top: .4em;
	line-height: 0.9;
	font-weight: 600;
}

h3 {
	font-family: 'Inter', sans-serif;
	color: var(--primary-color);
	font-size: var(--font-size--big);
	margin-top: 1.1em;
	margin-bottom:0.5em;
	line-height: 1.1;
	font-weight: 600;
	padding: 0.4em 0;
}


.descricao-h2 {
	font-weight: 300;
	font-size: var(--font-size--default);
	color: var(--primary-color);
	letter-spacing: .0071428571em;
	line-height: 1.5;
	padding-right: 40px;
}



.ui-datatable .tabCredores {
     border : 0px !important;
}

.componente-input-mega {
	width:810px;
}


.componente-input-default {
	width:500px;
}

.componente-input-med {
	width:450px;
}

.componente-input-small {
	width:230x;
}

.componente-input-opcional {
	font-weight: 300;
	font-size: 0.9em;
	color: var(--secondary-color);
	font-style: italic;
}

.tabTotalTitulo {
	color: var(--primary-color);
	font-size: var(--font-size--small);
	text-align: right;
	font-weight: 600;
}

.tabTotalValor {
	color: var(--secondary-color);
	font-size: var(--font-size--small);
	text-align: right;
}

.tabLinhaHorizontal {
	background-color: var(--background-color);
	border-radius: 5px;
	padding: 5px 0;
	margin: 5px;
}

.tabelaTotais {
	padding: .1em !important;
}




.whitespacing-button {
	margin: 7px 7px 7px 0 !important;
}




/* Grupos de panels com visibilidade condicional */
#indiceJurosMoratoriosGroup, #indiceJurosRemuneratoriosGroup {
	text-align: left !important;
}


/* Icone circular de expandir/colapsar - consulta precatorios recebidos */
body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e, 
body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s {
	font-size: 2em;
	color: var(--primary-color);
}

/*
.ui-menuitem-text {
	white-space: nowrap;
} */

.helper {
	font-weight: 300;
	font-size: var(--font-size--small);
	font-style: italic;
	padding: 0 0px 1px 6px;
	color: var(--secondary-color);
}



td {
	padding: 4px;
}

table.tableBorder {
	border-collapse: collapse;
	margin: auto;
	border-radius: 5px;
	border-style: 1px solid;
	border-color: var(--default-color);
}

table.tableBorder th, table.tableBorder td {
	border: none;
	padding: 3px;
	font-family: 'Inter';
	font-size: var(--font-size--default);
}

th {
	text-align: center;
}

.linhaSelecionada td {
	background-color: #D9EDF7;
}

.linhaNormal td {
	background-color: #FFF;
}

span.botaoUpload {
	padding: 7px 25px 7px 25px;
	background-color: #515151;
	color: #FFFFFF;
	margin: 2px;
}

table.noBorders td {
	border: none;
}

.ui-growl {
	left: 50%;
	top: 20%;
}

.ui-growl-item-container {
	opacity: 0.95;
}

.ui-growl .ui-widget-content {
	background: none;
	background-color: #999999;
}

.ui-growl-title {
	font-weight: normal;
}

.ui-datepicker-trigger {
	padding-left: 4px;
	cursor: pointer;
}

.colunaEsquerda {
	width: 49%;
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
}

.colunaNormal {
	width: 49%;
}

.colunaDireita {
	width: 49%;
	text-align: right;
}

li.ui-wizard-step-title {
	font-size: 12px;
	margin: 5px 1px 4px 0;
	padding: 5px 15px 5px 15px;
}

li.ui-state-hover {
	box-shadow: 3px 3px 2px #CCC;
	margin: 5px 4px 4px 0;
}

div.ui-wizard-content {
	/*border: solid 1px #A6C9E2;*/
	/*padding: 5px;*/
	margin: 0 0 15px 0;
}

.wizard {
	width: 100%;
}

a.linkPadrao {
	text-decoration: none;
	color: var(--primary-color);
}

a.linkGrande {
	text-decoration: none;
	color: var(--primary-color);
	font-size: 18px;
}

body a {
	text-decoration: none;
	color: var(--secondary-color);
}

body a:hover {
	text-decoration: dotted;
	color: var(--primary-color);
}

.ui-datalist-content {
	border: 0px;
}

.noBorders tr, .noBorders td {
	background: none !important;
	border: none !important;
}

/* Primeira coluna da panel */
.colunaEsquerda300px {
	width: 400px !important;
}

.ui-button {
	padding-right: 4px !important;
	padding-left: 4px !important;
	/*margin: 10px 5px 0 5px !important; AFETA BOTÃO DO PASSO 1 - ADV REQUERENTE*/
	margin: 0px 10px 0 0px;
}


body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
	background-color: var(--primary-color);
}

/* Botão personalizado */
/*
body .ui-button.ui-button-text-icon-left .ui-button-text .editar-button {
  position: absolute;
  bottom: 5%  !important;
  width: 100%;
  left: 0%;
  font-size: var(--font-size--nano) !important; 
  margin-top: 3px;
}

.square-button {
  width: 198px;
  height: 198px;
  float: left;
  position: relative;
}
*/
/*
.button-text {
  position: absolute;
  bottom: 5%;
  width: 100%;
  left: 0%;
  font-size: var(--font-size--nano);
  margin-top: 3px;
}

.button-icon {
  max-width: 128px;
  max-height: 128px;
}



*/

/* TESTE BUTTON */
.button-action {
	font-size: var(--font-size--nano);
}

.ui-button-text .button-text {
	position: absolute;
	bottom: 5%;
	width: 100%;
	left: 0%;
	font-size: var(--font-size--nano);
}

.ui-button .button-icon {
	width: 198px;
	height: 198px;
	float: left;
	position: relative;
}
/* end button-test */

/* Botão personalizado */

/* -----------------------  SOBRESCRITA DO PRIMEFACES ------------------------- */

/* MENU */
body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link>span
	{
	font-family: 'Open Sans' !important;
	font-size: var(--font-size--small) !important;
	color: var(--secondary-color) !important;
}

/* MENU - TRIANGULO ICONE */
body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link .ui-icon-triangle-1-s:last-child
	{
	font-family: 'primeicons' !important;
	font-size: var(--font-size--small) !important;
	color: var(--secondary-color) !important;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
	font-family: 'Inter' !important;
	font-size: var(--font-size--small) !important;
	color: var(--secondary-color) !important;
}

/* LABELS */
body
.ui-widget:not(.pi),body .ui-widget .ui-widget:not(.pi) {
font-family: 'Inter' !important;
font-size: var(--font-size--small) !important;
}

/* INPUTFIELD */
.ui-input-field {
	font-size: var(--font-size--regular) !important;
	padding: 4px !important;
}

body .ui-inputfield {
	font-size: var(--font-size--regular);
}

body .ui-inputfield:hover, .ui-widget-header .ui-inputfield:hover,
	.ui-widget-content .ui-inputfield:hover {
	border-color: var(--primary-color);
}

/* BOTÃO  - TEXTO */
body .ui-button.ui-button-text-icon-left .ui-button-text {
	color: #FFFFFF ;
	font-family: 'Inter' !important;
	font-size: var(--font-size--small) !important;
	padding: 0 5px 0px 5px important!;
	text-transform: uppercase;
}

/* BOTÃO - FUNDO*/
body .ui-button {
	background-color: var(--primary-color);
	color: #FFFFFF;
	border: var(--primary-color) !important;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0
		rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
	text-transform: uppercase;
}

body .ui-button.ui-state-hover {
	background-color: var(--secondary-color);
}

body .ui-button.ui-widget.ui-state-default {
	background-color: var(--primary-color);
}

/* BOTAO */
.ui-button .ui-widget .ui-state-default .ui-corner-all .ui-button-text-only
	{
	color: #FFFFFF; 
}

/* BOTÃO - ICONE */
.ui-widget .ui-icon.pi, .ui-icon.pi {
	color: #FFFFFF !important;
}

/* label  */
body
 
.ui-widget:not(.pi),body.ui-widget.ui-widget:not(.pi){
	align-items:center !important;
	font-family:'Inter',sans-serif !important;
	font-size:var(--font-size--default) !important;
}

/* label ------------------------------------------------------ nao funciona */
body .ui-output-label {
	font-family: 'Inter', sans-serif !important;
	font-size: var(--font-size--default) !important;
}

/* FIELDSET */
.ui-fieldset, .ui-fieldset .ui-fieldset-legend {
	/*width: max-content;*/
	font-family: 'Inter', sans-serif !important;
	font-size: var(--font-size--default) !important;
}

/* RADIO BUTTON */
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
	border-color: var(--primary-color) !important;
	background-color: var(--primary-color) !important;
}

/* MENSAGENS */
body .ui-messages .ui-messages-error, .ui-message {
	font-family: 'Inter', sans-serif;
	font-weight: normal;
}

/* checkbox*/
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
	background-color: var(--primary-color);
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

/* LISTBOX */
/*
.ui-selectonemenu .ui-selectonemenu-label {
	width: max-content !important;
}*/

/*
body .ui-selectonemenu {
	width: max-content !important;
}*/

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield {
	width:500px;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
	background-color: var(--primary-color);
	color: white;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight
	{
	border: 1px solid var(--primary-color);
	background-color: var(--primary-color);
	color: #fff;
	padding: 10 20px;
	font-size: var(--font-size--default);
	font-family: 'Inter', sans-serif;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
	background-color: #fff;
	padding: 10px 20px;
	font-size: var(--font-size--default);
	font-family: 'Inter', sans-serif;
}

body .ui-datatable .ui-datatable-data>tr {
	color: var(--secondary-color);
}

body .ui-datatable thead th.ui-state-active {
	background-color: var(--primary-color);
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
	background-color: var(--primary-color);
	color: white;
}


/* PAGINADOR - DATATABLE*/
body .ui-paginator .ui-paginator-pages .ui-paginator-page {
	background-color: #fff;
	margin: 0px 10px;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active
	{
	background-color: var(--primary-color);
	margin: 0px 10px;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active:hover
	{
	background-color: var(--default-color);
}

body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options
	{
	/*	margin: 10px 5px;*/
	background-color: var(--backgroung-color);
	font-size: var(--font-size-regular);
}

body .ui-progressbar .ui-progressbar-label {
	display: block !important;
}
.text-muted {
    color: #6c757d; /* Cor de texto cinza */
}