@media (max-width: 991.98px) {

	/*--- INICIO SIDEBAR ---*/
	
	.sidebar:not(.sidebar-show) {
		display: none;
	}
	
	.button-sidebar {
		background-color: var(--c-blanco);
		z-index: 3;
		position: relative;
		width: 360px;
		transition: all 0.25s;
	}

	.button-sidebar.opened {
		border-bottom: 1px solid var(--c-gris-claro2);
		border-top: 1px solid var(--c-gris-claro2);
		padding-bottom: 15px;
		padding-top: 15px;
		height: 55px;
	}

	.button-sidebar button {
		padding: 15px 45px 15px 15px;
	}

	.button-sidebar.opened button {
		padding: 5px 45px 5px 45px; 
	}

	.button-sidebar button {
		display: block !important;
	}

	.button-sidebar button {
		font-family: Arial;
		font-size: 14px;
		letter-spacing: 0.25px;
		position: relative;
		margin-left: 15px;
		transition: all 0.25s;
	}

	.button-sidebar button[aria-expanded="false"] {
		border: 1px solid var(--c-gris-medio);
	}

	.button-sidebar button[aria-expanded="false"]::before {
		position: absolute;
		content: url("/system/modules/es.oepm.portal/resources/img/arrow-left.svg");
		filter: invert(35%) sepia(77%) saturate(495%) hue-rotate(175deg) brightness(95%) contrast(92%);
		transform: rotate(180deg);
		width: 24px;
		height: 24px;
		top: 10px;
		right: 9px;
	}

	.button-sidebar.opened button[aria-expanded="true"]::before {
		position: absolute;
		content: url("/system/modules/es.oepm.portal/resources/img/arrow-left.svg");
		filter: invert(35%) sepia(77%) saturate(495%) hue-rotate(175deg) brightness(95%) contrast(92%);
		width: 24px;
		height: 24px;
		top: 0;
		left: 9px;
	}

	.contenidopagina .sidebar.sidebar-show {
		max-width: none;
		width: 360px;
		background: var(--c-blanco);
		position: absolute;
		/*height: calc(100vh - 279.2px);*/
		overflow: hidden scroll;
		z-index: 3;
	}

	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav {
		padding-top: 30px;
		background: var(--c-blanco);
		margin-top: 0;
		position: absolute;
		z-index: 3;
		padding-right: 0;
		padding-left: 0;
		width: 100%;
		left: 0;
		height: 100%;
	}
	
	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav > ul {
		background: var(--c-blanco);
		margin-bottom: 0;
		padding-bottom: 20px;
	}

	.sidebar.sidebar-show .menuizq ul li:not(.primernivel) {
		width: 90%;
		margin-left: 15px;
	}
	
	.sidebar.sidebar-show .menuizq ul li.liTercerNivel  {
		margin-left: 0;
	}

	/* Sidebar abierta - lista interior */

	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav li.primernivel {
		padding-left: 15px;
		padding-right: 15px;
		height: 45px;
	} 
	
	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav li.card .card-header.formatoAcordeones[id^='encabezado'] {
		width: 100%;
		padding-bottom: 0 !important;
		display: flex;
		/*height: 50px;*/
	}
	
	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav li.card .card-header.formatoAcordeones[id^='encabezado'] a {
		padding-left: 42px;
		width: 275px;
	}
	
	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav .liTercerNivel > a {
		width: 275px;
	}
	
	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav li[data="sinHijos"] a {
		/*padding-left: 43px;*/
	}
	
	.card-header > div:nth-child(1) {
		position: relative;
		width: 100%;
		/*margin-top: 0.7rem !important;*/
	}
	
	.card-header > div:nth-child(1) button {
		position: absolute;
		right: 3px;
	}
	
	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav li.card [id^='id'] .card-body {
		padding-right: 0;
		/*width: 100%;*/
	}
	
	button.alineamientoIconoGrand{
	  align-items:center !important;
	}
	
	div.card-body .paddingListaDesordenada {/*LOS LI DE TERCER NIVEL*/
		padding-left: 2% !important;
	}
	
	.anchoMinimo {
	  min-width: auto !important;
	}
	
	.paddingListaDesordenada li.enElTercerNivel.rayaTercerNivel{
	   width:auto !important;
	}
	
	.menuizq li .primerNivel .paddingEnlacesPrimerNivel{
	  padding-left:10px !important;
	}
	
	
	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav li.card [id^='id'] .card-body ul li.liTercerNivel {
		width: 100% !important;
		position: relative;
	}
	
	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav li.card [id^='id'] .card-body ul li.liTercerNivel > .card-header.formatoAcordeones > div {
		width: auto !important;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav li.card [id^='id'] .card-body ul li.liTercerNivel div button.btn_desplegable {
		position: absolute;
		left: 0;
	}
	
	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav li.card [id^='id'] .card-body ul li.liTercerNivel .enElTercerNivel {
		border: none !important;
	}
	
	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav li.card [id^='id'] .card-body ul li.liTercerNivel > div {
		height: auto;
		width: 100% !important;
	}
	
	.sidebar.sidebar-show #menuizqAcordeon.responsive-nav li.card, .sidebar.sidebar-show #menuizqAcordeon.responsive-nav li[data="sinHijos"] {
		/*padding-left: 15px !important;*/
	}
	
	body.responsive .sidebar.sidebar-show #menuizqAcordeon.responsive-nav li.card.p-0.pt-2 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important;
		min-height: 55px;
		justify-content: center;
	}
	
	body.responsive .menuizq li[data="sinHijos"] {
		min-height: 55px;
		display: flex;
		align-items: center;
		padding-bottom: 0 !important;
		height: auto;
	}
	
	body.responsive .menuizq li[data="sinHijos"] > a {
		padding-top: 0;
	}

	body.responsive div.card-header.menuDesplegado:first-of-type {
		min-height: 55px;
	}
	
	body.responsive div ul .sinHijos {
		padding: 5px 0px !important;
	}
	
	/*--- FIN SIDEBAR ---*/
}

@media (min-width: 576px) and (max-width: 991.98px) {
		/* CUSTOM SCROLLBAR (CHROME AND SAFARI) */

	.sidebar.sidebar-show::-webkit-scrollbar {
		width: 7px;
	}
	
	.sidebar.sidebar-show::-webkit-scrollbar-track {
		background: var(--c-azul-mclaro);
		border-radius: 20px;
	}

	.sidebar.sidebar-show::-webkit-scrollbar-thumb {
		background: var(--c-azul-profundo); 
		border-radius: 20px;
	}
}

@media (max-width: 575.98px) {
	.sidebar.sidebar-show::-webkit-scrollbar {
		width: 4px;
	}
	
	.sidebar.sidebar-show::-webkit-scrollbar-track {
		background: var(--c-azul-mclaro);
		border-radius: 20px;
	}

	.sidebar.sidebar-show::-webkit-scrollbar-thumb {
		background: var(--c-azul-profundo); 
		border-radius: 20px;
	}
}