U4-9491 feedback to implement into core css, be more specific with class naming & with usage and to implement a lighter red color for appearance

src/Umbraco.Web.UI.Client/lib/bootstrap/less/variables.less

@@ -246,6 +246,9 @@
 @infoBackground:          #d9edf7;
 @infoBorder:              darken(spin(@infoBackground, -10), 7%);
 
+// Property / Control States
+// -------------------------
+@controlRequiredColor:     #ee5f5b;
 
 // Tooltips and popovers
 // -------------------------

src/Umbraco.Web.UI.Client/src/less/main.less

@@ -156,6 +156,11 @@ h5.-black {
   margin-left: 0;
 }
 
+/* CONTROL VALIDATION */
+.umb-control-required {
+    color: @controlRequiredColor;
+}
+
 .controls-row {
   padding-bottom: 5px;
   margin-left: 240px;

src/Umbraco.Web.UI.Client/src/views/components/property/umb-property.html

@@ -8,9 +8,9 @@
 
                 <label class="control-label" ng-hide="property.hideLabel" for="{{property.alias}}" ng-attr-title="{{propertyAlias}}">
                     {{property.label}}
-                    <strong ng-if="property.validation.mandatory">
-                        <span class="red">&nbsp;*&nbsp;</span>
-                    </strong>
+                    <span ng-if="property.validation.mandatory">
+                        <strong class="umb-control-required">*</strong>
+                    </span>
                     <small ng-bind-html="property.description"></small>
                 </label>