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; }