/* Style to display divs in a row */
.container {
    display: flex;
}

/* Optional styling for form and table */
.form-container {
    margin-right: 20px;
    border: 1px solid #ccc;
}

.table-container {
    border: 3px solid #000000;
    padding: 10px; /* Adding some padding for better display */
}

/* Style for the table */
table {
    border-collapse: separate; /* Change to 'separate' for better border display */
    width: 100%;
    border: 1px solid #1a1a1a; /* Add a border to the table itself */
}

/* Style for table headers and cells */
tr, td {
    border: 1px solid #1a1a1a;
    text-align: left;
    padding: 8px; /* Adding some padding for better display */
}

/* Add some additional styling for the headers */
th {
    background-color: #f2f2f2; /* Light background for headers */
}

/* Alternate row background color */
tr:nth-child(even) {
    background-color: #f2f2f2;
}

#logContainer {
    border: 1px solid #ccc;
    max-height: 200px;  /* Set the maximum height as per your requirement */
    overflow-y: auto;
}

/* Specific styles for the no-border-table */
.no-border-table {
    border-collapse: collapse; /* Ensure no space between cells */
    table-layout: auto; /* Let the table adjust column width automatically */
    width: auto; /* Let the table width be determined by its content */
    margin: 0;
    padding: 0;
}

.no-border-table table {
    border-collapse: separate; /* Change to 'separate' for better border display */
    border: 0px solid #1a1a1a; /* Add a border to the table itself */
}

.no-border-table th, tr, td {
    border: none; /* Remove border from table cells */
    padding: 1; /* Remove padding from table cells */
    margin: 1; /* Remove margin from table cells */
}