#header.header-inverse {

    /*color de fondo del header superior* color principal*/
    /*color del texto del header superior*/

    background: white;
    color: black;
}

#menubar.menubar-inverse:before,
.progress-bar-primary-dark /*barra de progrso del dashboard de estado de las ordenes*/,
.ui-widget-header /*header de creacion y/o edicion de formularios*/{

    /*color del fondo del menu vertical izquierdo* color principal/*/


    background-color: #92D050 !important;
}

.menubar-inverse .gui-icon {
    /*colores de los iconos del menu vertical izquierdo*/

    color: white;
}

.menubar-inverse .gui-icon:hover {
    /*colores de los iconos del menu vertical izquierdo cuando hay hover*/


    color: #fd9b0a !important;
}

.search-button,.label-primary{
    /*color del boton del finder*/
    /*color de los label del sistema*/


    background-color: #fd9b0a !important;
}

.menubar-inverse .gui-controls li.gui-folder > a .title,
.menubar-inverse .gui-controls li .title,
li.done span.icon{
    /*color del texto del menu vertical izquierdo*/
    /*color del icono del wizard cuando ya paso esa opcion, es decir estoy en el step 1 y pase al 2, esto aplicaria para el step 1*/


    color: white !important;
}

.menubar-pin .menubar-inverse .gui-folder:hover:not(.active) .gui-icon {
    /*color del icono en los elementos que tienen hijos cuando hay hover*/


    color: #fd9b0a !important;
}

.menubar-visible .menubar-inverse .gui-controls > li:not(.gui-folder) > a:hover,
.menubar-pin .menubar-inverse .gui-controls > li:not(.gui-folder) > a:hover{
    /*color del hover cuando el menu No esta estatico*/


    background-color: #fd9b0a; /*orange mas oscuro*/
}

.menubar-inverse .gui-controls > li ul > li > a:hover,
.menubar-inverse .gui-controls > li ul > li > a:focus,
.bg-primary{
    /*color de los link del menu al hacer focus y hover*/
    /*color de los botones del mapa*/

    background-color: #fd9b0a !important; /*orange mas oscuro*/
}

.menubar-pin .menubar-inverse .gui-controls > li.active:not(.gui-folder) > a,
.menubar-visible .menubar-inverse .gui-controls > li.active:not(.gui-folder) >a{
    /*color de los elementos del menu al estar seleccionados*/

    background-color:  #fd9b0a !important; /* orange mas oscuro*/
}

.menubar-inverse .gui-controls a.expanded .gui-icon, .menubar-inverse .gui-controls li.active .gui-icon, .menubar-inverse .gui-controls li.active .gui-icon:hover {
    /*color del icono del sub menu cuando se despliega su informacion*/


    color: #fd9b0a !important;
}

.left-menu .ludyorder-icon {
    /*color del titulo del menu izquero del mapa full*/
    background-color: black !important;
}



.ui-slider .ui-slider-handle{
    /*color principal*/
    /*linea deslizandte del scroll horizontal*/
    /*background: #499438 !important;*/
    /*color del filtro dinamico cuando esta activo y titulos*/

    background: #92D050 !important;
}


.style-primary,
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    /*color general principal de sistema*/

    border-color: #92D050 !important;
    background-color: #92D050 !important;
    color: white !important;
}

.text-primary,
.filter-ON,
.result-title,
li span.icon,
.form-builder-icon,
.list .tile > a:hover{
    /*colores principales de los textos en general*/
    /*icono de filtro dinamico*/
    /*color de iconos del wizard*/
    /*colores de los iconos de inputs en ludyforms*/
    /*hover dentro de las listas como en el finder con el amrcador del mapa*/
    color: #fd9b0a !important;
}

/********************************************* botones **********************************************/
.btn-primary,.bg-btn-primary {
    /*colores de los botones primarios, y los tag principales*/
    color: white !important;

    background-color: #92D050 !important;
    border-color: #92D050 !important /*orange mas oscuro*/
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
.focus-check:focus + span{
    /*color de los tab o pestañas (horizontales) principales*/
    border-bottom: 2px solid #00B240 !important;
    color: #fd9b0a !important;
}

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
    /*color de los tab o pestañas (verticales) principales*/
    border-bottom: none !important;
    border-right: 2px solid #00B240 !important;
    color: #fd9b0a !important;
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: #92D050 !important /* poquitico mas oscuro*/
}
.btn-primary:hover {
    background-color: #92D050 !important /* poquitico mas oscuro*/
}

.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {

    background-color: #92D050 !important /* poquitico mas oscuro*/  
}


/*label de los inputs*/
.form-group .form-control:focus ~ label{
    color: black !important;
    opacity: 0.5 !important;
}


.multiSelect-input .header-multiple /* color del select multiple*/{
    background-color: #92D050 !important;
}

.sort-group h3,
.title-with-line-bottom,
.text-secundary,
.job-type-title{
    /*colorees de los textos secundarios*/
    color: #fd9b0a !important;
}

.form-group .form-control ~ label:after, .form-group .form-control ~ .form-control-line:after {
    /*linea que aparece como borde inferior al hacer clic sobre algun input*/
    background-color: #92D050 !important;
}

.checkbox-styled:not(ie8) input:checked ~ span:before,
.form-wizard.form-wizard-horizontal .navli.active .step,
.form-wizard.form-wizard-horizontal .nav li:hover .step,
.form-wizard.form-wizard-horizontal .nav li.active .step,
.form-wizard.form-wizard-horizontal .nav li:hover .step,
.ui-widget-header /*color del borde del header de creacion de formularios*/{
    /*color de las flecas de los inputs tipo check*/
    /*colores de los step del wizard*/
    border-color: #92D050 !important;
}

.form-wizard.form-wizard-horizontal .nav li.done .step {
    /*colores de los step del wizard*/
    border-color: #92D050 !important;
    background-color: #92D050 !important;;
}

.progress-bar-wizard{
    /*color barra de progreso*/
    background-color: #92D050 !important;/*orange mas clarito*/
}

.focus-check:focus + span{
    /*color de la linea horizontal indicando el focus de confirmacion en ordenes manaules*/
    border-bottom: 2px solid #92D050;
}

.border-card{
    border-left: 3px solid #92D050 !important;
}


#splash{
    /*color de fondo de carga*/
    
   background-color: #92D050; /* POR RAZONES DE CARGA ESTE ELEMTNO DEBE COLOCARSE !IMPORTANT SI QUIERE QUE SEAN VISUALIZADOS*/
}

#splash .progressSplash{
    /*icono o imagen de carga de la aplicacion*/
      /*color de fondo de carga*/
    background-color: #92D050 !important;
    background-image: url(../images/custom/loadingMain.gif) !important;
}

/* colores del arbol de carpetas */
.jstree-default .jstree-wholerow-clicked{
    background: #92D050 !important;
}

.jstree-anchor.jstree-clicked{
    color:white !important;
}
/* fin colores del arbol de carpetas */