#menuPrincipal .navbar-brand, #menuPrincipal #usuActual {

    color: #F8FCFE;

}

.textoCerrarSesionVisible{
  display: block!important;
}

body {

    font-family: "Tahoma"!important;

}



.inlineBlock{

  display: inline-block;

}



html,body{

      width: 100%;

      height: 100%;

      min-width: 300px;

     min-height: 400px;

      

    }

 

body {

  margin:0;

    display: flex;

  flex-flow: column;

}

header{

 /* border: 1px solid black;*/

  order: 1;



  font-size: 1.4em;

}

#estadoCarga_progress_contenedor{

  order:2;

}

#footerERP{

  background-color: #1e1e1e;

  color: white;

  order: 4;

  padding-left: 30px;

}

#barraCargaCont{

  order: 4;

  flex-shrink: 0;

}



 #contenidoERP{

    order: 3;

    flex:1;

    display: flex;

    flex-flow: column nowrap;

    justify-content:  center;

    align-items: stretch;

    align-content: stretch;

 }



#formLogin {

  overflow: auto;

  display: flex;

  flex-flow: column wrap;

  justify-content:  center;

  align-items: center;

  align-content: center;

  width: 100%;

  min-height: 100%;





      flex: 4;

    padding-top: 5em;

    border: 1px solid black;

    border-radius: 10px;

    box-shadow: 0 0 10px #CCC;

    border-color: #C5C5C5;



}

#formLogin #titulo{

  text-align: center;

  padding: 8px 8px;

  font-size: 2.8em;

      margin-bottom: .3em;

}





.form-signin-heading-erp{

  color: rgb(68, 155, 204);

    font-weight: bold;

    text-align: center;

}

header #infoERP{

  order:1;

  min-width: 130px;

  

    font-weight: bold;

    background-color:rgba(130,170,250,.3);



}

header #infoEmpresa{

  order:2;

  flex:1;

  text-align: center;

}

header #infoUsuario{

  order:3;

  min-width: 130px;

  text-align: right;

}

header .textoHeader{

  padding: 2px 5px;

}



header #textoPrincipal{

  display: flex;

  flex-flow: row wrap;

  order:1;

  flex:1;

}

header #menuPrincipal{

  order:2;

  min-height: 1.7em;

  border-radius: 0;

}



header #estadoCarga_progress_contenedor{

  order:2;



}



#errorLogeo{

  opacity: 0;

}

#content_Contenido{

  display: none;

  flex:1;

}

#content_Contenido.visible{

  display: flex;

}







.elementoMenu .linkMenu{

  padding-top: 3px;

  padding-bottom: 3px; 

}



header #menuPrincipal .navbar-brand , header #menuPrincipal .navbar-nav>li>a{

      padding: .4em .9em;

    height: auto;

}



header #menuPrincipal .navbar-brand,header #menuPrincipal .navbar-nav>li#usuActualOpciones>#usuActual{

  font-size: .8em;

  padding: .4em .3em; /*.5em*/



}



header #menuPrincipal .navbar-toggle {

  margin-top: 4px;

  margin-bottom: 4px;



}

header #menuPrincipal  .navbar-header{

          min-height: 1.6em;

}



header #menuPrincipal .navbar-nav .dropdown-menu > li > a {

  white-space: nowrap;

}



/*header #menuPrincipal  .dropdown-menu>li>a:focus, 

header #menuPrincipal   .dropdown-menu>li>a:hover {

  background-color: rgba(0, 130, 153, 0.21);

}*/











.dropdown-menu>.active>a





header #menuPrincipal  .dropdown-menu{

  padding: 0;

}

/*

header #menuPrincipal  .dropdown-menu>li>a.active {

  background-color: rgba(0, 130, 153, 0.87);

  color: white;

}*/





#contenidoERP .nav-tabs {

    display: flex;

  overflow-x: auto;

  overflow-y: hidden;

  order: 1;

  min-height: 2.4em;

  flex-flow: row wrap;

  flex-shrink: 0;

}



#contenidoERP .nav-tabs{



}









#contenidoERP .nav-tabs li a{

  min-height: 2.4em;

  border: 1px solid #ddd;

}





#contenidoERP .nav-tabs li.active a{

 background-color: rgba(51, 122, 183, 0.15)!important;

    font-weight: bold;

}







    



#contenidoERP  .nav.nav-tabs > li {

    display: inline-block;

  float: none;

  flex-shrink: 0;

  }



#detalleContenedor #contenedorDetalleView #contenedorTablaDet #formDetalle,

#detalleContenedor #contenedorDetalleView #contenedorTablaDet #formDetalle #contenedorTabsetDetalle{

  display: flex;

  flex-flow: column nowrap;

  flex: 1;

}



#contenidoERP .tab-content{

  order: 2;

  flex: 1;

  overflow: auto;

     

}

#contenidoERP .tab-content,#contenidoERP .contenedorFila{

   padding: 0 .3em;

   padding-top: .3em;

}





.contenedorFila_cont{

  height: 100%;

}



#piePagCont .elePie{

  display: inline-block;

  padding-top: .2em;

}



#botonOcultarFooter{

  position: absolute;

  right:.1em;

  bottom:0;



}

#botonOcultarFooter a{

  color: white;

  text-decoration: none;

  font-size: 1.2em;

    background-color: black;

}



#botonOcultarFooter a:hover{

  cursor: pointer;

  color: rgba(255, 255, 255, 0.8);

   background-color: black;

}



#botonOcultarFooter.footerOculto a{

  color: black;

  text-decoration: none;

   background-color: white;



}

#botonOcultarFooter.footerOculto a:hover{

  color: rgba(0, 0, 0, 0.8);

   background-color: black;

}



#footerERP.oculto,#barraCargaCont{

    display: none;

}

#barraCargaCont.mostrar{

  display: block;

}





#footerERP,#barraCargaCont{

 /* height: 2.6em;*/

}





#barraCarga{

  padding:0;

}



#barraCarga #textoCarga{

  /*font-weight: bold;*/

}

#barraCarga #textoCarga.info{

  background-color: #B6E6B6;

}

#barraCarga #textoCarga.error{

      background-color: #FFB5B5;

}



#contenedorTablaPrincipal_tituloControles{

  display: flex;

  flex-flow:row nowrap;

}



#contSuperior{

  order:1;

      flex: 1;

}



#contSuperior #contBtns{

  float: right;

 /* margin-top: .2em;*/

}



header #menuPrincipal .navbar-nav>li>a.btn{

      padding: .1em .3em;

      display: inline-block;

       font-size: .8em;



}



header #menuPrincipal .navbar-nav>li#usuActualOpciones>#usuActual,

header #menuPrincipal .navbar-nav>li#usuActualOpciones>a#btnConfig{

  padding: 0 .2em;

}

header #menuPrincipal .navbar-nav>li#usuActualOpciones>#usuActual{

  padding-top: .1em;

          font-size: .6em;

}



#usuActualOpciones{



  padding: 0 1em; 

   /* border-right: 1px solid #C1C9DA;*/

   padding-top: .1em;

}



.navbar-brand{

  font-weight: bold;

  font-size: 1.1em;

}



body #contenidoERP #formLogin_cont/*,

body #contenidoERP #logoCelular*/{

  /*display: none;*/

  flex-flow: row nowrap;

    display: flex;

}   









body #contenidoERP #formLogin_cont.visible,

body #contenidoERP #logoCelular.visible{

  display: flex;

}   









.menuPrincipal{




    border: none!important;

  

    padding: 0 .5em;





   





}



.menuLoginPrincipal .menuPrincipal{



   -webkit-box-shadow: 0px 6px 20px -2px rgba(0,0,0,0.38);

    -moz-box-shadow: 0px 6px 20px -2px rgba(0,0,0,0.38);

    box-shadow: 0px 6px 20px -2px rgba(0,0,0,0.38);



    z-index: 9;

    position: relative;

}

#botonStatusRayo{
    float: left;
    margin-top: 4px;
    color: white;
    font-weight: bold;
    background: black;
    padding: 4px;
    border-radius: 20%;
    font-size: 11px;
    display: none!important;
}