.elem:hover {
	background: #88b8a9;
    opacity: 0.5;
}
	
/* dasboard */
.grid-container {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 100px));

	/*grid-template-rows: repeat(1, 11vw); grid-auto-flow: column dense;*/
	/* antes era 250px, 1fr*/

}

.grid-container > div {
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 1px 1px 5px;
	color: black;
	
}

/* Atos Oficiais */
.grid-atosoficiais {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 100px));
	/* antes era 250px, 1fr*/

}
.grid-atosoficiais > div {

	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 1px 1px 5px;
	color: black;
}

/* Receitas */

.grid-receitas {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 100px));
	/* antes era 250px, 1fr*/

}
.grid-receitas > div {

	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 1px 1px 5px;
	color: black;
}

/* Despesas */

.grid-despesas {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 100px));
	/* antes era 250px, 1fr*/

}
.grid-despesas > div {

	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 1px 1px 5px;
	color: black;
}

/* Contratos */

.grid-contratos {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 100px));
	/* antes era 250px, 1fr*/

}
.grid-contratos > div {

	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 1px 1px 5px;
	color: black;
}
/* Licitacao */

.grid-licitacao {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 100px));
	/* antes era 250px, 1fr*/

}
.grid-licitacao > div {

	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 1px 1px 5px;
	color: black;
}

/* Diarias */

.grid-diarias {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 100px));
	/* antes era 250px, 1fr*/

}
.grid-diarias > div {

	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 1px 1px 5px;
	color: black;
}