.spinner {
    display: inline-block;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Add this CSS to your stylesheet (upload.css) or in a <style> tag */
.table-bordered td, .table-bordered th {
    padding: 10px; /* Adds padding inside each cell */
}

.table-bordered td {
    border-right: 1px solid #dee2e6; /* Adds a thin border on the right */
}

.table-bordered tr td:first-child, .table-bordered tr th:first-child {
    border-left: 1px solid #dee2e6; /* Adds a left border to the first cell */
}

/* Optional: Add some spacing around the table itself */
#merged_table_html {
    margin: 10px;
    border-spacing: 10px; /* Adds space between cells in table */
    border-collapse: separate; /* Ensures border-spacing works */
}

/* Style for adding padding and borders to table headers and cells */
.table-bordered th, .table-bordered td {
    padding: 10px; /* Adds padding inside each header and cell */
    border: 1px solid #dee2e6; /* Adds a border around each header and cell */
}

/* Optional: Add spacing around the table */
#merged_table_html {
    margin: 10px;
    border-spacing: 10px; /* Adds space between cells for overall separation */
    border-collapse: separate; /* Ensures border-spacing works */
}

/* Add some space around the table content for readability */
.table-responsive {
    padding: 10px;
}