/* DocumentImportView.css */
.form-container {
    padding: 20px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 5px;
  }
  
  /* Estilo para el resizer de las columnas */
  .resizer {
    display: inline-block;
    width: 10px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(50%);
    z-index: 1;
    touch-action: none;
  }
  
  .resizer.isResizing {
    background-color: rgba(0, 0, 0, 0.2);
    width: 20px;
    height: 100%;
    transform: translateX(50%) !important;
    z-index: 3;
  }
  
  @media (max-width: 900px) {
  
    #importar .row {
      flex-direction: column !important;
      
    }
  
    .form-container .row {
      flex-direction: column !important;
    }
    
  }
  
  /* AdminImportar.css */
  
  /* Estilos para el contenedor principal */
  .admin-importar-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto; /* Agregamos un desplazamiento vertical al contenedor principal */
  }
  
  /* Estilos para el contenedor de la tabla */
  .table-container {
    width: 99%; /* Establecemos el ancho máximo del contenedor */
    height: 300px; /* Establecemos la altura deseada del contenedor */
   
    border-radius: 4px;
     /* Ocultamos el desplazamiento de contenido que excede el contenedor */
    margin-top: 20px;
  }
  
  /* Estilos para la tabla */
  .Table {
    width: max-content; /* Permitimos que la tabla tenga el ancho necesario según su contenido */
    border-collapse: collapse;
    overflow-x: auto;
    overflow-y: auto; /* Agregamos la propiedad overflow para permitir el desplazamiento horizontal */
  }
  
  /* Estilos para las celdas de la tabla */
  .table th,
  .table td {
    padding: 8px;
    border: 1px solid #dee2e6;
  }
  
  /* Estilos para el encabezado de la tabla */
  .table th {
  
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    padding: 8px;
    
    position: sticky !important; /* Agregamos la propiedad sticky para que el encabezado se mantenga visible al hacer scroll */
    top: 0;
    z-index: 1;
  }
  
  /* Estilos adicionales de Bootstrap u otros ajustes que necesites */
  /* Estilos para el botón de confirmación de SweetAlert2 */
  .swal-button--confirm {
    background-color: #007bff !important; /* Color primario */
    border-color: #007bff !important; /* Color del borde */
  }
  
  /* Estilos adicionales al pasar el ratón por encima del botón de confirmación */
  .swal-button--confirm:hover {
    background-color: #0056b3 !important; /* Color al pasar el ratón por encima */
  }
  
  