body {
	background-color: #daffd7;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 100%;
	margin: 0px;
}
p {
	margin: 2px;
}

body .ui-accordion .ui-accordion-header {
	padding: 2px;
}
body .ui-accordion .ui-accordion-header.ui-accordion-header.ui-state-active {
	padding: 2px;
}
body .ui-accordion .ui-accordion-content {
	padding: 2px;
}
body .ui-inputfield {
	padding: 2px;
}
button.ui-button {
    margin-right: .5rem;
}
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
body .ui-button.ui-button-text-icon-left .ui-button-text {
	padding: 2px 1rem 2px 2rem;
}
body .ui-button.ui-button-text-only .ui-button-text {
	padding: 4px;
}

body .ui-datalist-data {
	margin: 2px;
}
body .ui-datalist .ui-datalist-content {
	border: 0;
	padding: 2px;
}
body .ui-datatable .ui-datatable-header {
	font-weight: bold;
	padding: 2px;
	text-align: center;
}
body .ui-datatable .ui-datatable-footer {
	padding: 2px;
	text-align: center;
}
.ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
	padding: 2px !important ;
	text-align: center;
}

body .ui-datatable .ui-paginator {
	padding: 2px;
}
body .ui-datatable thead th {
	padding: 2px;
}
body .ui-datatable .ui-datatable-data>tr>td {
	padding: 2px;
}
body .ui-datatable .ui-datatable-empty-message {
	background-color: #FCC !important;
}
body .ui-datepicker .ui-datepicker-header {
	background-color: #31e157;
	border-radius: 1em;
	margin: 2px;
	padding: 8px;
}
body .ui-datepicker .ui-datepicker-calendar td {
	padding: 0px;
}
body .ui-datepicker.ui-input-overlay {
	background-color: #daffd7;
}
.mesAno {
	width: 14em !important;
}
body .ui-datepicker .ui-monthpicker-month {
	width: 3em;
	margin: 2px;
	padding: 2px;
}
body .ui-datepicker .ui-datepicker-calendar td>a.ui-state-active,
	body .ui-datepicker .ui-monthpicker-month.ui-state-active {
	background-color: #00a651;
	border-radius: 1em;
}

.ui-dialog-titlebar {
	background: linear-gradient(to right, #00a651, #31e157) !important;	
	color: #fff !important;
	padding: 5px 2em !important;
}
body .ui-fileupload .ui-fileupload-content {
	border-top: 1px solid #DDD;
}
body .ui-message {
	padding: 2px;
}
body .ui-panel .ui-panel-content {
	border: 0px;
	padding: 2px;
}
body .ui-panelgrid .ui-panelgrid-cell {
	border: 0px;
	padding: 2px;
}
body .ui-panelmenu h3.ui-panelmenu-header {
	padding: 2px;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
	padding: 2px;
}
.ui-panelmenu .ui-menu-list {
	margin-left: 2em;
}
body .ui-panel .ui-panel-titlebar {
	padding: 2px;
}
body .ui-toolbar {
	background: linear-gradient(to right, #00a651, #31e157) !important;	
	border: 1px solid #00a651;
  	border-radius: 5px;
	color:#fff !important;
	margin-bottom: 20px;
	padding: 4px;
}
body .ui-widget {
	font-size: 100%;
}
body .ui-widget-content .ui-datatable-empty-message {
	background-color: #FCC;
}

.status {
	background-color:#FFA;
}
.ativo {
	background-color:#AFA;
}
.inativo {
	background-color:#FAA;
}
.header {
	background-color: #daffd7;
}
.footer { 
	background: linear-gradient(to right, #00a651, #31e157);
	color: #fff !important;
	text-align: center;
	width: 100%;
	position: fixed;
	bottom: 0;
}
.header, .footer {
	margin-top: 1em;
	padding: 5px 0px;
}
.logo {
	text-align: center;
}
.slogan {
	display: inline-block;
	font-size: 1.5em;
	text-align: center;
	vertical-align:top;
	width: 69%;
}
.nomeEmpresa {
	font-size: 2em;
}
.negrito {
	font-weight: bolder;
}.botaoPainel {
	background-color:white !important;
	width:38px;
	height:38px;
}
.botaoSim {
	background: #00a651 !important; 
}
.botaoNao {
	background: #c00 !important; 
}
.botaoSim, .botaoNao {
	color: #fff !important;
	padding: 3px !important;	
}
.nomeClienteTool{
	color: #fff !important;
	font-size:1.2em;
	font-weight: bold;
}
.loginClienteTool{
	color: #fff;		
}
.pLogin {
	background: #fff; 
	color: #00a651;	
	margin:auto;
	padding: 0.5em;
	width:20em
}
.pInferior {
	background-color:#ffa; 
	border-radius:1em;
	margin: 1em auto;
	padding: 0.5em;
	min-width: 20em;
	text-align: center;
}
.Irrig {
	background-color:#ddaa20 !important;
}
.Preci {
	background-color:#1090ff !important;
}
.Snr {
	background-color:#ff3030 !important;
}
.icone {
	background-repeat: no-repeat;
	left: 11px !important;
    top: 11px !important;
	height: 30px;
	width: 30px;	
	background-size: cover;
}
.iAtivarArea {
	background-image: url("/jakarta.faces.resource/imagens/ativarArea30px.png.xhtml");
}
.iAuditRecomendacao {
	background-image: url("/jakarta.faces.resource/imagens/audit_recomendacao.png.xhtml");
}
.iBolaPivo {
	background-image: url("/jakarta.faces.resource/imagens/bolaPivo30px.png.xhtml");
}
.iCasa {
	background-image: url("/jakarta.faces.resource/imagens/casa30px.png.xhtml");
}
.iChuva {
	background-image: url("/jakarta.faces.resource/imagens/chuva20px.png.xhtml");
}
.iCliente {
	background-image: url("/jakarta.faces.resource/imagens/cliente30px.png.xhtml");
}
.iClima {
	background-image: url("/jakarta.faces.resource/imagens/clima30px.png.xhtml");
}
.iClimaV {
	background-image: url("/jakarta.faces.resource/imagens/clima2-30pxV.png.xhtml");
}.iColheita {
	background-image: url("/jakarta.faces.resource/imagens/colheita30px.png.xhtml");
}
.iCultura {
	background-image: url("/jakarta.faces.resource/imagens/cultura30px.png.xhtml");
}
.iEdit {
	background-image: url("/jakarta.faces.resource/imagens/edit15px.png.xhtml");
	height: 1em;
	width: 1em;	
}
.iEquipamento {
	background-image: url("/jakarta.faces.resource/imagens/equipamento30px.png.xhtml");
}
.iEstacao {
	background-image: url("/jakarta.faces.resource/imagens/estacao30px.png.xhtml");
}
.iIrrigacaoPrecipitacao {
	background-image: url("/jakarta.faces.resource/imagens/IrrigacaoPrecipitacao30px.png.xhtml");
}
.iIrrigacaoPrecipitacao50 {
	background-image: url("/jakarta.faces.resource/imagens/IrrigacaoPrecipitacao50px.png.xhtml");
}
.iPropriedade {
	background-image: url("/jakarta.faces.resource/imagens/propriedade30px.png.xhtml");
}
.iRecomendacao {
	background-image: url("/jakarta.faces.resource/imagens/recomendacao30px.png.xhtml");
}
.iRecomendacao50 {
	background-image: url("/jakarta.faces.resource/imagens/recomendacao50px.png.xhtml");
}
.iRecomendacaoB {
	background-image: url("/jakarta.faces.resource/imagens/recomendacaoB.png.xhtml");
}
.iRecomendacaoV {
	background-image: url("/jakarta.faces.resource/imagens/recomendacaoV.png.xhtml");
}
.iRegistroClienteB {
	background-image: url("/jakarta.faces.resource/imagens/registroClienteB.png.xhtml");
}
.iRegistroClienteV {
	background-image: url("/jakarta.faces.resource/imagens/registroClienteV.png.xhtml");
}
.iRelatorioB {
	background-image: url("/jakarta.faces.resource/imagens/relatorioB.png.xhtml");
}
.iRelatorioV {
	background-image: url("/jakarta.faces.resource/imagens/relatorioV.png.xhtml");
}
.iSemeadura {
	background-image: url("/jakarta.faces.resource/imagens/semeadura30px.png.xhtml");
}
.iSnr {
	background-image: url("/jakarta.faces.resource/imagens/Snr.png.xhtml");
}
.iSubArea {
	background-image: url("/jakarta.faces.resource/imagens/subArea30px.png.xhtml");
}
.iTecnico {
	background-image: url("/jakarta.faces.resource/imagens/tecnico30px.png.xhtml");
}
.iTipoSolo {
	background-image: url("/jakarta.faces.resource/imagens/tipoSolo30px.png.xhtml");
}
.iUmidadeSolo {
	background-image: url("/jakarta.faces.resource/imagens/umidadeSolo30px.png.xhtml");
}
.iVisita {
	background-image: url("/jakarta.faces.resource/imagens/visita30px.png.xhtml");
}
#caminhoCad {
	font-size: 80% !important;
	margin-left: 0px !important;
	text-align: center;
}
#painelIndex td.ui-panelgrid-cell {
	background-color: #DDD;
	text-align: center;
}
#painelVideos td.ui-panelgrid-cell {
	background-color: #DDD;
}
#painelPrincipal {
	margin-left: 0px;
}
#painelStatus {
	width: 100%;
}

@media (max-width: 768px) {
	body {
		font-size: 100%;
	}
	.pLogin {
		width: 100%;
	}
	.footer {
		font-size: 1rem;
	}

}