.error {
    color: red;
}

input.error, select.error, textarea.error {
    border: solid 1px red;
}

.error-border .select2-selection {
    border: 1px solid red !important;
}
.selection{
    width: 100%;
}

/* Make Select2 results display in 4 columns */
#select2-received_document_reference_no-results.select2-results__options {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr; /* 4 equal columns */
    gap: 5px;
    min-height: 100px; /* Ensures space for scrolling */
    overflow-y: auto; /* Enables scrolling */
}

/* Ensure "Loading more results..." spans all 4 columns */
#select2-received_document_reference_no-results.select2-results__option--loading {
    grid-column: span 4; /* Forces the message to span across all columns */
    text-align: center;
    font-weight: bold;
    padding: 10px;
}