#dynamicTable {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: none;
    /* Hidden by default */
    z-index: 1000;
    width: 80%;
    /* Set the table container to 80% width */
    max-width: 1200px;
    /* Optional: limit max width */
}

#dynamicTable table {
    border-collapse: collapse;
    width: 100%;
    /* Fill the container */
}

#dynamicTable th,
#dynamicTable td {
    border: 1px solid #ddd;
    padding: 6px;
    /* Increased padding for more space */
    /*    padding: 10px; /* Increased padding for more space */
    text-align: left;
}

#dynamicTable th {
    background-color: #f4f4f4;
}

/* Style the <a> tag as a button */
#dynamicTable a {
    display: inline-block;
    padding: 6px 12px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
    text-shadow: none;
    border: 1px solid #007bff;
    text-align: center;
}

/* Target the second column and center-align */
#dynamicTable td:nth-child(2) {
    text-align: center;
}

/* Target the second column and center-align */
#dynamicTable th:nth-child(2) {
    text-align: center;
}

#dynamicTable a:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}