/*
navbar-default personalizada en:
http://work.smarchal.com/twbscolor/

*/

/*------------------PRINCIPAL-----------------------*/
.navbar-default {
  background-color: #3498db !important;
  border-color: #2980b9 !important;
}
.navbar-default .navbar-brand {
  color: #ecf0f1 ;
}
.navbar-default .navbar-brand img{
  float:left;
}
.navbar-default .navbar-brand span{
  font-size: 14px;
  margin-left:10px;
}
.multimarks{
  background: #BE387F !important;  
    border-right: 1px solid white;
}
.panalera{
  background: #82B355 !important; 
    border-right: 1px solid white;
}
/*MIS AJUSTES*/
.navbar {
    border: none !important;
}
/*fin mis ajustes*/
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ecdbff;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1 !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ecdbff;
  background-color: #2980b9 !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ecdbff !important;
  background-color: #2980b9 !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ecdbff;
  background-color: #2980b9;
}
.navbar-default .navbar-toggle {
  border-color: #2980b9;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #2980b9;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ecdbff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ecdbff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ecdbff;
    background-color: #2980b9;
  }
}
.navbar {
    border-radius: 0px !important;
}
/*MIS ESTILOS*/
.navbar {
    /*margin-bottom: 20px !important;*/
}
.subnavbar {
    margin-bottom: 20px !important;
    display: block;
    float: left;
    width: 100%;
}
.subnavbarul{
    list-style: none;
        height: 25px;
}
.subnavbarul li{
    display: block;
    float:left;
    margin-left: 30px;
}
.subnavbarul li a{
    padding: 10px 15px;
    border: 1px solid darkgray;
    color: darkgray;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: small;
    text-decoration: none;
}

.subnavbarul li a:hover{
    border: 1px solid #3498db;
    color:#3498db !important;
    border-radius: 5px;
    color: darkgray;
    text-transform: uppercase;
    font-size: small;
    text-decoration: none;
    background: white !important;
}


.subnavbarul  > .sactive > a /*, .subnavbarul  > .sactive > a:hover, .subnavbarul  > .sactive > a:focus*/ {
    padding: 10px 15px;
    border: 1px solid #3498db;
    background: #3498db !important;
    color:white !important;
    border-radius: 5px;
    color: darkgray;
    text-transform: uppercase;
    font-size: small;
    text-decoration: none;
}
.container{
    clear: both;
}
.singreso{
    color: #006699;
    font-size: 11px;
}
.segreso{
    color: #c12e2a;
    font-size: 11px;
}
.snone{
    color: #999;
    font-size: 11px;
}
.tablesup th {
    background-color: #cccccc  !important;
}
.destacado_bajo{
    font-size: 8pt;
    color: #006699;
    //float:left;
    clear: both;
    display: block;
    width: 100%;
}
.destacado_bajo2{
    font-size: 8pt;
    color: #99ff00;
}
.nameusuario{
    float: left;
    display: block;
    margin-top: 15px;
    color: white /*darkslategrey*/;
}
.fechaactual{
    float: left;
}
h5.etiq_aju_inv{
    color:#006699;
    font-weight: bold;
}
/*@media handheld, only screen and (max-width: 767px) {
.subnavbar{
display:block;
}
}

@media only screen and (max-width: 1023px) {
.subnavbar{
display:block;
}
}*/
.ventasinventario{
    background: url(../img/ventas.png) no-repeat center center;
    box-shadow: none !important;
    height: 85px !important;
}
.pedidosservicio{
    background: url(../img/pedidos.png) no-repeat center center;
    box-shadow: none !important;
    height: 85px !important;
}
.menu-principal{
    border:none !important;
}
.menu-principal a img {
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.menu-principal a img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.btn_apagado{
    //background:  #cccccc;
    opacity: 0.30;
    filter: alpha(opacity=30);
}
.btn_pendiente{
    background-color: #99ff00;
    //background:  #cccccc;
}
span.lespecial{
    color:grey;
    font-size: 10px;
}
.btn {
    margin-bottom: 3px !important;
}
.lpeq{
    font-size: 75%;
}
.ruta_corta {
    text-decoration: underline;
}
.modal-expandido{
    width: 700px !important;
}
.modal-uexpandido{
    width: 1000px !important;
}
.ranulado, .ranulado span{
    background: #cccccc;
    color: grey;
}
fieldset.clonedInput{
    margin: 10px 0px;
}
.clonedInput .form-control{
    width: auto;
}
.clonedInput .a10{
    width: 6% !important;
    margin-left: 2%;
    float: left;
    padding: 4px;
    color:red;
    background: #ffffff;
    border:1px solid  #ffccff;
    /*background: #ffefef;*/
}
.clonedInput .a20{
    width: 20% !important;
    float: left;
    font-weight: bold;
}
.clonedInput .a30{
    width: 30% !important;
    float:left;
}
.clonedInput .a40{
    width: 40% !important;
    float:left;
}
.lprod{
    text-align: left;
}
.btnespecial, .btnespecial:hover{
    font-size: 10px;
    text-decoration: none;
}
.empresacliente{
    background:  #767676;
    color:white;
    padding: 15px 10px;
    text-align: center;
}
.empresacliente .glyphicon{
    margin-right: 10px;
}
.item_menu{
    width: 280px !important;
}
.facconb{
    background:  #745085 !important;
}
.gescon1{
    background:  #A1515B !important;
}
.gescon2{
    background:  #B28D41 !important;
}
.gescon3{
    background:  #40608F !important;
}
.row_con1{
    border-left: 15px solid #A1515B;
}
.row_con2{
    border-left: 15px solid #B28D41;
}
.row_con3{
    border-left: 15px solid #40608F;
}
/**/
span.formas_pago_desc{
    color: #2980b9;
    //background: #f5fcff;
    border-radius: 5px;
    border:1px solid #A1515B;
    padding: 5px;
    width: 100%;
    display: block;
    font-size: 12px;
    text-align: center;
}
.rinactivo{
    background:  #ecdbff;
}
.txtpeq{
    color:#2980b9;
    font-size: 11px;
}
.errorsri, .errorsri:hover, .errorsri:active{
    color:#f0ad4e;
    margin-left: 10px;
    cursor: pointer;
}
#datos_factura .form-group{
    margin-bottom: 5px;
}
.especialespaciofactura{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.iconotexto{
    font-size: 12px !important;
    padding: 7px !important;
}
select.form-control{
    font-size: 10px !important;
    padding: 3px !important;
}
.ui-autocomplete{
   z-index: 9999 !important;
}
h5{
    font-weight: bold;
    text-transform: uppercase;
    color: #40608F;
    padding-bottom: 10px;
}
i.rc{
    font-size: 11px !important;
    color: #cccccc;
    padding-left: 5pt;
    font-style: normal
}
.btn_desactivado{
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.ordkardex{
    color: #006699;
    font-size: 11px;
}
.panel-mitad{
    width: 48%;
    margin-left: 2%;
    float: left;
}
.fss{
    font-size: smaller;
}
#messages{
    color: #BE387F;
}