.sidebar[data-color="orange"]:after,
.bootstrap-navbar[data-color="orange"]:after {
    background: #0d6855;
    background: -moz-linear-gradient(top, #0d6855 0%, 'white' 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0d6855), color-stop(100%, 'white'));
    background: -webkit-linear-gradient(top, #0d6855 0%, 'white' 100%);
    background: -o-linear-gradient(top, #0d6855 0%, 'white' 100%);
    background: -ms-linear-gradient(top, #0d6855 0%, 'white' 100%);
    background: linear-gradient(to bottom, #0d6855 0%, 'white' 100%);
    background-size: 150% 150%;
}

.full-page[data-color="orange"]:after {
    background: #0d6855;
    background: -moz-linear-gradient(top, #0d6855 0%, 'white' 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0d6855), color-stop(100%, 'white'));
    background: -webkit-linear-gradient(top, #0d6855 0%, 'white' 100%);
    background: -o-linear-gradient(top, #0d6855 0%, 'white' 100%);
    background: -ms-linear-gradient(top, #0d6855 0%, 'white' 100%);
    background: linear-gradient(to bottom, #0d6855 0%, 'white' 100%);
    background-size: 150% 150%;
}

/* Login */
.full-page[data-color="ws-green"]::after {
    background: #0d6855 !important;
    background: -moz-linear-gradient(top, #0d6855 0%, #14995d 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0d6855), color-stop(100%, #14995d)) !important;
    background: -webkit-linear-gradient(top, #0d6855 0%, #14995d 100%) !important;
    background: -o-linear-gradient(top, #0d6855 0%, #14995d 100%) !important;
    background: -ms-linear-gradient(top, #0d6855 0%, #14995d 100%) !important;
    background: linear-gradient(to bottom, #0d6855 0%, #14995d 100%) !important;
    background-size: 150% 150% !important;
}
:disabled{
    cursor: not-allowed;
    opacity: 0.8;
}
.btn-minimizer{
    background: #0d6855;
    border: 1px solid #0d6855;
}
.btn-minimizer:hover{  background: #09874f;}
.btn-minimizer:active, .btn-minimizer:focus{ background: #09874f !important; }
.sidebar .nav .nav-item .nav-link i { font-size: 1.4rem; }
.sidebar .sidebar-wrapper .nav .nav-link p { font-size: 0.75rem; } 
.sidebar .nav .nav-item .nav-link {padding: 6px 2px !important;}
.sidebar .nav .nav-item .nav-link .nav-item-title{margin-left: 15px;}
.sidebar-wrapper{
    background: url(/assets/images/bg-menu-2.png);
    background-size: 363px 890px;
}
.sidebar{background-image: linear-gradient(to top, #18664e 0%, #104233 100%);}
.sidebar .nav .nav-item .nav-link i {margin-right: 0px;}

form.form-login p
{
    color: #2C366E;
    text-align: center;
    font-size: 24px;
}

.btn-media-login
{
    border-radius: 19px;
    margin: auto;
    display: block;
    padding: 7px 0px;
    width: 105px;
    font-size: 12px;
    color: #fff;
    background-image: linear-gradient(to right, #1A279E 0%, #28E5F9 100%);
    border: none;

}

/* SIDE MENU */
.sidebar .sidebar-wrapper .nav .nav-item [data-toggle="collapse"]~div .nav .nav-item:hover .nav-link,
.sidebar .sidebar-wrapper .nav .nav-item [data-toggle="collapse"]~div .nav .nav-item:focus .nav-link,
.sidebar .sidebar-wrapper .nav .nav-item [data-toggle="collapse"]~div .nav .nav-item.active .nav-link {
    background: initial;
}
.nav .nav-item .nav-link:hover,
.nav .nav-item .nav-link:focus,
.nav .nav-item.active .nav-link{
    background: rgba(255, 255, 255, 0.13) !important;
}

.nav-link{
    display: flex;
    align-items: center;
}
.nav-item-title{
    width: 100%;
}

.nav-item-pos{
    display: flex;
    align-items: center;
    margin-left: 20px !important;
}
.btn-grid{ padding: 6px 12px; }


/* PRIMARY BUTTON */
.btn-primary-ws{
    background-color: #007aff !important;
    border: 1px solid #007aff !important;
    color: white !important;
    cursor: pointer;
}
.btn-primary-ws:hover, .btn-primary-ws:focus, .btn-primary-ws:active{background-color: #09874f !important;}

.footer .copyright {float: initial;}

/* FILESTYLE */
.btn-file{
    width: 7rem !important;
    font-size: 0.75rem !important;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-file:before{
    content: '\f07c';
    font-family: 'FontAwesome'
}
.input-file{height: 2.5rem;}

/* BUTTON EXCEL */
.btn-import-excel{
    width: 7rem !important;
    font-size: 0.75rem !important;
    background-color: #007aff !important;
    border: 1px solid #007aff !important;
    color: white !important;
    cursor: pointer;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-import-excel:hover, .btn-import-excel:focus, .btn-import-excel:active{background-color: #09874f !important;}

.form-import-excel .bootstrap-filestyle input{
    width: 0px !important;
    padding: 0px !important;
}

.form-import-excel .bootstrap-filestyle label.btn-import-excel{
    border-radius: 0.25rem !important;
}

/* PARSLEY */
.parsley-errors-list{
    list-style: none;
    padding-left: 3px;
    font-size: 0.8rem;
    color: #d85050;
    margin-bottom: 0.5rem;
}

/* DATA TABLES */
.pagination .page-item.active .page-link {
    background-color: #007aff;
    border: 0;
    color: #FFFFFF !important;
    padding: 7px 13px;
}
.table-general {border-spacing: 1px;}
.table-general thead{ background: #999; color: #fff !important; }
.table-general thead tr th{color: #fff !important;}
.table-general tbody tr td{font-size: 0.8rem;}
.table-general thead tr th{font-size: 0.7rem;}

.modal label{
    font-size: 0.75rem;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 400;
    color: #9A9A9A;    
}

/* ALERT MESSAGES */
.alert button.close {
    right: 35px !important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.alert .msgs-container{
    display: flex;
    align-items: center;
}
.alert .msgs-container ul{
    margin-bottom: 0px;
    padding: 0px;
    padding-left: 20px;
}
.alert-success {
    background-color: #9ecf4e !important;
}
.alert-general{
    border-radius: 4px;
}

/* VISTA PRODUCTOS */
#productos-table thead tr th:nth-child(1){width: 3.5% !important;}
#productos-table thead tr th:nth-child(2){width: 17.7% !important;}
#productos-table thead tr th:nth-child(3){width: 17.7% !important;}
#productos-table thead tr th:nth-child(4){width: 17.7% !important;}
#productos-table thead tr th:nth-child(5){width: 17.7% !important;}
#productos-table thead tr th:nth-child(6){width: 6.5% !important;text-align: center;} /* Precio */
#productos-table thead tr th:nth-child(7){width: 6.5% !important;text-align: center;}
#productos-table thead tr th:nth-child(8){width: 12.5% !important;display: inline-flex;}
#productos-table tbody tr td:nth-child(6){text-align: center;}
#productos-table tbody tr td:nth-child(7){text-align: center;}
#productos-table tbody td { font-size: 12px;}

/* VISTA ZONAS */
#zonas-table thead tr th:nth-child(1){width: 51% !important;}
#zonas-table thead tr th:nth-child(2){width: 30% !important;}
#zonas-table thead tr th:nth-child(3){width: 18% !important; display: inline-flex;}

/* VISTA SMS */
#sms-table thead tr th:nth-child(1){width: 34% !important;}
#sms-table thead tr th:nth-child(2){width: 22% !important;}
#sms-table thead tr th:nth-child(3){width: 12% !important;}
#sms-table thead tr th:nth-child(4){width: 22% !important;}
#sms-table thead tr th:nth-child(5){width: 10% !important; display: inline-flex; text-align: center;}
#sms-table tbody tr td:nth-child(5){text-align: center;}

/* VISTA SUCURSALES */
#sucursales-table thead tr th:nth-child(1){width: 3.5% !important;}
#sucursales-table thead tr th:nth-child(2){width: 25.2% !important;}
#sucursales-table thead tr th:nth-child(3){width: 25.2% !important;}
#sucursales-table thead tr th:nth-child(4){width: 34% !important;}
#sucursales-table thead tr th:nth-child(5){width: 12% !important; display: inline-flex;}
#sucursales-table tbody td { font-size: 12px;}

/* VISTA PEDIDOS */
#pedidos-table thead tr th:nth-child(1){width: 6.5% !important;}
#pedidos-table thead tr th:nth-child(2){width: 23.5% !important;}
#pedidos-table thead tr th:nth-child(3){width: 23.5% !important;}
#pedidos-table thead tr th:nth-child(4){width: 5.5% !important;} /* Importe */
#pedidos-table thead tr th:nth-child(5){width: 15.5% !important;}
#pedidos-table thead tr th:nth-child(6){width: 12.5% !important;}
#pedidos-table thead tr th:nth-child(7){width: 5.5% !important;} /* Rate */
#pedidos-table thead tr th:nth-child(8){width: 8.5% !important; display: inline-flex;}
#pedidos-table tbody td { font-size: 12px;}
#pedidos-table tbody tr td:nth-child(1){text-align: center;} 
#pedidos-table tbody tr td:nth-child(4){text-align: center;}
#pedidos-table tbody tr td:nth-child(7){text-align: center;}

/* VISTA DE PROMOCIONES */
#promociones-table thead tr th:nth-child(1){width: 16.2% !important;}
#promociones-table thead tr th:nth-child(2){width: 25.2% !important;}
#promociones-table thead tr th:nth-child(3){width: 6.2% !important;}
#promociones-table thead tr th:nth-child(4){width: 11.2% !important;}
#promociones-table thead tr th:nth-child(5){width: 11.2% !important;}
#promociones-table thead tr th:nth-child(6){width: 7.2% !important;}
#promociones-table thead tr th:nth-child(7){width: 9% !important;}
#promociones-table thead tr th:nth-child(8){width: 13.8% !important;display: inline-flex;}
#promociones-table tbody td { font-size: 12px;}
#promociones-table tbody tr td:nth-child(3){text-align: center !important;}
#promociones-table tbody tr td:nth-child(8){text-align: center !important;}

/* VISTA PAGOS */
#pagos-table thead tr th:nth-child(1){width: 22.2% !important;}
#pagos-table thead tr th:nth-child(2){width: 11.2% !important;}
#pagos-table thead tr th:nth-child(3){width: 8.2% !important;}
#pagos-table thead tr th:nth-child(4){width: 13.2% !important;}
#pagos-table thead tr th:nth-child(5){width: 12.2% !important;}
#pagos-table thead tr th:nth-child(6){width: 11.2% !important;}
#pagos-table thead tr th:nth-child(7){width: 21.2% !important;display: inline-flex;}

/* VISTA COVENIO EMPRESAS */
#convenio-empresas-table tr th:nth-child(1){width: 25.6% !important;}
#convenio-empresas-table tr th:nth-child(2){width: 8.6% !important;}
#convenio-empresas-table tr th:nth-child(3){width: 16.6% !important;}
#convenio-empresas-table tr th:nth-child(4){width: 16.6% !important;}
#convenio-empresas-table tr th:nth-child(5){width: 16.6% !important;}
#convenio-empresas-table tr th:nth-child(6){width: 15.6% !important;display: inline-flex;}

/* VISTA DE BANNERS */
#banners-table tbody td { font-size: 12px;}
#banners-table thead tr th:nth-child(1){width: 77.3% !important;}
#banners-table thead tr th:nth-child(2){width: 8.3% !important;text-align: center;}
#banners-table thead tr th:nth-child(3){width: 8.3% !important;display: inline-flex;}
#banners-table tbody tr td:nth-child(2){text-align: center !important;}
#banners-table tbody tr td:nth-child(3){text-align: center !important;}

.json-box{
    background-color: whitesmoke;
    border: 1px solid #e1e1e1;
    padding: 1rem;
    margin-bottom: 0 !important;
}

.inactive-branch{
    width: 10px;
    height: 10px;
    background-color: #f60606;
    display: inline-block;
    border-radius: 5px;
}

/* Arregla el popup del datetimepicker */
.bootstrap-datetimepicker-widget.dropdown-menu.open{
    top: inherit !important;
    width: 19rem;
}

.product-item{
    color: green;
    font-weight: bold;
}

.complement-item{ color: #ffc258; }

.product-price{
    font-size: 13px;
    color: #cfcfcf;
}

.nav-item-title .item-title{
    margin-left: 7px;
}

.hidden{
    display: none;
}
.input-group-btn label{
    color: #FFFFFF;
}
.input-group-btn label[disabled]{
    color: #9A9A9A;
}

.grid-container
{
    background: #eee; 
    padding-top: 10px; 
    border-radius: 9px;
}

table.tabla-configurar-tabulador tbody tr td input[type=number]
{
    width: 70px;
}

.form-group
{
    margin-bottom: 0px !important;
}

.input-sm, .form-group-sm .form-control
{
    padding: 0px 10px !important;
}

.listas-auxiliares
{
    padding-left: 0px;
}

.listas-auxiliares li
{
    width:33%; 
    display: inline-block;
}

.filasTabulador td
{
    padding: 1px !important;
}


.container-estatus
{
    width: 100%;
    margin: 50px auto; 
}

  .progressbar li {
      list-style-type: none;
      width: 60px;
      height: 60px;
      float: left;
      font-size: 24px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
      border-radius: 50%;
      line-height: 60px;
      border: 1px solid #7d7d7d;
      margin-right: 15px;
      margin-top: 5px;

  }
  
  .progressbar li.active {
      color: #fff;
      border: 1px solid #0cad2c;
      width: 70px;
      height: 70px;
      line-height: 70px;
      background-color: #0cad2c;
      margin-top: 0px;
  }

  .modal-content
  {
    margin-top: 90px !important;
  }

  .progressbar li span
  {
    font-size: 10px;
    position: absolute;
    top: -30px;
    left: 0px;
    color: #000;
    line-height: 10px;
  }

  .inputCotizador
  {
    text-align: right;
  }

  .tabla-cotizaciones thead tr
  {
    background-color: #00003c;
  }

  .tabla-cotizaciones thead tr th
  {
    color: #fff !important;
  }