/* Ensure the container uses grid layout */
.org-row {
    display: grid;
    grid-template-columns: 3fr 1fr 2fr; /* Adjust the fractions to match your desired widths */
    gap: 10px; /* Space between columns */
    align-items: end; /* Aligns the content to the bottom of the grid area */
    margin-bottom: 20px; /* Space below the row */
}

/* Ensure each input group aligns content to the bottom */
.input-group {
    display: flex;
    flex-direction: column; /* Stack label and input */
}

/* Labels and inputs are aligned together */
.input-group label {
    text-align: left; /* Left align labels */
    margin-bottom: 5px; /* Space between label and input */
}

/*
.input-group input,
.input-group select {
    width: 100%;
    box-sizing: border-box; 
}
*/

/* Set a consistent height for all input fields */
.input-group input,
.input-group select {
    height: 40px; /* Set the desired height */
    line-height: 1.5; /* Adjust the line height for better text alignment */
    padding: 5px; /* Adjust padding as needed */
    box-sizing: border-box; /* Include padding and border in the element's width and height */
    font-size: 16px; /* Ensure consistent text size */
}

/* Table container that enables horizontal scrolling */
.table-container {
    width: 100%;
    overflow-x: auto; /* Allow horizontal scrolling if needed */
}