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

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

.btn-info:focus,
.btn-info.focus {
  background-color: #4a62bb !important;
  /* Color al enfocar */
  border-color: #4a62bb !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: #344998 !important;
  /* Color deshabilitado */
  border-color: #344998 !important;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
  background-color: #1e2b58 !important;
  /* Color al activar */
  border-color: #1e2b58 !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(52, 73, 152, 0.5) !important;
  /* Sombra de enfoque */
}

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

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

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

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff !important;
  /* Color del texto deshabilitado */
  background-color: #344998 !important;
  /* Color deshabilitado */
  border-color: #344998 !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: #1e2b58 !important;
  /* Color al activar */
  border-color: #1e2b58 !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(52, 73, 152, 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: #344998 !important;
  /* Color del texto */
  border-color: #344998 !important;
  /* Color del borde */
}

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

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

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

.ventana_factura:not(:disabled):not(.disabled):active,
.ventana_factura:not(:disabled):not(.disabled).active {
  background-color: #1e2b58 !important;
  /* Color al activar */
  border-color: #1e2b58 !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(52, 73, 152, 0.5) !important;
  /* Sombra de enfoque */
}


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

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

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

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

.botones_apertura:not(:disabled):not(.disabled):active,
.botones_apertura:not(:disabled):not(.disabled).active {
  background-color: #1e2b58 !important;
  /* Color al activar */
  border-color: #1e2b58 !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(52, 73, 152, 0.5) !important;
  /* Sombra de enfoque */
}

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

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

.boton_remi:focus,
.boton_remi.focus {
  background-color: #4a62bb !important;
  /* Color al enfocar */
  border-color: #4a62bb !important;
  /* Color del borde al enfocar */
  box-shadow: 0 0 0 0.2rem rgba(52, 73, 152, 0.5) !important;
  /* Sombra de enfoque */
}

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

.boton_remi:not(:disabled):not(.disabled):active,
.boton_remi:not(:disabled):not(.disabled).active {
  background-color: #1e2b58 !important;
  /* Color al activar */
  border-color: #1e2b58 !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(52, 73, 152, 0.5) !important;
  /* Sombra de enfoque */
}

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

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

.btn-cantidad_product:focus,
.btn-cantidad_product.focus {
  background-color: #4a62bb !important;
  /* Color al enfocar */
  border-color: #4a62bb !important;
  /* Color del borde al enfocar */
  box-shadow: 0 0 0 0.2rem rgba(52, 73, 152, 0.5) !important;
  /* Sombra de enfoque */
}

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

.btn-cantidad_product:not(:disabled):not(.disabled):active,
.btn-cantidad_product:not(:disabled):not(.disabled).active {
  background-color: #1e2b58 !important;
  /* Color al activar */
  border-color: #1e2b58 !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(52, 73, 152, 0.5) !important;
  /* Sombra de enfoque */
}

.swal-button--confirm {
  background-color: #4a62bb !important;
  /* Color de fondo rosado */
  border: none;
  color: #fff;
  /* Color del texto */
}

.swal-button--confirm:hover {
  background-color: #344998 !important;
  /* Color al pasar el mouse */
}

.swal-button--confirm:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 73, 152, 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: #d1ecf1;
}

/* Custom Action Buttons */
.btn-create-custom {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: white !important;
}

.btn-create-custom:hover {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

.btn-print-custom {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #000 !important;
}

.btn-print-custom:hover {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
}

.btn-view-custom {
    background-color: #344998 !important;
    border-color: #344998 !important;
    color: white !important;
}

.btn-view-custom:hover {
    background-color: #2a3a7a !important;
    border-color: #24326a !important;
}