.container {
    max-width: 100%;
}
.navbar-brand img {
    height: 50px;
}

.btn-success, .btn-danger {
    min-width: 200px;
    border: 2px solid #000;
}

.table-container {
    display: flex;
    flex-direction: column;
}

.table-row {
    display: flex;
    flex-direction: row;
}

.table-cell {
    flex: 1;
    padding: 8px;
    text-align: center;
}

.first-column {
    font-weight: bold;
}

.col-sm {
    /* Add any specific styling for the col-sm class */
}

.headers-row .table-cell {
    text-align: center;
}

.label {
    display: none;
}

/* Media query for browser width less than 1000px */
@media (max-width: 1000px) {
    .table-row {
        flex-direction: column;
    }

    .headers-row .table-cell {
        display: none; /* Hide header columns */
    }

    .label {
        display: inline;
        margin-right: 5px;
    }

    .table-cell {
        display: flex;
        flex-direction: column;
    }

        .table-cell .label {
            margin-bottom: 5px; /* Add line break after the label */
        }


    .first-column {
        font-weight: bold;
        font-size: 1.5rem;
    }
}