#nav_left {text-align: right;padding:1rem 0;}

@media (min-width: 768px) {
	#nav_left {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items:start;
		padding-right:15px;
		
	}
	#nav_left .nav-link:before {
		content: "Volver";
	}
	#nav_left  ul li a {border-radius: 7px;background:var(--bg-secundario);border: 0;color: #2f2f2f;padding: 0.3rem 1rem;border: 1px solid #7f7f7f;text-align:center;font-size:var(--font-size-body);text-transform:uppercase;}
	#nav_left ul li a:hover {background: #242c4f;color: #fff;}
	#nav_left a.nav-link:hover {background: #242c4f;color: #fff;}
	#nav_left .nav {display: block;padding: 0;margin: 0;}
	#nav_left .SagaMenu-listado {border: 0;background: 0;display: contents;}
	#nav_left .SagaMenu-listado li {display: inline-flex;margin-left: 0.4rem; margin-bottom: 0.5rem;}
	#nav_left > a, .btnSesiones button{
		        border-radius: 7px;
        background: var(--bg-secundario);
        border: 0;
        color: #2f2f2f;
        padding: 0.3rem 1rem;
        border: 1px solid #7f7f7f;
        text-align: center;
        font-size: var(--font-size-body);
		margin-left: 0.6rem;
		text-transform:uppercase;
		
	
	}
	.btnSesiones .dropdown-menu a {
			display: block;
			background: var(--bg-secundario);
			border: 0;
			color: #385074;
			padding: 0.4rem 1rem;
			border-bottom: 1px solid #eee;
			text-align: center;
			font-size: var(--font-size-body);
			box-shadow: 0.43rem 0.42rem 0.44rem -0.25rem rgba(0, 0, 0, 0.23);
			text-transform:uppercase;
		}
		a.dropdown-item:hover {
			background: #eee;
		}
	
	
}

@media (max-width: 767px) {
	#nav_left {
		display: block;
        gap: 1rem;
        justify-content: end;
		align-items: center;
		background:var(--bg-institucional) !important;
		padding:0.5rem;
		height: 2.6rem;
		
	}
	#nav_left ul li {
		background: var(--bg-secundario);
		border: 0;
		border-radius: 7px;
		color: #2f2f2f;
		padding: 0.41rem 1rem;
		border: 1px solid #7f7f7f;
		text-align: center;
		font-size: var(--font-size-body);
		margin-left: 0.5rem;
		line-height: 0.9rem;
		margin-top: -2px;
		min-width: 4.4rem;
		height:1.8rem;
	}

	#nav_left ul li a {color:var(--color-institucional);}
	#nav_left .nav {display: inline-block;overflow: hidden; width: 100%;} 
	#nav_left .nav-item{overflow:scroll; scrollbar-width: none;}
	#nav_left .SagaMenu-listado { display: -webkit-box; padding:0.1rem 0 0 0; margin:0;}
	#nav_left .dropdown-menu.show {border-radius: 0;}
	#nav_left .nav-link:before {
	font-family:"Font Awesome 6 Free";
    content:"\f060";
	color:#333;
	}
	
	#nav_left a.nav-link {
		padding: 0 !important;
		background: none !important;
		border: 0 !important;
		font-size: 1.3rem !important;
		min-width: 1rem !important;
		display: grid
			;
		align-items: center;
		position: absolute;
		top:2rem;
		z-index: 9999;
    }
	.list-group-item+.list-group-item.active {
    	background: #6aaae4 !important;
	}
	.list-group-item+.list-group-item.active a {
		color:#fff!important;
	}
	.list-group-item.active{background:#6aaae4!important}
	.list-group-item.active a{ background:none!important; border:0!important;}
	#nav_left > a, .btnSesiones button{
		background: var(--bg-secundario);
		border: 0;
		border-radius: 7px;
		color: #2f2f2f;
		padding: 0.41rem 1rem;
		border: 1px solid #7f7f7f;
		text-align: center;
		font-size: var(--font-size-body);
		margin-left: 0.5rem;
		line-height: 0.9rem;
		margin-top: -2px;
		min-width: 4.4rem;
		height:1.8rem;
	}
	.dropdown.btnSesiones{
		 overflow:scroll;
		 scrollbar-width: none;
	}
	.dropdown.btnSesiones .dropdown-menu {
		position: relative;
		top: 0;
		display: -webkit-box;
		background: none;
		border: 0;
        padding: 0px;
	}
	.dropdown.btnSesiones .dropdown-toggle{
		display:none;
	}
	.dropdown.btnSesiones  a {
		display: inline;
		        background: var(--bg-secundario);
        border: 0;
        border-radius: 7px;
        color: #2f2f2f;
        padding: 0.2rem 1rem;
        border: 1px solid #7f7f7f;
        text-align: center;
        font-size: var(--font-size-body);
        margin-left: 0.5rem;
        line-height: 0.9rem;
        margin-top: -2px;
        min-width: 4.4rem;
        height: 1.8rem;
    }
	
}