smart-webcomponents-react/source/styles/components/smart.validator.css

[](https://jqwidgets.com/license/)

.smart-validation-error:not(smart-check-box)>div.smart-container:after,.smart-validation-success:not(smart-check-box)>div.smart-container:after{left:calc(100% + 20px);top:50%;position:absolute;transform:translate(-50%,-50%);pointer-events:none;font-weight:700;font-family:var(--smart-font-family);font-size:var(--smart-font-size);width:20px;height:20px;border-radius:50%;display:flex;text-align:center;justify-content:center;align-items:center}.smart-validation-error:not(.underlined):not(.outlined),.smart-validation-error:not(.underlined):not(.outlined) input,.smart-validation-error:not(.underlined):not(.outlined) span{border-color:var(--smart-error)!important;outline:0}.smart-validation-error:not(smart-check-box)>div.smart-container:after{background-color:var(--smart-error);color:var(--smart-error-color);content:"!"}.smart-success-label-like-after-element:after,.smart-validation-success:not(smart-check-box)>div.smart-container:after{color:var(--smart-success-color);content:"✓";background-color:var(--smart-success)}.smart-validation-error.smart-element:not(.outlined):not(.underlined) .smart-hint::after{background-color:var(--smart-error)}.smart-validation-success.smart-element:not(.outlined):not(.underlined) .smart-hint::after{background-color:var(--smart-success)}input[type=checkbox].smart-validation-error,input[type=radio].smart-validation-error{outline:auto;outline-color:var(--smart-error)}input.smart-validation-error{border-style:solid;border-width:1px}.smart-error-label-like-after-element:after,.smart-success-label-like-after-element:after{pointer-events:none;font-weight:700;font-family:var(--smart-font-family);font-size:var(--smart-font-size);width:20px;height:20px;border-radius:50%;display:flex;text-align:center;justify-content:center;align-items:center;top:50%;position:absolute;left:calc(50% + 15px);transform:translate(-50%,-50%)}.smart-error-label-like-after-element,.smart-success-label-like-after-element{position:relative}.smart-error-label-like-after-element:after{background-color:var(--smart-error);color:var(--smart-error-color);content:"!"}.smart-validation-summary{font-family:var(--smart-font-family);font-size:var(--smart-font-size);color:var(--smart-error)}.smart-validation-summary span{display:block;margin-top:5px}.smart-error-holder{position:absolute;font-family:var(--smart-font-family);font-size:var(--smart-font-size);background-color:var(--smart-error);color:var(--smart-error-color);padding:10px;pointer-events:none;z-index:var(--smart-editor-drop-down-z-index);margin-top:10px}.smart-error-holder.smart-error-hint-position-right{white-space:nowrap}