/** 
 * MAIN GUIDELINES
 * Confira os aquivos "functions" e "vars"
 * para ver mais usos e definições
 *
**/

@use "functions" as f;
@import "vars";

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	--bs-body-bg: rgb(var(--secondary-base)) !important;
	--bs-border-color: rgba(255, 255, 255, 0.0825) !important;
	--bs-border-color-translucent: rgba(255, 255, 255, 0.0825) !important;
}

html,
body {
	letter-spacing: var(--spacing);
	font: var(--font-3) / 1.4 var(--typo);
	min-height: 100vh;
	max-height: 100%;
	color: rgb(var(--default-white)) !important;
	background-color: rgb(var(--secondary-base));
}

[class^="col"] {
	transition: width var(--transition);
}

a {
	text-decoration: none;
	color: currentColor;
	transition: all var(--transition);
}

button {
	border: none;
	background: none;
}

img {
	max-width: 100%;
}

ul,
li {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

/* DISPLAYS */
@mixin bg-opacity($property, $color, $opacity) {
	#{$property}: rgba($color, $opacity);
}

/* #region Boxes */
.box-secondary {
	background: rgba(var(--secondary-light), 0.425);
	border: 1px solid rgba(255, 255, 255, 0.0825);
}
/* #endregion */

/* FORMS */
.home-form {
	max-width: 29.5rem;
}

.form-select, select {
	background-color: rgb(23, 38, 69);
	border: 1px solid rgba(255, 255, 255, 0.0825);

	&::placeholder {
		color: rgba(255, 255, 255, 0.3);
	}
}

.form-floating {
	label {
		color: rgba(var(--grey-100), 0.75);
		padding: 0.95rem 1rem;
		transition: all var(--transition--smooth) !important;
		background-color: transparent;
	}

	& > .form-control:focus ~ label,
	& > .form-control:not(:placeholder-shown) ~ label,
	& > .form-select ~ label {
		color: rgba(var(--grey-100), 0.5);
		padding-top: 0.85rem;
		transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) !important;
	}

	& > .form-control-plaintext:focus,
	& > .form-control-plaintext:not(:placeholder-shown),
	& > .form-control:focus,
	& > .form-control:not(:placeholder-shown) {
		padding-top: 1.2rem;
		padding-bottom: 0.545rem;
		padding-left: 1rem;
	}

	& > .form-control:not(:placeholder-shown) ~ label::after {
		background-color: transparent;
	}
}

.input-group {
	display: flex;
	align-items: center;
	background-color: rgb(19,33,66);
	border: 1px solid rgba(var(--grey-300), 0.22);
	border-radius: var(--df-radius);
	color: rgb(var(--default-white));
	white-space: nowrap;
	flex-wrap: nowrap;
	overflow: hidden;

	&:focus-within {
		background-color: rgba(62, 80, 112, 0.29);
		border: 1px solid rgba(var(--grey-500), 0.22);
		outline: 3.333px solid rgba(255, 255, 255, 0.14);
	}

	& > :first-child {
		color: rgb(var(--grey-300));
		box-sizing: content-box;
		border-right: 1px solid rgba(var(--grey-100), 0.2);
		padding: var(--size-3) var(--size-5);
		width: auto;
	}

	svg {
		max-width: var(--font-4);
		height: auto;
	}

	& > input,
	& > select {
		background-color: rgb(19,33,66);
		color: rgba(255,255,255,.5);
		border: none;
		border-radius: 0;
		padding: 0;
		flex: 1;
		padding: var(--size-5);
		margin-left: 1px !important;
	}

	.icon--password {
		color: rgb(var(--grey-300)) !important;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 1rem;
	}
}

input,
button,
textarea,
select {
	color: rgb(var(--default-white));
	font-family: var(--typo);

	&:-webkit-autofill,
	&:-webkit-autofill:hover,
	&:-webkit-autofill:focus {
		-webkit-text-fill-color: var(--default-white);
		-webkit-box-shadow: 0 0 0px 1000px rgba(62, 80, 112, 0.01) inset;
		transition: background-color 6000s ease-in-out 0s;
		background: transparent;
	}

	&:focus {
		box-shadow: none;
		outline: none;
	}

	&::placeholder {
		color: rgba(var(--default-white), 0.4);
	}

	&[readonly] {
		user-select: none;
		cursor: not-allowed;
	}
}

.form-control {
	border-color: rgba(255, 255, 255, 0.0825);
	background-color: rgba(var(--secondary-dark), 0.9125);
	margin-bottom: 0.625rem;
	color: rgb(var(--default-white), 0.8125);

	&:focus {
		border-color: rgba(var(--default-white), 0.245);
		outline: 0;
		box-shadow: 0 0 0 0.213rem rgba(var(--default-white), 0.12);
	}
}

.checkbox-group {
	display: flex;
	align-items: center;

	&:hover {
		& > .checkbox-pri {
			background-color: rgba(var(--primary-base), 0.5);
		}
		& > label {
			color: rgba(var(--grey-100));
		}
	}

	& > label {
		cursor: pointer;
		padding: 0.25rem 0.5rem 0.33rem !important;
		margin: 0 !important;
		user-select: none;
		color: rgba(var(--grey-100), 0.75);
		transition: all var(--transition);
	}
}

.checkbox-pri {
	cursor: pointer;
	height: 1em;
	width: 1em;
	min-width: 1em;
	border-radius: var(--size-2);
	border: 1px solid rgba(var(--default-white), 0.12);
	background: rgba(var(--grey-100), 0.25);
	appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000D2E' stroke-linecap='round' stroke-linejoin='round' opacity='0' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
	background-size: 300%;
	background-position: -9px center;
	transition: all var(--transition);

	&:checked {
		background-color: rgb(var(--primary-base)) !important;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000D2E' stroke-linecap='round' stroke-linejoin='round' opacity='1' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
		background-size: 150%;
		background-position: -1px center;
		border: 0;

		~ label {
			color: rgba(var(--default-white)) !important;
		}
	}

	&[type="radio"] {
		background-image: none !important;
		border-radius: 1rem !important;
		border: 1px solid rgb(255, 255, 255, .1) !important;
        transition: all .2s ease !important;
		&:checked {
			border: 3.75px solid rgba(var(--primary-base), 1) !important;
			background-color: rgb(var(--secondary-base)) !important;
		 }
	}
}

/* CARDS */
.card-glass {
	backdrop-filter: blur(0.75rem);
	background-color: rgba(var(--grey-500), 0.3);
	border: 1px solid rgba(var(--grey-500), 0.12);
	border-radius: var(--df-radius);
	padding: var(--size-5);
	display: flex;
	align-items: center;
	font-size: var(--font-4);
	color: rgb(var(--grey-500));
	transform: scale(0.99333);
	transition: all var(--transition);
	transition-duration: 0.25s;

	&:hover {
		transform: scale(1);
		color: rgba(var(--default-white), 0.8) !important;
		background-color: rgba(var(--grey-300), 0.75);
		box-shadow: var(--df-shadow--black--sm);
	}
}

/* MODALS */
.modal-backdrop,
.modal-backdrop.show,
.modal-backdrop.fade {
	transform: scale(1) !important;
}
.modal {
	overflow: hidden;

	.modal-dialog {
		transform: translateY(0) !important;
	}
	&.show {
		.modal-dialog {
			transform: translateY(0) !important;
		}
	}
}

.modal-backdrop.show {
    opacity: .825;
    background: rgb(var(--secondary-darker));
}

.modal-content {
	background-color: rgb(var(--secondary-dark));
	box-shadow: var(--df-shadow--black);
	border: 1px solid rgba(var(--default-white), 0.08);
	color: rgba(var(--grey-100), 0.6);

	.modal-header {
		border-bottom: none;
		margin: 0.33rem;
	}

	.modal-body {
		background-color: rgba(var(--grey-500), 0.15);
		padding: var(--size-6);

		p:last-of-type {
			margin-bottom: 0;
		}
	}

	.modal-footer {
		border-top: none;
		margin: 0 0.75rem 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.show.fade {
		transform: scale(1) !important;
	}
	.fade {
		transform: scale(0.8125) !important;
		transition: all var(--transition--smooth) !important;
	}
}

/* LOGIN */
.header__logo {
	text-align: center;

	h1 {
		position: absolute;
		text-indent: -999999px;
	}

	& > img {
		max-width: 8rem;
		margin-bottom: var(--size-5);
	}
}

.login__form {
	margin-top: var(--size-8);

	.input-control {
		background-color: rgba(62, 80, 112, 0.3);
		border: 1px solid rgba(255, 255, 255, 0.11);
		border-radius: 0.5rem;
		padding: 1rem;
	}
}

/* TEXTS */
.heading__welcome {
	font-size: var(--font-6);
	text-transform: uppercase;
}

.heading__muted {
	color: rgba(var(--grey-300), 0.66);
	font-weight: 500;
	text-transform: uppercase;
}

.heading__jumbo {
	h2 {
		font-weight: var(--medium);
		font-size: 2rem;
		line-height: 1;
		margin-bottom: 0;
		padding: 0;
		color: rgb(var(--primary-base));
	}
	h3 {
		font-size: var(--font-6);
		font-weight: var(--regular);
		margin: 0;
		padding: 0;
		opacity: 0.5;
	}
}

@for $i from 1 through 8 {
	.font-x#{$i} {
		font-size: var(--font-#{$i}) !important;
	}
}

/* COLORS */
.text-danger {
	color: rgb(var(--default-danger));
}

.text-primary-base {
	color: rgb(var(--primary-base)) !important;
}

.bg-sg-primary--base {
	background-color: rgb(var(--primary-base));
}

.bg-sg-secondary--dark {
	background-color: rgb(var(--secondary-dark));
}

/* OPACITIES */
@for $i from 0 through 10 {
	.opacity-#{$i} {
		opacity: calc(#{$i} * 0.1);
	}
}

.opacity-hover {
	transition: var(--transition--smooth);
	&:hover {
		opacity: 1;
	}
}

.opacity-hover-parent {
	[class*="opacity-"] {
		transition: var(--transition--smooth);
	}
	&:hover [class*="opacity-"] {
		opacity: 1;
	}
}

/* BUTTONS */
.btn-sg {
	display: inline-block;
	padding: var(--size-4);
	color: #fff;
	background-color: rgba(var(--grey-100), 0.25);
	border: 1px solid rgba(var(--grey-100), 0.1);
	border-radius: var(--df-radius--intern);
	line-height: 120%;
	font-weight: var(--medium);
	transition: all var(--transition);

	&:hover {
		color: rgba(var(--grey-100), 1);
		background-color: rgba(var(--grey-100), 0.16);
	}

	&.btn-sg-lg {
		padding: var(--size-5) var(--font-6);
		font-size: var(--font-4);
	}
}

.continuePauseDiv {
	text-align: center;
	left: 0;
	right: 0;
	top: 20%;
}

.player-button {
	margin-top: 50px;
	font-size: 15px;
	background-color: rgb(var( --primary-base));
	border-radius: 8px 8px 8px 8px;
}


.btn-sg-sm {
	padding: var(--size-3);
	font-size: var(--font-2);
}

.btn-sg-exp{
	border-radius: 5px 0px 0px 5px !important;
  }

.btn-sg-exp2{
	border-radius: 0px 5px 5px 0px !important;
  }

.btn-check {
	& + .btn-sg-primary{
		color: #051233;
		background-color: rgb(var(--primary-base), .425) !important;
		border-color: rgba(255,255,255,.0825) !important;
		opacity: .75;
	}
	&:checked + .btn-sg-primary {
		background-color: rgb(var(--primary-base), 1) !important;
		opacity: 1;
	}

	& + .btn-sg-grey{
		color: rgba(255,255,255,.75);
		background-color: rgb(var(--grey-100), .15) !important;
		border-color: rgba(var(--grey-100),.0825) !important;
		opacity: .75;
		
		&:hover {
			background-color: rgb(var(--grey-100), .215) !important;
		}
	}
	&:checked + .btn-sg-grey {
		background-color: rgb(var(--grey-100), .3125) !important;
		color: #fff;
		opacity: 1;
	}
}

.button-radio-group {
	display: flex;
	& > {
		label {
			flex: 1 1 auto;
			margin: 0;

			&:first-of-type {
				border-radius: var(--df-radius--intern) 0 0 var(--df-radius--intern);
			}
			
			&:last-of-type {
				border-radius: 0 var(--df-radius--intern) var(--df-radius--intern) 0;
			}
		}
	}
}

.btn-sg-outline {
    background-color: rgba(var(--default-danger), .33);
    border: 1px solid rgba(var(--default-danger), .1125);

	&.--danger {
		background-color: rgba(var(--default-danger), .33);
		border: 1px solid rgba(var(--default-danger), .1125);

		&:hover {
			background-color: rgb(var(--default-danger));
			color: #fff;
		}
	}
}

#btnDownloadPolygons{
	background-color: rgb(var(--primary-base));
	margin-top: 10px;
	color: black;
}

// PRINCIPAL BUTTONS
@include f.createButton(primary, --primary-base, --default-white);
@include f.createButton(secondary, --secondary-base, --default-white);

// CONTEXT BUTTONS
@include f.createButton(danger, --default-danger, --default-white);
@include f.createButton(success, --default-success, --default-white);
@include f.createButton(warning, --default-warning, --default-white);
@include f.createButton(info, --default-info, --default-white);

.link-muted {
	color: rgba(var(--grey-500), 0.75);
	transition: all var(--transition);

	&:hover {
		color: rgba(var(--grey-500), 1);
	}
}

.btn-sg-outline {
	background-color: transparent;
	border: 1px solid rgba(var(--df-grey-3), 0.9);
	color: rgba(var(--default-white), 0.75);

	&:hover {
		background-color: rgb(var(--grey-300));
		color: #fff;
	}
}

// MENU BUTTONS
.section-title--left {
	.section-title {
		border-radius: 0px var(--df-radius) var(--df-radius) 0px;
	}
}


.section-title--right {
	margin-bottom: 0.5rem;
	.section-title,
	&.section-title {
		border-radius: var(--df-radius) 0 0 var(--df-radius) !important;
	}
}

.section-title--left .nav-item {
	max-width: 100% !important;
}
.btn_menu_click.disabled {
    opacity: 0.5; /* Diminui a opacidade para dar um efeito de desabilitado */
    cursor: not-allowed; /* Muda o cursor para indicar que o botão não está disponível */
    background-color: #ccc; /* Cor de fundo para o botão desabilitado */
    color: #666; /* Cor do texto para o botão desabilitado */
    pointer-events: none; /* Impede que eventos de mouse ocorram no botão */
}
.section-title {
	text-align: center;
	white-space: nowrap;
	border: 1px solid rgba(255, 255, 255, 0.0825) !important;
	background: rgb(var(--primary-base));
	transition: all var(--transition--smooth);
	font-size: var(--font-5);
	outline: none !important;
	font-weight: var(--semibold);
	text-transform: uppercase;
	color: #051233;
	padding: 1rem var(--size-5);


	&.nav-link {
		background: rgb(var(--secondary-light), 0.425);
		box-shadow: none;
		max-width: 100% !important;
		font-weight: var(--medium) !important;


		&:hover {
			background: rgb(var(--secondary-light), 0.8235);
			color: rgba(255,255,255,.6) !important;
		}

		&:not(.active) {
			color: rgba(255,255,255,.6) !important;
		}

		&.active {
			opacity: 1;
			background: rgb(var(--primary-base));
			color: #051233 !important;
		}
	}

	i {
		margin-right: 1rem;
		font-size: var(--size-6);
		transform-origin: left var(--size-4);
	}
}

[type="month"] {
	color-scheme: dark;
  }
  
  // [type="month"]::-webkit-inner-spin-button {
  //   display: none;
  // }
  
  [type="month"]::-webkit-calendar-picker-indicator {
	color: white;
}

/* SHAPES */
.radius-default {
	border-radius: var(--df-radius) !important;
}

.radius-intern {
	border-radius: var(--df-radius--intern) !important;
}

/* ALERTS */
.message-box {
	.alert {
		text-align: center;
		position: absolute;
		top: 1rem;
		right: 1rem;
	}
}

.alert {
	&.alert-danger {
		background: rgba(var(--default-danger), 0.5);
		color: rgba(var(--default-white), 0.6);
		border: 1px solid rgba(var(--default-danger), 0.2);
	}
}

.toast {
	width: auto;
	max-width: 18rem;
	padding-right: 4rem;

	&::after {
		content: "";
		background: rgba(255, 255, 255, 0.2);
		height: 2px;
		width: 0%;
		display: block;
		position: absolute;
		animation: progress 3000ms linear forwards;
		animation-delay: 0.75s;
		animation-duration: var(--animation-duration);
		top: 0;
		left: 0;
	}

	[data-bs-dismiss="toast"] {
		position: absolute;
		margin: 0.5em;
		top: 0;
		bottom: 0;
		right: 0;
		border-left: 1px solid rgba(var(--default-white), 0.25);

		i {
			padding: 0 1rem;
			opacity: 0.5;
			transition: var(--transition);
		}

		&:hover i {
			opacity: 1;
		}
	}
}

/* MARGINS */
@for $i from 1 through 8 {
	@include f.createSpacing(mt, $i, margin-top);
	@include f.createSpacing(mb, $i, margin-bottom);
	@include f.createSpacing(ml, $i, margin-left);
	@include f.createSpacing(mr, $i, margin-right);
	@include f.createSpacing(mx, $i, margin-left, margin-right);
	@include f.createSpacing(my, $i, margin-top, margin-bottom);
}

/* PADDINGS */
@for $i from 1 through 8 {
	@include f.createSpacing(pt, $i, padding-top);
	@include f.createSpacing(pb, $i, padding-bottom);
	@include f.createSpacing(pl, $i, padding-left);
	@include f.createSpacing(pr, $i, padding-right);
	@include f.createSpacing(px, $i, padding-left, padding-right);
	@include f.createSpacing(py, $i, padding-top, padding-bottom);
}

/* MICROINTERACTIONS */
.collapsing {
	transition: all var(--transition--smooth) 0s !important;
}

.translate-x-hover {
	transition: all var(--transition);
}

:hover > .translate-x-hover {
	transform: translateX(var(--size-2));
}

.navbar-inverse {
	color: #e5e5e5;
	background-color: #08173c;
}
.navbar-inverse .navbar-nav > li > a {
	color: #e5e5e5;
	background-color: #08173c;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color: #08173c;
	background-color: #e5e5e5;
}
.btn-custom {
	color: #08173c;
	background-color: #e5e5e5;
}
nav a:visited {
	color: #e5e5e5;
}
nav a:link {
	color: #e5e5e5;
}
nav a:hover {
	color: #08173c;
}

.nav-tabs > li > button.active,
.nav-tabs > li > button.active:hover,
.nav-tabs > li > button.active:focus {
	color: #e5e5e5;
	background-color: #08173c;
}
.panel {
	display: FLEX;
	flex-direction: row;
}
// .panel-body {
// 	background-color: #08173c;
// }

#logo_login {
	width: 85%;
}
.responsive {
	width: 50%;
	height: 50%;
	/* width:"350px"; 
    height:"150px" */
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	margin-bottom: 4%;
}
.titleRow {
	font-weight: bold;
	font-size: 16px;
}
.tablecheckbox {
	display: flex;
	flex-direction: column;
}

#idValue {
	display: none;
}
.forgot-password {
	color: white;
}
.limparCache {
	position: absolute;
	left: 1%;
	bottom: 1%;
	border: solid 4px orange;
	border-radius: 12px;
	font-weight: bold;
	padding: 6px;
	font-size: 18px;
	background-color: rgb(8, 23, 60);
	color: white;
}

/* #region Togglers */
.sidebar__toggle,
.details__toggle {
	align-content: center;
	background: linear-gradient(to bottom, transparent, rgba(var(--secondary-light), 1), transparent);
	border-radius: 0;
	bottom: 0;
	cursor: pointer;
	display: grid !important;
	height: 100vh;
	opacity: .4;
	position: absolute;
	text-align: center;
	top: -0.5rem;
	width: 1.5rem;
	z-index: 9999;
	transition: all var(--transition--smooth) !important;

	&:hover {
		opacity: .8 !important;
	}

	i {
		transition: all var(--transition--smooth);
		transition-duration: 0.15s;
	}
}

.sidebar__toggle {
	right: -1.5rem;
	i {
		transform: rotate(0.5turn);
	}
}

.btnDownloadRelSocioAmbiental{
	color: black;
	background-color: rgb(var(--primary-base));
}

.details__toggle {
	left: -1.5rem;
	i {
		transform: rotate(1turn);
	}
}
/* #endregion */

/* #region Sidebar */
.sidebar__wrapper {
	background-color: rgb(var(--secondary-base));
	display: flex;
	flex-direction: column;
	max-width: 16rem;
	position: relative;
	transition: all var(--transition--smooth);
	transition-duration: 0.2s !important;
	width: 40% !important;
	z-index: 10 !important;

	a,
	button,
	span,
	p {
		white-space: nowrap;
	}

	.sidebar__header {
		padding: var(--size-4) 0;
		border-bottom: 1px solid rgba(var(--grey-500), 0.3);
		box-shadow: 0 var(--size-2) var(--size-3) rgba(var(--secondary-dark), 0.45);
		position: sticky;
		overflow: hidden;
		top: 0;

		svg {
			max-width: 10.25rem;
			transition: all var(--transition);
			overflow: visible;
			padding-left: 1rem;
			white-space: nowrap;
		}
		svg .logo__pduos,
		svg .logo__sigma {
			transform: translateX(0px);
			transform-origin: left center;
			opacity: 1;
			transition: all 0.15s ease;
		}
	}

	.sidebar__info {
		font-weight: 600;
		padding: 1rem 1rem 1rem var(--size-6);
		white-space: nowrap;
		position: sticky;
		top: 0;
		background: rgb(var(--secondary-base));

		span {
			vertical-align: text-bottom;
			margin-left: var(--size-3);
			transition: opacity var(--transition);
			transition-duration: 0.15s;
			overflow: hidden;
			max-width: 90%;
			display: inline-block;
			text-overflow: ellipsis;
		}
	}

	.sidebar__content {
		background-color: rgb(var(--secondary-base));
		flex: 1;
		padding-right: var(--size-3);
		overflow: hidden;
		transition: all 0.15s ease;
		z-index: 3;

		& > [data-overlayscrollbars-viewport] {
			display: flex;
			flex-direction: column;
		}
	}

	.submenu__content {
		display: none;
		padding: var(--size-3) 0 var(--font-2) 0;

		& > ul > li {
			margin-top: var(--size-1);
			transition: all var(--transition);
			transition-duration: 0.15s;
			opacity: 0.55;

			&:hover,
			&.active {
				opacity: 1;
			}

			a {
				display: block;
				font-size: var(--font-5);
				padding: var(--size-3) 0;
				padding: var(--size-3) 1rem var(--size-3) var(--size-5);

				i {
					color: rgb(var(--primary-base));
					font-size: var(--font-6);
					margin-right: var(--size-3);
				}

				span {
					transition: opacity var(--transition);
					transition-duration: 0.15s;
				}
			}
		}
	}

	.section-title {
		width: 100%;
		text-align: left;
		overflow: hidden;
		border-left: none !important;
		margin-bottom: var(--size-3);

		&:hover {
			border-left: none !important;
		}

		&.nav-link {
			border-color: rgba(255, 255, 255, 0.06) !important;
			display: flex;
			align-items: center;
			max-width: 100% !important;

			&.active {
				color: #051233 !important;
				line-height: 1;
				height: auto;
				font-weight: var(--semibold) !important;
			}
		}
		span {
			transition: opacity var(--transition--smooth);
			transition-duration: 0.15s;
			line-height: 1;
		}
	}

	.section-title-submenu{color: white;font-size: 20px; margin-left: 50px;}
	.section-title-submenu:hover{color: inherit;}
	.submenu-selected{background-color: rgb(138, 138, 138) !important;}
	#socioambiental__menu{display: none;  margin-bottom: 2px ;margin-left: auto; }
	#socioambiental__menu:hover{background-color: rgb(var(--secondary-light));}
	#visitas__menu_socio{display: none;  margin-left: auto; margin-right: auto; width: 100%;}
	#visitas__menu_socio:hover{background-color: rgb(var(--secondary-light));}


	.sidebar__sigma {
		position: sticky;
		bottom: -1px;
		z-index: 10;
		background-color: rgb(var(--secondary-base));
		padding: var(--size-4) 1rem;
		margin-top: 0;
		transition: padding var(--transition--smooth);
		transition-duration: 0.15s;
		box-shadow: -.75rem -0.25rem 0.75rem -0.25rem rgba(0, 0, 0, 0.25);

		svg {
			opacity: 0.4;
			max-width: 9.5rem;
			transition: max-width var(--transition--smooth);
			transition-duration: 0.15s;

			.title,
			.subtitle {
				transition: opacity var(--transition--smooth);
				transition-duration: 0.15s;
			}
		}
	}

	#sidebar__accordion {
		display: flex;
		flex-direction: column;
		height: 100%;
		flex-wrap: nowrap;
	}

	.sidebar__logout {
		color: rgb(var(--default-danger)) !important;
		background-color: rgb(var(--default-danger), 0.425);
		opacity: 1;
		border: 1px solid rgba(255, 255, 255, 0.05) !important;
		border-left: 0px !important;
		margin: var(--size-3) 0 !important;
	}

	.sidebar__logout:hover {
		background-color: rgb(var(--default-danger), 1);
		color: rgba(var(--default-white), 0.8) !important;
		border: 1px solid rgba(255, 255, 255, 0.05) !important;
		border-left: none !important;
	}

	.nav-link.sidebar__logout::after {
		content: "" !important;
	}
}

.sidebar__content button.nav-link::after {
	display: none !important;
}
/* #endregion */

/* #region Sidebar Hidden */
.sidebar__wrapper.--hidden {
	padding-right: 0px;
	max-width: calc(var(--size-5) * 2 + var(--size-6));

	.sidebar__header {
		svg {
			padding-left: 0.6125rem;
			max-width: 8.5rem;
			transition: all var(--transition--smooth);
			transition-duration: 0.15s;
		}
		svg .logo__pduos,
		svg .logo__sigma {
			transform: translateX(1rem);
			opacity: 0;
			transition:
				all 0.3s ease,
				opacity 0.15s ease;
		}
	}

	.sidebar__content {
		padding-right: 0;
	}

	.accordion-button {
		&::after {
			opacity: 0;
		}
	}

	.sidebar__toggle {
		i {
			transform: rotate(1turn);
		}
	}

	.section-title {
		border-right-width: 0px !important;

		&:hover {
			border-right-width: 0px !important;
		}

		& > span {
			opacity: 0;
		}
	}

	.section-title--left .section-title {
		border-radius: 0;
	}

	.sidebar__info {
		span {
			opacity: 0;
		}
	}

	.submenu__content {
		a > span {
			opacity: 0;
		}
	}

	.sidebar__sigma {
		padding-left: 0.6125rem;
		svg {
			max-width: 8.5rem;
			.title,
			.subtitle {
				opacity: 0;
			}
		}
	}
}
/* #endregion */

/* #region Details Right Panel */
.details__wrapper {
	padding: 0.5rem;
	position: relative;
	width: 100%;
	background-color: rgb(var(--secondary-base));
	max-width: 30rem;
	z-index: 20;
	transition: all var(--transition--smooth);

	.section-title--right {
		margin-right: -0.5rem;
		position: sticky;
		top: 0;
		box-shadow: 0 -.5rem 0 0.5rem rgb(var(--secondary-base)), 0 .25rem 1rem rgba(var(--secondary-base), .125);
	}
}

.details__wrapper.--hidden > *:not(.details__toggle) {
	opacity: 0;
	transition: all var(--transition);
}

.details__wrapper > *:not(.details__toggle) {
	opacity: 1;
	transition: all var(--transition--smooth) 0.15s;
}

/* #endregion */

/* #region Details Hidden */
.details__wrapper.--hidden {
	max-width: 0.125rem;
	padding-left: 0;
	padding-right: 0;

	.details__toggle {
		i {
			transform: rotate(-0.5turn);
		}
	}

	.section-title--right {
		margin-left: 1rem;
	}
}
/* #endregion */

/* region Maps */
#map {
	background-color: rgba(var(--secondary-base));
	border: none !important;
}
.mapboxgl-map {
	font-family: var(--typo) !important;
}

.mapboxgl-popup {
	opacity: 0;
	animation: showOpacity 0.2s ease forwards;
}

.mapboxgl-popup-content {
	background-color: rgba(var(--secondary-dark), 0.85);
	font-size: 1.125rem;
	text-align: left;
	overflow: auto;
	color: rgba(var(--default-white), 0.8);
	padding: 1.025rem !important;
	border-radius: var(--df-radius);
	box-shadow: var(--df-shadow--black--lg);
	width: 18.5rem;
	min-width: none;
	line-height: 140%;
	word-wrap: break-word;
	line-height: 1.2;
	user-select: text;

	& > h2,
	& > h3,
	& > h4 {
		font-size: 1.125rem;
		font-weight: var(--medium);
		border-bottom: 2px solid rgba(255, 255, 255, 0.15);
		margin: -1.025rem -3rem 0.8125rem -1.25rem;
		padding: 1.25rem 1.25rem 1.25rem 1.25rem;
		background: rgb(var(--secondary-dark));
	}
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-right,
.mapboxgl-popup-anchor-top-left {
    
	.mapboxgl-popup-tip {
		border-bottom-color: rgba(var(--secondary-dark), 0.85) !important;
	}
}

.mapboxgl-popup-tip {
	display: none;
	border-top-color: rgba(var(--secondary-dark), 0.85) !important;
}

.mapboxgl-popup {
	transition: all .2s ease !important;
    transform: translate(4.5rem, .5rem) !important;

	& + .mapboxgl-popup {
		transform: translate(4.5rem, 6rem) !important;
	}
}

.mapboxgl-popup-close-button {
	top: 1.33rem;
    right: 1rem;
    font-size: 1.35rem;
    opacity: 1;
    width: 1.3rem;
    background-color: rgba(var(--default-danger));
    height: 1.3rem;
    line-height: 0.825;
    border-radius: 3px;
    padding: 0 0 3px 0;
	opacity: .6;
	transition: opacity var(--transition);
	
	&:hover {
		background-color: rgba(var(--default-danger)) !important;
		opacity: 1 !important;
	}
}

#div_imagens_satelite {
	display: flex;
	width: 80% !important;
	align-items: center;
	gap: 1rem;
	border-radius: var(--df-radius--intern);
	padding: 0.25rem 1rem;

	.range-container {
		position: static;
		width: 100%;
		height: auto;
	}

	input[type="range"] {
		position: static;
		background: transparent;
		appearance: none;
		width: 100%;
		height: 0.5rem;
		outline: none;
		opacity: 1;
	}

	input[type="range"]::-webkit-slider-runnable-track {
		height: 0.5rem;
		background: rgba(var(--secondary-lighter));
		border-radius: 1rem;
	}

	input[type="range"]::-webkit-slider-thumb {
		appearance: none;
		width: 1rem;
		height: 1rem;
		background: rgb(var(--primary-base));
		cursor: pointer;
		position: relative;
		z-index: 2;
		transform: scale(1);
		transition: transform 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045);
		margin-top: -4px;
		border-radius: 2rem;

		&:hover {
			transform: scale(1.2);
		}
	}

	.range-label {
		position: static;
	}
}
/* #endregion */

/* #region Filters */
.divOnMap {
	position: absolute;
	background: rgb(var(--secondary-base)) !important;
	color: rgb(var(--default-white));
	text-align: left;
	display: none;
	font-size: var(--font-3);
	pointer-events: all;
	width: 22.5rem;
	max-width: 42.5vw;
	height: auto;
	top: 0.5rem;
	left: 0.5rem;
	border-radius: var(--df-radius);
	padding: 0;
	opacity: 0;
	z-index: 99999;
	transform: translateX(-2rem);
	transition: all .25s ease;
}

.teste {
	animation: slideFromLeft .25s ease backwards reverse;
}

.panel__heading {
	font-weight: var(--medium);
	line-height: 120%;
	margin: 0 0.5rem;
	padding: var(--font-4) 0.5rem;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.0825);

	h2,
	h3,
	h4 {
		font-size: 1rem;
		padding: 0;
		margin-bottom: 0;
	}
}

.panel__footer {
	font-weight: var(--medium);
	line-height: 120%;
	margin: 0 0.5rem;
	padding: var(--font-4) 0.5rem;
	display: flex;
	border-top: 1px solid rgba(255, 255, 255, 0.0825);
}

.panel__content {
	overflow-y: auto;
    padding: .5rem;
    overflow-x: hidden;
    max-height: calc(100vh - 5.8125rem);
}
/* #endregion */

/* #region Viabilidades */
#viability__wrapper {
	display: none;
	width: 100%;
	height: 100%;
	padding-left: 2rem;

	.inputValueViabilidade {
		background-color: rgba(var(--secondary-light), 0.2);
		box-shadow: inset 0 -2px 0 rgba(var(--default-white), 0.0825);
		transition: all var(--transition--smooth);
	}

	.viability__content {
		padding: 0 0.5rem;
		max-height: calc(100% - 6rem);
	}

	.heading__jumbo {
		padding: 1rem 1.5rem;
	}

	.resultPDFViabilidade {
		max-height: calc(100% - 6rem);
	}

	.tableResumoResult {
		position: sticky;
		bottom: 0;
		padding: 1.5rem;
		background-color: rgb(var(--secondary-dark));
		box-shadow: 0 -15px 10px -10px rgba(var(--secondary-dark), 0.5);
	}

	.tablesResultToPdf {
		.resultInputs {
			display: none;
		}
	}
}

.tablesResultToPdf {
    background-color: rgb(var(--secondary-dark));
}

tr.row--highlight {
	td {
		background-color:rgb(48,35,44) !important;
	}
}

tr.row--heading {
	td {
		background-color: rgb(114,66,42) !important;
	}
}

.tablesResultToPdf {
    color: rgb(var(--default-white)) !important;
    background: rgb(var(--secondary-dark));
    width: 100%;
    min-width: 100%;
    
    td, th {
        color: rgb(var(--default-white)) !important;
        font-size: 94.125% !important;
        height: 3.25rem !important;
    }
	.table-alternative tbody {
		td {
			background-color: #081535;
			&:first-of-type {
                background-color: #141f3d;
			}
		}
	}
    .resultInputs {
        display: block !important;

    //     .inputValueViabilidade {
    //         text-align: right;
    //     }
        
    //     .tableCustosProducao {
    //         flex-direction: column;
    //         margin-top: 1rem;

    //         table:nth-of-type(2) {
    //             margin-top: -1rem;

    //             thead {
    //                 display: none !important;
    //             }
    //         }
    //     }
    //     table {
    //         width: 100%;
    //         background-color: #081535 !important;

    //         thead {
    //             background-color: #081535 !important;
    //             small {
    //                 display: block;
    //             }
    //         }
    //         td {
    //             padding: .25rem .5rem !important;
    //         }
    //         td, tr, tbody, th {
    //             background-color: #081535 !important;
    //             color: rgb(var(--default-white)) !important;

    //             * {
    //                 color: rgb(var(--default-white)) !important;
    //             }
    //         }
    //         &.table-alternative tbody td:first-of-type {
    //             background-color: #141f3d !important;
    //             width: 12rem !important;
    //             max-width: 100%;
    //         }
    //     }
    }
}
/* #endregion */


/* #region Socioambientais */
.socioambiental__wrapper {
	width: 100%;
	height: 100%;
	max-height: 100vh;
	padding: 0 1rem 0 2rem;
	display: flex;
	flex-direction: column;

	#socioambiental__export {
		height: 100%;
		// padding: 1rem 1.5rem;
		display: flex;
		align-items: center;
	}
}

.socioambiental__content {
	overflow: auto;
    height: 100%;
	display: flex;
    flex-direction: column;
	max-width: 1500px;
    width: 100%;
    margin: 0 auto;
}

.input-group:focus-within {
	animation: blinkOutlink .3s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;animation-iteration-count: 3;
}

.socioambiental__cards {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem !important;

	.card-sg {
		flex: 1 1 300px;
		background-color: rgba(var(--secondary-light), 0.3);
		border: 1px solid rgba(255,255,255,0.085);
		border-radius: var(--df-radius);
		color: rgb(196,202,212);
		border-top: var(--font-2) solid rgb(var(--default-color));
		overflow: hidden;

		.card__heading {
			padding: 0.25rem 1.25rem;
			display: flex;
			justify-content: space-between;
			align-items: center;
			line-height: 1.2;
	
			h2 {
				font-size: var(--font-6);
				font-weight: var(--medium);
				margin-bottom: 0;
			}
	
			small {
				font-size: var(--font-4);
				opacity: .5;
			}
		}

		.card__highlight {
			padding: 0 1rem;
			display: flex;
			align-items: end;
			justify-content: space-between;
			margin-top: -0.35rem;
			margin-bottom: 1.8125rem;
			font-size: 0.7125rem;
			margin-left: -0.36rem;
		}

		.card__main {
			line-height: 1;
			text-align: center;

			.main__resume {
				font-size: 8.125em;
				font-weight: var(--medium);
				letter-spacing: -3px;
			}
			small {
				font-size: 1.25em;
				opacity: .5;
			}
		}

		.card__variation {
			display: flex;
			line-height: 1.2;
			margin: auto;

			.variation__icon {
				font-size: 5.375em;
				max-width: 5rem;
			}

			span {
				font-size: 1.875em;
			}
			
			small {
				display: block;
				font-size: var(--font-2);
				max-width: 5.25rem;
				line-height: 1;
				margin-bottom: 0.75rem;
			}
		}

		.prop__resume {
			line-height: 1;
			text-align: center;
			padding: .8125rem 0 .8125rem 1rem;
			margin-left: 1rem;
			border-left: 1px solid rgba(255,255,255,.0825);
			width: 25%;

			.prop__value {
				font-size: 5.5em;
				font-weight: var(--medium);
				letter-spacing: -3px;
			}

			small {
				display: block;
				font-size: 1.25em;
				opacity: .5;
			}
		}

		.card__table {
			height: 11.125rem;
			overflow-x: hidden;

			th {
				font-size: var(--font-3) !important;
			}

			i {
				font-size: var(--font-5);
				vertical-align: middle;
			}
		}
	}
}

.socioambiental__charts {
	background-color: rgba(var(--secondary-light), 0.3);
	border: 1px solid rgba(255,255,255,0.085);
	border-radius: var(--df-radius);
	color: rgb(var(--default-white));
	margin-top: 1rem;
	padding: 1rem;
	display: flex;
	flex-direction: column;

	.chart__wrapper {
		display: flex;
		align-items: center;
		flex: 1;
	}

	.apexcharts-legend.apx-legend-position-bottom .apexcharts-legend-series, .apexcharts-legend.apx-legend-position-top .apexcharts-legend-series {
		display: flex !important;
	}

	.apexcharts-canvas, .apexcharts-svg, .apexcharts-canvas foreignObject {
		background: #121e3f !important;
	}
}


#detalhesOcorrencia .modal-body {
	overflow: auto;
    max-height: 83vh;

	input[readonly] {
		cursor: text !important;
	}
}

#trab-analog-escravidao {
	--default-color: 75, 175, 231;
}

#embargos {
	--default-color: 205, 52, 52;
}

#desmatamento {
	--default-color: 83, 182, 67;
}
/* #endregion */

/* #region Admin */
.admin__table {
	padding: 0.5rem;
	border: 1px solid rgba(var(--default-white), 0.25);
}

.content__wrapper {
	background-color: rgb(var(--secondary-lighter), 0.05);
	padding: 1rem;
	border-radius: var(--df-radius);
	backdrop-filter: blur(1.25rem);
	border: 1px solid rgba(var(--default-white), 0.05);
	height: 100%;
}

.content__heading {
	margin: 0.5rem -0.25rem 0.9rem;
	color: rgb(var(--default-white), 0.8125);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 1.25rem;
	padding-left: 0.75rem;
}
/* #endregion */

/* #region Loader */
.html__loader,
.container__loader {
	opacity: 0;
	user-select: none;
	display: none;
}

.loading {
	overflow: hidden;
	position: relative;

	& > body {
		overflow: hidden;
	}

	.html__loader {
		display: grid;
		place-content: center;
		height: 100vh;
		width: 100vw;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 99999;
		user-select: none;
		opacity: 1;
		background: rgba(var(--secondary-darker), 0.9);
		// backdrop-filter: blur(0);
		// animation: blur .75s ease forwards;
	}

	.container__loader {
		width: 100%;
		height: 100%;
		display: grid;
		place-content: center;
		opacity: 1;
		z-index: 99999;
		user-select: none;
	}

	.loader__text {
		opacity: 0.5;
		span {
			font-size: var(--font-4);
			font-weight: var(--medium);
			// text-transform: uppercase;
			margin-top: var(--size-4);
			color: rgb(var(--default-white));
		}
	}

	.loader__spinner {
		position: relative;
		width: 3rem;
		height: 3rem;
		border-radius: 50%;
		display: block;
		margin: 0 auto;
		background: linear-gradient(0deg, rgba(var(--primary-base), 0) 33%, rgb(var(--primary-base)) 100%);
		box-sizing: border-box;
		animation: rotation 1.33s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards infinite;
		box-shadow: 0 0 0 0.33rem rgb(var(--secondary-darker));

		&::after {
			content: "";
			box-sizing: border-box;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 44px;
			height: 44px;
			border-radius: 50%;
			background: rgb(var(--secondary-darker));
		}
	}
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
/* #endregion */

/* #region Timelines */
.tabBarPontoInteresse {
	max-width: 1024px;
	width: 100%;
}

.timeline--horizontal {
	position: relative;

	.timeline__items {
		height: auto !important;
		margin-bottom: 3rem;
	}

	.timeline__item {
		margin-bottom: 0;

		// & + .timeline__item {
		// 	margin-left: 0.5em;
		// }

		.timeline__content {
			padding: 0 !important;
			background: transparent;
			border: none !important;

			&::before {
				content: unset !important;
			}

			&::after {
				border: none !important;
				left: 0;
				right: 0;
				top: 98%;
				bottom: 0;
				width: var(--size-1);
				height: 50%;
				background: rgba(var(--secondary-light), 0.8);
				display: block;
				z-index: 0;
				margin: 0 auto;
			}

			.content__box {
				color: rgba(var(--default-white));
				padding: 1.2rem;
				display: flex;
				padding-right: 20px;
				padding-left: 20px;
				align-items: center;
				gap: 1.25rem;
				background-color: rgba(var(--secondary-light), 0.4);
				border: 1px solid rgba(255, 255, 255, 0.0825);
				border-radius: var(--df-radius);
				transform: scale(0.9625) !important;
				transition: all var(--transition) !important;

				&:hover {
					transform: scale(1) !important;
					background-color: rgba(var(--secondary-light), 0.75);
				}
			}

			.content__type {
				padding: var(--size-1) var(--size-2);
				color: #fff;
				opacity: 0.5;
				font-size: var(--font-2);
				font-weight: var(--medium);
				text-transform: uppercase;
			}

			.content__icon {
				font-size: 2rem;
				padding-top: var(--size-1);
				opacity: 0.2;
			}

			.content__date {
				display: block;
				font-size: var(--font-5);
				margin-bottom: -0.24rem;
				opacity: 0.8;
			}
		}
	}

	.timeline-divider {
		background: linear-gradient(to right, transparent, rgb(var(--secondary-light)), transparent);
		border: none;
		border-radius: 1rem;
		height: 2px;
		bottom: 0;
		transform: none;
		left: 2.5rem;
		top: unset !important;
		right: 2.5rem;
		margin-bottom: 3rem;
	}
}

.timeline:not(.timeline--horizontal) {
	&::before,
	&::after {
		content: unset !important;
	}
}

.btn_timeline {
	position: absolute;
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 2rem;
	height: 1rem;
	bottom: -53.333%;
	top: unset !important;
	width: 1rem;
	z-index: 2;
	left: 0;
	right: 0;
	margin: 0 auto;
}


.formCreateTimeline {
	max-width: 1024px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* #endregion */

.filtros_uso_ocupacao {
	text-align: left;
	padding: 0;
	margin-top: 1%;
}

#carousel_fotos,
.showInfoTimelineClicked {
	width: 100%;
	border-radius: 0.5rem;
}

.chart-container {
	position: relative;
	margin: auto;
	height: 20vh;
	width: 40vw;
}
#carousel-example-generic {
	height: 49vh;
	width: 49vw;
}
.carousel-inner {
	width: 94%;
}
.carousel-control {
	opacity: 1;
	margin-bottom: 1px;
	height: 2vh;
	position: absolute;
	/* top: 0; */
	bottom: 50%;
	left: 0;
	right: auto;
	width: 6%;
	/* font-size: 20px; */
	color: #fff;
}
.carousel-control.right {
	left: 88%;
}
.navbar-brand {
	padding: 0;
}
/* .buttons-html5{
    position: fixed;
    margin-top: 230px;
    margin-left: 13%;
} */
#div_dash {
	height: 180px;
}
#id_summary {
	font-size: 15px;
}

.title_legenda {
	margin-inline-start: 6px;
}

#toggle_camadas_conteudo_temas {
	margin-left: 5%;
}

.img_menu {
	width: 88%;
	position: absolute;
	left: 4px;
}

.leaflet-layer {
	z-index: 2;
}

.labelInput {
	/* margin-top: 2%; */
}

.visita_info .col-md-5 {
	padding-right: 0px !important;
}
/* #endregion */

/* #region Tables */
.td--numeric {
	text-align: right;
	font-variant: tabular-nums;
}

.table--large {
	td {
		padding: var(--font-3) var(--size-4) !important;
	}
}

.table-striped-columns > :not(caption) > tr > :nth-child(odd) {
	--bs-table-bg-type: rgba(255, 255, 255, 0.025);
}

.table-default-transparent {
	tbody,
	td,
	tfoot,
	th,
	thead,
	tr {
		background-color: none !important;
	}
}

.table-default-responsive {
	display: block;
	overflow: auto;
}

.table-default {
	width: 100%;
	overflow-x: auto;
	min-width: 280px;
	white-space: nowrap;
	border: none !important;
	border-collapse: collapse;
	margin-bottom: 0;

	& > :not(caption) > * > * {
		border: none;
		background-color: unset;
	}

	.table-default--sticky {
		thead {
			position: sticky;
			top: 0;
		}

		tfoot {
			position: sticky;
			bottom: 0;
		}
	}

	thead,
	tfoot {
		font-size: 1.3em;

		tr {
			th,
			td {
				background-color: #182245;
				padding: 1rem var(--size-4);
				font-size: var(--font-4);
				color: rgba(var(--default-white), 0.8);
				font-weight: var(--medium);
			}
		}

		tr td:last-of-type,
		tr th + th:last-of-type {
			padding-right: 1.25rem !important;
		}
	}

	tbody {
		td {
			padding: var(--size-3) var(--size-4);
			line-height: 150%;
			display: table-cell;
			color: rgba(var(--default-white), 0.8);
		}

		tr {
			transition: all var(--transition);

			&:nth-of-type(even) {
				background-color: rgba(var(--default-white), 0.05);
			}
			&:hover {
				background-color: rgba(var(--default-white), 0.09375);
			}

			td:last-of-type {
				padding-right: 1.25rem !important;
			}
		}
	}

	thead {
		tr:last th {
			opacity: 0.666;

			&:first-of-type {
				border-top-left-radius: var(--df-radius--intern);
			}
			&:last-of-type {
				border-top-right-radius: var(--df-radius--intern);
			}
		}
	}

	tfoot {
		tr {
			th:first-of-type {
				border-bottom-left-radius: var(--df-radius--intern);
			}
			td:last-of-type {
				border-bottom-right-radius: var(--df-radius--intern);
			}
		}
	}
}

.table-alternative {
	border: none;
	background: transparent;

	& > :not(caption) > * > * {
		color: rgba(var(--default-white), 0.5);
	}

	tr {
		border: none;
	}

	td {
		line-height: 1.2;
	}

	thead {
		font-size: var(--font-4);
		font-weight: var(--medium);
		color: rgba(var(--default-white), 0.75);

		th {
			padding: var(--font-4) 1rem;
			border-bottom: 1px solid rgba(var(--default-white), 0.2);
			line-height: 1.2;
			text-transform: uppercase;
			font-size: var(--font-2);
		}
	}

	tbody {
		tr {
			border-bottom: 2px solid rgba(var(--secondary-dark));
		}

		td {
			padding: 0.25rem 1rem;
			height: 4rem;
			color: rgba(var(--default-white), 0.8);
			border-top: 1px solid rgb(var(--secondary-dark));
			border-bottom: none;
			background-color: rgba(var(--default-white), 0.03);

			&:first-of-type {
				background-color: rgba(var(--default-white), 0.08);
				width: 18.75rem;
				max-width: 100%;

				span {
					font-weight: var(--semibold);
				}
			}

			small {
				font-size: var(--font-2);
				opacity: 0.625;
				display: block;
			}

			input {
				border: none;
				border-radius: 0px;
				width: 100%;
				background-color: transparent;
				padding: 0.825rem 0;
				text-align: right;
				color: rgba(255, 255, 255, 0.8);
			}
		}

		td + td {
			border-left: 2px solid rgb(var(--secondary-dark));
		}
	}
}

.dataTables_info,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_processing {
	color: #fff !important;
}

/* #endregion */

/* #region Lists */
.list--striped {
	display: flex;
	flex-direction: column;
	text-align: left;

	li {
		transition: background-color var(--transition);
	}
	li[style*="display: none"] {
		order: -1;
	}
	li:nth-of-type(even) {
		background-color: rgba(var(--grey-100), 0.05);
	}
	li:hover {
		background-color: rgba(var(--grey-100), 0.0825);
	}

	.form-control {
		background-color: rgba(62, 80, 112, 0.3);
		border: 1px solid rgba(255, 255, 255, 0.175);
		margin-bottom: 0;
	}
}
/* #endregion */

/* #region Replacements */
b,
strong,
.bold,
.bolder,
.strong {
	font-weight: var(--bold);
}

.ui-widget-content {
	background: rgb(var(--secondary-light));
	color: rgba(var(--default-white));
	border: 1px solid rgba(255, 255, 255, 0.0825) !important;
	box-shadow: var(--df-shadow--black);
	font-family: var(--typo);
	border-radius: var(--df-radius--intern);
	opacity: 0;
	transform: translate(0, -0.5rem);
	animation: appear 0.325s ease forwards;
}

.accordion-button {
	position: relative;
	cursor: pointer;

	&::after {
		position: absolute;
		top: 50%;
		right: 1rem;
		--bs-accordion-btn-icon: none !important;
		--bs-accordion-btn-active-icon: none !important;
		content: f.unicode("e922");
		font-family: "SigmaIconLine";
		background-image: none !important;
		font-size: inherit;
		color: rgb(var(--default-white));
		transform: translateY(-50%) rotate(-90deg);
		opacity: 0.5;
		transition:
			all 0.312s ease,
			opacity 0.2s ease;
	}
	&:not(.collapsed) {
		&::after {
			content: f.unicode("e921");
			transform: translateY(-50%) rotate(0deg);
		}
		&.btn-sg-primary {
			background: rgb(var(--primary-dark));
			color: #fff;
			border-color: rgba(255, 255, 255, 0.0825);
		}
	}
}

.accordion > div + div {
	margin-top: var(--size-3);
}

.tag {
	display: inline-block;
	vertical-align: text-bottom;
	width: 1rem;
	height: 1rem;
	border-radius: var(--size-1);
	margin-right: var(--size-3);
}

.tooltip__title,
.tooltip__subtitle {
	--bs-tooltip-max-width: 280px;
	--bs-tooltip-opacity: 1;
	opacity: 1;
	transition:
		left 0.3s ease,
		opacity 0.3s ease;
	left: -0.6rem !important;

	&.show {
		left: -0.4rem !important;
	}

	.tooltip-inner {
		background-color: rgb(var(--secondary-base), 0.9);
		color: rgb(var(--default-white));
		padding: 0.95rem var(--size-5) 0.975rem 1.125rem;
		font-size: var(--font-4);
		font-family: var(--typo);
		transform: none !important;
		border-radius: 0 var(--df-radius--intern) var(--df-radius--intern) 0;
		box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
	}
	.tooltip-arrow::before {
		display: none;
	}
}

.tooltip__title {
	top: -4px !important;

	.tooltip-inner {
		background-color: rgb(var(--secondary-dark), 0.8);
	}
}

/* #endregion */

/* #region Multiselect */

.multiselect-dropdown {
	position: relative;
	font-size: 1em;
}
.multiselect-dropdown span.optext,
.multiselect-dropdown span.placeholder {
	display: block;
}
.multiselect-dropdown span.optext {
}
.multiselect-dropdown span.optext .optdel {
	float: right;
	margin: 0 -6px 1px 5px;
	margin-top: 2px;
	cursor: pointer;
	color: #666;
}
.multiselect-dropdown span.optext .optdel:hover {
	color: #c66;
}
.multiselect-dropdown span.placeholder {
	color: #ced4da;
}
.multiselect-dropdown-list-wrapper {
	z-index: 100;
    padding: 2px;
    border-radius: var(--df-radius--intern);
    border: solid 1px rgba(255, 255, 255, .1125);
    display: none;
    top: 113%;
    right: 0;
    min-width: 15rem;
	width: 100%;
    position: absolute;
    background: rgb(23 38 69);
}
.multiselect-dropdown-list-wrapper .multiselect-dropdown-search {
	margin-bottom: 5px;
}

.multiselect-dropdown-list {
	padding: 2px;
	max-height: 15rem;
	overflow-y: auto;
	overflow-x: hidden;
}

.multiselect-dropdown-list::-webkit-scrollbar {
	width: 6px;
}

.multiselect-dropdown-list::-webkit-scrollbar-thumb {
	background-color: #bec4ca;
	border-radius: 3px;
}

.multiselect-dropdown-list div {
	padding: .125rem;
}

.multiselect-dropdown-list input {
	height: 1.15em;
	width: 1.15em;
	margin-right: 0.35em;
}

.multiselect-dropdown-list div.checked {
}

.multiselect-dropdown-list div:hover {
	background-color: rgba(255, 255, 255, 0.025);
}

.multiselect-dropdown span.maxselected {
	font-weight: var(--semibold);
	width: 100%;
	opacity: 0.75;
}

/* #endregion */

/* #region CHARTS */
.apexcharts-tooltip,
.apexcharts-tooltip.apexcharts-theme-dark,
.apexcharts-tooltip.apexcharts-theme-light {
	border: 1px solid rgba(255, 255, 255, 0.075);
	padding: 0;
	transition: all 15ms linear;
	box-shadow: none;
	background-color: rgba(var(--grey-700), 0.85) !important;

	.apexcharts-tooltip-title {
		background-color: rgb(var(--secondary-dark)) !important;
		border-bottom: 1px solid rgba(2255, 255, 255, 0.25) !important;
	}

	.apexcharts-tooltip-series-group.apexcharts-active {
		padding-bottom: 0;
	}
}

div.apexcharts-menu {
    background-color: rgb(var(--secondary-light));
    border-radius: var(--df-radius);
    border: 1px solid rgba(255, 255, 255, .085);
    box-shadow: var(--df-shadow--black);
    text-align: left;
	
	div.apexcharts-menu-item {
		font-size: var(--font-2);
	}

	div.apexcharts-menu-item:hover {
		background-color: rgba(255,255,255,.085);
		border-radius: var(--df-radius--intern);
	}
}

div.apexcharts-menu-icon {
	background: rgba(255, 255, 255, .125);
	padding: .5rem;
	width: auto;
	height: auto;
	border-radius: var(--df-radius);
	width: auto;
	height: auto;

	svg {
		fill: rgba(255,255,255,.8) !important;
	}
}
/* #endregion */

.mirror-horizontal {
	transform: rotate(180deg);
}

@keyframes popUp {
	from {
		transform: scale(1.5);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes blur {
	from {
        // opacity: 0;
		// backdrop-filter: blur(0);
	}
	to {
        // opacity: 1;
		// backdrop-filter: blur(.5rem);
	}
}

@keyframes progress {
	to {
		width: 100%;
	}
}

@keyframes flash {
	50% {
		opacity: 0.6125;
	}
}

@keyframes flashBottomBoxShadow {
	to {
		box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.45);
	}
}

@keyframes fade {
	0% {
		opacity: 1;
	}
	66% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.flash {
	animation: flash 2.25s ease forwards;
}

@keyframes dotPulse {
	0% {
		transform: translateY(-8px);
		opacity: 0;
	}
	12.5%,
	75% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(0px);
		opacity: 0;
	}
}

.dot-pulse {
	display: inline-block;
	animation: dotPulse 1s ease-in-out both infinite;
}

@keyframes grow {
	to {
		transform: scale(1.33);
		opacity: 1;
	}
}

@keyframes decrease {
	to {
		transform: scale(0.966);
		opacity: 0;
	}
}

@keyframes appear {
	to {
		transform: translate(0, 0);
		opacity: 1;
		max-width: 100%;
	}
}

@keyframes showOpacity {
	to {
		opacity: 1;
	}
}

@keyframes slideFromLeft {
	from {
		opacity: 0;
		transform: translateX(-2rem);
	} to {
		opacity: 1;
		transform: translateX(0rem);
	}
}

@keyframes blinkOutline {
	to {
		outline-color: rgba(255,255,255,.75);
	}
}

.slideFromLeft {
	animation: slideFromLeft .25s ease forwards;
}

body.flat-background {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='1031' fill='none' viewBox='0 0 1920 1031'%3E%3Cg fill='%230E297C' class='symbol' opacity='0.125' %3E%3Cpath d='M171.104 485.782c2.496 46.34 4.238 103.711 5.226 172.116.078 3.295-1.332 4.131-4.23 2.507-42.295-23.865-87.105-48.885-134.43-75.058-38.565-21.342-58.763-52.101-60.594-92.278a5987.902 5987.902 0 0 0-8.981-155.255c-.125-2.065.765-2.645 2.669-1.74a16969.855 16969.855 0 0 1 144.541 69.892c35.245 17.291 53.845 43.896 55.799 79.816Zm146.223 133.173c35.823 1.64 72.925 1.673 93.763-27.716 16.44-23.2 38.938-56.887 67.494-101.06 1.577-2.513.898-3.88-2.036-4.102-45.975-4.02-86.531-6.758-121.67-8.213-24.744-1.042-44.203 9.607-58.38 31.947-20.171 31.854-41.571 66.4-64.201 103.636-2.081 3.338-1.155 4.94 2.778 4.809 24.763-.93 52.181-.696 82.252.699Zm949.323 534.235c-115.46-160.408-270.334-289.127-443.018-385.528-.302-.137-.384-.357-.247-.659l.709-2.012c.349-1.092 1.029-1.417 2.041-.977 35.424 13.669 74.415 31.315 116.973 52.936 144.872 73.707 277.392 179.924 328.342 333.81 3.68 11.14 2.08 11.96-4.8 2.43Zm1.28 152.09c-74.9-133.25-175.84-249.16-302.847-347.716-203.762-158.021-432.979-253.819-687.651-287.396-.872-.121-1.401.273-1.588 1.183l-.535 2.313c-.085.316.057.523.426.622 15.903 4.793 31.974 9.364 48.085 13.946 35.117 9.988 70.424 20.03 104.589 32.551C754.224 839.84 1067.32 1083.19 1204.89 1410.25c1.54 3.74 3.65 4.08 6.34 1.02 24.98-28.53 44.1-61.09 57.35-97.68 1.05-2.88.84-5.65-.65-8.31Z'/%3E%3Cpath fill-rule='evenodd' d='M1390.7 797.753c-.44-.457-.92-.472-1.43-.044-.36.298-.4.628-.1.99 54.1 67.843 102.65 146.227 120.42 230.751 28.68 136.23-10.4 257.3-117.23 363.2-52.23 51.78-110.12 92.55-173.67 122.32-9.94 4.62-10.28 3.99-1.03-1.88 71.11-44.97 123.45-94.54 141.82-179.55 25.56-118.48-38.85-247.43-108.71-339.565-76.84-101.317-173.88-195.146-291.107-281.487-54.648-40.16-112.343-80.966-173.084-122.42C584.313 452.291 359.888 222.035 331.086-33.795c-16.621-147.507 24.445-270.411 123.197-368.712 67.255-64.167 270.604-186.419 545.967-162.094 275.36 24.324 173.38-26.477 87.98-54.918 48.39 4.168 96.5 11.501 143.88 22.099 253.59 56.601 464.27 181.928 632.06 375.979 285.89 330.646 357.02 797.832 186.34 1199.886-256.39 603.655-965.98 869.275-1557.516 587.135-333.111-158.86-567.032-467.2-636.596-829.552-.563-2.747.535-4.316 3.294-4.706 112.235-17.602 230.45-11.669 340.855 10.124 216.746 42.947 414.791 134.712 594.136 275.294 153.739 120.62 273.317 269.78 346.297 450.22 1.25 3.11.5 5.61-2.27 7.52-30.72 20.62-64.49 38.19-101.31 52.71-3.16 1.25-5.33.3-6.52-2.85-130.798-342.85-451.753-596.097-793.55-720.96-95.59-34.928-196.387-58.747-302.392-71.457a4.006 4.006 0 0 0-3.474 1.32 4.007 4.007 0 0 0-.896 3.606l17.604 72.8c.805 3.32 2.89 5.234 6.257 5.741 240.284 36.891 458.316 132.064 654.094 285.52 150.568 117.91 274.611 269.36 345.393 448.2 1.206 3.09.214 5-2.974 5.73-51.794 12.42-102.757 20.28-152.89 23.55-3.1.19-5.281-1.16-6.543-4.04C640.356 1236.97 322.956 996.7-24.153 879.643c-5.343-1.771-6.993-.039-4.95 5.194 10.375 26.208 21.455 53.367 33.24 81.477 2.714 6.316 6.125 11.295 12.632 13.886 288.213 114.57 538.279 309.53 679.564 581.61 1.424 2.7 3.612 4.44 6.563 5.23 64.839 17.94 114.617 27.58 149.334 28.92 38.144 1.41 85.654-1.35 142.531-8.3 165.359-20.13 336.839-80.2 451.539-196.47 108.22-109.8 133.24-249.67 76.32-389.49-31.51-77.203-75.48-145.185-131.92-203.947ZM781.185-428.216c-99.777 110.87-58.343 271.179 12.749 390.997 46.879 79.063 107.864 153.861 182.955 224.395 48.341 45.357 86.581 78.129 114.721 98.315 89.34 64.188 145.57 104.857 168.71 122.009 104.26 77.391 197.57 167.426 279.92 270.107 156.35 194.995 266.06 484.363 93.9 709.463-9.29 12.13-7.89 13.52 4.22 4.18 215.49-165.93 351.69-380.26 408.59-642.988 26.86-123.972 30-259.298 10.07-385.729a14.307 14.307 0 0 0-2.62-6.274 14.381 14.381 0 0 0-5.2-4.375c-242.08-120.415-531.11-98.191-790.5-58.203-3.11.463-6.01-.115-8.68-1.734l-86.32-50.651a1.637 1.637 0 0 1-.54-.562c-.13-.227-.2-.48-.21-.736-.01-.256.05-.506.17-.727.11-.221.29-.405.5-.536C1383.6 99.188 1659.8 53.373 1918.35 76.923c15.81 1.472 31.99 3.578 48.54 6.32 5.59.874 7.07-1.184 4.46-6.175L1931.57.36a8.871 8.871 0 0 0-2.95-3.24 9.117 9.117 0 0 0-4.17-1.464c-290.49-22.623-596.22 28.743-830.92 192.882a5.322 5.322 0 0 1-6.15-.124c-38.9-29.165-78.33-63.498-118.302-103-2.004-2.004-1.848-3.853.47-5.547C1054.52 18.859 1138.64-25.641 1221.88-53.635c203.25-68.382 415.65-86.468 637.2-54.26.34.069.7.027 1.02-.121.32-.148.58-.394.76-.706.17-.312.25-.675.22-1.04a1.838 1.838 0 0 0-.39-1.002l-68.66-84.281a10.081 10.081 0 0 0-3.16-2.629 10.121 10.121 0 0 0-3.97-1.142c-303.16-26.191-624.28 33.247-866.721 216.482a4.591 4.591 0 0 1-1.667.811 4.66 4.66 0 0 1-1.861.09 4.755 4.755 0 0 1-1.761-.647 4.81 4.81 0 0 1-1.383-1.28c-23.431-32.924-42.971-66.246-58.62-99.964a3.651 3.651 0 0 1-.194-2.447 3.8 3.8 0 0 1 1.401-2.056c233.076-176.429 551.136-230.165 838.196-197.62 6.15.686 6.83-.936 2.07-4.866-35.85-29.365-71.46-56.153-106.83-80.364a22.84 22.84 0 0 0-12.24-3.957c-223.06-6.083-449.79 38.169-646.244 142.103-35.558 18.868-68.246 39.465-98.064 61.791a2.626 2.626 0 0 1-1.265.539 2.682 2.682 0 0 1-1.376-.172 2.8 2.8 0 0 1-1.128-.839 2.862 2.862 0 0 1-.589-1.289c-6.485-38.827-5.341-77.248 3.433-115.261.642-2.82 2.226-4.936 4.751-6.348 166.782-92.492 356.442-134.992 548.462-140.189 31.25-.886 60.75.13 88.49 3.047.41.029.81-.075 1.15-.296a1.865 1.865 0 0 0 .78-2.121 1.82 1.82 0 0 0-.68-.974c-8.93-6.514-18.57-11.975-28.91-16.383-47.5-20.462-93.74-38.131-138.73-53.008-12.13-4.042-25.65-5.263-40.53-3.663-125.61 13.651-241.95 42.262-349.031 85.831-11.725 4.761-12.594 3.259-2.605-4.509 76.863-59.399 157.046-93.239 240.546-101.519 24.09-2.409 24.24-5.925.45-10.548-52.48-10.282-108.55-8.878-168.207 4.212-165.751 36.457-359.849 114.517-424.957 287.94-55.62 148.445 10.383 319.824 102.682 440.498.674.858 1.44.951 2.298.277l.079.022c.777-.582.908-1.281.392-2.097-97.443-145.424-137.433-314.915-42.341-472.174 36.928-60.983 94.502-113.638 153.864-152.097 10.248-6.625 11.306-5.41 3.175 3.645Z' clip-rule='evenodd'/%3E%3Cpath d='M-32.303-227.024C-206.005 9.856-296.36 303.112-276.288 599.112c30.073 443.648 290.654 844.748 691.267 1043.538 604.461 300 1329.731 77.37 1661.161-509.74.64-1.13 1.59-1.52 2.86-1.18l68.18 18.43c.73.2.9.64.49 1.32-139.24 251.28-336.28 439-591.14 563.17-199.1 97.04-423.79 143.19-647.244 130.65-254.69-14.33-486.637-94.46-695.841-240.39-378.656-264.3-591.312-716.82-559.999-1173.917a1615.374 1615.374 0 0 1 24.806-192.182c9.942-52.491 24.521-104.163 43.739-155.015 138.363-366.285 380.011-625.917 724.945-778.895 208.205-92.345 430.04-127.097 665.504-104.256 53.79 5.211 112.6 14.535 176.45 27.972 47.75 10.029 106.61 29.301 176.58 57.816 311.35 126.893 543.16 337.593 695.44 632.097 88.71 171.679 137.06 357.918 145.05 558.719 0 .046 0 .093-.01.139l-.01.06-.01.052-.02.05a.18.18 0 0 1-.02.069l-.03.05a.959.959 0 0 1-.26.338c-.12.091-.25.156-.39.189l-.04.008a.777.777 0 0 1-.1.014.92.92 0 0 1-.29-.017l-68.26-18.459c-1.53-.41-2.34-1.389-2.43-2.938-25.58-426.612-254.81-805.584-624.04-1021.886-286.86-167.981-627.763-211.142-943.547-130.799-275.135 69.98-527.723 235.423-698.807 468.857Z'/%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
	background-position: center top;
	min-height: 100vh;
}

// .mapboxgl-ctrl-top-right {
// 	position: fixed;
// 	z-index: 11;
// 	top: 50%;
// }

div#comparison-container {
	width: 100%;
	position: relative;
	height: 100%;
	border-radius: var(--df-radius);
	overflow: hidden;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

/* #region Uso e Ocupacao */
#visible-area__calc-button {
	text-align: center;
}

.legenda_uso_item_rect {
	width: 1em;
	height: 1em;
	display: inline-block;
	vertical-align: middle;
}


.rowGraph {
	background-color: transparent;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
	border: none;

	.columnGraph {
		background-color: rgba(var(--secondary-light), 0.325);
		border-radius: var(--df-radius--intern);
		border: 1px solid rgba(255, 255, 255, 0.0825);
	}
}

#admin__content {
	min-height: 60vh;
}

button#cacheCleanerButton {
	position: fixed;
}

.tabela-export {
	position: absolute;
	z-index: -1;
	top: 0;
}


.btn-sg-primary, .section-title{
	color: #051233 !important;
}

.btn-sg-primary {
	font-weight: var(--semibold);
    letter-spacing: 0.2px;
}


.modulos__wrapper {
	display: grid;
    text-align: center;
    gap: 1rem;
    grid-template-columns: repeat(6, 1fr);
	padding: 3rem 1rem;
}

@media (max-width: 1440px) {
	.modulos__wrapper {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.modulos__wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

.modulos__item {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .085);
    border-top: .75rem solid rgb(var(--primary-base));
    padding: 1.325rem;
    border-radius: var(--df-radius);
    text-align: left;
}

.modulo__image {
    font-size: 4rem;
}

.modulos__item h2 {
    font-size: 1.75rem;
	margin: 0 0 .75rem;
}

.modulos__item p {
	font-size: 1.25rem;
	opacity: .6;
	line-height: 1.3;
}


.login__form {
    .input-group:not(:last-of-type), .input-group:not(:last-of-type) input {
        background: #cdd0d8 !important;
        color: #121e3f !important;
        -webkit-text-fill-color: #121e3f;
        font-weight: var(--medium);
        
        
        & > svg:first-of-type {
            border-right-color: #121e3f43;
        }
        
        &:focus, &:focus-within {
            background: #fff !important;
            color: #121e3f !important;
            -webkit-text-fill-color: #121e3f;
        }
        
        &::placeholder {
            color: #121e3fae !important;
            -webkit-text-fill-color: #121e3fae;
        }
        
    }
    
    .input-group:-webkit-autofill, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, button:-webkit-autofill, button:-webkit-autofill:hover, button:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
        -webkit-text-fill-color: #121e3fae;
        // -webkit-box-shadow: 0 0 0px 1000px #cdd0d8 !important;
        
    }
}

.panel__content .collapse_title button {
    font-size: 1rem !important;
}

#legenda_check_uso {
    .legenda.legenda_uso_item_rect {
        margin-left: 0.5rem;
    }
}



@import "BarlowFontFamily/BarlowFontFamily.css";
@import "SigmaIconFont/SigmaIconLine.css";
@import "SigmaIconFont/SigmaIconFill.css";