/* Hacer que el contenedor principal ocupe toda la pantalla */
html, body {
    height: 100%;
    margin: 0;
}
#confirmationModal .modal-dialog {
    margin: 0 auto;           /* Centrar horizontalmente */
    height: 100vh;            /* Ocupar la altura completa del viewport */
    display: flex;            /* Convertirlo en contenedor flexible */
    align-items: center;      /* Centrar en el eje vertical */
    justify-content: center;  /* (Opcional) Centrar en el eje horizontal el contenido */
}
.content-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Altura mínima de 100% del viewport */
}

.main-container {
    flex: 1; /* Ocupa todo el espacio posible, empujando el footer hacia abajo */
    padding: 20px; /* Puedes ajustar el padding según necesites */
}

.footer-container {
    position: sticky;
    bottom: 0;
    width: 100%;
    background-color: #343a40;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
}