body{
	font-family: arial;
	margin: 0;
	padding: 0;
}

body,
html {
  height: 100%;
}

#header-left,
#header-middle,
#header-right{
	background-color: #007ad9; 
	border-bottom: 1px solid #000;
	height: 50px;
}

#header-left h1,
#header-left a,
#header-left a:visited{
	color: #f6f6f6;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 auto;
	text-decoration: none;
}
#header-left a:hover{
	color: #fff;
	text-decoration: none;
}
#header-left div.sistema div.banco,
#header-left a div.sistema div.banco,
#header-left a:visited div.sistema div.banco{
	color:yellow;
	font-size: 0.6em;
	font-weight: bold;
	line-height: 0.6em;
	margin: 0 auto;
	text-decoration: none;
}

#header-right{
	text-align: right;
}

#footer {
	background-color: #2E76AA;	
}

div#conteudo{
    padding-top: 50px;
}
div#conteudo .ui-datagrid-column{
    margin: 0 10px;
}

span.ui-column-title{
	font-weight: bold;
}

.som400{
	width: 400px;
}

/* Column */
	.col-vazia{
		height: 0px; 
		padding: 0 !important;
	}
/* Column */


/* Heading */
div.ui-widget h4{
	font-size: 0.9em;
}
/* Heading */

/*CORES*/
.corDourado{
	color: #d4af37;
}
/*CORES*/

/* Buttons */
html head + body .btn-spacer{
	margin: 2px;	
}

html head + body .btn-spacer-dir{
	margin-right: 2px;	
}

span.ui-button-icon-left.ui-icon.ui-c.pi {
    font-size: 1.2em;
}

/*TRANSFORMA TEXTO EM BOTÃO*/
	.btn-vermelho-pequeno {
	    display: inline-block;
	    padding: 2px 6px;
	    font-size: 11px;
	    line-height: 1.2;
	    border: 1px solid #c00;
	    background-color: #f8d7da;
	    color: #c00;
	    border-radius: 3px;
	    text-decoration: none;
	}
	
	.btn-vermelho-pequeno:hover {
	    background-color: #f1b0b7; /* vermelho mais forte */
	    color: #8a0000;            /* texto um pouco mais escuro */
	    border-color: #8a0000;
	}
	
	.btn-azul-pequeno {
	    display: inline-block;
	    padding: 2px 6px;
	    font-size: 11px;
	    line-height: 1.2;
	    border: 1px solid #116FBF;
	    background-color: #dbe9f6; /* azul claro derivado */
	    color: #116FBF;
	    border-radius: 3px;
	    text-decoration: none;
	}
	
	.btn-azul-pequeno:hover {
	    background-color: #b6d4ee;
	    color: #0b4f88;
	    border-color: #0b4f88;
	}
/*TRANSFORMA TEXTO EM BOTÃO*/

/* Botão Amarelo: Início*/
/*Base*/
button.ui-button.ui-state-default.btn-amarelo{
    background-image: linear-gradient(to bottom, #f5bf1d, #f2b600);
    border-color: #d1a00f;
    box-shadow: 0 1px 0 #f8cd4d inset, 0 1px 2px rgb(0 0 0 / 20%) !important;
}
button.ui-button.btn-amarelo span{
	text-shadow: 0 -1px 0 #ce9c06 !important
}

/*Passar o mouse sobre o botão */
button.ui-button.ui-state-default.btn-amarelo:hover{
	background-image: linear-gradient(to bottom, #eeb814, #e7ad00);
	border-color: #9f7905;
}

/*Soltar o click do mouse*/
button.ui-button.ui-state-default.btn-amarelo:focus {
	background-image: linear-gradient(to bottom, #c69810, #c69810) !important;
	border-color: #97740b;
	box-shadow: 0 1px 0 #d2ad40 inset, 0 1px 2px rgb(0 0 0 / 35%) !important;
}

/*Clicar com o mouse*/
button.ui-button.ui-state-default.btn-amarelo:active{
	background-image: linear-gradient(to bottom, #c69810, #c69810) !important;
	box-shadow: 0 1px 0 #d2ad40 inset, 0 1px 2px rgb(0 0 0 / 35%) !important;
}
/*Botão Amarelo: Fim*/

/* Botão Azul Escuro: Início*/
/*Base*/
button.ui-button.ui-state-default.btn-azulEscuro{
    background-image: linear-gradient(to bottom, #559dd1, #438bbf);
    border-color: #3a82b6;
    box-shadow: 0 1px 0 #6cb4e8 inset, 0 1px 2px rgb(0 0 0 / 20%) !important;
}
button.ui-button.btn-azulEscuro span{
	text-shadow: 0 -1px 0 #347cb0 !important
}

/*Passar o mouse sobre o botão */
button.ui-button.ui-state-default.btn-azulEscuro:hover{
	background-image: linear-gradient(to bottom, #4b93c7, #3981b5);
	border-color: #1d6599;
}

/*Soltar o click do mouse*/
button.ui-button.ui-state-default.btn-azulEscuro:focus {
	background-image: linear-gradient(to bottom, #367eb2, #367eb2) !important;
	border-color: 4e6685;
	
}

/*Clicar com o mouse*/
button.ui-button.ui-state-default.btn-azulEscuro:active{
	background-image: linear-gradient(to bottom, #4b93c7, #4b93c7) !important;
	box-shadow: 0 1px 0 #69a4ce inset, 0 1px 2px rgb(0 0 0 / 35%) !important;
}
/*Botão Azul Escuro: Fim*/

/* Botão Geral*/
button.ui-button.btn-geral-lg{
	height: 60px;
	margin: 5px;
}
button.ui-button.ui-state-default.btn-geral-lg span.ui-button-text
{
	font-size: 16px;
}
/* Botão Geral*/

/* Botão Principal(menu) / Botão Index do Sistema: Início*/
button.ui-button.btn-principal{
    width: 220px;
}
.btn-index{
	width: 100% !important;
}
button.ui-button.ui-state-default.btn-index span.ui-button-text
{
	font-size: 16px;
}

button.ui-button.ui-state-default.btn-principal {
	background-image: linear-gradient(to bottom, #f3f3f3, #f0f0f0);
    border-color: #888;
    box-shadow: 0 1px 0 #ccc inset, 0 3px 5px rgb(0 0 0 / 20%) !important;
    color: #777;
}
button.ui-button.ui-state-default.btn-principal span.ui-button-text{
	font-size: 16px;
	text-shadow: 0 1px 0 #fff !important;
}

button.ui-button.ui-state-default.btn-principal:hover{
	background-image: linear-gradient(to bottom, #dedede, #ddd);
	border-color: #555;
}
button.ui-button.ui-state-default.btn-principal:hover span.ui-button-text{
	color: #555;
}

button.ui-button.ui-state-default.btn-principal:focus, button.ui-button.ui-state-default.btn-principal:active {
	background-image: linear-gradient(to bottom, #ddd, #ccc) !important;
	/*box-shadow: 0 1px 0 #c4c4c4 inset, 0 1px 10px rgb(0 0 0 / 35%) !important;*/
	box-shadow: 0 0 10px #2E76AA !important;
	border-color: #333;
	
}
button.ui-button.ui-state-default.btn-principal:focus span.ui-button-text, button.ui-button.ui-state-default.btn-principal:active span.ui-button-text {
	color: #333;
}
/* Botão Principal / Botão Index do Sistema: Fim*/

/* Botão Principal Dourado*/
button.ui-button.ui-state-default.btn-dourado {
    background-image: linear-gradient(to bottom, #fcf3cf, #fbeeb7); /* degrade dourado claro */
    color: #5d4037; /* texto em marrom escuro para contraste */
}

button.ui-button.ui-state-default.btn-dourado span.ui-button-text {
    font-size: 16px;
    text-shadow: 0 1px 0 #fff !important;
}

button.ui-button.ui-state-default.btn-dourado:hover {
    background-image: linear-gradient(to bottom, #fbeeb7, #f9e8a0);
    border-color: #b7950b;
}

button.ui-button.ui-state-default.btn-dourado:hover span.ui-button-text {
    color: #4e342e;
}

button.ui-button.ui-state-default.btn-dourado:focus,
button.ui-button.ui-state-default.btn-dourado:active {
    background-image: linear-gradient(to bottom, #f4d03f, #f1c40f) !important;
    box-shadow: 0 0 10px #f1c40f !important;
    border-color: #9c7c0c;
}

button.ui-button.ui-state-default.btn-dourado:focus span.ui-button-text,
button.ui-button.ui-state-default.btn-dourado:active span.ui-button-text {
    color: #3e2723;
}
/* Botão Principal Dourado / Botão Index do Sistema Dourado: Fim*/

/* Botão Cinza: Início*/
/*Base*/
button.ui-button.ui-state-default.btn-cinza{
    background-image: linear-gradient(to bottom, #bbb, #ddd);
    border-color: #bbb;
    box-shadow: 0 1px 0 #ddd inset, 0 1px 2px rgb(0 0 0 / 20%) !important;
}
button.ui-button.btn-cinza span{
	text-shadow: 0 -1px 0 #bbb !important
}

/*Passar o mouse sobre o botão */
button.ui-button.ui-state-default.btn-cinza:hover{
	background-image: linear-gradient(to bottom, #bbb, #ccc);
	border-color: #999;
}

/*Soltar o click do mouse*/
button.ui-button.ui-state-default.btn-cinza:focus {
	background-image: linear-gradient(to bottom, #bbb, #ccc) !important;
	border-color: #aaa;
}

/*Clicar com o mouse*/
button.ui-button.ui-state-default.btn-cinza:active{
	background-image: linear-gradient(to bottom, #bbb, #ddd) !important;
	box-shadow: 0 1px 0 #bbb inset, 0 1px 2px rgb(0 0 0 / 35%) !important;
}
/*Botão Cinza: Fim*/

/* Botão Verde: Início*/
/*Base*/
button.ui-button.ui-state-default.btn-verde{
    background-image: linear-gradient(to bottom, #05df37, #00c82e);
    border-color: #00b92a;
    box-shadow: 0 1px 0 #3ae661 inset, 0 1px 2px rgb(0 0 0 / 20%) !important;
}
button.ui-button.btn-verde span{
	text-shadow: 0 -1px 0 #00b128 !important
}

/*Passar o mouse sobre o botão */
button.ui-button.ui-state-default.btn-verde:hover{
	background-image: linear-gradient(to bottom, #00d430, #00b72a);
	border-color: #00891f;
}

/*Soltar o click do mouse*/
button.ui-button.ui-state-default.btn-verde:focus {
	background-image: linear-gradient(to bottom, #00d430, #00b72a) !important;
	border-color: #00891f;
}

/*Clicar com o mouse*/
button.ui-button.ui-state-default.btn-verde:active{
	background-image: linear-gradient(to bottom, #00b329, #00b329) !important;
	box-shadow: 0 1px 0 #31c353 inset, 0 1px 2px rgb(0 0 0 / 35%) !important;
}
/*Botão Verde: Fim*/

/* Botão Vermelho: Início*/
/*Base*/
button.ui-button.ui-state-default.btn-vermelho{
    background-image: linear-gradient(to bottom, #ff5969, #ff3f52);
    border-color: #f83548;
    box-shadow: 0 1px 0 #ff7b87 inset, 0 1px 2px rgb(0 0 0 / 20%) !important;
}
button.ui-button.btn-vermelho span{
	text-shadow: 0 -1px 0 #f72e41 !important
}

/*Passar o mouse sobre o botão */
button.ui-button.ui-state-default.btn-vermelho:hover{
	background-image: linear-gradient(to bottom, #ff4c5c, #ff3144);
	border-color: #bf2533;
}

/*Soltar o click do mouse*/
button.ui-button.ui-state-default.btn-vermelho:focus {
	background-image: linear-gradient(to bottom, #ff4c5c, #ff3144) !important;
	border-color: #bf2533;
}

/*Clicar com o mouse*/
button.ui-button.ui-state-default.btn-vermelho:active{
	background-image: linear-gradient(to bottom, #ec3646, #ec3646) !important;
	box-shadow: 0 1px 0 #f05e6b inset, 0 1px 2px rgb(0 0 0 / 35%) !important;
}
/*Botão Vermelho: Fim*/

 
/* Classe principal para botões com texto ajustado */
.btn-text-ajustado {
    position: relative;
    min-width: fit-content; /* Adapta-se ao conteúdo */
}

/* Controle do texto - versão aprimorada */
.btn-text-ajustado .ui-button-text {
    display: inline-block;
    white-space: nowrap;
    overflow: visible; /* Permite que o texto ultrapasse */
    text-overflow: clip; /* Remove as reticências */
    vertical-align: middle;
    padding: 0 0.5em;
    max-width: none; /* Remove qualquer limitação */
}

/* Ajuste para botões com ícones - versão melhorada */
.btn-text-ajustado .ui-icon ~ .ui-button-text {
    margin-left: 0.5rem; /* Espaço entre ícone e texto */
    max-width: none; /* Remove limitação */
}

/* Garante que o botão se expanda conforme necessário */
.btn-text-ajustado.ui-button {
    padding-right: 1em;
    padding-left: 1em;
    transition: none; /* Remove transições que podem causar flicker */
}
/* Buttons */

/*Cabeçalho*/
div#header {
    background-color: white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
/*Cabeçalho*/

/* img chat */
img.box-chat{
	max-width: 100%;
    margin-top: 10px;
}
/* img chat */

/*Menu Lateral*/
.menu-lateral {
    position: fixed;
    top: 50px;
    left: 0;
    width: 300px;
    height: calc(100% - 50px);
    background-color: #f4f4f4;
    padding: 10px;
    box-shadow: 2px 0 5px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    overflow-y: auto;
    padding: 10px;
}

.menu-lateral div{
	width: auto;
}

.menu-lateral div ul{
	padding-inline-start: 0;
}

.menu-lateral div ul li a.menu-lateral-dourado {
    background-image: linear-gradient(to bottom, rgb(252, 243, 207), rgb(251, 238, 183));
    text-decoration: none;
}

.menu-lateral div ul li a.menu-lateral-dourado:hover {
    background-image: linear-gradient(to bottom, rgb(251, 238, 183), rgb(250, 231, 159)) !important;
}

.menu-lateral div ul li.ui-submenu-child{
	background-color: #f8f8ff;
}

.menu-fechado-inicial #menuLateral {
    transform: translateX(-320px);
}
.menu-fechado-inicial body {
    padding-left: 0 !important;
}

.menu-oculto {
    transform: translateX(-320px);
}
/*Menu Lateral*/

/* caixa - box */
.box{
	border: 1px solid transparent;
	border-radius: 0.25rem;
	margin: 10px 0;
	padding: 0.5rem 1.0rem;
}
.box.cinza{
	background-color: #f3f3f3;
	border-color: #ccc;
	color: #777;
}
.box.laranja{
	background-color: #fff3cd;
	border-color: #ffeeba;
	color: #856404;
}
.box.verde{
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}
.box.vermelho{
	background-color: #f8d7da;
	border-color: #f5c6cb;
	color: #721c24;
}

.box.laranjaOpaco{
	background-color: rgba(255,165,0,0.05);
}

.box.verdeOpaco{
	background-color: rgba(0,128,0,0.05);
}
/* caixa - box */

/* CheckBox*/

	/* Seleciona um checkbox que está dentro de um Datatable */
	/* O estilo checkBox1 deve ser aplicado na coluna onde o checkbox está inserido */
	
	/*Linhas*/
	td.ui-selection-column.checkBox1 > div > div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default{
		border: 2px solid #D3D3D3;
	}
	
	/*Cabeçalho*/
	th.ui-state-default.ui-selection-column.checkBox1 > div > div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default{
		border: 2px solid #D3D3D3;
	}
	
/* CheckBox*/

/*DataList*/

/*Para retirar a borda em um panel que o PrimeFaces cria ao redor do dataList.
A classe semBorda deve ser inserida no Panel pai do dataList*/
div.semBorda .ui-widget-content{ 
	border: none;
}

/*Para retirar os bullets e os espaços iniciais em um dataList.
A classe semBullet deve ser inserida no dataList*/
.semBullet .ui-datalist-data{ 
	list-style-type: none;
	padding-inline-start: 0px;
}

/*Box com cores alternadas e espaçamento num datalist*/
.boxAlternado .ui-datalist-item{
	margin: 10px;
	padding: 10px;
}

.boxAlternado .ui-datalist-item:nth-child(odd) {
	background-color: rgba(0,128,0,0.1);/*Verde*/
}

.boxAlternado .ui-datalist-item:nth-child(even) {
    background-color: rgba(0, 0, 255, 0.1); /*Azul*/
}
/*Box com cores alternadas e espaçamento num datalist*/
	
/*DataList*/

/* Div */
div.border-none{
	border:  none;
}
.div-margin-10{
	margin: 10px;
}
div.width-100{
	width:  100%;
}

.div-laranja {
    background-color: orange;
    margin: 0;
    padding: 20px;
}
/* Div */

/* dock */
#dock-clean .ui-widget-header{
	background: none;
	border: none;
}

div#dock-clean{
	font-size: 0.8em;
}
/* dock */

/* Font */
.f-min{
	font-size: 0.7em;
}
div.ui-outputpanel.ui-widget.f-min{
	font-size: 0.7em;
}

.f-peq{
	font-size: 0.8em;
}
div.ui-outputpanel.ui-widget.f-peq{
	font-size: 0.8em;
}

.f-gde{
	font-size: 1.2em;
}
div.ui-outputpanel.ui-widget.f-gde{
	font-size: 1.2em;
}

.f-bold{
	font-weight: bold;
}
.f-italic{
	font-style: italic;
}
.f-azul{
	color: blue !important;
}
.f-azul2{
	color: #2E76AA !important;
}
.f-cinza{
	color: #d9d9d9;
}
.f-laranja{
	color: orange;
}
.f-vermelho{
	color: red;
}
.f-maiuscula{
	text-transform: uppercase;
}

/* Font */

/* Img */
div.foto img{
	height: 150px;
	width: 150px;
	margin: 0px;
	padding: 0px
}

div.img-logo-emeron-svg{
		background-image: url('/emeronWeb/imagens/logo-emeron.svg');
		background-repeat: no-repeat;
		height: 300px;
		margin: 15px auto 30px auto;
		width: 300px;
	}
	
/* Img */

/*Input*/
.inputLogin{
	height: 45px;
	font-size: 18px !important;
}
.inputDataPq{
	width: 150px !important;
}
/*Input*/

/* Lista */
.ui-widget-content ul {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    border: none !important;
    padding-inline-start: 40px;
}

div.lista-atuacoes ul{
	list-style-type: none;
	border: none;
}

/* Rodapé
 .rodapeAzul{
	background-color: #eee;
	border-top: 1px solid #999;
	font-size: 14px;
	color: #999;
}
   .rodapeFixo {
		left: 0;
		bottom: 0;
		position: fixed;
		width: 100%;
   }
   
   .rodapeFlutuante {
		left: 0;
		bottom: 0;
		position: sticky;
		width: 100%;
   }
   
      .rodapeFixoCentro {
		  left: 50%;
		  bottom: 0;
		  position: fixed;
		  transform: translateX(-50%);
		  width: 400px;
   }
   
   a.linkRodape, a:visited.linkRodape {
	color: #666;
	font-size: 1em;
	font-weight: bolder;
	text-decoration: underline;
}
a:hover.linkRodape{
	color: #333;
}
 Rodapé */

/* Rodapé */
	.rodapeAzul{
	background-color: #007ad9;;
	/*background-color: #2E76AA;*/
	border-color: #FFBF00;
	border-top: 1px solid #000;
	font-size: 14px;
	color: #fff;
	}
   .rodapeFixo {
		left: 0;
		bottom: 0;
		position: fixed;
		width: 100%;
   }
   
   .rodapeFlutuante {
		left: 0;
		bottom: 0;
		position: sticky;
		width: 100%;
   }
   
      .rodapeFixoCentro {
		  left: 50%;
		  bottom: 0;
		  position: fixed;
		  transform: translateX(-50%);
		  width: 400px;
   }
   
   a.linkRodape, a:visited.linkRodape {
	color: #fff;
	font-size: 1em;
	font-weight: bolder;
	text-decoration: underline;
}
a:hover.linkRodape{
	color: yellow;
}
/* Rodapé */

/* Margins */
.marginTopDown3{
	margin: 3px 0;
}

.marginTop10{
	margin-top: 10px;
}

.marginRight5{
	margin-right: 5px; 
}
/* Margins */

/*Menu UL Horizontal*/
.menuHorizontal ul {
    margin-bottom: 0px;
}
/* Hack center nav-pills */
.menuHorizontal ul.nav-pills > li{
	border-right: 1px solid #000;
  	float: none;
    display: inline-block;
    padding: 5px 15px;
}
.menuHorizontal ul.nav-pills {
    text-align:center;
}
.menuHorizontal ul.nav-pills li a{
	background: #fff;
	color: #727376;
	text-decoration: none;
}
.menuHorizontal ul.nav-pills li a:hover{
	background: #fff;
	color: #000;
	text-decoration: underline;
}
.menuHorizontal ul.nav-pills li.active a{
	background: #fff;
	color: #000;
}
/*Menu UL Horizontal*/

/* Lista */

/* Panel */
.panelBordaArredondada{
	border: 1px solid #c8c8c8 !important;
	padding: 10px !important;
	border-radius: 10px !important;
}
.panelBordaArredondada > div{
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

table.pgNoBorder, table.pgNoBorder tr.ui-widget-content, table.pgNoBorder td.ui-panelgrid-cell{
	border: none !important; 
}

div.panelNoBorder div{
	border: none;
}
div.panelNoBorder div ul.ui-listview li{
	border: none;
	padding: 0;
}
div.panelBox270{
	height: 270px;
}

.textoCentroVertical > div > div{
	display: flex;
	align-items: center;
}

div.msgEmeronia{
    background-color: rgb(215, 254, 188);
    border: 1px solid rgb(92, 226, 3);
    border-radius: 5px;
    color: #333;
    margin: 10px 0;
    padding: 10px 20px;
    text-align: justify;
}

div.msgEmeroniaUser{
	background-color: rgb(255, 248, 188);
    border: 1px solid rgb(226, 203, 3);
    border-radius: 5px;
    color: #333;
    margin: 10px 0;
    padding: 10px 20px;
    text-align: justify;
}
/* Panel */

/* Span */
.span-geral{
	border-radius: 5px;
	color: #fff;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 1px 1px 1px #0008;
}

.span-amarelo{
	background-color: #F7D358;
	color: #fff;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}

.span-amarelo25per{
	background-color: #fdf4d5;
	color: #fff;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}

.span-amarelo25per2{
	background-color: #fdf4d5;
	color: #000;
	margin: 10px 0;
	padding: 5px;
}

.span-cinza{
	background-color: #aaa;
	color: #fff;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}
.span-cinza-claro{
	background-color: #efefef;
	color: #fff;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}

.span-verde{
	background-color: #8cc63f;
	color: #eee;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}

.span-verde50per{
	background-color: #8cc63f80;
	color: #eee;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}

.span-verde-semSombra{
	background-color: #8cc63f;
	color: #fff;
	margin: 10px 0;
	padding: 5px;
}
.span-vermelho{
	background-color: #de5b49;
	color: #eee;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}

.span-vermelho.box, .span-verde.box{
	border-radius: 0.25rem;
	padding: 0.5rem 1.0rem;
}

.span-alerta{	
    background-color: #F7D358;
    border: 1px solid #444;
	color: #fff;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}

.coluna-centralizada {
    display: flex;
    align-items: center;
}

.centro-horizontal {
    justify-content: center; /* Centraliza horizontalmente */
}


/* Table */
table tbody.ui-datatable-data div.div-margin-none {
	margin: 0px;
}

.ui-datatable th.th-centro {
    text-align: center;
}
/* Table */


/* Define a cor de fundo para as linhas ímpares */
.tabela-amarelo tr:nth-child(odd) {
    background-color: #fdf4d5 !important; /* Amarelo claro */
}

/* Define a cor de fundo para as linhas pares */
.tabela-amarelo tr:nth-child(even) {
    background-color: #fef9ea !important; /* Amarelo médio */
}

/* Ajuste para hover, se desejar destacar ao passar o mouse */
.tabela-amarelo tr:hover {
    background-color: #FFD54F !important; /* Amarelo mais intenso */
}






.grid-orcamento {
    width: 100%;
}

.cabecalho {
    font-weight: bold;
    padding: 6px;
}

.col-prev {
    background-color: #DAE7EC;
    text-align: right;
}

.col-exec {
    background-color: #D4E8C4;
    text-align: right;
}

.col-dif {
    background-color: #F8F0B5;
    text-align: right;
}

.right {
    text-align: right;
}

/* Table */


/* Text */
.t-centro{
	text-align: center;
}
.t-dir{
	text-align: right;
}
.t-esq{
	text-align: left;
}
.t-just{
	text-align: justify;
}
/* Text */

/* Text */
.f-h2-semMargem{
	display: block; /* Garante que o elemento se comporte como um bloco */
    font-size: 2em; /* Tamanho da fonte típico de um <h2> */
    font-weight: bold; /* Peso da fonte de um <h2> */
    line-height: 1.2; /* Altura da linha */
}

.f-h3{
    display: block; /* Garante que o elemento se comporte como um bloco */
    font-size: 1.17em; /* Tamanho da fonte típico de um <h3> */
    font-weight: bold; /* Peso da fonte de um <h3> */
    margin: 1em 0; /* Margem padrão de um <h3> */
    line-height: 1.3; /* Altura da linha */
}

/* Text */

/* Box */
.boxSimples{
	border: 1px solid #d5d5d5;
	padding: 20px;
	margin-bottom: 20px;
}
.boxSimples:last-child {
    margin-bottom: 0;
}
/* Box */

/*CommandLink*/
ui-widget-content.turma{
  color: red;
}
/*CommandLink*/

/*DataTable*/
 .ui-widget-content.ui-datatable-odd.linha-color-odd {
	background-color: #f9f9f9;
}

table tbody.ui-datatable-data div{
	margin: 5px 0;
}
/*DataTable*/

/*DataGrid*/
.dg-sem-borda div.ui-datagrid-content{
	background: transparent;
	border: none;
	padding: 0;
}
.dg-sem-borda div.ui-datagrid-column{
	margin: 0;
	padding: 0;
}

/*Links*/
.ui-widget .ui-widget a.corAzul{
	color: #0000EE;
}
.ui-widget .ui-widget a.f-peq {
	font-size: 0.8em;
}
.ui-widget .ui-widget a.f-min {
	font-size: 0.6em;
}
/*Links*/

/* Select one menu */
.ui-selectonemenu-panel {
    max-width: 800px;
}

.ui-selectonemenu-list-item {
    white-space: normal !important;
    word-wrap: break-word;
}
/* Select one menu */

/* Tag */
.tag-marcador {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 700;
    margin: 2px;
    color: white !important;
    text-shadow: 1px 2px 2px rgba(0,0,0,0.7);
    border: 1px solid rgba(0,0,0,0.1);
}
.tag-marcador::before {
    content: "#";
}
/* Tag */

/* Presença */
.presenca-cartao-qr {
    width: 200px;
    margin: 0 auto;
    padding: 10px;
    background-color:#ffffff
}
/* Presença */


/* Media queries */
@media only screen and (max-device-width: 768px){

	div#header button.ui-button.ui-button-icon-only{
		font-size: 2em;
		top: 15%;
		width: 2em;
	}
	
	div#header span.ui-button-icon-left.ui-icon.ui-c.pi{
	    font-size: 1.2em;
	}
	
	#header-left,
	#header-middle,
	#header-right{
		border-bottom: 2px solid #000;
		height: 120px;
	}

	#header-left h1, #header-left a{
		font-size: 3.5em;
		margin: 0 auto;
	}

	#header-left div.sistema div.banco,
	#header-left a div.sistema div.banco,
	#header-left a:visited div.sistema div.banco{
		font-size: 1.5em;
	}



	div#conteudo{
    	padding-top: 100px;
	}

	div#conteudo h1{
		font-size: 2.2em;
	}

	div#conteudo h2{
		font-size: 2em;
	}

	div#conteudo h3{
		font-size: 1.8em;
	}

	div#conteudo h4{
		font-size: 1.6em;
	}

	div#conteudo button.ui-button.ui-widget{
        font-size: 1em;
    }

	div#conteudo div.ui-outputpanel button.btn-geral-lg span.ui-button-text{
	    font-size: 1.8em;
	}

	div#conteudo div.ui-datatable button.ui-button.ui-button-icon-only {
		width: 3em;
	}

	div#conteudo div.ui-datatable button.ui-button.ui-button-icon-only span.ui-icon {
		left: 40%;
	}

	div#conteudo div.ui-datatable span.ui-button-text{
	    font-size: 1.5em;
	}

	div#conteudo div.ui-outputpanel div.ui-datatable span.ui-button-icon-left.ui-icon.ui-c.pi{
		font-size: 0.6em;
	}
	
	div#conteudo div.ui-outputpanel div.ui-datatable span.ui-button-text{
	    font-size: 0.6em;
	}

	div#conteudo div.ui-panelgrid span.ui-button-text{
		font-size: 0.8em;
	}

	div#conteudo input, select, textarea, button{
		font-size: 0.5em;
	}

	div#conteudo span.ui-button-text{
	    padding: 0.5rem 2rem 0.5rem 4rem;
	}

	div#conteudo .ui-widget{
        font-size: 1.4em;
    }
    
	div#conteudo .ui-widget .ui-panelgrid-cell {
        font-size: 0.9em;
    }
    
	div#conteudo .ui-widget .ui-panelgrid-cell,
	div#conteudo .ui-widget .ui-panelgrid-cell > div {
	    font-size: 0.9em;
	}
	
	
	
	div#conteudo .ui-widget .ui-link{
        font-size: 1em;
    }

	div#conteudo .ui-datagrid-column{
	    margin: 0 9px;
	}

	/* Buttons */
	html head + body .btn-spacer{
		margin: 2px;	
	}
	button.ui-button{
		margin: 2px 10px;
	}
	span.ui-button-icon-left.ui-icon.ui-c.pi {
		top: 40%;
	    font-size: 1.2em; 
	}
	/* Buttons */

	/* button-principal */
	button.ui-button.btn-geral-lg{
		height: 100px;
		width: 100%;
	}
	button.ui-button.ui-state-default.btn-geral-lg span.ui-button-text{
		font-size: 2.5em;
	}
	/* button-principal */

	div.span-alerta{
		font-size: 1.2em;
		padding: 10px;
	}

	/*div.ui-g h3{
		font-size: 1.6em;
	}
	div.ui-g h4{
		font-size: 1.4em;
	}
	div.ui-g h5{
		font-size: 1.2em;
	}*/

	div.ui-g div.ui-panelgrid-cell input{
		font-size: 1.3em;
		font-weight: bold;
	}

	.f-min{
		font-size: 0.5em;
	}
	.f-peq{
		font-size: 0.8em;
	}

	img.avaliacaoEmoji{
		height: 160px;
	}
	
	img.avaliacaoEmojiRelatorio{
		height: 160px;
	}

	input, button{
		line-height: 1.5em;
		margin: 2px;
	}
	
	/*DataGrid 4 colunas (4x3)*/
	div.dgAgenda div div .ui-md-3 {
	    width: 100%;
	}
	/*DataGrid 4 colunas (4x3)*/

	/* Menu Lateral*/
	.menu-lateral .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 {
		font-size: 2em;
		line-height: normal;
	}
	.menu-lateral .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon,
	.menu-lateral .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon{
		margin-right: 0.5em;
	}
	.menu-lateral .ui-menuitem-text,
	.menu-lateral .ui-menuitem-link {
		font-size: 1.6em;
		line-height: 2em;
    }
	.menu-lateral .ui-menu-list .ui-widget-header h3 {
		font-size: 1em; 
	}
	.menu-lateral .ui-menuitem-icon.ui-icon.ui-menuitem-icon-left {
	    font-size: 2em; 
	}
    .menu-lateral {
    	top: 120px;
        width: 70%;
        z-index: 1;
    }
    .menu-oculto,
    .menu-fechado-inicial #menuLateral {
        transform: translateX(-100%); 
    }
    
    .overlay-mobile-ativo {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
    }
    /* Menu Lateral*/
	
	/* Presença */
    .presenca-cartao-qr {
        width: 50%;
        max-width: none;
    }
	/* Presença */

	/* Reposição responsividade Prime telas pequenas */
	.ui-widget{
		font-size: 1em;
	}

    .ui-datatable-reflow thead th,.ui-datatable-reflow tfoot td {
        display:none
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) {
        text-align: left;
        display: block;
        border: 0 none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left
    }

    .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
        border: 0 none
    }

    .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
        border-left: 0 none;
        border-right: 0 none
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        padding: .4em;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4em
    }

    .ui-datatable-reflow .ui-reflow-label,.ui-datatable-reflow .ui-reflow-dropdown {
        display: inline-block
    }

    .ui-datatable-reflow .ui-reflow-dropdown {
        margin-left: 5px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .ui-datatable-reflow tr.ui-datatable-empty-message>td {
        display: block;
        border: 0 none
    }
	/* Reposição responsividade Prime telas pequenas */


	/* Dock (menu flutuante */
	div#dock-clean{
		display: none;
	}
	/* Dock (menu flutuante */

	/*Input*/
	.inputLogin{
		height: 75px;
		font-size: 1.25em !important;
	}
	/*Input*/

	/*Rodapé*/
	.rodapeAzul{
		font-size: .75em;
	}
	/*Rodapé*/

}
/* Media queries */