/* Style the input to have space for the prefix */
#supplier_invoice_wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

#supplier_invoice_wrapper::before {
    content: "INV";
    position: absolute;
    top: 50%;
    left: 10px; /* Adjust padding for the prefix */
    transform: translateY(-50%);
    font-weight: bold; /* Make the prefix bold */
    color: #003366; /* Corrected color */
    pointer-events: none; /* Make sure it doesn't block input */
}

#inv_number2 {
    padding-left: 50px; /* Create space for the prefix */
}
