primeng 11.1.0 → 11.2.3

package/resources/themes/nova/theme.css

@@ -32,7 +32,7 @@
   opacity: 0.5;
 }
 
-.p-error, .p-invalid {
+.p-error {
   color: #a80000;
 }
 
@@ -93,9 +93,6 @@
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
 }
-.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
-  border-color: #a80000;
-}
 
 p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
   border-color: #a80000;
@@ -128,9 +125,12 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
   color: #ffffff;
   background: #007ad9;
 }
-
-.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
-  border-color: #a80000;
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+  margin: 0;
+  padding: 0.857rem;
+  color: #333333;
+  background: #f4f4f4;
+  font-weight: 700;
 }
 
 p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
@@ -362,9 +362,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-cascadeselect.p-error, .p-cascadeselect.p-invalid {
-  border-color: #a80000;
-}
 
 .p-cascadeselect-panel {
   background: #ffffff;
@@ -404,6 +401,10 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   font-size: 0.875rem;
 }
 
+p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
+  border-color: #a80000;
+}
+
 .p-input-filled .p-cascadeselect {
   background: #f4f4f4;
 }
@@ -450,9 +451,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   background: #005b9f;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
-  border-color: #a80000;
-}
 
 p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
   border-color: #a80000;
@@ -511,9 +509,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
-  border-color: #a80000;
-}
 
 p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   border-color: #a80000;
@@ -634,9 +629,6 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   background: #f4f4f4;
   font-weight: 700;
 }
-.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
-  border-color: #a80000;
-}
 
 p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
   border-color: #a80000;
@@ -859,9 +851,6 @@ p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #116fbf;
 }
-.p-inputswitch.p-error, .p-inputswitch.p-invalid {
-  border-color: #a80000;
-}
 
 p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   border-color: #a80000;
@@ -887,7 +876,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
-.p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
+.p-inputtext.ng-dirty.ng-invalid {
   border-color: #a80000;
 }
 .p-inputtext.p-inputtext-sm {
@@ -1015,13 +1004,17 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
 .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-listbox .p-listbox-list .p-listbox-item-group {
+  margin: 0;
+  padding: 0.857rem;
+  color: #333333;
+  background: #f4f4f4;
+  font-weight: 700;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #333333;
   background: #eaeaea;
 }
-.p-listbox.p-error, .p-listbox.p-invalid {
-  border-color: #a80000;
-}
 
 p-listbox.ng-dirty.ng-invalid > .p-listbox {
   border-color: #a80000;
@@ -1066,9 +1059,6 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-multiselect.p-error, .p-multiselect.p-invalid {
-  border-color: #a80000;
-}
 
 .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
   padding: 0.2145rem 0.429rem;
@@ -1148,6 +1138,13 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+  margin: 0;
+  padding: 0.857rem;
+  color: #333333;
+  background: #f4f4f4;
+  font-weight: 700;
+}
 .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
   padding: 0.429rem 0.857rem;
   color: #333333;
@@ -1217,9 +1214,6 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
   background: #005b9f;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: #a80000;
-}
 
 p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
   border-color: #a80000;
@@ -1314,9 +1308,6 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
-  border-color: #a80000;
-}
 
 p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
   border-color: #a80000;
@@ -1411,9 +1402,6 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error, .p-togglebutton.p-button.p-invalid {
-  border-color: #a80000;
-}
 
 p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   border-color: #a80000;

package/resources/themes/nova-accent/theme.css

@@ -32,7 +32,7 @@
   opacity: 0.5;
 }
 
-.p-error, .p-invalid {
+.p-error {
   color: #a80000;
 }
 
@@ -93,9 +93,6 @@
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
 }
-.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
-  border-color: #a80000;
-}
 
 p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
   border-color: #a80000;
@@ -128,9 +125,12 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
   color: #ffffff;
   background: #e02365;
 }
-
-.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
-  border-color: #a80000;
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+  margin: 0;
+  padding: 0.857rem;
+  color: #333333;
+  background: #f4f4f4;
+  font-weight: 700;
 }
 
 p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
@@ -362,9 +362,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-cascadeselect.p-error, .p-cascadeselect.p-invalid {
-  border-color: #a80000;
-}
 
 .p-cascadeselect-panel {
   background: #ffffff;
@@ -404,6 +401,10 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   font-size: 0.875rem;
 }
 
+p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
+  border-color: #a80000;
+}
+
 .p-input-filled .p-cascadeselect {
   background: #f4f4f4;
 }
@@ -450,9 +451,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   background: #005b9f;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
-  border-color: #a80000;
-}
 
 p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
   border-color: #a80000;
@@ -507,9 +505,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
-  border-color: #a80000;
-}
 
 p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   border-color: #a80000;
@@ -630,9 +625,6 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   background: #f4f4f4;
   font-weight: 700;
 }
-.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
-  border-color: #a80000;
-}
 
 p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
   border-color: #a80000;
@@ -855,9 +847,6 @@ p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #116fbf;
 }
-.p-inputswitch.p-error, .p-inputswitch.p-invalid {
-  border-color: #a80000;
-}
 
 p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   border-color: #a80000;
@@ -883,7 +872,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
-.p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
+.p-inputtext.ng-dirty.ng-invalid {
   border-color: #a80000;
 }
 .p-inputtext.p-inputtext-sm {
@@ -1011,13 +1000,17 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
 .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-listbox .p-listbox-list .p-listbox-item-group {
+  margin: 0;
+  padding: 0.857rem;
+  color: #333333;
+  background: #f4f4f4;
+  font-weight: 700;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #333333;
   background: #eaeaea;
 }
-.p-listbox.p-error, .p-listbox.p-invalid {
-  border-color: #a80000;
-}
 
 p-listbox.ng-dirty.ng-invalid > .p-listbox {
   border-color: #a80000;
@@ -1062,9 +1055,6 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-multiselect.p-error, .p-multiselect.p-invalid {
-  border-color: #a80000;
-}
 
 .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
   padding: 0.2145rem 0.429rem;
@@ -1144,6 +1134,13 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+  margin: 0;
+  padding: 0.857rem;
+  color: #333333;
+  background: #f4f4f4;
+  font-weight: 700;
+}
 .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
   padding: 0.429rem 0.857rem;
   color: #333333;
@@ -1213,9 +1210,6 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
   background: #005b9f;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: #a80000;
-}
 
 p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
   border-color: #a80000;
@@ -1302,9 +1296,6 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
-  border-color: #a80000;
-}
 
 p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
   border-color: #a80000;
@@ -1399,9 +1390,6 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error, .p-togglebutton.p-button.p-invalid {
-  border-color: #a80000;
-}
 
 p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   border-color: #a80000;

package/resources/themes/nova-alt/theme.css

@@ -32,7 +32,7 @@
   opacity: 0.5;
 }
 
-.p-error, .p-invalid {
+.p-error {
   color: #a80000;
 }
 
@@ -93,9 +93,6 @@
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
 }
-.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
-  border-color: #a80000;
-}
 
 p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
   border-color: #a80000;
@@ -128,9 +125,12 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
   color: #ffffff;
   background: #007ad9;
 }
-
-.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
-  border-color: #a80000;
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+  margin: 0;
+  padding: 0.857rem;
+  color: #333333;
+  background: #f4f4f4;
+  font-weight: 700;
 }
 
 p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
@@ -362,9 +362,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-cascadeselect.p-error, .p-cascadeselect.p-invalid {
-  border-color: #a80000;
-}
 
 .p-cascadeselect-panel {
   background: #ffffff;
@@ -404,6 +401,10 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   font-size: 0.875rem;
 }
 
+p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
+  border-color: #a80000;
+}
+
 .p-input-filled .p-cascadeselect {
   background: #f4f4f4;
 }
@@ -450,9 +451,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   background: #005b9f;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
-  border-color: #a80000;
-}
 
 p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
   border-color: #a80000;
@@ -511,9 +509,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
-  border-color: #a80000;
-}
 
 p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   border-color: #a80000;
@@ -634,9 +629,6 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   background: #f4f4f4;
   font-weight: 700;
 }
-.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
-  border-color: #a80000;
-}
 
 p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
   border-color: #a80000;
@@ -859,9 +851,6 @@ p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #116fbf;
 }
-.p-inputswitch.p-error, .p-inputswitch.p-invalid {
-  border-color: #a80000;
-}
 
 p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   border-color: #a80000;
@@ -887,7 +876,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
-.p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
+.p-inputtext.ng-dirty.ng-invalid {
   border-color: #a80000;
 }
 .p-inputtext.p-inputtext-sm {
@@ -1015,13 +1004,17 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
 .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-listbox .p-listbox-list .p-listbox-item-group {
+  margin: 0;
+  padding: 0.857rem;
+  color: #333333;
+  background: #f4f4f4;
+  font-weight: 700;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #333333;
   background: #eaeaea;
 }
-.p-listbox.p-error, .p-listbox.p-invalid {
-  border-color: #a80000;
-}
 
 p-listbox.ng-dirty.ng-invalid > .p-listbox {
   border-color: #a80000;
@@ -1066,9 +1059,6 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-multiselect.p-error, .p-multiselect.p-invalid {
-  border-color: #a80000;
-}
 
 .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
   padding: 0.2145rem 0.429rem;
@@ -1148,6 +1138,13 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+  margin: 0;
+  padding: 0.857rem;
+  color: #333333;
+  background: #f4f4f4;
+  font-weight: 700;
+}
 .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
   padding: 0.429rem 0.857rem;
   color: #333333;
@@ -1217,9 +1214,6 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
   background: #005b9f;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: #a80000;
-}
 
 p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
   border-color: #a80000;
@@ -1314,9 +1308,6 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
-  border-color: #a80000;
-}
 
 p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
   border-color: #a80000;
@@ -1411,9 +1402,6 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #ffffff;
 }
-.p-togglebutton.p-button.p-error, .p-togglebutton.p-button.p-invalid {
-  border-color: #a80000;
-}
 
 p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   border-color: #a80000;

package/resources/themes/rhea/theme.css

@@ -32,7 +32,7 @@
   opacity: 0.5;
 }
 
-.p-error, .p-invalid {
+.p-error {
   color: #e7a3a3;
 }
 
@@ -93,9 +93,6 @@
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
 }
-.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
-  border-color: #e7a3a3;
-}
 
 p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
   border-color: #e7a3a3;
@@ -128,9 +125,12 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
   color: #385048;
   background: #AFD3C8;
 }
-
-.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
-  border-color: #e7a3a3;
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+  margin: 0;
+  padding: 0.857rem;
+  color: #666666;
+  background: #f4f4f4;
+  font-weight: 700;
 }
 
 p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
@@ -362,9 +362,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
 }
-.p-cascadeselect.p-error, .p-cascadeselect.p-invalid {
-  border-color: #e7a3a3;
-}
 
 .p-cascadeselect-panel {
   background: #ffffff;
@@ -404,6 +401,10 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   font-size: 0.875rem;
 }
 
+p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
+  border-color: #e7a3a3;
+}
+
 .p-input-filled .p-cascadeselect {
   background: #f4f4f4;
 }
@@ -450,9 +451,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   background: #617c8a;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
-  border-color: #e7a3a3;
-}
 
 p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
   border-color: #e7a3a3;
@@ -507,9 +505,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
-  border-color: #e7a3a3;
-}
 
 p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   border-color: #e7a3a3;
@@ -630,9 +625,6 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   background: #f4f4f4;
   font-weight: 700;
 }
-.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
-  border-color: #e7a3a3;
-}
 
 p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
   border-color: #e7a3a3;
@@ -855,9 +847,6 @@ p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #AFD3C8;
 }
-.p-inputswitch.p-error, .p-inputswitch.p-invalid {
-  border-color: #e7a3a3;
-}
 
 p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   border-color: #e7a3a3;
@@ -883,7 +872,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   box-shadow: 0 0 0 0.2rem #e4e9ec;
   border-color: #7B95A3;
 }
-.p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
+.p-inputtext.ng-dirty.ng-invalid {
   border-color: #e7a3a3;
 }
 .p-inputtext.p-inputtext-sm {
@@ -1011,12 +1000,16 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
 .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
   margin-right: 0.5rem;
 }
-.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+.p-listbox .p-listbox-list .p-listbox-item-group {
+  margin: 0;
+  padding: 0.857rem;
   color: #666666;
   background: #f4f4f4;
+  font-weight: 700;
 }
-.p-listbox.p-error, .p-listbox.p-invalid {
-  border-color: #e7a3a3;
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+  color: #666666;
+  background: #f4f4f4;
 }
 
 p-listbox.ng-dirty.ng-invalid > .p-listbox {
@@ -1062,9 +1055,6 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
 }
-.p-multiselect.p-error, .p-multiselect.p-invalid {
-  border-color: #e7a3a3;
-}
 
 .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
   padding: 0.2145rem 0.429rem;
@@ -1144,6 +1134,13 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+  margin: 0;
+  padding: 0.857rem;
+  color: #666666;
+  background: #f4f4f4;
+  font-weight: 700;
+}
 .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
   padding: 0.429rem 0.857rem;
   color: #666666;
@@ -1213,9 +1210,6 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
   background: #617c8a;
   color: #ffffff;
 }
-.p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: #e7a3a3;
-}
 
 p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
   border-color: #e7a3a3;
@@ -1302,9 +1296,6 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: #385048;
 }
-.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
-  border-color: #e7a3a3;
-}
 
 p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
   border-color: #e7a3a3;
@@ -1399,9 +1390,6 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: #385048;
 }
-.p-togglebutton.p-button.p-error, .p-togglebutton.p-button.p-invalid {
-  border-color: #e7a3a3;
-}
 
 p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   border-color: #e7a3a3;