@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: local('Lato Light'), local('Lato-Light'), url(../fonts/nj47mAZe0mYUIySgfn0wpQ.ttf) format('truetype');
}

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/v0SdcGFAl2aezM9Vq_aFTQ.ttf) format('truetype');
}

@font-face {
	font-family: 'LatoTitulo';
	src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/v0SdcGFAl2aezM9Vq_aFTQ.ttf) format('truetype');
}

.btnexport8 {
	color: #ffffff !important;
	background-color: black;
	display: flex;
	cursor: pointer;
	float: left;
	margin: 0px 0px 0px 2px;
	border-radius: 8px;
	border-color: #2E8B57;
	transition: background 0.3s linear 0s;
}

.btnexport8:hover {
	background: silver;
	border-color: #022712;
	color: #000000 !important;
}

.btnRed {
	color: #ffffff !important;
	background-color: red;
	display: flex;
	cursor: pointer;
	float: left;
	margin: 0px 0px 0px 2px;
	border-radius: 8px;
	border-color: #000;
	transition: background 0.3s linear 0s;
}

.btnRed:hover {
	background: DarkRed;
	border-color: #fff;
	color: white !important;
}

.btnBlue {
	color: #ffffff !important;
	background-color: blue;
	display: flex;
	cursor: pointer;
	float: left;
	margin: 0px 0px 0px 2px;
	border-radius: 8px;
	border-color: #000;
	transition: background 0.3s linear 0s;
}

.btnBlue:hover {
	background: DarkBule;
	border-color: #fff;
	color: white !important;
}

.notTitulo {
	font-family: "LatoTitulo" !important;
	font-weight: 580 !important;
	text-align: center !important;
	font-size: 25px !important;
	padding: 0px !important;
	margin: 0px !important;
}

.notTituloP {
	font-family: "LatoTitulo" !important;
	font-weight: 580 !important;
	text-align: justify !important;
	font-size: 20px !important;
}

.notTituloC {
	font-family: "LatoTitulo" !important;
	font-weight: 580 !important;
	text-align: center !important;
	font-size: 30px !important;
}

.num {
	padding: 30px 0px 30px 0px;
}

.numpagina {
	background-color: azure;
	padding: 7px 9px 7px 9px;
	margin: 0px 1px 0px 1px;
	color: black;
	font-size: 10pt;
	border-radius: 3px;
	border: 1px solid;
	border-color: darkgray;
}

.atual {
	background-color: black;
	padding: 7px 9px 7px 9px;
	margin: 0px 1px 0px 1px;
	color: white;
	font-size: 10pt;
	border-radius: 3px;
	border: 1px solid;
	border-color: gray;
}

.numpagina:hover,
.numpagina:focus {
	color: #fff;
	border-color: #FF5274;
	background-color: #FF5274;

}

.text-caminho {
	color: #00ff00;
	font-size: 10pt;
	background-color: #071d40;
	text-align: left;
}

.sicnovo {
	color: black;
}

.sicnovo:hover,
.sicnovo:focus {
	color: #fff;
	padding: 0 5px;
	background-color: #00ff4c;

}



.container {
	max-width: 1200px;
	margin: auto;
}

h1 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

table {
	width: 100%;
	border-collapse: collapse;
	background: white;
	border-radius: 16px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 1.00);
	overflow: hidden;
}

thead {
	background: #f9fafb;
}

theadZ {
	background: #f9fafb;
}

th,
td {
	padding: 16px;
	text-align: left;
}

th {
	font-size: 0.85rem;
	text-transform: uppercase;
	color: rgb(0, 71, 41);
	font-weight: bold;
}

tr {
	border-top: 1px solid #e5e7eb;
}

/* Mobile Style - No Scroll */
@media (max-width: 768px) {

	table,
	theadZ,
	thead,
	tbody,
	th,
	td,
	tr {
		display: block;
	}

	theadZ {
		display: contents;
	}

	thead {
		display: none;
	}

	tr {
		margin-bottom: 1rem;
		background: white;
		border: 1px solid #e5e7eb;
		border-radius: 12px;
		padding: 1rem;
	}

	td {
		display: flex;
		justify-content: space-between;
		padding: 0.5rem 0;
	}

	td::before {
		content: attr(data-label);
		font-weight: bold;
		color: #4b5563;
	}
}