/* Sidebar de menú lateral */
	.tt-sidemenu

{
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 260px;
	background-color: #f8f9fa;
	border-right: 1px solid rgba(0,0,0,.1);
	transform: translateX(-100%);
	transition: transform .25s ease-in-out;
	z-index: 1040; /* un poco por encima del contenido */
	display: flex;
	flex-direction: column;
}

.tt-sidemenu-header {
	border-bottom: 1px solid rgba(0,0,0,.1);
	background-color: #e9ecef;
}

.tt-sidemenu-body {
	overflow-y: auto;
	flex: 1;
}

/* Overlay */
.tt-sidemenu-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.35);
	z-index: 1030;
}

/* Mostrar menú */
.tt-sidemenu-open .tt-sidemenu {
	transform: translateX(0);
}

.tt-sidemenu-open #sideMenuOverlay {
	display: block !important;
}

/* TreeView básico (después lo tuneamos más) */
.tt-treeview ul {
	list-style: none;
	padding-left: .75rem;
}

.tt-treeview a {
	text-decoration: none;
	color: #212529;
}

	.tt-treeview a:hover {
		text-decoration: underline;
	}