refs #17605 [master] Change behaviour of Account login side

* Set the contrast for disabled submit button
* Show the input fields and labels when they have an incorrect input
* Show the the related error message for the incorrect field

themes/finc/scss/_customVariables.scss

@@ -120,9 +120,11 @@ $btn-info-active-hover-bg: lighten($brand-info, 20%) !default;
 ////// NOTE that the hover states use the default color too!
 $btn-primary-color: $white !default;
 $btn-primary-bg: $brand-primary !default;
-$btn-primary-disabled-color: $brand-secondary !default;
 $btn-primary-hover-bg: $brand-secondary !default;
 $btn-primary-hover-color: $brand-primary !default;
+$btn-primary-disabled-color: $brand-secondary !default;
+$btn-primary-disabled-hover-bg: $brand-secondary !default;
+$btn-primary-disabled-hover-color: $brand-primary !default;
 // $btn-primary-color: $btn-primary-color !default; // already defined this way in BS _variables, use this variable to change it
 // $btn-primary-bg: $brand-primary !default; // already defined this way in BS _variables, use this variable to change it
 $btn-secondary-border-color: $steel !default;

themes/finc/scss/compiled.scss

@@ -2488,3 +2488,32 @@ input {
 }
 
 // Accessibility - END
+
+// Account
+
+.btn-primary.disabled {
+  &:focus,
+  &:hover {
+    background-color: $btn-primary-disabled-hover-bg;
+    color: $btn-primary-disabled-hover-color;
+  }
+}
+
+.has-error .control-label,
+.has-error .help-block,
+.sms-error .control-label,
+.sms-error .help-block {
+  color: $brand-danger;
+}
+
+.has-error .form-control,
+.sms-error .form-control {
+  border: 1px solid $brand-danger;
+
+  &:focus,
+  &:hover {
+    border: 1px solid $brand-danger;
+  }
+}
+
+// Account - END