.validationMessage {
    min-width:100px !important;
}

.validationMessage .tooltip-arrow{
}

.validationMessage .tooltip-inner{
    background:red !important;
}

.invalid-field {
    
    border: thin red solid !important;

}

.invalid-field::outside {
    
    border: 10px red solid !important;

}

/* Custom wrapper for editable-item type="'text'" */
.soft-validating-wrapper {
    display: inline-flex;
}

    .soft-validating-wrapper.invalid input {
        border-color: var(--warning-color);
    }

    .soft-validating-wrapper.invalid > div > div > div:after {
        color: var(--warning-color);
    }