.error-message {
    color: red;
    display: none; /* Oculto por defecto */
}

.fondolabel{
    background-color: #fff9c4; 
    color: #333;
}

/* CONTENEDOR DE TABLAS PARA GENERAR DESPLAZAMIENTO */
.divGrid {
    width: 100%; /* Ancho total del contenedor */
    overflow-x: auto; /* Agregar barras de desplazamiento horizontal si es necesario */
    white-space: nowrap; /* Evitar el salto de línea del contenido */
}

/* Estilo general para todas las tablas */
.table-custom {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 18px;
    text-align: left;
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Estilo para las filas y celdas */
.table-custom th, .table-custom td {
    border: 1px solid #ddd;
    padding: 12px;
}

/* Encabezado de la tabla */
.table-custom th {
    background-color: blue;
    color: white;
}

/* Cambiar el color al pasar el ratón sobre las filas */
.table-custom tr:hover {
    background-color: #f1f1f1;
}

/* Botones dentro de las tablas */
.table-custom .btn-custom {
    padding: 8px 16px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}

.table-custom .btn-custom:hover {
    background-color: #45a049;
}

.celda-importe-pos {
  text-align: right;        /* Alinea el texto a la derecha */
  font-family: monospace;   /* Usa una fuente monoespaciada para los números */
  padding-right: 10px;      /* Espaciado adicional a la derecha */
  color: blue !important;
}

.celda-importe-neg {
  text-align: right;        /* Alinea el texto a la derecha */
  font-family: monospace;   /* Usa una fuente monoespaciada para los números */
  padding-right: 10px;      /* Espaciado adicional a la derecha */
  color: red !important;
}

/* ventana de espera */
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 18px;
    z-index: 1050;
    display: none; /* Oculto por defecto */
}