.div-body, div-html {
	/*overflow-x: hidden;
	overflow-y: hidden;*/
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	/* background-color: rgb(216, 87, 87); */
}

.div-header {
	display: flex;
	position: absolute;
	top: 0;
	/*width: 100%;*/
	z-index: 10;
	background-color: transparent;
}

.div-main {
	width: 100%;
	/*height: 100vh;*/
	/*background-color: #fff;*/
	position: relative;
}

.espaco-logo {
	width: 300px;
	height: 80px;
}

.espaco-select {
	width: 300px;
}

.logo-ipef {
	width: 300px;
}

.menu-expande {
	position: absolute;
	top: 25%;
	right: -15px;
	height: 30px;
	width: 30px;
	border-radius: 6px;
	border: 1px solid #60bb46;
	background-color: #333533;
	border-top-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
	justify-content: center;
	color: #60bb46;
}

.div-header {
	transition: transform 0.5s ease;
}

	.div-header.move-left {
		transform: translateX(calc(-1 * var(--espaco-icones-width)));
	}

	.div-header.move-right {
		transform: translateX(0);
	}

.espaco-icones {
	background-color: #333533;
	border-right: 1px solid #808080;
	width: 80px;
	height: 100%;
	display: block;
	padding: 20px;
	color: #60bb46;
}

	.espaco-icones i {
		font-size: 2.5rem;
		cursor: pointer;
		transition: color 0.3s ease;
	}

		.espaco-icones i:hover {
			color: #e1e1e1;
		}

.icones-menu {
	width: 100%;
}

.row-30 {
	height: 30%;
}

.row-50 {
	height: 50%;
}

.row-70 {
	height: 70%;
}

.div_tabela {
	font-size: 13px;
}

.imagem-legendagrafico {
	width: 100%;
}

#mic_usosolobarra {
	width: 100%
}

#mic_historico {
	width: 100%
}

#tabela_controle {
	width: 100%;
	table-layout: fixed;
	font-size: 6px;
}

	#tabela_controle td {
		width: 20%;
	}

	#tabela_controle img {
		width: 100%;
		height: auto;
	}

/*.scroll-horizontal {
	overflow-x: hidden; 
	white-space: nowrap;
	cursor: grab; 
}*/

/*.scroll-horizontal:active {
	cursor: grabbing; 
}*/

#graf-uso-do-solo {
	width: 100% !important;
	height: 100% !important;
}

.titulosecao {
	font-size: 14pt;
	font-weight: bold;
}

.area-graficos-hide {
	display: none;
}

.loading-overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.7); /* Fundo semitransparente */
	text-align: center;
	z-index: 10; /* Garante que o loading esteja acima do gráfico */
}

	.loading-overlay i {
		font-size: 50px; /* Tamanho do ícone de carregamento */
		margin-bottom: 10px;
	}

/*.estilizacaoDiv {
	border: 1px solid #eaeaea;
	padding: 22px 20px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
	box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}*/