/* Error message container */
span.help-block.help-block-error.error {
    color: #a94442; /* Red color for error messages */
    font-size: 12px;
    margin-top: 5px;
}

/* Highlighted error input area */
.input-area.has-error {
    border-color: #a94442; /* Red border for error inputs */
    background-color: #f2dede; /* Light red background for error inputs */
}

/* Success state for input area (commented out in your script) */
/* .input-area.has-success {
    border-color: #3c763d; / Green border for successful inputs /
    background-color: #dff0d8; / Light green background for successful inputs /
} */

/* Valid label (success state) */
label.valid {
    color: #3c763d; /* Green color for valid state */
    font-weight: bold;
}

/* Generic input area styling */
.input-area {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
}

    /* Input field inside input area */
    .input-area input {
        width: 100%;
        padding: 8px;
        border: none;
        outline: none;
    }