.btn-info {
  color: #fff; /* Color del texto */
  background-color: #BE347F !important;  /* Color base */
  border-color: #BE347F !important; 
}

.btn-info:hover {
  background-color: #D75C9A !important;  /* Color hover más claro */
  border-color: #D75C9A !important; /* Color del borde hover */
}

.btn-info:focus, .btn-info.focus {
  background-color: #D75C9A !important;  /* Color al enfocar */
  border-color: #D75C9A !important; 
  box-shadow: 0 0 0 0.2rem rgba(189, 52, 127, 0.5); /* Sombra de enfoque */
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff; /* Color del texto deshabilitado */
  background-color: #BE347F !important;  /* Color deshabilitado */
  border-color: #BE347F !important; 
}

.btn-info:not(:disabled):not(.disabled):active, 
.btn-info:not(:disabled):not(.disabled).active, 
.show > .btn-info.dropdown-toggle {
  background-color: #9A2D68 !important; /* Color al activar */
  border-color: #9A2D68 !important; 
}

.btn-info:not(:disabled):not(.disabled):active:focus, 
.btn-info:not(:disabled):not(.disabled).active:focus, 
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(189, 52, 127, 0.5) !important; /* Sombra de enfoque */
}

.btn-primary {
color: #fff !important; /* Color del texto */
background-color: #BE347F !important; /* Color base */
border-color: #BE347F !important; /* Color del borde */
}

.btn-primary:hover {
background-color: #D75C9A !important; /* Color hover más claro */
border-color: #D75C9A !important; /* Color del borde hover */
}

.btn-primary:focus, .btn-primary.focus {
background-color: #D75C9A !important; /* Color al enfocar */
border-color: #D75C9A !important; /* Color del borde al enfocar */
box-shadow: 0 0 0 0.2rem rgba(189, 52, 127, 0.5) !important; /* Sombra de enfoque */
}

.btn-primary.disabled, .btn-primary:disabled {
color: #fff !important; /* Color del texto deshabilitado */
background-color: #BE347F !important; /* Color deshabilitado */
border-color: #BE347F !important; /* Color del borde deshabilitado */
}

.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle {
background-color: #9A2D68 !important; /* Color al activar */
border-color: #9A2D68 !important; /* Color del borde al activar */
}

.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(189, 52, 127, 0.5) !important; /* Sombra de enfoque */
}


.btn-success {
  color: #fff;
  background-color: #38c172; /* Color base */
  border-color: #38c172;
}

.btn-success:hover {
  background-color: #38c172; /* Color hover más claro */
}

.btn-danger {
  color: #fff;
  background-color: #e6332a; /* Color base */
  border-color: #e6332a;
}

.btn-danger:hover {
  background-color: #e6332a; /* Color hover más claro */
}

.btn-warning.btn-icon {
  color: #fff; /* Color del texto */
  background-color: #f29204; /* Color de fondo personalizado */
  border-color: #f29204; /* Color del borde */
}

.btn-warning.btn-icon:hover {
  background-color: #f29204; /* Color de fondo al pasar el mouse */
  border-color: #f29204; /* Color del borde al pasar el mouse */
}

.btn-warning {
  color: #fff; /* Color del texto */
  background-color: #f29204; /* Color de fondo personalizado */
  border-color: #f29204; /* Color del borde */
}

.btn-warning {
  background-color: #f29204; /* Color de fondo al pasar el mouse */
  border-color: #f29204; /* Color del borde al pasar el mouse */
}

.btn-secondary {
  color: #fff; /* Color del texto */
  background-color: #878787; /* Color de fondo personalizado */
  border-color: #878787; /* Color del borde */
}

.btn-secondary {
  background-color: #878787; /* Color de fondo al pasar el mouse */
  border-color: #878787; /* Color del borde al pasar el mouse */
}


.ventana_factura {
  color: #BE347F !important; /* Color del texto */
  border-color: #BE347F !important; /* Color del borde */
}

.ventana_factura:hover {
  background-color: #D75C9A !important; /* Color hover más claro */
  border-color: #D75C9A !important; /* Color del borde hover */
}

.ventana_factura:focus, .ventana_factura.focus {
  background-color: #D75C9A !important; /* Color al enfocar */
  border-color: #D75C9A !important; /* Color del borde al enfocar */
  box-shadow: 0 0 0 0.2rem rgba(189, 52, 127, 0.5) !important; /* Sombra de enfoque */
}

.ventana_factura.disabled, .ventana_factura:disabled {
  color: #fff !important; /* Color del texto deshabilitado */
  background-color: #BE347F !important; /* Color deshabilitado */
  border-color: #BE347F !important; /* Color del borde deshabilitado */
}

.ventana_factura:not(:disabled):not(.disabled):active, 
.ventana_factura:not(:disabled):not(.disabled).active {
  background-color: #9A2D68 !important; /* Color al activar */
  border-color: #9A2D68 !important; /* Color del borde al activar */
}

.ventana_factura:not(:disabled):not(.disabled):active:focus, 
.ventana_factura:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(189, 52, 127, 0.5) !important; /* Sombra de enfoque */
}


.botones_apertura {
background-color: #fff !important;
color: #BE347F !important; /* Color del texto */
border-color: #BE347F !important; /* Color del borde */
}

.botones_apertura:hover {
background-color: #D75C9A !important; /* Color hover más claro */
border-color: #D75C9A !important; /* Color del borde hover */
}

.botones_apertura:focus, .botones_apertura.focus {
background-color: #D75C9A !important; /* Color al enfocar */
border-color: #D75C9A !important; /* Color del borde al enfocar */
box-shadow: 0 0 0 0.2rem rgba(189, 52, 127, 0.5) !important; /* Sombra de enfoque */
}

.botones_apertura.disabled, .botones_apertura:disabled {
color: #fff !important; /* Color del texto deshabilitado */
background-color: #BE347F !important; /* Color deshabilitado */
border-color: #BE347F !important; /* Color del borde deshabilitado */
}

.botones_apertura:not(:disabled):not(.disabled):active, 
.botones_apertura:not(:disabled):not(.disabled).active {
background-color: #9A2D68 !important; /* Color al activar */
border-color: #9A2D68 !important; /* Color del borde al activar */
}

.botones_apertura:not(:disabled):not(.disabled):active:focus, 
.botones_apertura:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 0.2rem rgba(189, 52, 127, 0.5) !important; /* Sombra de enfoque */
}

.boton_remi {
  color: #BE347F !important; /* Color del texto */
  border-color: #BE347F !important; /* Color del borde */
  }
  
  .boton_remi:hover {
  background-color: #D75C9A !important; /* Color hover más claro */
  border-color: #D75C9A !important; /* Color del borde hover */
  }
  
  .boton_remi:focus, .boton_remi.focus {
  background-color: #D75C9A !important; /* Color al enfocar */
  border-color: #D75C9A !important; /* Color del borde al enfocar */
  box-shadow: 0 0 0 0.2rem rgba(189, 52, 127, 0.5) !important; /* Sombra de enfoque */
  }
  
  .boton_remi.disabled, .boton_remi:disabled {
  color: #fff !important; /* Color del texto deshabilitado */
  background-color: #BE347F !important; /* Color deshabilitado */
  border-color: #BE347F !important; /* Color del borde deshabilitado */
  }
  
  .boton_remi:not(:disabled):not(.disabled):active, 
  .boton_remi:not(:disabled):not(.disabled).active {
  background-color: #9A2D68 !important; /* Color al activar */
  border-color: #9A2D68 !important; /* Color del borde al activar */
  }
  
  .boton_remi:not(:disabled):not(.disabled):active:focus, 
  .boton_remi:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(189, 52, 127, 0.5) !important; /* Sombra de enfoque */
  }

.btn-cantidad_product {
  color: #fff !important; /* Color del texto */
  background-color: #BE347F !important; /* Color hover más claro */
  border-color: #BE347F !important; /* Color del borde */
  }
  
  .btn-cantidad_product:hover {
  background-color: #D75C9A !important; /* Color hover más claro */
  border-color: #D75C9A !important; /* Color del borde hover */
  }

  .btn-cantidad_product:focus, .btn-cantidad_product.focus {
    background-color: #D75C9A !important; /* Color al enfocar */
    border-color: #D75C9A !important; /* Color del borde al enfocar */
    box-shadow: 0 0 0 0.2rem rgba(189, 52, 127, 0.5) !important; /* Sombra de enfoque */
    }
    
    .btn-cantidad_product.disabled, .btn-cantidad_product:disabled {
    color: #fff !important; /* Color del texto deshabilitado */
    background-color: #BE347F !important; /* Color deshabilitado */
    border-color: #BE347F !important; /* Color del borde deshabilitado */
    }
    
    .btn-cantidad_product:not(:disabled):not(.disabled):active, 
    .btn-cantidad_product:not(:disabled):not(.disabled).active {
    background-color: #9A2D68 !important; /* Color al activar */
    border-color: #9A2D68 !important; /* Color del borde al activar */
    }
    
    .btn-cantidad_product:not(:disabled):not(.disabled):active:focus, 
    .btn-cantidad_product:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(189, 52, 127, 0.5) !important; /* Sombra de enfoque */
    }

    .swal-button--confirm {
      background-color: #D75C9A !important; /* Color de fondo rosado */
      border: none;
      color: #fff; /* Color del texto */
  }
  
  .swal-button--confirm:hover {
      background-color: #BE347F !important; /* Color al pasar el mouse */
  }
  
  .swal-button--confirm:focus {
      box-shadow: 0 0 0 0.2rem rgba(215, 92, 154, 0.5) !important; /* Sombra al enfocar */
  }

  .btn_credito, .btn-desc, .btn_fc, .btn_mayor, .btn_cartera, .devo_product, .btn_mulp_fc, .btn_prefactura, .btn_pdf{
    border-color: #f29204 !important; /* Color del borde */
    }

    
    .selected-row {
      background-color: pink;
  }