diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 8bca9509bc..6f0f2853e9 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -122,12 +122,12 @@
   color: #212121;
   background: #FFB300;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
   border-color: #cd3a3a;
   border-width: 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -336,7 +336,7 @@
   background: #FF8F00;
   color: #212121;
 }
-.p-checkbox.p-error > .p-checkbox-box {
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
   border-color: #cd3a3a;
 }
 
@@ -372,7 +372,7 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -476,7 +476,7 @@
   color: #dedede;
   background: #4c4c4c;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -631,8 +631,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #FFA000;
 }
-
-.p-inputswitch.p-error {
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -656,8 +655,7 @@
   box-shadow: 0 0 0 0.2em #ffe8b3;
   border-color: #FFB300;
 }
-
-.p-inputtext.p-error {
+.p-inputtext.p-error, .p-inputtext.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -732,7 +730,7 @@
   color: #dedede;
   background: #4c4c4c;
 }
-.p-listbox.p-error {
+.p-listbox.p-error, .p-listbox.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -833,7 +831,7 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -885,7 +883,7 @@
   background: #FF8F00;
   color: #212121;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
   border-color: #cd3a3a;
 }
 
@@ -949,7 +947,7 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #212121;
 }
-.p-selectbutton.p-error > .p-button {
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -992,50 +990,6 @@
   border-color: #FFB300;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #cd3a3a;
-  border-width: 1px;
-}
-
 .p-togglebutton.p-button {
   background: #252525;
   border: 1px solid #252525;
@@ -1073,7 +1027,7 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #212121;
 }
-.p-togglebutton.p-button.p-error > .p-button {
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
   border-color: #cd3a3a;
   border-width: 1px;
 }
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 32e2f297e2..cba7d9a846 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -122,12 +122,12 @@
   color: #ffffff;
   background: #1ea04c;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
   border-color: #cd3a3a;
   border-width: 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -336,7 +336,7 @@
   background: #18803c;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
   border-color: #cd3a3a;
 }
 
@@ -372,7 +372,7 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -476,7 +476,7 @@
   color: #dedede;
   background: #4c4c4c;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -631,8 +631,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #1b9044;
 }
-
-.p-inputswitch.p-error {
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -656,8 +655,7 @@
   box-shadow: 0 0 0 0.2em #88e9aa;
   border-color: #1ea04c;
 }
-
-.p-inputtext.p-error {
+.p-inputtext.p-error, .p-inputtext.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -732,7 +730,7 @@
   color: #dedede;
   background: #4c4c4c;
 }
-.p-listbox.p-error {
+.p-listbox.p-error, .p-listbox.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -833,7 +831,7 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -885,7 +883,7 @@
   background: #18803c;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
   border-color: #cd3a3a;
 }
 
@@ -949,7 +947,7 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -992,50 +990,6 @@
   border-color: #1ea04c;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #cd3a3a;
-  border-width: 1px;
-}
-
 .p-togglebutton.p-button {
   background: #252525;
   border: 1px solid #252525;
@@ -1073,7 +1027,7 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
   border-color: #cd3a3a;
   border-width: 1px;
 }
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 63ce3759f5..29c2a7f69e 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -122,12 +122,12 @@
   color: #ffffff;
   background: #cc285c;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
   border-color: #cd3a3a;
   border-width: 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -336,7 +336,7 @@
   background: #a32049;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
   border-color: #cd3a3a;
 }
 
@@ -372,7 +372,7 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -476,7 +476,7 @@
   color: #dedede;
   background: #4c4c4c;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -631,8 +631,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #b72452;
 }
-
-.p-inputswitch.p-error {
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -656,8 +655,7 @@
   box-shadow: 0 0 0 0.2em #f1b6c8;
   border-color: #cc285c;
 }
-
-.p-inputtext.p-error {
+.p-inputtext.p-error, .p-inputtext.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -732,7 +730,7 @@
   color: #dedede;
   background: #4c4c4c;
 }
-.p-listbox.p-error {
+.p-listbox.p-error, .p-listbox.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -833,7 +831,7 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -885,7 +883,7 @@
   background: #a32049;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
   border-color: #cd3a3a;
 }
 
@@ -949,7 +947,7 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
   border-color: #cd3a3a;
   border-width: 1px;
 }
@@ -992,50 +990,6 @@
   border-color: #cc285c;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #cd3a3a;
-  border-width: 1px;
-}
-
 .p-togglebutton.p-button {
   background: #252525;
   border: 1px solid #252525;
@@ -1073,7 +1027,7 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
   border-color: #cd3a3a;
   border-width: 1px;
 }
diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css
index a0534f85d1..d22206bc35 100644
--- a/public/themes/nova-colored/theme.css
+++ b/public/themes/nova-colored/theme.css
@@ -122,12 +122,12 @@
   color: #ffffff;
   background: #e02365;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
   border-color: #a80000;
   border-width: 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -336,7 +336,7 @@
   background: #005b9f;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
   border-color: #a80000;
 }
 
@@ -372,7 +372,7 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -476,7 +476,7 @@
   color: #333333;
   background: #eaeaea;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -631,8 +631,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #116fbf;
 }
-
-.p-inputswitch.p-error {
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -656,8 +655,7 @@
   box-shadow: 0 0 0 0.2em #8dcdff;
   border-color: #007ad9;
 }
-
-.p-inputtext.p-error {
+.p-inputtext.p-error, .p-inputtext.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -732,7 +730,7 @@
   color: #333333;
   background: #eaeaea;
 }
-.p-listbox.p-error {
+.p-listbox.p-error, .p-listbox.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -833,7 +831,7 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -885,7 +883,7 @@
   background: #005b9f;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
   border-color: #a80000;
 }
 
@@ -949,7 +947,7 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -992,50 +990,6 @@
   border-color: #007ad9;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #a80000;
-  border-width: 1px;
-}
-
 .p-togglebutton.p-button {
   background: #dadada;
   border: 1px solid #dadada;
@@ -1073,7 +1027,7 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
   border-color: #a80000;
   border-width: 1px;
 }
diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css
index 09925ab174..0aa8d27272 100644
--- a/public/themes/nova-dark/theme.css
+++ b/public/themes/nova-dark/theme.css
@@ -122,12 +122,12 @@
   color: #ffffff;
   background: #007ad9;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
   border-color: #a80000;
   border-width: 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -336,7 +336,7 @@
   background: #005b9f;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
   border-color: #a80000;
 }
 
@@ -372,7 +372,7 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -476,7 +476,7 @@
   color: #333333;
   background: #eaeaea;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -631,8 +631,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #116fbf;
 }
-
-.p-inputswitch.p-error {
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -656,8 +655,7 @@
   box-shadow: 0 0 0 0.2em #8dcdff;
   border-color: #007ad9;
 }
-
-.p-inputtext.p-error {
+.p-inputtext.p-error, .p-inputtext.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -732,7 +730,7 @@
   color: #333333;
   background: #eaeaea;
 }
-.p-listbox.p-error {
+.p-listbox.p-error, .p-listbox.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -833,7 +831,7 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -885,7 +883,7 @@
   background: #005b9f;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
   border-color: #a80000;
 }
 
@@ -949,7 +947,7 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -992,50 +990,6 @@
   border-color: #007ad9;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #a80000;
-  border-width: 1px;
-}
-
 .p-togglebutton.p-button {
   background: #dadada;
   border: 1px solid #dadada;
@@ -1073,7 +1027,7 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
   border-color: #a80000;
   border-width: 1px;
 }
diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css
index e2a616ebac..399113e46e 100644
--- a/public/themes/nova-light/theme.css
+++ b/public/themes/nova-light/theme.css
@@ -122,12 +122,12 @@
   color: #ffffff;
   background: #007ad9;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
   border-color: #a80000;
   border-width: 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -336,7 +336,7 @@
   background: #005b9f;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
   border-color: #a80000;
 }
 
@@ -372,7 +372,7 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -476,7 +476,7 @@
   color: #333333;
   background: #eaeaea;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -631,8 +631,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #116fbf;
 }
-
-.p-inputswitch.p-error {
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -656,8 +655,7 @@
   box-shadow: 0 0 0 0.2em #8dcdff;
   border-color: #007ad9;
 }
-
-.p-inputtext.p-error {
+.p-inputtext.p-error, .p-inputtext.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -732,7 +730,7 @@
   color: #333333;
   background: #eaeaea;
 }
-.p-listbox.p-error {
+.p-listbox.p-error, .p-listbox.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -833,7 +831,7 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -885,7 +883,7 @@
   background: #005b9f;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
   border-color: #a80000;
 }
 
@@ -949,7 +947,7 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -992,50 +990,6 @@
   border-color: #007ad9;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #a80000;
-  border-width: 1px;
-}
-
 .p-togglebutton.p-button {
   background: #dadada;
   border: 1px solid #dadada;
@@ -1073,7 +1027,7 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
   border-color: #a80000;
   border-width: 1px;
 }
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index fcfb2c37cc..65b7d1f310 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -122,12 +122,12 @@
   color: #ffffff;
   background: #41b883;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
   border-color: #a80000;
   border-width: 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -336,7 +336,7 @@
   background: #246749;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
   border-color: #a80000;
 }
 
@@ -372,7 +372,7 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -476,7 +476,7 @@
   color: #333333;
   background: #eaeaea;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -631,8 +631,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #318c63;
 }
-
-.p-inputswitch.p-error {
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -656,8 +655,7 @@
   box-shadow: 0 0 0 0.2em #c2e9d8;
   border-color: #41b883;
 }
-
-.p-inputtext.p-error {
+.p-inputtext.p-error, .p-inputtext.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -732,7 +730,7 @@
   color: #333333;
   background: #eaeaea;
 }
-.p-listbox.p-error {
+.p-listbox.p-error, .p-listbox.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -833,7 +831,7 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -885,7 +883,7 @@
   background: #246749;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
   border-color: #a80000;
 }
 
@@ -949,7 +947,7 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
   border-color: #a80000;
   border-width: 1px;
 }
@@ -992,50 +990,6 @@
   border-color: #41b883;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #a80000;
-  border-width: 1px;
-}
-
 .p-togglebutton.p-button {
   background: #dadada;
   border: 1px solid #dadada;
@@ -1073,7 +1027,7 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
   border-color: #a80000;
   border-width: 1px;
 }
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 722a43e2cd..d957b590cf 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -122,12 +122,12 @@
   color: #385048;
   background: #AFD3C8;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
   border-color: e7a3a3;
   border-width: 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
   border-color: e7a3a3;
   border-width: 1px;
 }
@@ -336,7 +336,7 @@
   background: #617c8a;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
   border-color: e7a3a3;
 }
 
@@ -372,7 +372,7 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
   border-color: e7a3a3;
   border-width: 1px;
 }
@@ -476,7 +476,7 @@
   color: #666666;
   background: #f4f4f4;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
   border-color: e7a3a3;
   border-width: 1px;
 }
@@ -631,8 +631,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #AFD3C8;
 }
-
-.p-inputswitch.p-error {
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
   border-color: e7a3a3;
   border-width: 1px;
 }
@@ -656,8 +655,7 @@
   box-shadow: 0 0 0 0.2em #e4e9ec;
   border-color: #7B95A3;
 }
-
-.p-inputtext.p-error {
+.p-inputtext.p-error, .p-inputtext.p-invalid {
   border-color: e7a3a3;
   border-width: 1px;
 }
@@ -732,7 +730,7 @@
   color: #666666;
   background: #f4f4f4;
 }
-.p-listbox.p-error {
+.p-listbox.p-error, .p-listbox.p-invalid {
   border-color: e7a3a3;
   border-width: 1px;
 }
@@ -833,7 +831,7 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: e7a3a3;
   border-width: 1px;
 }
@@ -885,7 +883,7 @@
   background: #617c8a;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
   border-color: e7a3a3;
 }
 
@@ -949,7 +947,7 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #385048;
 }
-.p-selectbutton.p-error > .p-button {
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
   border-color: e7a3a3;
   border-width: 1px;
 }
@@ -992,50 +990,6 @@
   border-color: #7B95A3;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 2px;
-  border-top-left-radius: 2px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.786em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: e7a3a3;
-  border-width: 1px;
-}
-
 .p-togglebutton.p-button {
   background: #eaeaea;
   border: 1px solid #eaeaea;
@@ -1073,7 +1027,7 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #385048;
 }
-.p-togglebutton.p-button.p-error > .p-button {
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
   border-color: e7a3a3;
   border-width: 1px;
 }
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 45bc2a7c50..5e76776901 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -122,13 +122,13 @@
   color: #ffffff;
   background: #2196F3;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #1976D2;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #1E88E5;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.2em #BBDEFB;
   border-color: #2196F3;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #1976D2;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #2196F3;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #ffffff;
   border: 1px solid #ced4da;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css
index c04dd72113..097335ccc0 100644
--- a/public/themes/saga-cyan/theme.css
+++ b/public/themes/saga-cyan/theme.css
@@ -122,13 +122,13 @@
   color: #ffffff;
   background: #00ACC1;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #00838F;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #0097A7;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.2em #B2EBF2;
   border-color: #00ACC1;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #00838F;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #00ACC1;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #ffffff;
   border: 1px solid #ced4da;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css
index f3e214b27c..424cbf12f2 100644
--- a/public/themes/saga-deeppurple/theme.css
+++ b/public/themes/saga-deeppurple/theme.css
@@ -122,13 +122,13 @@
   color: #ffffff;
   background: #673AB7;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #512DA8;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #5E35B1;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.2em #D1C4E9;
   border-color: #673AB7;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #512DA8;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #673AB7;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #ffffff;
   border: 1px solid #ced4da;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 215da22ea4..88f3a3bfaa 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -122,13 +122,13 @@
   color: #ffffff;
   background: #4CAF50;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #388E3C;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #43A047;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.2em #C8E6C9;
   border-color: #4CAF50;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #388E3C;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #4CAF50;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #ffffff;
   border: 1px solid #ced4da;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css
index 6a5ff74fbc..077d43a761 100644
--- a/public/themes/saga-indigo/theme.css
+++ b/public/themes/saga-indigo/theme.css
@@ -122,13 +122,13 @@
   color: #ffffff;
   background: #3F51B5;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #303F9F;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #3949AB;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.2em #C5CAE9;
   border-color: #3F51B5;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #303F9F;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #3F51B5;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #ffffff;
   border: 1px solid #ced4da;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 8ee90f1320..52a0df435a 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -122,13 +122,13 @@
   color: #212529;
   background: #FFC107;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #FFA000;
   color: #212529;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #FFB300;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.2em #FFECB3;
   border-color: #FFC107;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #FFA000;
   color: #212529;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #212529;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #FFC107;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #ffffff;
   border: 1px solid #ced4da;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #212529;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index a35cf92aab..e477fc4c94 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -122,13 +122,13 @@
   color: #ffffff;
   background: #9C27B0;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #7B1FA2;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #8E24AA;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.2em #E1BEE7;
   border-color: #9C27B0;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #7B1FA2;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #9C27B0;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #ffffff;
   border: 1px solid #ced4da;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css
index 34d61f320f..4a30fa6386 100644
--- a/public/themes/saga-teal/theme.css
+++ b/public/themes/saga-teal/theme.css
@@ -122,13 +122,13 @@
   color: #ffffff;
   background: #009688;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #00796B;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #00897B;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.2em #B2DFDB;
   border-color: #009688;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #495057;
   background: #e9ecef;
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #00796B;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #f44336;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #009688;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #ffffff;
   border: 1px solid #ced4da;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #f44336;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 9af74bece0..cab60db5ad 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -122,13 +122,13 @@
   color: #212529;
   background: #64B5F6;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #2196F3;
   color: #212529;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #42A5F5;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.1em #BBDEFB;
   border-color: #64B5F6;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #2196F3;
   color: #212529;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #212529;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #64B5F6;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #2E4053;
   border: 1px solid #2E4053;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #212529;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css
index 76c8653f0f..cc0291a499 100644
--- a/public/themes/vela-cyan/theme.css
+++ b/public/themes/vela-cyan/theme.css
@@ -122,13 +122,13 @@
   color: #212529;
   background: #4DD0E1;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #00BCD4;
   color: #212529;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #26C6DA;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.1em #B2EBF2;
   border-color: #4DD0E1;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #00BCD4;
   color: #212529;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #212529;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #4DD0E1;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #2E4053;
   border: 1px solid #2E4053;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #212529;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css
index 8f9df8428f..0cc5841382 100644
--- a/public/themes/vela-deeppurple/theme.css
+++ b/public/themes/vela-deeppurple/theme.css
@@ -122,13 +122,13 @@
   color: #ffffff;
   background: #9575CD;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #673AB7;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #7E57C2;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.1em #D1C4E9;
   border-color: #9575CD;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #673AB7;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #9575CD;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #2E4053;
   border: 1px solid #2E4053;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index f0dafdec0b..f7915b718f 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -122,13 +122,13 @@
   color: #212529;
   background: #81C784;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #4CAF50;
   color: #212529;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #66BB6A;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.1em #C8E6C9;
   border-color: #81C784;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #4CAF50;
   color: #212529;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #212529;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #81C784;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #2E4053;
   border: 1px solid #2E4053;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #212529;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css
index 53e2be3ac5..885b2ad062 100644
--- a/public/themes/vela-indigo/theme.css
+++ b/public/themes/vela-indigo/theme.css
@@ -122,13 +122,13 @@
   color: #ffffff;
   background: #7986CB;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #3F51B5;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #5C6BC0;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.1em #C5CAE9;
   border-color: #7986CB;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #3F51B5;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #7986CB;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #2E4053;
   border: 1px solid #2E4053;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index ff2b409266..a85159328a 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -122,13 +122,13 @@
   color: #212529;
   background: #FFD54F;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #FFC107;
   color: #212529;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #FFCA28;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.1em #FFECB3;
   border-color: #FFD54F;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #FFC107;
   color: #212529;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #212529;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #FFD54F;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #2E4053;
   border: 1px solid #2E4053;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #212529;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index a24c67a75b..26f9860453 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -122,13 +122,13 @@
   color: #ffffff;
   background: #BA68C8;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #9C27B0;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #AB47BC;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.1em #E1BEE7;
   border-color: #BA68C8;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #9C27B0;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #BA68C8;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #2E4053;
   border: 1px solid #2E4053;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css
index 5e87e08c42..ce91b85f92 100644
--- a/public/themes/vela-teal/theme.css
+++ b/public/themes/vela-teal/theme.css
@@ -122,13 +122,13 @@
   color: #212529;
   background: #4DB6AC;
 }
-.p-autocomplete-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
-.p-calendar.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -336,8 +336,8 @@
   background: #009688;
   color: #212529;
 }
-.p-checkbox.p-error > .p-checkbox-box {
-  border-color: #d98880;
+.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-chips .p-chips-multiple-container {
@@ -372,8 +372,8 @@
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -476,8 +476,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-dropdown-panel.p-error > .p-inputtext {
-  border-color: #d98880;
+.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -631,9 +631,8 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #26A69A;
 }
-
-.p-inputswitch.p-error {
-  border-color: #d98880;
+.p-inputswitch.p-error, .p-inputswitch.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -656,9 +655,8 @@
   box-shadow: 0 0 0 0.1em #B2DFDB;
   border-color: #4DB6AC;
 }
-
-.p-inputtext.p-error {
-  border-color: #d98880;
+.p-inputtext.p-error, .p-inputtext.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -732,8 +730,8 @@
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-listbox.p-error {
-  border-color: #d98880;
+.p-listbox.p-error, .p-listbox.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -833,8 +831,8 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5em;
 }
-.p-multiselect-panel.p-error {
-  border-color: #d98880;
+.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -885,8 +883,8 @@
   background: #009688;
   color: #212529;
 }
-.p-radiobutton.p-error > .p-radiobutton-box {
-  border-color: #d98880;
+.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
+  border-color: #e57373;
 }
 
 .p-rating .p-rating-icon {
@@ -949,8 +947,8 @@
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #212529;
 }
-.p-selectbutton.p-error > .p-button {
-  border-color: #d98880;
+.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
@@ -992,50 +990,6 @@
   border-color: #4DB6AC;
 }
 
-.p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-spinner .p-spinner-button .p-spinner-button-icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -0.5em;
-  margin-left: -0.5em;
-  width: 1em;
-}
-.p-spinner .p-spinner-button.p-spinner-button {
-  border-radius: 0;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.p-spinner .p-spinner-button.p-spinner-button:focus {
-  z-index: 1;
-}
-
-.p-fluid .p-spinner .p-spinner-input {
-  padding-right: 2.857em;
-}
-.p-fluid .p-spinner .p-spinner-button {
-  width: 2.357em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-  left: 50%;
-}
-
-.p-spinner.p-error > .p-inputtext {
-  border-color: #d98880;
-  border-width: 1px 1px 1px 1px;
-}
-
 .p-togglebutton.p-button {
   background: #2E4053;
   border: 1px solid #2E4053;
@@ -1073,8 +1027,8 @@
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #212529;
 }
-.p-togglebutton.p-button.p-error > .p-button {
-  border-color: #d98880;
+.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: #e57373;
   border-width: 1px 1px 1px 1px;
 }
 
diff --git a/src/AppMenu.vue b/src/AppMenu.vue
index 06e670d773..8dcdc0b046 100755
--- a/src/AppMenu.vue
+++ b/src/AppMenu.vue
@@ -26,7 +26,6 @@
                 <router-link to="/rating">Rating</router-link>
                 <router-link to="/selectbutton">SelectButton</router-link>
                 <router-link to="/slider">Slider</router-link>
-                <router-link to="/spinner">Spinner</router-link>
                 <router-link to="/textarea">Textarea</router-link>
                 <router-link to="/togglebutton">ToggleButton</router-link>
                 <router-link to="/tristatecheckbox">TriCheckbox</router-link>
diff --git a/src/components/spinner/Spinner.d.ts b/src/components/spinner/Spinner.d.ts
deleted file mode 100755
index a2054bed77..0000000000
--- a/src/components/spinner/Spinner.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import Vue from 'vue';
-
-export declare class Spinner extends Vue {
-    value?: any;
-    step?: number;
-    min?: number;
-    max?: number;
-    ariaLabelledBy?: string;
-    $emit(eventName: 'input', value: any): this;
-}
\ No newline at end of file
diff --git a/src/components/spinner/Spinner.vue b/src/components/spinner/Spinner.vue
deleted file mode 100755
index 23c2fe8bf7..0000000000
--- a/src/components/spinner/Spinner.vue
+++ /dev/null
@@ -1,234 +0,0 @@
-<template>
-    <span :class="containerClass">
-        <input ref="input" :class="inputClass" v-bind="$attrs" v-on="listeners" :value="value" :aria-valumin="min" :aria-valuemax="max" :aria-valuenow="value" :aria-labelledby="ariaLabelledBy">
-        <button type="button" :class="upButtonClass" @mousedown="onButtonMouseDown($event, 1)" @mouseup="onButtonMouseUp" @mouseleave="onButtonMouseLeave"
-            @keydown="onButtonKeyDown($event, 1)" @keyup="onButtonKeyUp" :disabled="$attrs.disabled">
-            <span class="p-spinner-button-icon pi pi-caret-up"></span>
-        </button>
-        <button type="button" :class="downButtonClass" @mousedown="onButtonMouseDown($event, -1)" @mouseup="onButtonMouseUp" @mouseleave="onButtonMouseLeave"
-            @keydown="onButtonKeyDown($event, -1)" @keyup="onButtonKeyUp" :disabled="$attrs.disabled">
-            <span class="p-spinner-button-icon pi pi-caret-down"></span>
-        </button>
-    </span>
-</template>
-
-<script>
-export default {
-    inheritAttrs: false,
-    props: {
-        value: null,
-        step: {
-            type: Number,
-            default: 1
-        },
-        min: Number,
-        max: Number,
-        ariaLabelledBy: String
-    },
-    data() {
-        return {
-            focused: false
-        }
-    },
-    methods: {
-        repeat(event, interval, dir) {
-            let i = interval || 500;
-
-            this.clearTimer();
-            this.timer = setTimeout(() => {
-                this.repeat(event, 40, dir);
-            }, i);
-
-            this.spin(event, dir);
-        },
-        spin(event, dir) {
-            let step = this.step * dir;
-            let currentValue;
-            let newValue;
-
-            if (this.value)
-                currentValue = (typeof this.value === 'string') ? this.parseValue(this.value) : this.value;
-            else
-                currentValue = 0;
-
-            if (this.precision)
-                newValue = parseFloat(this.toFixed(currentValue + step, this.precision));
-            else
-                newValue = currentValue + step;
-
-            if (this.min !== null && newValue < this.min) {
-                newValue = this.min;
-            }
-
-            if (this.max !== null && newValue > this.max) {
-                newValue= this.max;
-            }
-
-            this.$emit('input', newValue);
-        },
-        toFixed(value, precision) {
-            let power = Math.pow(10, precision || 0);
-            return String(Math.round(value * power) / power);
-        },
-        parseValue(val) {
-            let value = val.trim();
-
-            if (val === '') {
-                value = this.min != null ? this.min : null;
-            }
-            else {
-                if (this.precision)
-                    value = parseFloat(val.replace(',', '.'));
-                else
-                    value = parseInt(val, 10);
-
-                if (!isNaN(value)) {
-                    if (this.max !== null && value > this.max) {
-                        value = this.props.max;
-                    }
-
-                    if (this.min !== null && value < this.min) {
-                        value = this.props.min;
-                    }
-                }
-                else {
-                    value = null;
-                }
-            }
-
-            return value;
-        },
-        onButtonMouseDown(event, direction) {
-            this.$refs.input.focus();
-            this.repeat(event, null, direction);
-            event.preventDefault();
-        },
-        onButtonMouseUp() {
-            this.clearTimer();
-        },
-        onButtonMouseLeave() {
-           this.clearTimer();
-        },
-        onButtonKeyUp() {
-            this.clearTimer();
-        },
-        onButtonKeyDown(event, direction) {
-            if (event.keyCode === 32 || event.keyCode === 13) {
-                this.repeat(event, null, direction);
-            }
-        },
-        clearTimer() {
-            if (this.timer) {
-                clearInterval(this.timer);
-            }
-        }
-    },
-    computed: {
-        listeners() {
-            let vm = this;
-
-            return {
-                ...this.$listeners,
-                input: event => {
-                    this.$emit('input', event.target.value)
-                },
-                focus: () => {
-                    vm.focused = true;
-                },
-                blur: event => {
-                    vm.focused = false;
-
-                    const parsedValue =  this.parseValue(event.target.value);
-                    this.$emit('input', parsedValue);
-                },
-                keydown: event => {
-                    if (event.which === 38) {
-                        this.spin(1);
-                        event.preventDefault();
-                    }
-                    else if (event.which === 40) {
-                        this.spin(-1);
-                        event.preventDefault();
-                    }
-                }
-            };
-        },
-        precision() {
-            if (Math.floor(this.step) === 0)
-                return this.step.toString().split(/[,]|[.]/)[1].length;
-            else
-                return null;
-        },
-        containerClass() {
-            return ['p-spinner p-component', {'p-inputwrapper-filled': this.filled, 'p-inputwrapper-focus': this.focused}];
-        },
-        inputClass() {
-            return ['p-inputtext p-component p-spinner-input', {'p-filled': this.filled, 'p-disabled': this.$attrs.disabled}];
-        },
-        upButtonClass() {
-            return ['p-spinner-button p-spinner-button-up p-button p-component', {'p-disabled': this.$attrs.disabled}];
-        },
-        downButtonClass() {
-            return ['p-spinner-button p-spinner-button-down p-button p-component', {'p-disabled': this.$attrs.disabled}];
-        },
-        filled() {
-            return (this.value != null && this.value.toString().length > 0)
-        }
-    }
-}
-</script>
-
-<style>
-.p-spinner {
-    display: inline-block;
-    overflow: visible;
-    padding: 0;
-    position: relative;
-    vertical-align: middle;
-}
-.p-spinner-input {
-    vertical-align: middle;
-    padding-right: 1.5em;
-}
-.p-spinner-button.p-button {
-    cursor: default;
-    display: block;
-    height: 50%;
-    margin: 0;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    right: 0;
-    text-align: center;
-    vertical-align: middle;
-    width: 1.5em;
-}
-.p-spinner .p-spinner-button-icon {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin-top: -.5em;
-    margin-left: -.5em;
-    width: 1em;
-}
-.p-spinner-button-up {
-    top: 0;
-}
-.p-spinner-button-down {
-    bottom: 0;
-}
-
-.p-fluid .p-spinner {
-    width: 100%;
-}
-.p-fluid .p-spinner .p-spinner-input {
-    padding-right: 2em;
-    width: 100%;
-}
-.p-fluid .p-spinner .p-spinner-button {
-    width: 1.5em;
-}
-.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
-    left: .375em;
-}
-</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index f309b239c2..74721f03a7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -56,7 +56,6 @@ import SelectButton from './components/selectbutton/SelectButton';
 import Slider from './components/slider/Slider';
 import Sidebar from './components/sidebar/Sidebar';
 import SplitButton from './components/splitbutton/SplitButton';
-import Spinner from './components/spinner/Spinner';
 import Steps from './components/steps/Steps';
 import TabMenu from './components/tabmenu/TabMenu';
 import TabView from './components/tabview/TabView';
@@ -145,7 +144,6 @@ Vue.component('Row', Row);
 Vue.component('SelectButton', SelectButton);
 Vue.component('Slider', Slider);
 Vue.component('Sidebar', Sidebar);
-Vue.component('Spinner', Spinner);
 Vue.component('SplitButton', SplitButton);
 Vue.component('Steps', Steps);
 Vue.component('TabView', TabView);
diff --git a/src/router.js b/src/router.js
index 2a3d0d2134..87eb517869 100755
--- a/src/router.js
+++ b/src/router.js
@@ -441,11 +441,6 @@ export default new Router({
 			name: 'slider',
 			component: () => import('./views/slider/SliderDemo.vue')
 		},
-		{
-			path: '/spinner',
-			name: 'spinner',
-			component: () => import('./views/spinner/SpinnerDemo.vue')
-		},
 		{
 			path: '/splitbutton',
 			name: 'splitbutton',
diff --git a/src/views/spinner/SpinnerDemo.vue b/src/views/spinner/SpinnerDemo.vue
deleted file mode 100755
index d0547b8f62..0000000000
--- a/src/views/spinner/SpinnerDemo.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-    <div>
-        <div class="content-section introduction">
-            <div class="feature-intro">
-                <h1>Spinner</h1>
-                <p>Spinner is an input component to provide a numerical input.</p>
-            </div>
-        </div>
-
-        <div class="content-section implementation">
-            <h3 class="first">Basic</h3>
-            <Spinner v-model="value1" />
-
-            <h3>Min/Max</h3>
-            <Spinner v-model="value2" :min="0" :max="100" />
-
-            <h3>Step</h3>
-            <Spinner v-model="value3" :step="0.25" />
-
-            <h3>Disabled</h3>
-            <Spinner v-model="value4" :disabled="true" />
-        </div>
-
-        <SpinnerDoc/>
-    </div>
-</template>
-
-<script>
-import SpinnerDoc from './SpinnerDoc';
-
-export default {
-    data() {
-        return {
-            value1: null,
-            value2: null,
-            value3: null,
-            value4: null
-        }
-    },
-    components: {
-        'SpinnerDoc': SpinnerDoc
-    }
-}
-</script>
\ No newline at end of file
diff --git a/src/views/spinner/SpinnerDoc.vue b/src/views/spinner/SpinnerDoc.vue
deleted file mode 100755
index 3d77d83267..0000000000
--- a/src/views/spinner/SpinnerDoc.vue
+++ /dev/null
@@ -1,148 +0,0 @@
-<template>
-	<div class="content-section documentation">
-		<TabView>
-			<TabPanel header="Documentation">
-				<h3>Import</h3>
-<CodeHighlight lang="javascript">
-import Spinner from 'primevue/spinner';
-</CodeHighlight>
-
-				<h3>Getting Started</h3>
-				<p>Two-way value binding is defined using standard v-model directive.</p>
-<CodeHighlight>
-&lt;Spinner v-model="value" /&gt;
-</CodeHighlight>
-
-				<h3>Min-Max</h3>
-				<p>Boundaries are specified with <i>min</i> and <i>max</i> attributes.</p>
-<CodeHighlight>
-&lt;Spinner v-model="value" :min="0" :max="100" /&gt;
-</CodeHighlight>
-
-				<h3>Step</h3>
-				<p>Step factor is 1 by default and can be customized with <i>step</i> option.</p>
-<CodeHighlight>
-&lt;Spinner v-model="value" :step="0.25" /&gt;
-</CodeHighlight>
-
-				<h3>Properties</h3>
-                <p>Any property such as name and placeholder are passed to the underlying input element. Following are the additional properties to configure the component.</p>
-				<div class="doc-tablewrapper">
-					<table class="doc-table">
-						<thead>
-                            <tr>
-                                <th>Name</th>
-                                <th>Type</th>
-                                <th>Default</th>
-                                <th>Description</th>
-                            </tr>
-						</thead>
-						<tbody>
-                            <tr>
-                                <td>value</td>
-                                <td>number</td>
-                                <td>null</td>
-                                <td>Value of the component.</td>
-                            </tr>
-                            <tr>
-                                <td>step</td>
-                                <td>number</td>
-                                <td>1</td>
-                                <td>Step factor to increment/decrement the value.</td>
-                            </tr>
-                            <tr>
-                                <td>min</td>
-                                <td>number</td>
-                                <td>null</td>
-                                <td>Mininum boundary value.</td>
-                            </tr>
-                            <tr>
-                                <td>max</td>
-                                <td>number</td>
-                                <td>null</td>
-                                <td>Maximum boundary value.</td>
-                            </tr>
-                            <tr>
-                                <td>ariaLabelledBy</td>
-                                <td>string</td>
-                                <td>null</td>
-                                <td>Establishes relationships between the component and label(s) where its value should be one or more element IDs.</td>
-                            </tr>
-						</tbody>
-					</table>
-				</div>
-
-				<h3>Events</h3>
-                <p>Any valid event such as focus, blur and input are passed to the underlying input element.</p>
-
-				<h3>Styling</h3>
-				<p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p>
-				<div class="doc-tablewrapper">
-					<table class="doc-table">
-						<thead>
-                            <tr>
-                                <th>Name</th>
-                                <th>Element</th>
-                            </tr>
-						</thead>
-						<tbody>
-                            <tr>
-                                <td>p-spinner</td>
-                                <td>Container element</td>
-                            </tr>
-                            <tr>
-                                <td>p-spinner-up</td>
-                                <td>Up icon.</td>
-                            </tr>
-                            <tr>
-                                <td>p-spinner-down</td>
-                                <td>Down icon.</td>
-                            </tr>
-                            <tr>
-                                <td>p-spinner-input</td>
-                                <td>Input element</td>
-                            </tr>
-						</tbody>
-					</table>
-				</div>
-
-				<h3>Dependencies</h3>
-				<p>None.</p>
-			</TabPanel>
-
-			<TabPanel header="Source">
-				<a href="https://github.com/primefaces/primevue/tree/master/src/views/spinner" class="btn-viewsource" target="_blank" rel="noopener noreferrer">
-					<span>View on GitHub</span>
-				</a>
-<CodeHighlight>
-<template v-pre>
-&lt;h3&gt;Basic&lt;/h3&gt;
-&lt;Spinner v-model="value1" /&gt;
-
-&lt;h3&gt;Min/Max&lt;/h3&gt;
-&lt;Spinner v-model="value2" :min="0" :max="100" /&gt;
-
-&lt;h3&gt;Step&lt;/h3&gt;
-&lt;Spinner v-model="value3" :step="0.25" /&gt;
-
-&lt;h3&gt;Disabled&lt;/h3&gt;
-&lt;Spinner v-model="value4" :disabled="true" /&gt;
-</template>
-</CodeHighlight>
-
-<CodeHighlight lang="javascript">
-export default {
-	data() {
-		return {
-			value1: null,
-			value2: null,
-			value3: null,
-			value4: null
-		}
-	}
-}
-</CodeHighlight>
-			</TabPanel>
-		</TabView>
-	</div>
-</template>
\ No newline at end of file