@CHARSET "UTF-8";

#root {
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
}

/*
Movido para os arquivos primefaces_light/primefaces_dark para ajustar as cores
#root #header {
	height: 50px;
	border-bottom: 1px solid #ddd;
	
	display: flex;
	align-items: center;
}
*/


#root #header #formMenuButton\:menu-button {
	display: none;
	width: 30px;
	margin: 0 10px;
}

#root #header #logo-wrapper {
	width: 235px;
	display: flex;
	align-items: center;
	padding: 5px;
}

#root #header #logo-wrapper img {
	height: 40px;
}

#root #header #logo-wrapper span {
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
	color: #4859b8;
}

#root #menu-content {
	display: flex;
	flex: 1;
	position: relative;
}

/*
Movido para os arquivos primefaces_light/primefaces_dark para ajustar as cores
#root #menu-content aside {
	min-width: 235px;
	max-width: 250px;
	border-right: 1px solid #ddd;
	
	height: 100%;
	background: #fff;
	z-index: 1001;
}
*/

#root #menu-content #modal {
	position: absolute;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
}

#root #menu-content #content {
	display: flex;
	flex-direction: column;
	flex: 1;
}

#content {
	height: 100%;
}

@media ( max-width : 767px) {
	#root #header #formMenuButton\:menu-button {
		display: block;
	}
	#root #header #logo-wrapper {
		display: none;
	}
	#root #menu-content aside {
		display: none;
	}
}

@media ( max-width : 640px) {
	.text-filter-tabela {
		width: 70%;
	}
	.botao-filter-tabela {
		justify-self: center !important;
		display: grid;
	}
}