.table-auto {
    table-layout: auto; /* Let the table adapt column widths based on content */
    width: 100%; /* Optional: Ensure the table takes up the full width */
    white-space: nowrap; /* Prevent text wrapping in table cells */
}

    .table-auto td, .table th {
        overflow: hidden; /* Ensure cells do not overflow */
        text-overflow: ellipsis; /* Optional: Show ellipsis for overflowing text */
        vertical-align: middle; /* Vertically center text */
        padding: 8px; /* Optional: Add padding for better readability */
    }

    .table-auto thead th {
        position: -webkit-sticky; /* For Safari */
        position: sticky;
        top: 0;
        background: #f9f9f9; /* Optional: Background color for sticky headers */
    }

.table-div-title {
    background-color: #ff0000;
    color: white;
    /*font-weight: bold;*/
    text-align: center;
    margin-bottom: -10px;
    padding-top: 10px;
}

.table-div-border {

    border: 10px solid;
    border-color: #ff0000;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 14px;
}