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;	
}

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

.som400{
	width: 400px;
}

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

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

/* 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;
}


/*button.ui-state-default.btn-principal span.ui-icon{
    background-image: url(/emeronWeb/javax.faces.resource/images/ui-icons_888888_256x240.png.xhtml?ln=primefaces-delta);
}*/
/* Botão Principal / Botão Index do Sistema: 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*/
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
/*Cabeçalho*/

/*Menu Lateral*/

.body-menu-lateral{
	padding-top: 60px;
}

.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;
}

/* Removido para que o menu comece visível */
.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-bemjud-svg{
		background-image: url('/pesquisa/imagens/logo-bemJud.svg');
		background-repeat: no-repeat;
		height: 300px;
		margin: 15px auto 30px auto;
		width: 300px; 
}

div.img-logo-bemjud-svg-500{
		background-image: url('/pesquisa/imagens/logo-bemJud.svg');
		background-repeat: no-repeat;
		height: 320px;
		margin: 0 auto;
		width: 500px; 
	}

/* Img */

/*Input*/
.inputLogin{
	height: 45px;
	font-size: 18px !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 */
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;
}
/* 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 */
}


/* 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{
	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> */
    margin-bottom: 0.67em; /* Margem padrão de um <h2> (foi alterada, porque a padrão seria top e bottom com essas medidas)*/
    line-height: 1.2; /* Altura da linha */
}

.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*/
.dgSemBorda .ui-widget-content
{
    border: none !important;
}

/*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*/

/* Media queries */


@media only screen and (max-width: 980px) {
	/*DataGrid 4 colunas (4x3)*/
	div.dgAgenda div div .ui-md-3 {
	    width: 100%;
	}
	/*DataGrid 4 colunas (4x3)*/
}

@media only screen and (max-device-width: 980px){
	#header-left,
	#header-middle,
	#header-right{
		border-bottom: 2px solid #000;
		height: 90px;
	}
	
	#header-left h1, #header-left a{
		font-size: 2.3em;
		margin: 0 auto;
	}

	body, input, select, textarea, button{
		font-size: 2em;
	}

	button.ui-button{
		margin: 5px;
	}
	button.ui-button.ui-state-default span.ui-button-text{
		font-size: 2em;
	}
	button.ui-button-icon-only{
		height: 4em;
		width: 4em;
	}

	/* 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: 3em;
	}
	/* 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.6em;
	}
	.f-peq{
		font-size: 0.8em;
	}

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

	input, button{
		line-height: 1.5em;
		margin: 2px;
	}
	
	table.tabelaMobile {
		font-size: 0.8em;
	}
	table.tabelaMobile tr td{
		margin-bottom: 20px;
	}
	

	/* 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é*/

}