html {
    font-size: 12px;
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

h1 {
    margin-top: 2px; /* Reduces space after h1 */
    margin-bottom: 2px; /* Reduces space after h1 */
}

h2 {
    margin-top: 2px; /* Reduces space after h1 */
    margin-bottom: 2px; /* Reduces space after h1 */
}

p {
    margin-top: 2px; /* Reduces space after h1 */
    margin-bottom: 2px; /* Reduces space after h1 */
}

.control
{
    margin-bottom: 3px;
}

.sectioneheader
{
    font-weight: bold ;
}


.tableheader
{
    text-align: left ;
}

.versionvalue
{
    font-weight: bold ;
}

table, th, td {
    border: 0px solid #a0a0a0;
    border-collapse: collapse;
    padding: 5px; /* For better spacing */
}

button, input , select {
    font-size: 12px;
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe";
}



table tr:nth-child(odd) {
    background-color: #fce0e0; /* Light grey */
}

/* Style for even-numbered rows */
table tr:nth-child(even) {
    background-color: #fff0f0; /* White */
}

.container-flex {
    display: flex; /* Makes the container a flex container */
    justify-content: space-around; /* Distributes space between items */
    align-items: flex-start; /* Aligns items to the start of the cross-axis */
}

.column-item {
    flex: 1; /* Allows items to grow and shrink to fill available space */
    padding: 2px;
    border: 0px solid #ccc;
    margin: 2px;
}