/* ---- contenido de barra izquierda ---- */
#main-home-left {    
    padding-top:50px;
    background-color: #4f4e4c;        
    transition-duration: 0.4s;
    width:250px;      
    float:left;     
    height: 100%;
}

/* contenido izquierda en dispositivos con resoluci�n superior a celulares*/
@media only screen and (min-width: 768px) {
    #main-home-left.sm-active{
        transition-duration: 0.4s;
        width:0px;     
    }
}

/* contenido izquierda en dispositivos con resoluci�n de celulares*/
@media only screen and (max-width: 767px) {
    #main-home-left.sm-active{
        transition-duration: 0.4s;
        width:0px;             
        border:none !important;
        box-shadow: none !important;
    } 
}

/* contenido izquierda en dispositivos con resoluci�n superior a tablets*/    
@media only screen and (min-width: 1025px) {    
    #main-home-left{
        position: absolute;
        z-index: 3;
        border-right: solid 1px #555;
        box-shadow: -1px 0 0 0 #2f2f2f inset, -2px 0 0 0 #555 inset;
    }
}


/* contenido izquierda en dispositivos con resoluci�n de tablets e inferiores*/   
@media only screen and (max-width: 1024px) {    
    #main-home-left{
        position: absolute;
        z-index: 4; 
        border-right: solid 1px #373737;
        box-shadow: 0 4px 4px 0 #000000; 
    }
}

/* ---- estilos aplicacbles a todos los menus del sidebar izquierdo ---- */

#main-home-left .mCSB_scrollTools{top:50px!important;}	

/*estilos aplicables a todos los links dentro del sidebar*/
#main-home-left  a{
    font-size: 16px;
    color:#dadada;
	text-decoration: none;
	display:block;
}

#main-home-left  a:hover{
	color:#fafafa;
	text-decoration: none;
}

/* cuerpo del menu */

#main-home-left  .list-menu{
    margin-right: 2px !important;
    width: 247px;
    min-width:247px;
}

@media (max-width:1024px) {
	#main-home-left  .list-menu{
		width: 249px;
    	min-with:249px;
    }
}

#main-home-left  .list-menu > div > a{
	border-bottom: none;
    background-color: #292c2f/*#3C3D40;*/
}

#main-home-left .list-menu:first-child{
	margin: 0px 0px 0px;
}

#main-home-left .list-menu{
	margin: 0px;
}

#main-home-left .list-menu.closed:first-child{
	margin: 0px 0px 5px;
}

#main-home-left .list-menu.closed{
	margin: 0px 0px 5px;	
}

#main-home-left.sm-active .list-menu > div > a > i{
    display:none;
}

/* cabecera del menu*/
#main-home-left  .list-header{
	padding: 12px 6px;
    min-width: 247px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #464745;
    border-bottom: 1px solid #4e4e4e;
    border-top: 1px solid #4e4e4e;
    box-shadow: -1px 0px 0px 1px #373737;
    margin-bottom: 1px;
}

#main-home-left  .list-header  > i{	
    padding-right: 10px;
    padding-top: 2px; 
    font-size: 18px;  
}

#main-home-left  .list-header  > i:first-child{
	float: left; 
}

#main-home-left  .list-header > i:last-child{
	float: right;
}

/*cuerpo lista de elementos del menu*/
#main-home-left .item-list{
	box-shadow: 0px -1px 0px 1px #2F2F2F inset;
	padding: 1px 0;
	background-color:#4A4947;	
/*	border-bottom: 1px solid #4b4b4b;*/
	overflow:hidden;
	transition-duration: 0.5s;
	max-height: 1500px;
}

#main-home-left .list-menu:last-child .item-list{
/*	border-bottom: 1px solid #444;*/
    border-bottom: 1px solid #565656
}

#main-home-left .list-menu.closed:last-child .item-list{
	border-bottom: none;
}

#main-home-left .closed .item-list{
	max-height: 0px;
	padding: 0px;
	border-bottom: none;
	transition-duration: 0.3s;
}

/*elementos de la lista de elemntos del menu*/
#main-home-left .item-list > div > a{	
	background-color:#4A4947;
	padding: 6px 6px !important;
	font-size:14px;
    display: flex;
    align-items: center;
}

#main-home-left  .list-menu div > a,
#main-home-left  .list-menu > div {
	width: 100%;
}