/* Form validator */
.error:not(.toastify),
.field-validation-error {
    color: red;
    font-size: 14px;
}

    .error:not(.toastify)::before,
    .field-validation-error span::before {
        font-weight: 900;
        font-family: "Font Awesome 6 Pro";
        content: "\f06a";
        margin-right: 0.25rem;
    }

    .field-validation-error span {
        margin-bottom: 1.5rem;
    }

.form-control.error,
.form-control.input-validation-error {
    border: 1px solid red;
}

    .form-control.input-validation-error:focus {
        box-shadow: 0 0 0 0.2rem rgba(255,0,0,.25);
    }

/* Password */
.password-container {
    position: relative;
}

    .password-container .toggle-password {
        position: absolute;
        right: 1rem;
        transform: translateY(-50%);
        top: 50%;
        cursor: pointer;
        color: gray;
    }

input::-ms-reveal {
    display: none;
}

.form-control:disabled,
.form-select:disabled,
input.form-control:read-only {
    background-color: var(--basic-secondary-background, #e9ecef);
}

.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230067ae' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* multi select */
.multiselect-dropdown {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230776BC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.form-select.input-validation-error {
    border-color: red;
}