.nav{

    min-height: 100vh;
    max-height: 100vh;
    min-width: 50px;
    max-width: 50px;
	background-color: var(--blanco);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-content: flex-start;

}

.navHover{


    transition: 1s;
    min-width: 180px;
    max-width: 180px;

}

.itemImage{

	margin-bottom: 60px;
    max-height: 60px !important;
    display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
	justify-content: center;

}

.bodyMenu{

    min-height: calc(100% - 180px);
    max-height: calc(100% - 180px);

}

.itemMenu{

	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: flex-start;
	justify-content: flex-start;
    width: 180px;
    height: 40px;

}

.itemMenu:hover{

	background-color: var(--backgroundmain);
	cursor: pointer;
	
}

.iconItem{

    padding: 5px;
    min-width: 55px;

}

.textItem{

	color: var(--texto);
	font-size: 18px;
	font-weight: bold;
    display: none;
}

.itemSession{

    display: flex;
	flex-direction: row;
	align-items: center;
	align-content: flex-start;
	justify-content: flex-start;
    width: 180px;
    height: 60px;

}

.itemSession:hover{

	background-color: var(--backgroundmain);
	cursor: pointer;
	
}

.maxContentTable{

    transition: 1s;
    min-width: calc(100vw - 420px) !important;
    max-width: calc(100vw - 420px) !important;

}

.maxBodyPage{

    transition: 1s;
    min-width: calc(100vw - 390px) !important;
    max-width: calc(100vw - 390px) !important;

}