@font-face {
	font-family: "Poppins-Regular";
	src: url(Fonts/Poppins-Regular.ttf);
}

@font-face {
	font-family: "Poppins-SemiBold";
	src: url(Fonts/Poppins-SemiBold.ttf);
}

@font-face {
	font-family: "Poppins-Bold";
	src: url(Fonts/Poppins-Bold.ttf);
}

@font-face {
	font-family: "Poppins-Medium";
	src: url(Fonts/Poppins-Medium.ttf);
}

@font-face {
	font-family: "Poppins-Light";
	src: url(Fonts/Poppins-Light.ttf);
}

@font-face {
	font-family: "Poppins-Thin";
	src: url(Fonts/Poppins-Thin.ttf);
}

:root {
	font-size: 14px;
	--font-size-main-text: 17px;
	--green: #76A88C;
	--dark-green: #427641;
	--red: #751409;
	--grey: #9B9B9B;
	--light-grey: #F5F5F5;
	--black: #2A2A2A;
	--white: #FFFFFF;
	--transition-speed: 600ms; /* velocidade de transição das animações */
	--text-color: #6F6F6F;
	/* 
		body text color
		.form-input color
		nav-icon color
		fill dos svg dos nav-icon
		grid-table color
	*/

	--menu-width: 5rem; /* tamanha do menu lateral sem estar expandido */
	--menu-width-expanded: 16.5rem; /* tamanho do menu lateral quando expandido */
	--menu-bg-color: #dee2e6; /* cor de fundo do menu */
	--header-bg-color: #77A88C; /* cor do fundo da header bar e cor principal da aplicação */
	/*
		cor da srollbar do side menu
		nav icon hover
		hover dos items da language div
		bg hover dos botoes da pageTitleBar
		selected color e hover dos quickfilters
		hover dos botoes das subgrids
		active e hover dos separadores
		hover dos botoes do form
		border e bg dos botoes das modais e cor do texto quando hover dos botoes das modais
	*/

	--button-text-color: #434343;
	--button-bg-color: #518F4F;
	--button-hover-color: #76A88C;
	--tab-color: #518F4F;
	--link-hover-color: #518F4F;
	--header-text-color: white; /* cor do texto da header bar */
	--pageTitle-bg-color: #dee2e6; /* cor do fundo da pageTitleBar*/
	--pageTitle-text-color: #434343; /* cor do texto da pageTitleBar */
	--svg-fill-color: white; /* cor dos icons svg */
	--svg-bg-color: #77A88C; /* cor de fundo dos icons svg */

	--primary-text-color: #434343;
	/*
		links
		track da scrollbar do side menu
		fill dos svg da pesquisa e da paginacao
		close das modais
	*/

	--secondary-text-color: #A0A0A0;
	/*
		subtitulo da pageTitleBar
		cor dos cabeçalhos das grids
	*/

	--form-label-text-color: #434343;
	--form-input-border-color: #e6e6e6;
	--form-input-focus-border-color: #8c8c8c;
	--disabled-bg-color: #A0A0A0;
	/*cor dos textos nas disabled*/
	--tabDisabled-text-color: #A0A0A0;
}

body {
	margin: 0;
	padding: 0;
	color: var(--black);
	font-family: 'Poppins-Regular', sans-serif !important;
}

main {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.font-bold {
	font-family: 'Poppins-Bold', sans-serif !important;
}

.font-semibold {
	font-family: 'Poppins-SemiBold', sans-serif !important;
}

.font-medium {
	font-family: 'Poppins-Medium', sans-serif !important;
}

/*********************** GENERAL CLASSES ***************************/
.section-mt {
	margin-top: 5rem;
}

.title {
	color: var(--dark-green);
	font-family: Poppins-Bold;
	margin: 5rem auto;
}

a {
	text-decoration: none;
	color: var(--black);
}

	a:hover {
		text-decoration: none;
		color: var(--link-hover-color);
	}

.table-caption {
	color: transparent;
	width: 0px;
	height: 0px;
}

.svg-button {
	background: none;
	border: none;
	padding: 0;
	/* a width do botão pode variar de acordo com o botão. Por exemplo o botão de logout tem uma width diferente dos botões de pesquisa. Mas esta classe é usada em ambos os botões*/
}

.required::after {
	content: '*';
}

.field-validation-error {
	color: red;
	font-size: 10px;
	font-weight: bold;
	float: left;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 3px;
	margin-top: 2px;
}

.footer1 {
	grid-area: footer1;
}

.footer2 {
	grid-area: footer2;
	display: flex;
	flex-direction: column;
}

.footer3 {
	grid-area: footer3;
	display: flex;
	flex-direction: column;
}

.footer-newsletter, .footer-socialmedia {
	margin-top: auto;
	margin-bottom: 2rem;
}

	.footer-newsletter input {
		background-color: transparent;
		border: 1px solid var(--white);
		color: var(--white);
		padding: 5px;
	}

		.footer-newsletter input:focus-visible {
			outline: 0;
		}

	.footer-newsletter svg {
		width: 1.5rem;
	}

	.footer-socialmedia button {
		padding: 5px;
		border-radius: 50%;
	}

.footer-static {
	border-top: 1px solid var(--white);
	padding-top: 2rem;
	display: flex;
	align-items: center;
}

	.footer-static img {
		width: 120px;
	}

.footer-static1 {
	grid-area: static1;
}

.footer-static2 {
	grid-area: static2;
	column-gap: 1rem;
}

.footer-static3 {
	grid-area: static3;
}

	.footer-static3 img {
		width: 350px;
	}

footer.absolute {
	position: absolute;
	width: 100%;
	bottom: 0;
}

footer {
	padding: 2rem 10rem;
	background-color: var(--dark-green);
	color: var(--white);
	display: grid;
	grid-template-columns: [c1] 33% [c2] 33% [c3] 33%; /* repeat(3, 33% [col]) -> col 3;*/
	/*grid-template-rows: [l1] 40% [l2] 40% [l3] 20%;*/
	grid-template-areas:
		"footer1 footer2 footer3"
		"footer1 footer2 footer3"
		"static1 static2 static3";
}

	footer svg {
		fill: var(--green);
	}

	footer h1 {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 16px;
	}

	footer h2 {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 16px;
	}

	footer p {
		margin: 0;
	}

	footer a {
		color: var(--white);
	}

		footer a:hover {
			color: var(--white);
			text-decoration: underline;
		}

	footer svg {
		width: 1.5rem;
	}

.footer-newsletter button {
	background-color: var(--white);
	border: 1px solid var(--white);
	border-left: none;
}

.footer-socialmedia a:hover {
	text-decoration: none;
}

.footer-socialmedia a img {
	width: 2.5rem;
}

.go-top {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: transparent;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	display: flex;
	z-index: 999;
}

	.go-top svg {
		transform: rotate(90deg);
		fill: transparent;
		width: 2rem;
		margin: auto;
	}

	.go-top.show {
		display: flex;
		background-color: var(--dark-green);
	}

		.go-top.show svg {
			fill: white;
		}

/*********************** NAV ***************************/
header {
	position: absolute;
	width: 100%;
	background-color: var(--green);
}

.nav-btn {
	display: none;
}

.menu {
	position: relative;
	z-index: 2;
	display: flex;
	padding: 0;
	justify-content: center;
	align-items: center;
	height: 5rem;
}

	.menu ul {
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0;
	}

		.menu ul li {
			position: relative;
		}

			.menu ul li a {
				display: block;
				padding: 10px;
			}

				.menu ul li a svg {
					width: 1.2rem;
					transform: rotate(-90deg);
					fill: white;
				}

	.menu > ul > li > a:hover svg {
		transform: rotate(-90deg);
	}

	.menu ul li ul {
		position: absolute;
		display: none;
		flex-direction: column;
		padding-left: 0;
	}

	.menu ul ul li {
		width: max-content;
		min-width: 100%;
	}

	.menu ul a {
		all: unset;
		color: #fff;
		cursor: pointer;
	}

		.menu ul a:hover {
			background-color: var(--dark-green);
		}

			.menu ul a:hover svg {
				transform: rotate(180deg);
			}

	.menu ul li:hover > ul {
		display: flex;
	}

	.menu ul ul ul {
		top: 0;
		left: 100%;
	}

.menu-dropdown-drop, .menu-dropdown-drop-child {
	background-color: var(--green) !important;
}

/*.menu {
	position: relative;
	z-index: 2;
	display: flex;
	padding: 0;
	justify-content: center;
	align-items: center;
	height: 5rem;
}

	.menu ul {
		list-style-type: none;
	}

	.menu .menu-dropdown {
		margin: 0;
		color: var(--white);
	}

		.menu .menu-dropdown > li > a {
			color: var(--white);
		}

			.menu .menu-dropdown > li > a svg {
				fill: var(--white);
			}

	.menu li {
		display: inline-block;
	}

		.menu li a {
			color: var(--black);
			display: block;
			padding: 10px 20px;
			text-decoration: none;
		}

			.menu li a svg {
				width: 1.2rem;
				fill: var(--black);
				transform: rotate(-90deg);
			}

		.menu li:hover > ul {
			display: block;
		}

.menu-dropdown-drop {
	display: none;
	background-color: #f1f1f1;
	padding-left: 0;
	margin-left: 0;
}

	.menu-dropdown-drop li {
		display: block;
	}

.menu-dropdown-drop-child {
	display: none;
}

.menu-dropdown-item > .menu-dropdown-drop {
	position: absolute;
}

.menu-dropdown-drop-item > .menu-dropdown-drop {
	position: relative;
}

.menu-dropdown-drop-item > a:hover {
	background-color: #ddd;
}

.menu-dropdown-drop-child {
	padding-left: 0
}

	.menu-dropdown-drop-child .menu-dropdown-drop-item {
		margin-left: 1rem;
		padding-left: 0;
	}*/

#language-button {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 115px;
	color: black;
	position: absolute;
	right: 10rem;
}

	#language-button svg {
		width: 3rem;
		fill: black;
	}

.language-select {
	right: 10rem;
	top: 5rem;
	position: absolute;
	background: white;
	color: black;
	display: none;
}

	.language-select.show {
		display: block;
		z-index: 4;
	}

.language-item {
	display: block;
	padding: 5px 10px;
	cursor: pointer;
}

	.language-item:hover, .language-item.selected {
		background: var(--green);
		color: var(--white);
	}

/*********************** BANNER ***************************/
.banner-slider {
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
}

.banner-bg {
	background-color: black;
	height: 550px;
}

	.banner-bg img {
		opacity: 0.5;
		width: 100%;
		height: auto;
	}

.carousel-caption {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: flex !important;
	flex-direction: column;
	justify-content: center;
}

	.carousel-caption h1 {
		font-size: 40px;
	}

	.carousel-caption h2 {
		font-size: 1.5rem;
	}

	.carousel-caption h5 {
		line-height: 1.7;
	}

#banner .carousel-item.active, #banner .carousel-item-next, #banner .carousel-item-prev {
	display: block;
}

#banner .carousel-control {
	width: 40px;
	height: 40px;
	opacity: 1;
	z-index: 0;
	margin-top: auto;
	margin-bottom: auto;
}

	#banner .carousel-control:hover {
		background-color: transparent;
	}

		#banner .carousel-control:hover svg {
			fill: var(--green);
		}

#banner .carousel-control-next {
	right: 100px;
}

#banner .carousel-control-prev {
	left: 100px;
}

#banner .carousel-control svg {
	fill: var(--white);
	width: 30px;
	height: 30px;
}

#banner .carousel-control-prev svg {
	margin-left: -2px;
}

#banner .carousel-control-next svg {
	margin-right: -2px;
}

/*********************** PAGINAS ***************************/
/* Noticias */
.news-grid {
	padding: 0 10rem;
	column-gap: 5rem;
}

.news-image {
	border-radius: 10px;
	box-shadow: 0px 0px 12px #00000029;
	width: 150px;
	height: 150px;
	object-fit: cover;
}

.page-text-row {
	padding: 0 10rem;
	margin: 3rem 0;
}

	.page-text-row:last-of-type {
		margin-bottom: 8rem;
	}

.main-text {
	font-size: var(--font-size-main-text);
}

	.main-text img {
		max-width: 100%;
	}

.grid-column {
	max-width: 45%;
}

.grid-helper-pagination {
	flex: 100%;
	margin: 2rem 0;
}

	.grid-helper-pagination svg {
		width: 1rem;
	}

	.grid-helper-pagination button:hover {
		fill: var(--green);
	}

#grid-helper-paging-button-next {
	margin-left: 5px;
}

.records {
	margin-left: 10px;
}

#grid-helper-paging-button-first {
	margin-right: 5px;
}

.page-img-container {
	height: 350px;
	margin-bottom: 3rem;
}

	.page-img-container img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.page-content-container {
	padding: 0 10rem;
	margin: 8rem 0;
}

	.page-content-container p {
		margin: 0
	}

.page-back-btn {
	float: right;
	margin: 2rem 0;
	display: flex;
	align-items: center;
	color: var(--green);
	text-transform: uppercase;
	font-family: 'Poppins-Bold';
}

	.page-back-btn svg {
		margin-right: 10px;
		width: 1rem;
		fill: var(--green);
	}

	.page-back-btn:hover svg {
		fill: var(--dark-green);
	}

/* Glossário */
.bo-grid {
	padding: 0 10rem;
}

.grid-row {
	border-top: 1px solid var(--green);
	padding: 5px 0;
}

	.grid-row:first-of-type {
		margin-top: 2rem;
	}

	.grid-row:last-of-type {
		border-bottom: 1px solid var(--green);
	}

	.grid-row .grid-row-title {
		font-size: 16px;
		font-weight: bold;
	}

	.grid-row button {
		border: 1px solid var(--green);
		border-radius: 50%;
		background-color: var(--white);
	}

		.grid-row button svg {
			width: 1rem;
			fill: var(--green);
		}

		.grid-row button:hover {
			background-color: var(--green);
		}

			.grid-row button:hover svg {
				fill: var(--white);
			}

.grid-child {
	display: none;
	margin-top: 10px;
}

	.grid-child.show {
		display: block;
	}

	.grid-child svg {
		width: 1.5rem;
	}

	.grid-child img {
		width: 150px;
	}

	.grid-child img {
		width: 560px;
	}

.grid-childAcc {
	display: none;
	margin-top: 10px;
}

	.grid-childAcc.show {
		display: block;
	}

	.grid-childAcc svg {
		width: 1.5rem;
	}

	.grid-childAcc img {
		width: 560px;
	}

/* Conteudo + galeria */
.page-content-container .slide-image-container .slide-next {
	right: 16rem;
}

/*********************** SLIDER ***************************/
.slide-image-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 6rem 5rem;
	padding-bottom: 7rem;
	margin-bottom: 4rem;
}

.image-slides {
	display: none;
}

.slide-prev svg, .slide-next svg {
	fill: white;
	width: 2rem;
}

.slide-prev,
.slide-next {
	cursor: pointer;
	position: absolute;
	border-radius: 0 3px 3px 0;
}

.slide-prev {
	margin-left: 10px;
}

.slide-next {
	right: 6rem;
	border-radius: 3px 0 0 3px;
}

.slide-count {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	font-weight: bold;
}

.caption-container {
	text-align: center;
	padding: 2px 16px;
}

	.caption-container p {
		margin: 5px 0;
	}

.row:after {
	content: "";
	display: table;
	clear: both;
}

.column {
	padding: 0;
}

	.column img {
		height: 90px;
	}

.video-frame {
	height: 550px;
}

.slide-thumbnail-row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
}

.slide-thumbnail-img {
	opacity: 0.6;
	cursor: pointer;
}

	.active,
	.slide-thumbnail-img:hover {
		opacity: 1;
	}

/*********************** TIMELINE ***************************/
.timelinelItems {
	list-style-type: none;
	position: relative;
	width: 6px;
	margin: 0 auto;
	padding-top: 50px;
	background: var(--green);
}

	.timelinelItems::after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: inherit;
		z-index: 1;
	}

	.timelinelItems > div {
		position: relative;
		bottom: 0;
		width: 400px;
		padding: 15px;
		background-color: var(--light-grey);
	}

		.timelinelItems > div::before {
			content: '';
			position: absolute;
			bottom: 7px;
			width: 0;
			height: 0;
			border-style: solid;
		}

	.timelinelItems:nth-child(odd) > div {
		left: 45px;
	}

		.timelinelItems:nth-child(odd) > div::before {
			left: -15px;
			border-width: 8px 16px 8px 0;
			border-color: transparent var(--light-grey) transparent transparent;
		}

	.timelinelItems:nth-child(even) > div {
		left: -439px;
	}

		.timelinelItems:nth-child(even) > div::before {
			right: -15px;
			border-width: 8px 0 8px 16px;
			border-color: transparent transparent transparent var(--light-grey);
		}

	.timelinelItems::after {
		background: transparent;
		transition: background .5s ease-in-out;
	}

	.timelinelItems.in-view::after {
		background: var(--green);
	}

	.timelinelItems div {
		visibility: hidden;
		opacity: 0;
		transition: all .5s ease-in-out;
	}

	.timelinelItems:nth-child(odd) div {
		transform: translate3d(200px,0,0);
	}

	.timelinelItems:nth-child(even) div {
		transform: translate3d(-200px,0,0);
	}

	.timelinelItems.in-view div {
		transform: none;
		visibility: visible;
		opacity: 1;
		border-radius: 10px;
	}

	.timelinelItems.in-view .tl-title {
		display: block;
		font-family: Poppins-SemiBold;
		font-size: 16px;
	}

	.timelinelItems.in-view div time {
		font-family: Poppins-SemiBold;
		font-size: x-large;
	}

.timeline-image {
	border-radius: 10px;
	box-shadow: 0px 0px 12px #00000029;
	width: 50%;
	height: 200px;
	object-fit: cover;
	display: block;
	margin-bottom: 10px;
}

.toogle-timeline {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.toogle-timeline svg {
		width: 2rem;
		transform: rotate(-90deg);
		cursor: pointer;
	}

	.toogle-timeline span.active svg {
		transform: rotate(90deg);
	}

.timeline-content {
	display: none;
}

	.timeline-content.show {
		display: block;
	}

@media screen and (max-width: 1000px) { /* medium screens */
	.nav-btn {
		display: block;
		margin-left: auto;
		border: none;
		background-color: transparent;
	}

		.nav-btn svg {
			width: 2.5rem;
		}

	.homepage-nav ul ul li {
		min-width: max-content;
	}

	.homepage-nav ul li {
		position: initial;
	}

	.menu-dropdown {
		background-color: var(--green);
		display: none !important;
		flex-direction: column;
		position: absolute;
		top: 3.75rem;
		right: 0;
		padding-left: 0;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}

		.menu-dropdown.show {
			display: flex !important;
		}

	.menu-dropdown-drop {
		display: block !important;
		background-color: #f1f1f1;
		padding-left: 0;
		margin-left: 0;
	}

		.menu-dropdown-drop li {
			display: block;
		}

	.menu-dropdown-drop-child {
		display: block !important;
		position: initial !important;
		left: 100%;
		background: #f1f1f1;
		top: 0;
	}

	.menu-dropdown-item > .menu-dropdown-drop {
		position: absolute;
	}

	.menu-dropdown-drop-item > .menu-dropdown-drop {
		position: relative;
	}

	.menu-dropdown-drop-item > a:hover {
		background-color: var(--light-grey);
	}

	.menu-dropdown-drop-child {
		padding-left: 0
	}

		.menu-dropdown-drop-child .menu-dropdown-drop-item {
			margin-left: 1rem;
			padding-left: 0;
		}

	.homepage-nav ul .menu-dropdown > li > a {
		color: var(--black);
	}

		.homepage-nav ul .menu-dropdown > li > a svg {
			fill: var(--black);
		}

	.menu-dropdown-drop {
		display: block;
		width: max-content;
		right: 0;
	}

	.menu-dropdown-drop-child {
		display: block;
	}

	.menu-dropdown-item > .menu-dropdown-drop {
		position: relative;
	}

	.menu-dropdown-drop .menu-dropdown-drop-item {
		margin-left: 1rem;
		padding-left: 0;
	}

	.menu ul ul li {
		min-width: max-content;
	}

	/*.menu-dropdown {
		background-color: #f1f1f1;
		display: none;
		flex-direction: column;
		position: absolute;
		top: 5rem;
		right: 0;
		padding-left: 0;
	}

		.menu-dropdown.show {
			display: flex;
		}

	.menu .menu-dropdown > li > a {
		color: var(--black);
	}

	.menu .menu-dropdown > li > a svg {
		fill: var(--black);
	}

	.menu-dropdown-drop {
		display: block;
		width: max-content;
		right: 0;
	}

	.menu-dropdown-drop-child {
		display: block;
	}

	.menu-dropdown-item > .menu-dropdown-drop {
		position: relative;
	}

	.menu-dropdown-drop .menu-dropdown-drop-item {
		margin-left: 1rem;
		padding-left: 0;
	}*/
	#language-button {
		left: 0;
		right: 20rem;
	}

	.language-select {
		right: 14rem;
		left: 0;
	}

	.banner-bg img {
		height: 100%;
		object-fit: cover;
	}

	.timelinelItems div {
		width: 250px;
	}

	.timelinelItems:nth-child(even) div {
		left: -289px; /*250+45-6*/
	}

	footer {
		display: flex;
		flex-direction: column;
		padding: 1rem 2rem;
		row-gap: 2rem;
	}

	.footer-newsletter, .footer-socialmedia {
		margin-top: 1rem;
		margin-bottom: 0;
	}

	.footer-static {
		border-top: none;
		padding-top: 0;
	}

	.footer-static1 {
		padding-top: 2rem;
		border-top: 1px solid var(--white);
	}

	/* Noticias */
	.page-content-container {
		padding: 0 5rem;
	}

	.page-text-row {
		padding: 0 5rem;
		margin: 3rem 0;
	}

	.news-grid {
		padding: 0 5rem;
	}

	.bo-grid, .column-grid {
		padding: 0 5rem;
	}

	/* Imagens e conteudo */
	.image-content img {
		max-width: 100%;
	}
}

@media screen and (max-width: 600px) { /* small screens */
	.banner-bg {
		height: 294px;
	}

	.carousel-caption h1 {
		font-size: 20px;
	}

	.carousel-caption h2 {
		font-size: 15px;
	}

	#banner .carousel-control-prev {
		left: 10px;
	}

	#banner .carousel-control-next {
		right: 10px;
	}

	.slide-image-container {
		padding: 2rem 5px;
	}

	.column img {
		height: 50px;
		width: 50px;
	}

	.video-frame {
		height: auto;
	}

	.slide-count {
		font-size: 12px;
	}

	.slide-next {
		right: 1rem;
	}

	.page-content-container .slide-image-container .slide-next {
		right: 3rem;
	}

	footer {
		display: flex;
		flex-direction: column;
		padding: 1rem 2rem;
		row-gap: 2rem;
	}

	.footer-newsletter, .footer-socialmedia {
		margin-top: 1rem;
		margin-bottom: 0;
	}

	.footer-static {
		border-top: none;
		padding-top: 0;
	}

	.footer-static1 {
		padding-top: 2rem;
		border-top: 1px solid var(--white);
	}

	#language-button {
		margin-left: 1rem;
		width: auto;
	}

	.timelinelItems {
		margin-left: 20px;
	}

		.timelinelItems div {
			width: calc(100vw - 91px);
		}

		.timelinelItems:nth-child(even) div {
			left: 45px;
		}

			.timelinelItems:nth-child(even) div::before {
				left: -15px;
				border-width: 8px 16px 8px 0;
				border-color: transparent #dee2e6 transparent transparent;
			}

	/* Noticias */
	.page-content-container {
		padding: 0 2rem;
	}

	.page-text-row {
		padding: 0 1rem;
		margin: 3rem 0;
	}

	.news-grid {
		padding: 0 1rem;
	}

	.grid-column {
		max-width: 100%;
	}

	.bo-grid, .column-grid {
		padding: 0 1rem;
	}
}

/*************************************************************************************** botao google ****************************************************************/
.g_id_signin iframe {
	display: initial !important;
	margin: 12px 0px 0px 0px !important;
}


.advancedLoginButtons {
	width: 300px !important;
}

.fb-login-button {
	display: initial !important;
	margin: 12px 0px 0px 0px !important;
}

.lefText {
	text-align: left !important;
}

.subtitleSubGrid {
	margin-left: 2rem;
	margin-top: -10px;
}

.managePass {
	background: var(--button-bg-color);
	color: var(--header-text-color);
	/* margin-right: 3rem; */
	padding: 0.6rem 0.7rem;
	border: 0;
	border-radius: 20px;
	box-shadow: 0px 1px 7px grey;
	font-size: 12px;
	margin-top: 5px;
}

select:disabled {
	appearance: none;
}