/* FINANCIER */
/* Including one css file into other */
@import url("/painel/css/conteudo-financier-styles.css");

/* ANIMATION */
@keyframes styles_pulse_animation {
	0% {
		box-shadow: 0 0 0 0 #00000a
	}

	70% {
		box-shadow: 0 0 0 20px rgba(204, 169, 44, 0)
	}

	to {
		box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
	}
}

.animation_pulse {
	animation: styles_pulse_animation 1.5s infinite
}


body,
html {
	font-family: 'Nunito', sans-serif;
}

/* sb-admin.css */
/* body,
.card.card-welcome-real-bank { */
.card-class-main-content {
	/* margin: 0;
	font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5; */
	color: #858796 !important;
	/* text-align: left;
	background-color: #fff; */
}


@media (min-width: 850px) {
	.bank-game-results-header {
		/* min-height: 100px; */
		border-bottom-left-radius: 120px;
		border-bottom-right-radius: 120px;
	}
}

@media (min-width: 720px) and (max-width:850px) {
	.bank-game-results-header {
		/* min-height: 100px; */
		border-bottom-left-radius: 80px;
		border-bottom-right-radius: 80px;
	}
}

@media (min-width: 580px) and (max-width:720px) {
	.bank-game-results-header {
		/* min-height: 100px; */
		border-bottom-left-radius: 40px;
		border-bottom-right-radius: 40px;
	}
}

@media (min-width: 520px) and (max-width:580px) {
	.bank-game-results-header {
		/* min-height: 100px; */
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
}

@media (max-width: 520px) {
	.bank-game-results-header {
		/* min-height: 100px; */
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}

/* sb-admin bootstrap 5 */

@media (min-width: 768px) {
	.sidebar .nav-item .nav-link[data-bs-toggle="collapse"].collapsed::after {
		content: '\f105';
	}
}

@media (min-width: 768px) {
	.sidebar .nav-item .nav-link[data-bs-toggle="collapse"]::after {
		width: 1rem;
		text-align: center;
		float: right;
		vertical-align: 0;
		border: 0;
		font-weight: 900;
		content: '\f107';
		font-family: 'Font Awesome 5 Free';
	}
}

.sidebar-dark .nav-item .nav-link[data-bs-toggle="collapse"]::after {
	color: rgba(255, 255, 255, 0.5);
}

.sidebar.toggled .nav-item .nav-link[data-bs-toggle="collapse"]::after {
	display: none;
}


/* Sweetalert2 */

.swal2-validation-message {
	text-align: center;
}

/* CALENDAR */


@media (min-width: 700px) {
	.fc-title {
		font-size: large;
	}
}

@media (max-width: 1200px) {
	.img-finance-leaders {
		max-height: 20% !important;
	}
}

/* @media (min-width: 1000px){
	.fc-title {
		font-size: x-large;
	}
} */

@media (min-width: 1300px) {
	.fc-title {
		font-size: xx-large;
	}
}

/* FullCalendar fix bug that height = 0 in calendar */
/* this workaround set height to 100%, this disable the scroll bar and set height automatically of lib */
.fc-scroller.fc-day-grid-container {
	height: 100% !important;
}


/**************** GLOBAL - USE ENTIRE PLATFORM*******************/

/* scroll designs */

/*
 *  STYLE 3
 */

/* references - #style-3 modified */
/* https://codepen.io/GhostRider/pen/oNvoNv */
.scroll-style-course-lessons::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.scroll-style-course-lessons::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
	border-radius: 10px;
}

.scroll-style-course-lessons::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .4);
	border-radius: 10px;
}




/****************REAL GRANA - NOVA ID VISUAL*******************/

/* .sidebar-dark #sidebarToggle {
    background-color: rgb(0 42 206 / 20%);
    background-color: var(--color-icons-sidebar) !important;
    opacity: .2 !important;
} */

.sidebar .nav-link span:not(.badge-soon-sidebar) {
	color: #eee;
	/* text-shadow: #000000b8 0.1em 0.1em 0.15em; */
}

.sidebar .nav-link i,
h6.sidebar-category-title {
	color: var(--color-icons-sidebar) !important;
}

span.badge-soon-sidebar {
	/* background-color: var(--color-icons-sidebar) !important; */
	color: #000 !important;
	background-color: #31ef1f
}

.sidebar .nav-item .nav-link:hover,
.sidebar .nav-item .nav-link:hover i,
.sidebar .nav-item .nav-link:hover span {
	color: var(--color-active-hover-sidebar);
	text-shadow: rgba(0, 0, 0, 0.7) 0.08em 0.08em 0.16em;
}

.sidebar .nav-item a:not(.text-decoration-none):hover {
	/* background-color: #222; */
	background-color: rgba(var(--sidebar-bg-color), 0.6);
	border-left: 3px solid;
	border-color: var(--color-active-hover-sidebar);
}

/* SIDEBAR E NAVBAR FIX */
.main-sidebar {
	position: fixed;


	/* bottom: 0; */
	/* float: none; */
	/* height: 100vh; */
	/* left: 0; */

	/* position: fixed;
    top: 0;
    bottom:0;

    width: 100vw; viewport width
    height: 100vh; viewport height
    overflow-y: scroll;
    overflow-x: hidden; */
	/* top: 0; */
}

.sidebar-nav-menu {
	margin-top: 70px;
	padding-bottom: 370px;

	position: fixed;
	top: 0;
	bottom: 0;

	/*width: 100vw;  viewport width */
	height: 100vh;
	/* viewport height */
	overflow-y: scroll !important;
	overflow-x: hidden;
}

/* #content-wrapper {
	overflow-x: unset !important;
} */

#content-wrapper {
	padding-top: 94px;
}

/* 992 */
/* @media (min-width: 768px) {

}

@media (min-width: 768px) {

} */

.navbar {
	margin-left: 224px;
}

.sidebar-toggled .navbar {
	margin-left: 104px;
}

.sidebar-toggled .sidebar-category-title {
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}


.logo-navbar {
	display: none;
}


@media screen and not (min-width: 768px) {

	.navbar {
		margin-left: 104px;
	}

	.sidebar-toggled .navbar {
		margin-left: 0px;
	}

	.sidebar-toggled .logo-navbar {
		display: block;
	}


	#content-wrapper {
		margin-left: 104px;
	}

	.sidebar-toggled #content-wrapper {
		margin-left: 0px;
	}

}

@media screen and (min-width: 768px) {
	.sidebar-toggled .navbar {
		margin-left: 104px;
	}

	#content-wrapper {
		margin-left: 224px;
	}

	.sidebar-toggled #content-wrapper {
		margin-left: 104px;
	}
}

/* TODO Novo Collapse sidebar */
/* INFO: work around old colapse to work in old sidebar */
/* TODO: nova versão mais bonita, ou, vai tirar o collapse e colocar ferramentas em uma página/offcanvas e a lista de salas vai pra navbar ou heading page */

@media (min-width: 768px) {
	.sidebar.toggled .nav-item .collapse {
		position: relative;
		left: 0px;

	}

	.sidebar.toggled .nav-item .collapse .collapse-inner .collapse-item,
	.sidebar.toggled .nav-item .collapsing .collapse-inner .collapse-item,
	.sidebar.toggled .nav-item .collapse .collapse-inner .collapse-header,
	.sidebar.toggled .nav-item .collapsing .collapse-inner .collapse-header {
		margin: 0px;
		padding: 4px;
	}
}

@media not (min-width: 768px) {
	.sidebar .nav-item .collapse {
		position: relative;
		left: 0px;

	}

	.sidebar .nav-item .collapse .collapse-inner .collapse-item,
	.sidebar .nav-item .collapsing .collapse-inner .collapse-item,
	.sidebar .nav-item .collapse .collapse-inner .collapse-header,
	.sidebar .nav-item .collapsing .collapse-inner .collapse-header {
		margin: 0px;
		padding: 4px;
	}
}

/* END Work Around Novo Collapse sidebar */

.sidebar-nav-menu::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}

.sidebar-nav-menu::-webkit-scrollbar-corner {
	background-color: transparent;
}

.sidebar-nav-menu::-webkit-scrollbar {
	margin-bottom: 100px !important;
	border-radius: 100px;
	width: 5px;
}

.sidebar-nav-menu::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
	border-radius: 100px;
	/* background-color: #F5F5F5; */
	margin-bottom: 70px !important;
}

.sidebar-nav-menu::-webkit-scrollbar-thumb {
	background-clip: padding-box;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.493);
	/* background-color: rgba(37, 211, 2, 0.94); */
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
}

/* .sidebar-nav-menu::-webkit-scrollbar-thumb:hover {
    background-color:#f4f4f4
} */

.main-sidebar:has(#switch-professor-sidebar) .sidebar-nav-menu::-webkit-scrollbar,
.main-sidebar:has(#switch-professor-sidebar) .sidebar-nav-menu::-webkit-scrollbar-track {
	margin-bottom: 144px !important;
}

/* SIDEBAR E NAVBAR END */

.sidebar .nav-item.active:not(.collapsed) .nav-link {
	font-weight: 700 !important;
	color: var(--color-active-hover-sidebar) !important;
	text-shadow: none !important;
}

.sidebar-dark .nav-item.active:not(.collapsed) .nav-link i {
	font-weight: 700 !important;
	color: var(--color-active-hover-sidebar) !important;
	text-shadow: none !important;
}

.sidebar-dark .nav-item.active:not(.collapsed) .nav-link span {
	font-weight: 700 !important;
	color: var(--color-active-hover-sidebar) !important;
	text-shadow: none !important;
}

.bg-grey {
	background-color: #f5f7fa;
}


.bg-purple-real-grana {
	background-color: #7029cf;
}

.bg-green-real-grana {
	background-color: #31ef1f !important;
}

.purple-real-grana {
	color: #7029cf !important;
}

.green-real-grana {
	color: #31ef1f !important;
}

.text-bg-green-real-grana {
	background-color: #31ef1f !important;
	color: #111;
}

.bg-white-label-header {
	background-color: var(--card-title-bg-color) !important;
}

.white-label-bg-header {
	background-color: var(--card-title-bg-color) !important;
}

.white-label-text-color {
	color: var(--card-title-txt-color) !important;
}


.card-main {
	background-color: var(--card-title-bg-color) !important;
	color: var(--card-title-txt-color) !important;


	background: #7029cf;
	/* background: -moz-linear-gradient(90deg, rgba(65,5,131,1) 0%, #7029cf 55%);
	background: -webkit-linear-gradient(90deg, rgba(65,5,131,1) 0%, #7029cf 55%);
	background: linear-gradient(90deg, rgba(65,5,131,1) 0%, #7029cf 55%); */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7029cf", endColorstr="#29cabb", GradientType=1);
}

.input-group-append .btn {
	background: var(--sidebar-bg-color) !important;
	/* color: var(--sidebar-bg-color) !important; */
}

.input-group-append .btn:hover {
	background: #212121 !important;
	color: var(--color-icons-sidebar) !important;
}


/****************NAVBAR*******************/

.sidebar-dark .nav-item.active .nav-link {
	color: #0baf3c !important;
}

/* .sidebar-dark .nav-item.active .nav-link i{
	color: #0baf3c !important;
} */

/* .sidebar-dark .nav-item .nav-link:hover{
	color: #d00438 !important;
} */

/* .sidebar-dark .nav-item .nav-link:hover i{
	color: #d00438 !important;
} */

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active {
	color: #d00438 !important;
}

.collapse-item a {
	color: #d00438 !important;
}

/* @media (min-width: 768px){
	ul.main-sidebar:not(.toggled) .room-name {
		white-space: nowrap;
		overflow: hidden;
		max-width: 205px !important;
	}
} */

.tooltip {
	margin-left: 5px !important;
}

/**************** UTILS *******************/

a.inactive-link {
	pointer-events: none;
	cursor: default;
}

.overflow-x-hidden {
	overflow-x: hidden;
}

.text-decoration-none {
	text-decoration: none;
}

/****************BUTTON*******************/

.btn-zoom {
	transition: transform 0.3s;
}

.btn-zoom:hover {
	transform: scale(1.05);
	transition: transform 0.3s;
}

.btn-dark {
	background-color: #020202 !important;
}

.btn-comprar {
	background-color: var(--buttons-color) !important;
	border-color: var(--buttons-color) !important;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3) !important;
	display: inline-block !important;
	color: white !important;
	min-width: 100px !important;
}

.btn-vender {
	background-color: #d00438 !important;
	border-color: #d00438 !important;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3) !important;
	display: inline-block !important;
	color: white !important;
	min-width: 100px !important;
}


.btn-main {
	background-color: transparent !important;
	border-color: #0baf3c !important;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3) !important;
	display: inline-block;
	color: #0baf3c !important;
}

.btn-main-alt {
	background-color: transparent !important;
	border-color: #d00438 !important;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3) !important;
	display: inline-block !important;
	color: #d00438 !important;
}

.btn-challenge-shadow {
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3) !important;
}

.btn-challenge-success {
	background-color: #0baf3c !important;
	color: whitesmoke !important;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3) !important;
}

.btn-outline-challenge-success {
	border-color: #0baf3c !important;
	color: #0baf3c !important;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2) !important;
}

.btn-outline-challenge-success:hover {
	color: whitesmoke !important;
	background-color: #0baf3c !important;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.6) !important;
}

.btn-challenge-danger {
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3) !important;
}

.btn-challenge-danger:hover {
	color: whitesmoke !important;
	background-color: #d00438 !important;
}

/****************DROPDOWN*******************/

.topbar .dropdown-list .dropdown-header {
	/*background-color: #020202 !important;*/
	/*alterei para mudar a cor da barra da notificação nova */
	border-color: #555555 !important;
}

/****************TEXT*******************/

.color-white {
	color: #ebebeb;
}

.text-verde {
	color: #0baf3c !important;
}

.text-vermelho {
	color: #d00438 !important;
}

.text-muted {
	color: #40454c !important;
}

.text-cinza {
	color: #9fa7b1 !important;
}

.text-black {
	color: #020202 !important;
}

.text-blue {
	color: #0A169A !important;
}

.text-real-grana-green {
	color: #31ef1f !important;
}

.text-real-grana-purple {
	color: #7029cf !important;
}

.background-real-grana-green {
	color: #31ef1f !important;
}

.background-real-grana-purple {
	color: #7029cf !important;
}

/****************BACKGROUND*******************/

.bg-verde {
	background-color: #0baf3c !important;
}

.bg-vermelho {
	background-color: #d00438 !important;
}

/****************SIDEBAR*******************/
:root {
	--sidebar-bg-color: #7029cf;
	/* #232323 */
	--buttons-color: #0baf3c;
	--purple-color-real-grana: #7029cf;
	--green-color-real-grana: #31ef1f;
	--bg-purple-linear-gradient: 90deg, rgba(65, 5, 131, 1) 0%, #7029cf 55%;
	--color-icons-sidebar: #31ef1f;
	--color-active-hover-sidebar: #31ef1f;
}

.bg-color {
	background-color: var(--sidebar-bg-color);
}


/****************BORDER*******************/

:root {
	--card-title-bg-color: #7029cf;
	/* #020202 #232323 */
	--card-title-txt-color: white;
}

/* .card-main{
	background-color: #020202 !important;
	color: white !important;
	background-color: var(--card-title-bg-color) !important;
	color: var(--card-title-txt-color);
} */

/****************FONT*******************/
.f-50 {
	font-size: 50px !important;
}

.f-25 {
	font-size: 25px !important;
}

.f-20 {
	font-size: 20px !important;
}

.f-15 {
	font-size: 15px !important;
}

.f-10 {
	font-size: 10px !important;
}

/****************FORMS*******************/

/*.form-control:focus{
	border-color: #6f6f6f !important;
	box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.25) !important;
}*/

/****************BORDER*******************/

.border-left-verde {
	border-left: 0.25rem solid #0baf3c !important;
}

.border-left-vermelho {
	border-left: 0.25rem solid #d00438 !important;
}

/****************LINK*******************/

a.colapse-item.active {
	color: #d00438 !important;
}

/****************INPUT*******************/

.input-trade {
	padding: 4px;
	border-radius: 5px;
	border-color: rgba(0, 0, 0, 0.5);
}

/* Boleta: input + botão de comprar/vender como um grupo unico, alinhados e
   com a mesma largura do container em qualquer tamanho de tela. */
.input-group-trade .input-trade {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.input-group-trade .btn-comprar,
.input-group-trade .btn-vender {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.asset-not-tradable-alert {
	background: linear-gradient(135deg, #fff8e1, #ffecb3);
	border: 1px solid #ffca28;
	border-radius: 10px;
	padding: 1rem 1.25rem;
	color: #5c4600;
}

.asset-not-tradable-alert > i {
	color: #8a6d00;
	font-size: 1.3rem;
	flex-shrink: 0;
}

.asset-not-tradable-alert .asset-not-tradable-reason,
.asset-not-tradable-alert .asset-not-tradable-close-hint {
	font-size: .92rem;
}

.asset-not-tradable-alert .asset-not-tradable-reason a {
	display: inline-block;
	margin-top: .5rem;
	padding: .35rem .9rem;
	background-color: #8a6d00;
	color: #fff !important;
	border-radius: 50px;
	font-weight: 600;
	font-size: .82rem;
	text-decoration: none !important;
}

.asset-not-tradable-alert .asset-not-tradable-reason a:hover {
	background-color: #6b5400;
}

.mw {
	min-width: 150px !important;
}

thead,
tr,
td {
	text-align: center;
}

.pagination {
	color: black !important;
	font-weight: bold;
	justify-content: center;
}

.table-responsive-mendel-bank {
	height: 680px;
	overflow-y: scroll;
}

.table-responsive thead,
.table-offcanvas thead {
	background: white;
	position: sticky;
	top: 0;
	z-index: 10;
	border-top-width: 0px !important;
}

.table-responsive tfoot,
.table-offcanvas tfoot {
	position: sticky;
	inset-block-end: 0;
	/* "bottom" */
	background-color: white;
	border-bottom-width: 0px !important;
}

.table-responsive th {
	border-top-width: 0px !important;
}

.table-responsive th {
	border-bottom-width: 0px !important;
}

.footable-page-link {
	color: black;
}

.footable-page-link:hover {
	color: #d00438;
}

.footable-page.visible>.footable-page-link {
	border: 1px solid black;
	padding: 3px;
	color: black;
	margin: 2px;
}

.footable-page-link {
	margin: 3px;
	width: 15px;
}

/****************IMG*******************/

.img-cinza {
	filter: none;
	-webkit-filter: grayscale(1);
	-webkit-transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	transition: all 0.8s linear;
}

/***** sidebar icon  ******/
@media (max-width: 768px) {
	.sidebar-icon {
		max-width: 85px !important;
	}

	.sidebar-bull-icon {
		max-width: 29px !important;
		margin-top: 4px;
	}
}

.toggled .sidebar-icon {
	max-width: 85px !important;
}

.toggled .sidebar-bull-icon {
	max-width: 29px !important;
	margin-top: 4px;
}

/* Sidebar crop text name room */
.crop-room-name-sidebar {
	width: 175px;
	overflow: hidden;
	/* height:50px; */
	/* line-height:50px; */
}

/****************Logo top header sala*******************/


.logo-card-header {
	margin-left: 8px;
	max-height: 30px;
	max-width: 150px;
	width: auto;
	object-fit: contain;
}


/************* cards materiais monsory responsivity ***************/

@media (min-width: 992px) {
	.card-columns {
		-moz-column-count: 3;
		column-count: 3;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
		orphans: 1;
		widows: 1;
	}

	.card-columns .card {
		display: inline-block;
		width: 100%;
	}
}

/************* Overlay cards materiais ***************/

a:hover {
	cursor: pointer;
}

.overlay-card:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(32, 32, 32, 0.9);
	transition: all .6s;
	border-radius: 0.35rem;

	/* position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .3s ease;
	background-color: rgba(32, 32, 32, 0.8); */


}


/* Página notícias */

section.news img {
	max-height: 200px;
	max-width: 200px;
}

/* Courses page */

.container-video {
	margin: 10px auto;
	max-width: 100%;
}


/* Página início */
.icon .icon-overlay {
	color: white;
	font-size: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}


.admin-buttons a {
	color: inherit;
}

.admin-buttons a:hover,
.admin-buttons i:hover {
	/* color: #1cc88a; */
	background: rgb(0, 160, 172);
	transform: scale(1.15);
	transition: all .3s;
}

.card-material-content {
	transition: box-shadow .3s;
}

.card-material-content:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	/* box-shadow: 0 0 11px rgba(33,33,33,.2);  */
}




/************* Nova página inicial ***************/

.color-change-1 {
	color: green;
}

.color-change-2 {
	color: red;
}

.color-green {
	color: green;
}

.color-red {
	color: red;
}

.size-change-1 {
	font-size: 1.3rem;
}

.size-change-2 {
	font-size: 1.2rem;
	font-weight: 500;
	/* margin: 0 0 0 15px !important; */
}

.quotation-bar {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 49px;
	overflow-x: hidden;
	background: black;
	color: white;
	overflow-y: hidden;
	margin-bottom: 20px;
	border-radius: 4px;
	top: -23px;
	display: flex;
	z-index: 1;
}

.quotation-bar-track {
	position: absolute;
	white-space: nowrap;
	will-change: transform;
	animation: marquee 60s linear infinite;
	-webkit-animation: marquee 60s linear infinite;
	height: 48px;
}

.quotation-bar-track a,
.quotation-bar-track a:hover,
.quotation-bar-track a:focus,
.quotation-bar-track a:active,
.quotation-bar-track a:visited {
	display: inline-block;
	font-size: 12px;
	padding: 0px 30px;
	height: 32px;
	line-height: 32px;
	border-left: 1px solid gray;
	font-family: arial;
	font-weight: 800;
	color: white;
	margin-top: 9px;
}

.quotation-negative {
	color: #ff5252;
	padding-left: 5px;
}

.quotation-positive {
	color: #1eb980;
	padding-left: 5px;
}

.mvp-widget-feat1-wrap,
.mvp-widget-feat1-cont {
	width: 100%;
}

.left,
.alignleft {
	float: left;
}

.relative {
	position: relative;
}


.container-course-video {
	background-color: #181818;
}

.color-transform {
	background-color: #181818;
	text-align: center;
	padding-bottom: 2%;
}

.btn-transform {
	line-height: 80%;
	width: 15%;
	height: 32px;
	margin-top: 1%;
	text-align: center;
}

.most-accessed {
	text-align: center;
}

.card-transform {
	width: 60%;
	display: inline-block;
}

/* PERFIL DO INVESTIDOR E SAÚDE FINANCEIRA */

.perfil-label {
	display: block !important;
}

.perfil-container {
	position: relative;
	width: 100%;

	max-width: 1024px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.perfil-row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -0.75rem;
	margin-left: -0.75rem;
	justify-content: center;
	align-items: center;
}

.column {
	margin-bottom: 1.5rem;
	width: 100%;
	float: left;
	box-sizing: border-box;
}

@media (min-width: 200px) and (max-width:500px) {
	.questions_box {
		padding: 30px !important;
		max-width: none !important;
	}

	.perfil-heading-secundary {
		font-size: 28px !important;
	}

	.perfil-heading-terciary {
		font-size: 20px !important;
	}

	.perfil-button {
		font-size: 0.9em;
	}
}

@media (min-width: 640px) {
	.perfil-container {
		width: 90%;
		padding: 0;
	}

	.column {
		margin-left: 4%;
	}

	.column:first-child {
		margin-left: 0;
	}

	.full-width.column {
		width: 100%;
		margin-left: 0;
	}

	.one-half.column {
		width: 48%;
	}

	.one-third.column {
		width: 30.6666666667%;
	}
/* 
	.two-thirds.column {
		width: 98%;
		width: 80.3333333333%;
	} */

	.one-quarter.column {
		width: 22%;
	}

	.two-quarter.column {
		width: 48%;
	}

	.three-quarter.column {
		width: 74%;
	}

	.one-half.column {
		width: 48%;
	}



}

.perfil-heading-primary,
.perfil-heading-secundary,
.perfil-heading-terciary,
h4 {
	font-family: 'Barclaycard Co Lt', sans-serif;
	color: #58BD58;
	margin-top: 0;
}

.perfil-heading-primary {
	font-size: 54px;
}

.perfil-heading-secundary {
	font-size: 36px;
}

.perfil-heading-terciary {
	color: rgba(0, 0, 0, 0.637);
	font-size: 26px;
}



.center {
	text-align: center;
}

.questions_box {
	background-color: #ffffff;
	padding: 60px;
	text-align: left;
	/* width: 100%; */
	box-shadow: 2px 2px 10px #00000057;
}

.perfil-button {
	font-family: 'Barclaycard Co Lt', Tahoma, sans-serif;
	/* float: right; */
	cursor: pointer;

	font-size: 1em;
	border: none;
	padding: 10px 15px;
	line-height: 18px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 0.35rem;
	vertical-align: baseline;
	background: rgb(88, 189, 88);
	color: white;
	text-decoration: none !important;
	display: inline-block;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}

.perfil-button:hover {
	background-color: rgba(88, 189, 88, 0.829) !important;
	color: white;
}



#progress_bar {
	background-color: #58BD58;
	height: 10px;
	transition: all 100ms ease-in-out;
}

.img-margin-1 {
	width: 75%;
	margin: 3% auto
}

.img-margin-2 {
	width: 50%;
	margin: 3% auto;
}

.img-margin-3 {
	width: 37%;
	margin: 3% auto;
}

.img-margin-4 {
	width: 66%;
	margin: 6% auto;
}

.img-margin-5 {
	width: 75%;
	margin: 9.5% auto;
}


.change-text {
	text-align: justify;
}

#margin-transform {
	margin-bottom: 10%;
}

.ml-perc-1 {
	margin-left: 1%;
}

.today-quotation {
	/* width: 32.6678% !important; */
	float: left !important;
}

.tam-modify {
	text-align: center;
	width: 100% !important;
	height: 110% !important;
}

/* .center {
	margin-left: 2%;
} */

.big-transform-1 {
	float: left !important;

}

.atualization {
	margin-left: 12% !important;
}

.font {
	font-size: 100%;
	text-align: center;
}

.relative {
	position: relative;
}

/* .mvp-widget-feat1-bot-img {
    background: #000;
    line-height: 0;
    overflow: hidden;
    width: 100%;
    border-radius: 4px;
}
.left, .alignleft {
    float: left;
}
.relative {
    position: relative;
}

.mvp-widget-feat1-cont a:first-child .mvp-widget-feat1-bot-story {
    margin-left: 0;
}
.mvp-widget-feat1-bot-story {
    width: 23.75%;
}
.left, .alignleft {
    float: left;
}
.relative {
    position: relative;
}

.mvp-widget-feat1-cont:first-child {
    margin-top: 0;
}
.mvp-widget-feat1-cont {
    margin-top: 20px;
}
.mvp-widget-feat1-wrap, .mvp-widget-feat1-cont {
    width: 100%;
}
.left, .alignleft {
    float: left;
}
.relative {
    position: relative;
}

.mvp-widget-feat1-wrap, .mvp-widget-feat1-cont {
    width: 100%;
}
.left, .alignleft {
    float: left;
}
.relative {
    position: relative;
} */

.to-decrease {
	padding-bottom: 2px !important;
	padding-top: 6px !important;
}


/* Página Salas */

.card-room {
	width: 380px;
}

/* TODO? se precisar, trocar .btn.show para .btn.hover-white.show (escolha de turmas na navbar) */
.hover-white:hover,
.btn.show {
	color: whitesmoke !important;
	background-color: var(--sidebar-bg-color) !important;
}


/* Notícias-Front e Artigos*/

.gallery .control-operator:target~.controls .control-button {
	color: #ccc;
	color: rgba(255, 255, 255, .4)
}

.gallery .control-button:first-of-type,
.gallery .control-operator:nth-of-type(1):target~.controls .control-button:nth-of-type(1),
.gallery .control-operator:nth-of-type(2):target~.controls .control-button:nth-of-type(2),
.gallery .control-operator:nth-of-type(3):target~.controls .control-button:nth-of-type(3),
.gallery .control-operator:nth-of-type(4):target~.controls .control-button:nth-of-type(4),
.gallery .control-operator:nth-of-type(5):target~.controls .control-button:nth-of-type(5) {
	color: #fff;
	color: rgba(255, 255, 255, .8)
}

.gallery .item:first-of-type {
	position: static;
	pointer-events: auto;
	opacity: 1
}

.gallery .item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	transition: opacity .5s
}

.gallery .control-operator {
	display: none
}

.gallery .control-operator:target~.item {
	pointer-events: none;
	opacity: 0;
	animation: none
}

.gallery .control-operator:target~.controls .control-button {
	animation: none
}

@keyframes controlAnimation-2 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, .4)
	}

	14.3%,
	50% {
		color: #fff;
		color: rgba(255, 255, 255, .8)
	}

	64.3%,
	100% {
		color: #ccc;
		color: rgba(255, 255, 255, .4)
	}
}

@keyframes galleryAnimation-2 {
	0% {
		opacity: 0
	}

	14.3%,
	50% {
		opacity: 1
	}

	64.3%,
	100% {
		opacity: 0
	}
}

.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1) {
	pointer-events: auto;
	opacity: 1
}

.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2) {
	pointer-events: auto;
	opacity: 1
}

.items-2.autoplay .control-button {
	animation: controlAnimation-2 14s infinite
}

.items-2.autoplay .item {
	animation: galleryAnimation-2 14s infinite
}

.items-2 .control-button:nth-of-type(1),
.items-2 .item:nth-of-type(1) {
	animation-delay: -2s
}

.items-2 .control-button:nth-of-type(2),
.items-2 .item:nth-of-type(2) {
	animation-delay: 5s
}

@keyframes controlAnimation-3 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, .4)
	}

	9.5%,
	33.3% {
		color: #fff;
		color: rgba(255, 255, 255, .8)
	}

	42.9%,
	100% {
		color: #ccc;
		color: rgba(255, 255, 255, .4)
	}
}

@keyframes galleryAnimation-3 {
	0% {
		opacity: 0
	}

	9.5%,
	33.3% {
		opacity: 1
	}

	42.9%,
	100% {
		opacity: 0
	}
}

.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1) {
	pointer-events: auto;
	opacity: 1
}

.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2) {
	pointer-events: auto;
	opacity: 1
}

.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3) {
	pointer-events: auto;
	opacity: 1
}

.items-3.autoplay .control-button {
	animation: controlAnimation-3 21s infinite
}

.items-3.autoplay .item {
	animation: galleryAnimation-3 21s infinite
}

.items-3 .control-button:nth-of-type(1),
.items-3 .item:nth-of-type(1) {
	animation-delay: -2s
}

.items-3 .control-button:nth-of-type(2),
.items-3 .item:nth-of-type(2) {
	animation-delay: 5s
}

.items-3 .control-button:nth-of-type(3),
.items-3 .item:nth-of-type(3) {
	animation-delay: 12s
}

@keyframes controlAnimation-4 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, .4)
	}

	7.1%,
	25% {
		color: #fff;
		color: rgba(255, 255, 255, .8)
	}

	32.1%,
	100% {
		color: #ccc;
		color: rgba(255, 255, 255, .4)
	}
}

@keyframes galleryAnimation-4 {
	0% {
		opacity: 0
	}

	7.1%,
	25% {
		opacity: 1
	}

	32.1%,
	100% {
		opacity: 0
	}
}

.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1) {
	pointer-events: auto;
	opacity: 1
}

.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2) {
	pointer-events: auto;
	opacity: 1
}

.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3) {
	pointer-events: auto;
	opacity: 1
}

.gallery .control-operator:nth-of-type(4):target~.item:nth-of-type(4) {
	pointer-events: auto;
	opacity: 1
}

.items-4.autoplay .control-button {
	animation: controlAnimation-4 28s infinite
}

.items-4.autoplay .item {
	animation: galleryAnimation-4 28s infinite
}

.items-4 .control-button:nth-of-type(1),
.items-4 .item:nth-of-type(1) {
	animation-delay: -2s
}

.items-4 .control-button:nth-of-type(2),
.items-4 .item:nth-of-type(2) {
	animation-delay: 5s
}

.items-4 .control-button:nth-of-type(3),
.items-4 .item:nth-of-type(3) {
	animation-delay: 12s
}

.items-4 .control-button:nth-of-type(4),
.items-4 .item:nth-of-type(4) {
	animation-delay: 19s
}

@keyframes controlAnimation-5 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, .4)
	}

	5.7%,
	20% {
		color: #fff;
		color: rgba(255, 255, 255, .8)
	}

	25.7%,
	100% {
		color: #ccc;
		color: rgba(255, 255, 255, .4)
	}
}

@keyframes galleryAnimation-5 {
	0% {
		opacity: 0
	}

	5.7%,
	20% {
		opacity: 1
	}

	25.7%,
	100% {
		opacity: 0
	}
}

.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1) {
	pointer-events: auto;
	opacity: 1
}

.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2) {
	pointer-events: auto;
	opacity: 1
}

.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3) {
	pointer-events: auto;
	opacity: 1
}

.gallery .control-operator:nth-of-type(4):target~.item:nth-of-type(4) {
	pointer-events: auto;
	opacity: 1
}

.gallery .control-operator:nth-of-type(5):target~.item:nth-of-type(5) {
	pointer-events: auto;
	opacity: 1
}

.items-5.autoplay .control-button {
	animation: controlAnimation-5 35s infinite
}

.items-5.autoplay .item {
	animation: galleryAnimation-5 35s infinite
}

.items-5 .control-button:nth-of-type(1),
.items-5 .item:nth-of-type(1) {
	animation-delay: -2s
}

.items-5 .control-button:nth-of-type(2),
.items-5 .item:nth-of-type(2) {
	animation-delay: 5s
}

.items-5 .control-button:nth-of-type(3),
.items-5 .item:nth-of-type(3) {
	animation-delay: 12s
}

.items-5 .control-button:nth-of-type(4),
.items-5 .item:nth-of-type(4) {
	animation-delay: 19s
}

.items-5 .control-button:nth-of-type(5),
.items-5 .item:nth-of-type(5) {
	animation-delay: 26s
}

.gallery .control-button {
	color: #ccc;
	color: rgba(255, 255, 255, 0.4);
}

.gallery .control-button:hover {
	color: white;
	color: rgba(255, 255, 255, 0.8);
}

/*
	  Theme controls how everything looks in Gallery CSS.
  */
.gallery {
	position: relative;
}

.gallery .item {
	height: auto;
	overflow: hidden;
	text-align: center;
	border-radius: 7px 7px 15px 15px;
}

.gallery .controls {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.gallery .control-button {
	display: inline-block;
	margin: 0 .02em;
	font-size: 3em;
	text-align: center;
	text-decoration: none;
	transition: color .1s;
}


.banner-noticias {
	margin: 8% 0 3% 0;
	width: 95%;
}

.column-noticias-principal {
	max-width: none;
	margin: 3% 0;
}

.column-noticias {
	max-width: none;
	margin: 0 0 8% 0;
}

.efect-noticias {
	text-decoration: none !important;
	color: gray !important;
}

.zoomin-noticias {
	transition: all 0.3s !important;
	cursor: pointer !important;

}

.zoomin-noticias:hover {
	transform: scale(1.04);
}

.column-artigos {
	margin: 0 0 2% 0;
}

.banner-artigos {
	margin: 0% 0 3% 0;

}

@media (max-width:500px) {
	.align-artigos-secundarios {
		flex-direction: column;
	}
}


@media(max-width: 900px) {
	.align-noticias {
		flex-direction: column;
	}

	.align-artigos-secundarios {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.align-artigos-terciarios {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.artigos-width {
		max-width: none;
	}

}

@media(max-width: 1100px) {
	.align-artigos {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
}

/* Tooltip CSS */

.tooltip-coming {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
	/* If you want dots under the hoverable text */
}


/* Tooltip text */
.tooltip-coming .tooltip-text-coming {
	visibility: hidden;
	width: 120px;
	background-color: #00ff1e;
	color: #020202 !important;
	border: 1px solid #181818;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	margin-left: 10px;

	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-coming:hover .tooltip-text-coming {
	visibility: visible;
}

/* .popover, .popover-body {
	background: black;
	color: #00ff1e;
} */

.bs-popover-bottom>.arrow::after {
	border-bottom-color: black;
}

#invite-link {
	color: #ba0000;
	display: inline-block;
	display: table;
}

/* --------------------------------- */
/* ------------- CURSO ------------- */
/* --------------------------------- */

/* sidebar cursos trilha */
.space {
	margin: 1% auto;
}

.zoom-certificate-card {
	transition: all 0.2s;
}

.zoom-certificate-card:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.spacebetween {
	margin: 0.5% auto;
	width: 32%;
	transition: all 0.2s;
}

.spacebetween:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.videos-sidebar {
	padding-top: 1rem;
	padding-bottom: 1rem;
	width: 300px;
	background-color: white;
	/* padding-bottom: 2%; */
}

.search-bar {
	display: flex;
	border-top: 1px solid #e9edf1;
	border-bottom: 1px solid #e9edf1;
	margin: 0;
	padding: 18px 25px;
	min-height: 74px;
}

.search-bar-btn {
	border: none;
	background: #fff;
	margin-right: 31px;
	padding: 0;
}

.search-bar-icon {
	width: 16px;
	height: 16px;
	display: block;
}

.search-bar-input {
	flex-grow: 1;
	border: none;
	font-size: 12px;
	background: #efefef;
	line-height: 34px;
	width: 100%;
	border-radius: 0.25rem;
	padding: 0.25rem 1rem;
}

.fixed-w300 {
	-ms-flex: 0 0 300px;
	flex: 0 0 300px;
}

@media (max-width: 960px) {
	.w-md-100 {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
	}
}

@media (max-width: 1200px) {
	.w-xl-100 {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
	}
}


/* CURSO */

.text-of-course {
	margin-bottom: 3% !important;
	margin-top: 3% !important;
}

.text-of-course h1 {
	margin-bottom: 1.5% !important;
}

.text-of-course p {
	word-spacing: 3px;
	/* line-height: 26px;
	font-size: 0.9em; */
}


.transformation-fluid div {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: 0.5rem;
}

.transformation-fluid div .previous {
	/* margin-left: 1.5rem; */
	display: flex;
	align-items: center;
	cursor: pointer;
}

.transformation-fluid div .previous:hover {
	color: red;
}

.transformation-fluid div .next {
	/* margin-right: 1.5rem; */
	display: flex;
	align-items: center;
	cursor: pointer;
}

.transformation-fluid div .next:hover {
	color: green;

}

.distanciamento {
	margin-top: 4% !important;
}

.distanciamento .has_concluded {
	padding: 10px;
	border-radius: 6px;
	border-color: #AAA;
	border-width: 0.4px !important;
	border-style: solid;
	cursor: pointer;
}

.distanciamento .has_concluded:hover,
.distanciamento .concluded {
	background-color: #00fd1eb7;
	border-color: transparent;
	color: white;
}

.distanciamento .avaliacao {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
}

.description-courses {
	flex-direction: column;
}

.description-text {
	max-width: 80%;
	text-align: center;
}

.course-bullseye {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.card-course {
	transition: transform 0.3s;
}

.card-course:hover {
	transition: transform 0.3s;
	transform: scale(1.05);
}

@media (max-width:500px) {
	.description-text {
		max-width: none;
	}
}

.shadow-box {
	box-shadow: 2px 3px 6px #0000004f;
}


.sidebar-course-toggle {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

#main {
	transition: margin-left .5s;
}


/**************** Page painel/explorar-ativos.php*******************/


@keyframes up_down {

	0%,
	100% {
		transform: translateY(50%);
	}

	50% {
		transform: translateY(0%);
	}
}

.arrow-load {
	animation: up_down 1.5s linear infinite;
}

.card-asset {
	width: 230px;
	height: 200px;
	padding: 0.5rem;
}

div.assets-grid {
	margin-right: -0.5rem;
	margin-left: -0.5rem;
}


.box-logo-asset {
	max-width: 250px;
	max-height: 75px;
	margin: 0 auto;
	padding: 10px;
	position: relative;
}

.logo-asset {
	max-width: 100%;
	max-height: 100%;
	margin-top: 10px;
}



/*
tests overlay
.overlay-darken::before {
	//position: fixed; Sit on top of the page content
	content: "";
	object-fit: cover;
	opacity: 0.9;
	background-color: yellow !important;
	z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #eaee44, #33d0ff);
    opacity: .7;
}

#ranking-client > div > div.col-7 > *:not(.overlay-darken::before){
	z-index: 20;
}
*/


/* Form Group floating validate */

/*.was-validated .form-floating:has(.form-control:invalid) ~ .invalid-feedback {
    display: block;
}

.was-validated .form-floating:has(.form-control:valid) ~ .valid-feedback {
    display: block;
}*/

/* REAL3 Challenge, Teams, Dashboards and new features */

.img-avatar-user-team {
	height: 2.5rem;
	width: 2.5rem;
	object-fit: cover;
}

.img-team-profile {
	height: 12rem;
	width: 12rem;
	object-fit: cover;
}

.img-avatar-ranking {
	height: 50px;
	width: 50px;
	object-fit: cover;
	/* Fallback for missing images */
	background-color: #f8f9fa;
	border: 2px solid #dee2e6;
	position: relative;
}

/* Fallback for broken images */
.img-avatar-ranking::before {
	content: "👤";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	color: #6c757d;
	display: none;
}

.img-avatar-ranking.img-error::before {
	display: block;
}

.img-avatar-ranking.img-error {
	background-color: #f8f9fa;
	border: 2px solid #dee2e6;
}

.avatar {
	display: inline-flex;
	height: 2rem;
	width: 2rem;
	border-radius: 50%;
	position: relative;
	align-items: center;
	justify-content: center;
}

.avatar .avatar-img {
	border-radius: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	height: 2rem;
	width: auto;
}

.table-members-team-challenge *,
.table-invites-team-challenge * {
	padding: 0 !important;
	vertical-align: middle !important;
}

.cursor-pointer {
	cursor: pointer !important;
}

.cursor-not-allowed {
	cursor: not-allowed !important;
}

.cursor-none {
	cursor: none !important;
}

.cursor-default {
	cursor: default !important;
}

/* web stories */
.fix-width-web-stories {
	-ms-flex: 0 0 430px;
	flex: 0 0 430px;
}

/* @media (max-width: 690px) {
	.fix-width-web-stories {
    display: none;
  }
} */


.btn-close-modal {
	cursor: pointer;
	position: absolute;
	top: -5px;
	right: -5px;
}


/* ----------------------------------------------------------- */
/* -------------------EDUCACIONAL----------------------------- */
/* -------------------EDUCATIONAL----------------------------- */
/* ----------------------------------------------------------- */

.position-relative {
	position: relative !important;
}

.start-50 {
	left: 50% !important;
}

.top-50 {
	top: 50% !important;
}

.position-absolute {
	position: absolute !important;
}

/* Horizontal Line Dividers */
.divider-line {
	position: relative;
	height: 1px;
}

.div-transparent:before {
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(48, 49, 51), transparent);
}


.div-arrow-down:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -7px;
	left: calc(50% - 7px);
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background-color: white;
	border-bottom: 1px solid rgb(48, 49, 51);
	border-right: 1px solid rgb(48, 49, 51);
}

.div-tab-down:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: calc(50% - 10px);
	width: 20px;
	height: 14px;
	background-color: white;
	border-bottom: 1px solid rgb(48, 49, 51);
	border-left: 1px solid rgb(48, 49, 51);
	border-right: 1px solid rgb(48, 49, 51);
	border-radius: 0 0 8px 8px;
}

.div-stopper:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -6px;
	left: calc(50% - 7px);
	width: 14px;
	height: 12px;
	background-color: white;
	border-left: 1px solid rgb(48, 49, 51);
	border-right: 1px solid rgb(48, 49, 51);
}

.div-dot:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -9px;
	left: calc(50% - 9px);
	width: 18px;
	height: 18px;
	background-color: goldenrod;
	border: 1px solid rgb(48, 49, 51);
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px white,
		0 0 0 4px white;
}

/* hr fix show - overwrite bootstrap 5.0.2 style because reboot was hiding this line */
hr {
	box-sizing: content-box !important;
	height: 0 !important;
	overflow: visible !important;
	opacity: .25;
	color: #858796;
	background-color: #FFF;
}

/* -- Animated hr divider -- */

.divider-progress {
	background: rgba(1, 15, 30, 0.1);
	height: 1px;
	overflow: hidden;
	position: relative;
}

.divider-progress::before {
	animation-duration: 2s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-name: progress;
	background: #111;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	width: 80px;
}

@keyframes progress {
	0% {
		transform: translateX(0px);
	}

	100% {
		transform: translateX(1440px);
	}
}


/* cancel divider styles css from bootstrap 5 */
hr.sidebar-divider:not([size]) {
	height: inherit;
}

/* divider gradient */

.gradient {
	height: 20px;
	position: relative;
	width: 100%;
	background: radial-gradient(ellipse farthest-side at top center, rgba(0, 0, 0, 0.08), transparent);
}

.gradient:before {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	right: 0;
	left: 0;
	height: 3px;
	background: linear-gradient(left, transparent, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02), transparent);
}


/* divider shadow */

.divider-shadow:first-child {
	margin-top: 25px;
}

.divider-shadow {
	text-align: center;
	padding: 30px 0;
	margin: 0 30%;
	box-shadow: 0 1em 1em -1em rgba(0, 0, 0, .25);
}


/* cancel divider styles css from bootstrap 5 */
hr.sidebar-divider:not([size]) {
	height: inherit;
}



.bg-purple-real-grana:hover {
	background-color: var(--purple-color-real-grana) !important;
	opacity: 0.8 !important;
	color: white !important;
}

.accordion-button.accordion-class-content-button:not(.collapsed) {
	color: #212121;
	background-color: #7029cf55;
	box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}


.accordion-class-content .accordion-button:after {
	content: none;
}

.accordion-class-content .accordion-button:focus {}

.accordion-button::before {
	/* margin-left: 10px; */
	margin-right: 8px;
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	content: "";
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAc0lEQVR4nO2UMQqAMAxF3/Gsg3j/wULVQS8Rl05FpGATpeTBX/MgCR+cnzMDJ3AAk6V4ByRnsxRLERerIb5qK6SbVY9AvBn8NhEIT+KkIK1quPSVOACLgnQBBhrQz1fX4mIzxG9sRSzKwYwArDlNGslBiwtYs6fhOILl9QAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform .2s ease-in-out;
}

.accordion-button:not(.collapsed)::before {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAQElEQVR4nO3RQQoAEAAF0Tke7r+m5B6sbGVBKfPqr2fxQZKkTQkoQD+8AsRVuF6IzrUnwxHIF6IZCLt/S5I+NwDHN1vXMmzw6wAAAABJRU5ErkJggg==");
	transform: rotate(-180deg);
}

.accordion-class-content .accordion-body {
	padding: 0;

}

.accordion-class-content .list-group-item {
	color: #222222;
	background-color: #00000006;
	border-radius: 0 !important;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.085);
	padding-left: 44px;

}

.accordion-class-content .list-group-item:hover {
	background-color: #00000016;

}


.jorney-description-video {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* user tour - shepherjs */

div.test-shepherd-step-highlight {
	display: block;
	height: 100px;
	position: absolute;
	width: 200px;
}

.shepherd-footer {
	align-items: center;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	display: flex;
	justify-content: space-between;
	padding: 0 0.75rem 0.75rem;
}

.shepherd-footer .shepherd-button:last-child {
	margin-right: 0;
}

.shepherd-footer .shepherd-progress {
	font-size: 0.8rem;
}


button.no-focus:focus,
button.no-focus:focus-visible {
	outline: 0;
	box-shadow: none;
}

.btn-group-sm>.btn,
.btn-extra-sm {
	margin: 0;
	--bs-btn-padding-y: 0rem;
	--bs-btn-padding-x: 0.4rem;
	--bs-btn-font-size: 0.7rem;
	--bs-btn-border-radius: 0.25rem;
}


/* ------------------------------------ */
/* modifications and fixes of bootstrap */
/* ---------------------------------- */

.modal-fullscreen {
	width: 100vw;
	max-width: none;
	height: 100%;
	margin: 0;
}

/* ------------------------------------ */
/*               others                */
/* ---------------------------------- */


.responsive-youtube-embed-video,
.iframe-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
}

.iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* bottons form the respost open */
.centered-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
}

.img-profile {
	height: 150px;
	width: 150px;
	object-fit: cover;
}

.badge-soon-sidebar {
	color: #0A169A !important;
	text-shadow: 0 !important;
}

.nav-link .badge-soon-sidebar {
	color: #020220 !important;
	background-color: var(--color-icons-sidebar) !important;
	text-shadow: 0 !important;
}


.nav-link:hover .badge-soon-sidebar {
	color: var(--color-icons-sidebar) !important;
	background-color: #020220 !important;
	text-shadow: 0 !important;
}

.sidebar.switch-professor-sidebar.toggled,
.sidebar.switch-professor-sidebar {
	top: calc(100% - 110px);
	text-align: center;
}

.sidebar.switch-professor-sidebar.toggled h6 a {
	display: block;
	text-align: center;
}

@media (min-width: 768px) {
	.sidebar.switch-professor-sidebar:not(.toggled) {
		top: calc(100% - 75px);
	}

	.sidebar.switch-professor-sidebar:not(.toggled) span {
		top: calc(100% - 75px);
		margin-left: 28px;
	}
}

.shadow-float-rounded {
	border-radius: 10px;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

/* button calculadora moedas brasileiras */
.hover-button-transparency:hover {
	opacity: 80%;
	border: #020202;
}


/* ------------------------------------ */
/*             end others              */
/* ---------------------------------- */





/* ------------------------------------ */
/*            boostrap fix             */
/* ---------------------------------- */

/*.form-control.has-validation {
	border-top-right-radius: 0.35rem !important;
    border-bottom-right-radius: 0.35rem !important;
}*/



/*---------- star rating ----------*/

.star-rating {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3em;
	cursor: pointer;
}

.back-stars {
	display: flex;
	color: #767676;
	position: relative;
	text-shadow: 4px 4px 10px #4b4b4b;
}



.front-stars {
	display: flex;
	color: #FFBC0B;
	overflow-x: hidden;
	position: absolute;
	text-shadow: 2px 2px 5px #d29b09;
	top: 0;
	transition: all .5s;
	padding-bottom: 5px;
}

/*---------- end star rating ----------*/



/*---------- star rating ----------*/


.custom-card-renda-fixa {
	background-color: #f8f9fa;
	border: 2px solid #a524b6;
	border-radius: 10px;
	padding: 20px;
	/* margin-top: 20px; */
}

.custom-title {
	color: #67cc66;
}

/* calculadora de juros */
.result-card {
	border: 2px solid #28A745;
	border-radius: 10px;
	margin-top: 20px;
}

.result-card-header {
	background-color: #28A745;
	color: white;
	font-weight: bold;
}

.result-card-body {
	padding: 15px;
}

.chart-container {
	display: none;
}

.result-calculos {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.result-calculos-header {
	background-color: #007bff;
	color: #fff;
	font-weight: bold;
}

.result-calculos-body {
	padding: 15px;
	font-size: 16px;
}






/* NEW */

.card {
	box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15);
}

.mendel-store-nav-link:not(active),
.mendel-store-nav-link:not(active):hover {
	color: white;
}


/* Custom button radion in dashboard-banco.php */

label.radio {
	cursor: pointer;
}

label.radio input {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	pointer-events: none;
}

label.radio span {
	padding: 7px 14px;
	border: 2px solid var(--card-title-bg-color);
	display: inline-block;
	color: var(--card-title-bg-color);
	border-radius: 3px;
	text-transform: uppercase;
}

label.radio input:checked+span {
	color: var(--card-title-bg-color)#8f37aa;
	background-color: var(--card-title-bg-color);
	color: #fff;
}

/* EQI */

.button-eqi {
	background-color: #ED8E53;
	text-align: center !important;
	width: 250px !important;
	margin-right: auto;
	margin-left: auto;
}

.button-eqi:hover {
	background-color: #e26416 !important;
}

.color-eqi {
	color: #ED8E53;
}




/* GHEMT */

/* NEW */

/* .card {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15);
} */


/* SWEET ALERT */

.swal-z-index {
	z-index: 100;
}

div:where(.swal2-container) button:where(.swal2-close):focus-visible {
	box-shadow: none !important;
}

.modal-body.modal-iframe {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
}


.modal-body iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*
bootstrap-buttons-15
https://colorlib.com/wp/template/bootstrap-buttons-15/
https://preview.colorlib.com/theme/bb/bootstrap-buttons-15/
*/
.btn.btn-tertiary {
	color: #fff;
	background: #48da79;
	border-color: #48da79;
	-webkit-box-shadow: 3px 5px 0px 0px #33d669;
	-moz-box-shadow: 3px 5px 0px 0px #33d669;
	box-shadow: 3px 5px 0px 0px #33d669;
}

.btn.btn-tertiary:hover,
.btn.btn-tertiary:focus {
	border-color: #28c75d !important;
	background: #28c75d !important;
}

.btn.btn-tertiary.btn-link {
	color: #48da79;
	background: transparent;
}

.btn.btn-outline-tertiary {
	background: #fff;
	color: #48da79;
	border-color: #48da79;
	-webkit-box-shadow: 3px 5px 0px 0px #72e398;
	-moz-box-shadow: 3px 5px 0px 0px #72e398;
	box-shadow: 3px 5px 0px 0px #72e398;
}

.btn.btn-outline-tertiary:hover,
.btn.btn-outline-tertiary:focus {
	color: #fff;
	background: #48da79;
}

/* ----------------------------------------------------- */

.inicial h1 {
	font-size: 1.55rem;
	font-weight: 900;
}


/* Custom styles */

/*
.header {
  background-color:var(--card-title-bg-color) !important;
  color: white;
  padding: 1rem 0;
}

.footer {
  background-color: #343a40;
  color: white;
  padding: 1rem 0;
}

.table-hover tbody tr:hover {
  background-color: #f1f3f5;
}
*/

.simulator-card {
	background-color: #ffffff;
	padding: 2rem;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


.buttom-flex {
	display: flex;
	justify-content: space-between;
	/* Alinha os botões */
	gap: 10px;
	/* Adiciona uma distância entre os botões */
}


/* calculator hp12c */
.hp12c-container {
	font-family: Arial, sans-serif;
	background-color: #f4f4f4;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	width: 350px;
	text-align: center;
	margin: 0 auto;
}

.hp12c-container h1 {
	margin: 0 0 10px;
	font-size: 24px;
	color: #333;
}

.hp12c-container p {
	font-size: 14px;
	color: #666;
	margin: 10px 0;
}

.hp12c-container ul {
	text-align: left;
	margin-bottom: 20px;
}

.hp12c-calculator {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#hp12c-display {
	width: 100%;
	height: 50px;
	background: #333;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	margin-bottom: 10px;
	border-radius: 4px;
}

.hp12c-buttons {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.hp12c-buttons button {
	background: #007bff;
	color: #fff;
	border: none;
	padding: 10px;
	font-size: 16px;
	border-radius: 4px;
	cursor: pointer;
	transition: background 0.3s;
}

.hp12c-buttons button:hover {
	background: #0056b3;
}

#hp12c-input {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	margin-top: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}


/* ----------- NEW BADGES END ------------ */
.badge-investments {
	font-family: Proxima;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.badge-investments-primary {
	background-color: rgba(78, 34, 208, 0.1);
	color: #4e22d0;
}

.badge-investments-secondary {
	background-color: rgba(255, 120, 0, 0.1);
	color: #ff7800;
}

/* Size modifications */
.badge-investments-m {
	font-size: 13px;
	padding: 8px 16px;
}

.badge-investments-s {
	font-size: 11px;
	padding: 5px 12px;
}

.badge-investments-xs {
	font-size: 11px;
	padding: 3px 8px;
}

/* Tag */

.badge-investments-pill {
	background-color: #e9e8f3;
	/* color: rgba(38, 28, 106, 0.7); */
	padding: 10px 16px;

	&:is(:hover, :focus) {
		background-color: #514988 !important;
		color: #fff;
	}

	/* &:focus {
		background-color: #514988 !important;
		color: #fff;
	} */
}

/* .badge-investments-pill:hover,
.badge-investments-pill:focus {
	background-color: #514988 !important;
	color: #fff;
} */

/* ----------- NEW BADGES END ------------ */


.orientation-blocker {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 1.5rem;
	z-index: 1050;
	/* Para ficar acima do modal */
}

/* Necessário para posicionar o bloqueador na div correta */
.tab-pane#content-calculadora-h12c-simulada {
	position: relative;
}

.toast {
	position: fixed !important;
	z-index: 1050;
}


/* ----------------------------------- */
/* Smartphone bottom navigation bar */
/* ----------------------------------- */

@media screen and not (min-width: 768px) {

	.scroll-to-top,
	footer {
		margin-bottom: 63px;
	}

	#switch-professor-sidebar {
		display: none;
	}
}

.bottom-bar-nav .nav-item {
	/* margin: auto; */
}

.bottom-bar-nav .nav-item .nav-link {
	color: inherit;
	text-align: center;
	padding: 0.5rem 0.25rem;
}

.bottom-bar-nav .nav-item .nav-link span {
	margin-top: 0.2rem;
	font-size: 0.8rem;
	display: block;
}

.bottom-bar-nav ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.bottom-bar-nav li {
	display: inline;
	list-style-type: none;
	width: 100%;
}

.bottom-bar-nav .nav-item.active .nav-link {
	/* font-weight: 700 !important; */
	/* color: var(--color-active-hover-sidebar) !important; */
	color: var(--sidebar-bg-color) !important;
	text-shadow: none !important;
}

/* .bottom-bar-nav .nav-item.active:before {
    content: "";
    position: absolute;
    top: 0;
    width: inherit;
    height: 4px;
    background-color: #7f4ecc;
    border-radius: 12px;
} */


.card-input-element {
	display: none;
}

.card-input {
	padding: auto;
	margin: auto;
	width: 180px;
	height: 180px;
	transition: all 0.3s;
}

.card-input.card-input-lg {
	width: 200px;
	height: 200px;
}

.card-input:hover {
	cursor: pointer;
	transform: scale(1.05);
	transition: all 0.3s;
}

.card-input-element:checked+.card-input {
	box-shadow: 0 0 1px 1px #2ecc71;
}

/* curso */
a.class-lesson {
	padding-left: 10px;
	display: block !important;
}

a.class-lesson.active {
	background-color: #8611ff !important;
	/* #2ecc71 #82778c  */
	padding-top: 2px !important;
	border-radius: 10px;
	color: #fff !important;
}

a.class-lesson.active:has(p.text-verde) {
	background-color: #46008e !important;
}

a.class-lesson.active:has(p.text-verde) p {
	color: #b0ffc8 !important;
}


/* Profile overlay and button to change image of team in challenge */

.profile-wrapper {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
	/* cursor: pointer; */
}

.img-team-profile {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	transition: 0.3s ease-in-out;
	display: block;
}

.profile-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	font-size: 20px;
	opacity: 0;
	transition: opacity 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.profile-wrapper:hover .profile-overlay {
	opacity: 1;
}

.edit-icon-profile-image {
	position: absolute;
	bottom: -2px;
	right: -2px;
	background-color: white;
	border: 2px solid #ccc;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.edit-icon-profile-image:hover {
	background-color: black;
	border: 2px solid #333;
}

.edit-icon-profile-image i {
	font-size: 16px;
	color: #333;
	padding-left: 2.5px;
}

.edit-icon-profile-image i:hover,
.edit-icon-profile-image:hover i {
	color: #eee;
}

.custom-toast {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: white;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	display: flex;
	align-items: center;
	padding: 16px;
	min-width: 320px;
	max-width: 400px;
	z-index: 1060;
	transform: translateX(100%);
	opacity: 0;
	transition: all 0.3s ease;
	border-left: 4px solid;
}

.custom-toast.show {
	transform: translateX(0);
	opacity: 1;
}

.custom-toast-success {
	border-left-color: #28a745;
}

.custom-toast-error {
	border-left-color: #dc3545;
}

.custom-toast-info {
	border-left-color: #17a2b8;
}

.custom-toast-warning {
	border-left-color: #ffc107;
}

.custom-toast-icon {
	flex-shrink: 0;
	margin-right: 12px;
	font-size: 20px;
}

.custom-toast-success .custom-toast-icon {
	color: #28a745;
}

.custom-toast-error .custom-toast-icon {
	color: #dc3545;
}

.custom-toast-info .custom-toast-icon {
	color: #17a2b8;
}

.custom-toast-warning .custom-toast-icon {
	color: #ffc107;
}

.custom-toast-content {
	flex: 1;
}

.custom-toast-title {
	font-weight: 600;
	font-size: 14px;
	color: #333;
	margin-bottom: 4px;
}

.custom-toast-message {
	font-size: 13px;
	color: #666;
	margin: 0;
}

.custom-toast-close {
	background: none;
	border: none;
	color: #999;
	cursor: pointer;
	padding: 4px;
	margin-left: 8px;
	border-radius: 4px;
	transition: background-color 0.2s ease;
}

.custom-toast-close:hover {
	background-color: #f5f5f5;
	color: #666;
}

.custom-toast-close i {
	font-size: 12px;
}

/* Responsividade para dispositivos móveis */
@media (max-width: 768px) {
	.custom-toast {
		left: 20px;
		right: 20px;
		bottom: 20px;
		min-width: auto;
		max-width: none;
		width: auto;
	}
}

/* Card Class Module Hover Effects */
.card-class-module {
	transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.card-class-module:hover {
	transform: translateY(-4px);
}

.card-class-module .card-body.shadow-box {
	transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.card-class-module:hover .card-body.shadow-box {
	box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.35) !important;
}

/* Botões de Navegação Padrão (Voltar para Aula / Voltar para Trilha) */
.btn-nav-back {
	background-color: var(--sidebar-bg-color, #7029cf) !important;
	color: #ffffff !important;
	border: 1px solid transparent !important;
	font-weight: 500;
	font-size: 0.9rem;
	padding: 0.375rem 0.75rem;
	border-radius: 0.35rem;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none !important;
	transition: all 0.2s ease-in-out;
}

.btn-nav-back i {
	color: var(--color-icons-sidebar, #31ef1f) !important;
	font-size: 0.95rem;
	transition: color 0.2s ease-in-out;
}

.btn-nav-back:hover {
	background-color: var(--sidebar-bg-color, #7029cf) !important;
	color: var(--color-active-hover-sidebar, #31ef1f) !important;
	filter: brightness(1.1);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	text-decoration: none !important;
}

.btn-nav-back:hover i {
	color: var(--color-active-hover-sidebar, #31ef1f) !important;
}