Barra Primaria Lateral Izquierda  Colores y Estilos


 Estilo General



 

Color Background

/*** BARRA LATERAL IZQUIERDA: color background 
lateral izquierdo ***/
.skin-blue .wrapper, .skin-blue .main-sidebar, 
.skin-blue .left-side {
    background-color: #5a6e82!important;
}
        

Color Texto e Iconos Opciones (1er Nivel)

    .skin-blue .sidebar a {
        color: #b8c7ce;
    }
            


 Posición Absoluta



 

Posición Absoluta de la Barra Lateral

/*  BARRA LATERAL IZQUIERDA 
    NUEVO ESTILO: posicion estatica */
    
aside.main-sidebar{
    overflow: auto;
    height: 100%;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex: 1;
    position: fixed;
}
                        


 Estilo Título que Agrupa Opciones



 

Color de Texto y Background

/*** BARRA LATERAL IZQUIERDA: color texto y background ***/
.skin-blue .sidebar-menu>li.header {
    color: #111111!important;
    background: #d2d6de!important;
    text-transform: uppercase;
    font-size: 11px;
}
    


 Estilo Opciones/Sub Opciones: Mouse sobre Opciones y Sub-Opciones



 

Color Texto, Iconos, Background y Borde izquierdo

/* BARRA LATERAL IZQUIERDA: color background cuando 
se escoge una opcion */
.skin-blue .sidebar-menu>li:hover>a, 
.skin-blue .sidebar-menu>li.active>a {
    color: #fff!important;
    background: #357ca5!important;
    border-left-color: #80b5d3!important;
}
                    

Color Texto e Iconos Sub-Opciones (2er Nivel)

/* BARRA LATERAL IZQUIERDA: color sub-opciones 
del menu lateral izquierdo */
.skin-blue .treeview-menu>li>a {
    color: #7edede!important;
}
                    

Color Texto e Iconos Mouse sobre Opciones
y Sub-opciones

/* BARRA LATERAL IZQUIERDA: color cuando mouse sobre texto 
de opciones y sub opciones lateral */
.skin-blue .treeview-menu>li:hover>a {
    color: #fff!important;
}