.fade-enter-active, .fade-leave-active {
	transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
	opacity: 0;
}

.left-mobile {
	position: fixed;
	bottom: 0;
	background: var(--Primary-850);
	z-index: 9999;
	left: 0;
	padding: 20px;
	color: var(--Neutral-white);
	border-radius: 20px 20px 0px 0px;
	display: flex;
	justify-content: space-between;

	width: -webkit-fill-available;
	width: -moz-available;	
}

.tela-cheia {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Primary-850);
	color: var(--Neutral-white);
	z-index: 9999;
}

.left-mobile .icons img {
	filter: brightness(80%);
}

.active-link-mobile {
	border-radius: 10px;
	background-color: var(--Blue-Accent-Opacity26);
	color: var(--Neutral-white) !important;
}

.active-link-mobile img {
	filter: brightness(100%) !important;
}

.disabled-link {
  pointer-events: none;
}

/* .disabled-link .icon, .text-block {
  opacity: 0.5;
  margin-right: 5px;
} */

.button-menu{
	background: none;
	border-style: none;
}

.header{
	border-bottom: 1px solid var(--Neutral-255-Opacity10);
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* align-self: stretch; */
	flex-direction: row-reverse;
	padding: 20px 0px;
	margin: 0px 20px;
}
.menu{
	padding: 20px;
    gap: 5px;
    display: grid;
}
.curso{
	padding: 20px;
    gap: 5px;
    display: grid
;
}
.button-close{
	background: none;
	border-style: none;
}

.img-aluno{
	border: 2px solid #f59e0c;
	border-radius: 50%;
}

.text{
	display: flex;
	flex-direction: column;
}
.h1-aluno{
	color: var(--Neutral-white);
	margin-bottom: 0px;
	font-family: var(--Fonte-principal);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}
.h1-menu{
	color: var(--Neutral-white);
	margin-bottom: 0px;
	font-family: var(--Fonte-principal);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}
.user{
	gap: 10px;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
.icon-menu{
	color: var(--Neutral-white);
	margin-bottom: 0px;
	font-family: var(--Fonte-principal);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	display: flex;
	padding: 4% 2px;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 10px;
}

.h1-nome{
	color: var(--Neutral-white);
	margin-bottom: 0px;
	font-family: var(--Fonte-principal);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
}
.img-close{
	width: 24px;
	height: 24px;
}
.icons{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
}
.icon{
	width: 24px;
	height: 24px;
}



@media (max-height: 950px) {
	.icon-menu{
		padding: 2.8%;

	}
}
@media (max-height: 780px) {
	.icon-menu{
		padding: 3% 15px;

	}
}
@media (max-height: 850px) {
	/* .tela-cheia{
		overflow-y: scroll;
	} */
}
@media (max-height: 600px) {
	.tela-cheia{
		overflow-y: scroll;
	}
}

@media (max-height: 768px) {

	.icon-menu-footer img{
		width: 24px;
	}
}