/* Propiedades para Menu de opciones */
/* .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: white !important;
    background: #007bff !important;
    font-weight: bold !important;
} */
/* Fina de menu de opciones */

/* Cambiar de Color el Aside */
.sidebar-dark-primary{
  background: #3b5d4f !important;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{
  background-color: #397746 !important;
}

.col-half {
  width: 50% !important;
}

#lstMarcas thead th {
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstCategorias thead th {
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstPresentaciones thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstArticulos thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstProductosVenta thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstVentas thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstVentasAnuladas thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstVentasCredito thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstClientes thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstUsuarios thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstMovimientos thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstVentasDia thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstCobrosDia thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstGastosDia thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstPrestamosDia thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstDevolucionesDia thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstVentasCredito thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstVentasCreditoCanceladas thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstVentasRecibos thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstCajaEstado thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstProductosCompra thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstProveedores thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstSeries thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstSeries_filter {
  display: none; /* Ocultar el cuadro de texto de búsqueda */
}

#lstEntradas thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstSalidas thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstKardex thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstCompras thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstComprasCredito thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstComprasAnuladas thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstSeriesCompras thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstSeriesVentas thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstComprasCreditoPagadas thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstComprasRecibos thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lst10top thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstpocostock thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstRecibos thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}

#lstUtilidad thead th{
  background-color: #3b5d4f; /* Cambia el color según tus necesidades */
}


.callout{
  padding: 10px 16px 10px 16px !important;
  background-color: #E9E9E9 !important;
}

.card2{
  width: 100%; 
  height: 450px; 
  padding: 5px; 
  margin-bottom:20px!important;
  border-radius: 20px; 
  border: solid 5px rgba(27, 151, 5, 1); 
  background: #e9e9e9; 
} 

.box1-bg { 
  background-color: #3b5d4f; /* Cambia esto al color que prefieras */ 
  color: white; /* Ajusta el color del texto si es necesario */ 
}

.box2-bg { 
  background-color: #739590; /* Cambia esto al color que prefieras */ 
  color: white; /* Ajusta el color del texto si es necesario */ 
}

.box3-bg { 
  background-color: #bfa7fa; /* Cambia esto al color que prefieras */ 
  color: white; /* Ajusta el color del texto si es necesario */ 
}

.box4-bg { 
  background-color: #c4975b; /* Cambia esto al color que prefieras */ 
  color: white; /* Ajusta el color del texto si es necesario */ 
}



/*PARA HEADER DEL CARD DE POS*/
.card-header-pos {
  min-height: 80px; /* Ajusta la altura según tus necesidades */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #143e3a; /* Cambia el color de fondo */
  color: #89e3a3; /* Cambia el color del texto */
}
.moneda-sigla {
  color: #27625b; /* Cambia el color del texto "$us." a naranja */
}





/* #tbl_productos thead th{
  white-space: nowrap !important;
} */



/* Propiedades para DATATABLE tamaño de texto */
table.dataTable tbody td {
    white-space: nowrap !important;
    font-size: 15px !important;
}


/* Final propiedades de texto */

/* Propiedas para botones DATATABLE */
.addNewRecord{
    background-color: #198754 !important;
    color: white !important;
}

.recordsPrint{
  background-color: #c4975b !important;
  color: white !important;
}

.buttons-excel{
    background-color: #0d6efd !important;
    color: white !important;
}

.dt-button{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
/* FINAL BOTONES */


.transparentbar {
    background-repeat:no-repeat;
    cursor:pointer;
    outline:none;
    border:none;
    box-shadow:none; 
    background-image: none;  
    background-color: transparent;
  
  }
  
  /* .btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  } */
  
  /* .transparentbar:hover {
    color: #fff;
    background-color: transparent !important;
    border-color: transparent !important;
  } */

   /* .sidebar-mini {
    height: 100vh !important; 
  } */

  
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 50%;
  }
  
  div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}

.sidebar-mini{
    height: 100vh !important;
}



.selectpicker{
  font-size: 15px !important;
}

.dropdown-menu li {
   font-size: 14px;
}

.bootstrap-select .btn {
  background-color: #e9ecef;
  color: black;
}

/* Para personalizar color de etiquetas etiquetas */
.comcolor {
  color: #09811e;
}

.card2{
  width: 100%; 
  height: 400px; 
  padding: 5px; 
  margin-bottom:20px!important;
  border-radius: 20px; 
  border: solid 3px rgba(39, 61, 98, 1); 
  background: #e9e9e9; 
} 

.bg-main {
  background-color: #6f42c1 !important;
  color: white !important;
} 

.select2-container .select2-selection--single {
  height: 31px;  /* Ajusta la altura para que se ajuste a tu diseño */
  display: flex;
  align-items: center;
}