html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.grid-container {
  background-color: white; /* Set a background color */
  border-radius: 15px; /* Rounded corners */
  padding: 20px; /* Padding inside the container */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional: add a shadow for better visibility */
  max-width: 95%; /* Increased max-width to 95% of screen */
  margin: 20px auto; /* Center the container with margin auto */
}

/* Cuando está dentro de container-fluid, usar más ancho */
.container-fluid .grid-container {
  max-width: 98%;
  margin: 20px auto;
}

input[type="file"] {
  display: none;
}

.custom-file-upload {
  background-color: #007bff;
  border: none;
  color: white;
  padding: 6px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
}

.d-flex {
  display: flex;
}

.justify-content-end {
  justify-content: flex-end;
}
.mr-2 {
  margin-right: 0.5rem;
}

.stock-logistica-wide {
  width: 95% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
}

.stock-logistica-wide .grid-container {
  max-width: 95% !important;
  width: 100% !important;
}

/* Anular el container del layout principal para Stock Logística */
.stock-logistica-wide {
  position: relative;
}

.stock-logistica-wide::before {
  content: '';
  position: absolute;
  top: 0;
  left: -15px;
  right: -15px;
  bottom: 0;
  z-index: -1;
}

/* Forzar ancho completo para la tabla */
.stock-logistica-wide .table-responsive {
  width: 100% !important;
  max-width: none !important;
}

.stock-logistica-wide #stockTable {
  width: 100% !important;
}