primeng 11.1.0 → 11.2.3

package/resources/themes/md-light-deeppurple/theme.css

@@ -6,7 +6,7 @@
   --surface-d:rgba(0,0,0,.12);
   --surface-e:#ffffff;
   --surface-f:#ffffff;
-  --text-color:#000001;
+  --text-color:rgba(0, 0, 0, 0.87);
   --text-color-secondary:textSecondaryColor;
   --primary-color:#673AB7;
   --primary-color-text:#ffffff;
@@ -56,7 +56,7 @@
   opacity: 0.38;
 }
 
-.p-error, .p-invalid {
+.p-error {
   color: #B00020;
 }
 
@@ -89,7 +89,7 @@
   padding: 0.5rem 1rem;
 }
 .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  border-color: #000001;
+  border-color: rgba(0, 0, 0, 0.87);
 }
 .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
@@ -103,7 +103,7 @@
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
   font-size: 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   padding: 0;
   margin: 0;
 }
@@ -117,9 +117,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: #B00020;
-}
 
 p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
   border-color: #B00020;
@@ -127,7 +124,7 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
 
 .p-autocomplete-panel {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 0 none;
   border-radius: 4px;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -139,22 +136,25 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
   margin: 0;
   padding: 1rem 1rem;
   border: 0 none;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: transparent;
   transition: none;
   border-radius: 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: rgba(0, 0, 0, 0.04);
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
   color: #673AB7;
   background: rgba(103, 58, 183, 0.12);
 }
-
-.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
-  border-color: #B00020;
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+  margin: 0;
+  padding: 1rem;
+  color: rgba(0, 0, 0, 0.6);
+  background: #ffffff;
+  font-weight: 400;
 }
 
 p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
@@ -164,7 +164,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
 .p-datepicker {
   padding: 0.5rem;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid rgba(0, 0, 0, 0.38);
   border-radius: 4px;
 }
@@ -178,7 +178,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
 }
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: #ffffff;
   font-weight: 500;
   margin: 0;
@@ -255,7 +255,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-color: black;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
@@ -359,7 +359,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   border-radius: 4px;
 }
 .p-cascadeselect:not(.p-disabled):hover {
-  border-color: #000001;
+  border-color: rgba(0, 0, 0, 0.87);
 }
 .p-cascadeselect:not(.p-disabled).p-focus {
   outline: 0 none;
@@ -386,13 +386,10 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
 }
-.p-cascadeselect.p-error, .p-cascadeselect.p-invalid {
-  border-color: #B00020;
-}
 
 .p-cascadeselect-panel {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 0 none;
   border-radius: 4px;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -403,7 +400,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
   margin: 0;
   border: 0 none;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: transparent;
   transition: none;
   border-radius: 0;
@@ -421,13 +418,17 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   background: rgba(103, 58, 183, 0.12);
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: rgba(0, 0, 0, 0.04);
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
   font-size: 0.875rem;
 }
 
+p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
+  border-color: #B00020;
+}
+
 .p-input-filled .p-cascadeselect {
   background: #f5f5f5;
 }
@@ -447,7 +448,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   background: #ffffff;
   width: 18px;
   height: 18px;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 4px;
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
@@ -461,7 +462,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   background: #673AB7;
 }
 .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  border-color: #000001;
+  border-color: rgba(0, 0, 0, 0.87);
 }
 .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
   outline: 0 none;
@@ -474,9 +475,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   background: #673AB7;
   color: #ffffff;
 }
-.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
-  border-color: #B00020;
-}
 
 p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
   border-color: #B00020;
@@ -503,7 +501,7 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
   padding: 0.5rem 1rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
-  border-color: #000001;
+  border-color: rgba(0, 0, 0, 0.87);
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
@@ -527,13 +525,10 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
   font-size: 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   padding: 0;
   margin: 0;
 }
-.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
-  border-color: #B00020;
-}
 
 p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   border-color: #B00020;
@@ -565,7 +560,7 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   border-radius: 4px;
 }
 .p-dropdown:not(.p-disabled):hover {
-  border-color: #000001;
+  border-color: rgba(0, 0, 0, 0.87);
 }
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
@@ -601,7 +596,7 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
 
 .p-dropdown-panel {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 0 none;
   border-radius: 4px;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -609,7 +604,7 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
 .p-dropdown-panel .p-dropdown-header {
   padding: 1rem;
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: #ffffff;
   margin: 0;
   border-top-right-radius: 4px;
@@ -629,7 +624,7 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   margin: 0;
   padding: 1rem 1rem;
   border: 0 none;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: transparent;
   transition: none;
   border-radius: 0;
@@ -639,12 +634,12 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   background: rgba(103, 58, 183, 0.12);
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: rgba(0, 0, 0, 0.04);
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
   padding: 1rem 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: transparent;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
@@ -654,9 +649,6 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   background: #ffffff;
   font-weight: 400;
 }
-.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
-  border-color: #B00020;
-}
 
 p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
   border-color: #B00020;
@@ -691,22 +683,22 @@ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
   color: rgba(0, 0, 0, 0.6);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
-  stroke: #000001;
+  stroke: rgba(0, 0, 0, 0.87);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
-  fill: #000001;
+  fill: rgba(0, 0, 0, 0.87);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
-  stroke: #000001;
+  stroke: rgba(0, 0, 0, 0.87);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
-  fill: #000001;
+  fill: rgba(0, 0, 0, 0.87);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
   background: #ffffff;
@@ -716,10 +708,10 @@ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
   padding: 0;
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: rgba(0, 0, 0, 0.04);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
@@ -734,21 +726,21 @@ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
 }
 .p-editor-container .p-editor-content .ql-editor {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
 .p-editor-container .ql-snow.ql-toolbar button:hover,
 .p-editor-container .ql-snow.ql-toolbar button:focus {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
 .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
-  stroke: #000001;
+  stroke: rgba(0, 0, 0, 0.87);
 }
 .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
 .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
-  fill: #000001;
+  fill: rgba(0, 0, 0, 0.87);
 }
 .p-editor-container .ql-snow.ql-toolbar button.ql-active,
 .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
@@ -879,9 +871,6 @@ p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: rgba(103, 58, 183, 0.5);
 }
-.p-inputswitch.p-error, .p-inputswitch.p-invalid {
-  border-color: #B00020;
-}
 
 p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   border-color: #B00020;
@@ -890,7 +879,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
 .p-inputtext {
   font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
   font-size: 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: #ffffff;
   padding: 1rem 1rem;
   border: 1px solid rgba(0, 0, 0, 0.38);
@@ -899,7 +888,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   border-radius: 4px;
 }
 .p-inputtext:enabled:hover {
-  border-color: #000001;
+  border-color: rgba(0, 0, 0, 0.87);
 }
 .p-inputtext:enabled:focus {
   outline: 0 none;
@@ -907,7 +896,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   box-shadow: none;
   border-color: #673AB7;
 }
-.p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
+.p-inputtext.ng-dirty.ng-invalid {
   border-color: #B00020;
 }
 .p-inputtext.p-inputtext-sm {
@@ -989,14 +978,14 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
 
 .p-listbox {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid rgba(0, 0, 0, 0.38);
   border-radius: 4px;
 }
 .p-listbox .p-listbox-header {
   padding: 1rem;
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: #ffffff;
   margin: 0;
   border-top-right-radius: 4px;
@@ -1019,7 +1008,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   margin: 0;
   padding: 1rem 1rem;
   border: 0 none;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   transition: none;
   border-radius: 0;
 }
@@ -1035,13 +1024,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: 1rem;
+  color: rgba(0, 0, 0, 0.6);
+  background: #ffffff;
+  font-weight: 400;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: rgba(0, 0, 0, 0.04);
 }
-.p-listbox.p-error, .p-listbox.p-invalid {
-  border-color: #B00020;
-}
 
 p-listbox.ng-dirty.ng-invalid > .p-listbox {
   border-color: #B00020;
@@ -1054,7 +1047,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
   border-radius: 4px;
 }
 .p-multiselect:not(.p-disabled):hover {
-  border-color: #000001;
+  border-color: rgba(0, 0, 0, 0.87);
 }
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
@@ -1086,9 +1079,6 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
 }
-.p-multiselect.p-error, .p-multiselect.p-invalid {
-  border-color: #B00020;
-}
 
 .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
   padding: 0.5rem 1rem;
@@ -1096,7 +1086,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
 
 .p-multiselect-panel {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 0 none;
   border-radius: 4px;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -1104,7 +1094,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
 .p-multiselect-panel .p-multiselect-header {
   padding: 1rem;
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: #ffffff;
   margin: 0;
   border-top-right-radius: 4px;
@@ -1147,7 +1137,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
   margin: 0;
   padding: 1rem 1rem;
   border: 0 none;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: transparent;
   transition: none;
   border-radius: 0;
@@ -1157,7 +1147,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
   background: rgba(103, 58, 183, 0.12);
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: rgba(0, 0, 0, 0.04);
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
@@ -1168,9 +1158,16 @@ 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: 1rem;
+  color: rgba(0, 0, 0, 0.6);
+  background: #ffffff;
+  font-weight: 400;
+}
 .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
   padding: 1rem 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: transparent;
 }
 
@@ -1191,7 +1188,7 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
 .p-password-panel {
   padding: 1rem;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 0 none;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
   border-radius: 4px;
@@ -1209,12 +1206,12 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
   background: #ffffff;
   width: 20px;
   height: 20px;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 50%;
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
-  border-color: #000001;
+  border-color: rgba(0, 0, 0, 0.87);
 }
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
@@ -1237,9 +1234,6 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
   background: #ffffff;
   color: #673AB7;
 }
-.p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: #B00020;
-}
 
 p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
   border-color: #B00020;
@@ -1292,7 +1286,7 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
 .p-selectbutton .p-button {
   background: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.12);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .p-selectbutton .p-button .p-button-icon-left,
@@ -1302,7 +1296,7 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
 .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
   background: #f6f6f6;
   border-color: rgba(0, 0, 0, 0.12);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
 .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
@@ -1311,7 +1305,7 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
 .p-selectbutton .p-button.p-highlight {
   background: #e0e0e1;
   border-color: #e0e0e1;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-selectbutton .p-button.p-highlight .p-button-icon-left,
 .p-selectbutton .p-button.p-highlight .p-button-icon-right {
@@ -1320,15 +1314,12 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
 .p-selectbutton .p-button.p-highlight:hover {
   background: #d9d8d9;
   border-color: #d9d8d9;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: rgba(0, 0, 0, 0.6);
 }
-.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
-  border-color: #B00020;
-}
 
 p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
   border-color: #B00020;
@@ -1389,7 +1380,7 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
 .p-togglebutton.p-button {
   background: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.12);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .p-togglebutton.p-button .p-button-icon-left,
@@ -1399,7 +1390,7 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
 .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
   background: #f6f6f6;
   border-color: rgba(0, 0, 0, 0.12);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
 .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
@@ -1408,7 +1399,7 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
 .p-togglebutton.p-button.p-highlight {
   background: #e0e0e1;
   border-color: #e0e0e1;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-togglebutton.p-button.p-highlight .p-button-icon-left,
 .p-togglebutton.p-button.p-highlight .p-button-icon-right {
@@ -1417,15 +1408,12 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
 .p-togglebutton.p-button.p-highlight:hover {
   background: #d9d8d9;
   border-color: #d9d8d9;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: rgba(0, 0, 0, 0.6);
 }
-.p-togglebutton.p-button.p-error, .p-togglebutton.p-button.p-invalid {
-  border-color: #B00020;
-}
 
 p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   border-color: #B00020;
@@ -1869,13 +1857,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 
 .p-button.p-button-link {
-  color: transparent;
+  color: #673AB7;
   background: transparent;
   border: transparent;
 }
 .p-button.p-button-link:enabled:hover {
   background: transparent;
-  color: transparent;
+  color: #673AB7;
   border-color: transparent;
 }
 .p-button.p-button-link:enabled:hover .p-button-label {
@@ -1888,7 +1876,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
-  color: transparent;
+  color: #673AB7;
   border-color: transparent;
 }
 
@@ -1947,7 +1935,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-datatable .p-datatable-header {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e4e4e4;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
@@ -1955,7 +1943,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-datatable .p-datatable-footer {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e4e4e4;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
@@ -1967,7 +1955,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   border: 1px solid #e4e4e4;
   border-width: 0 0 1px 0;
   font-weight: 500;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: #ffffff;
   transition: none;
 }
@@ -1977,7 +1965,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   border: 1px solid #e4e4e4;
   border-width: 0 0 1px 0;
   font-weight: 500;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: #ffffff;
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
@@ -1995,24 +1983,24 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(0, 0, 0, 0.04);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
   color: rgba(0, 0, 0, 0.6);
 }
 .p-datatable .p-sortable-column.p-highlight {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-datatable .p-sortable-column.p-highlight:hover {
   background: rgba(0, 0, 0, 0.04);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-datatable .p-sortable-column:focus {
   box-shadow: none;
@@ -2020,7 +2008,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-datatable .p-datatable-tbody > tr {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   transition: none;
   outline-color: transparent;
 }
@@ -2073,7 +2061,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
   background: rgba(0, 0, 0, 0.04);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-datatable .p-column-resizer-helper {
   background: #673AB7;
@@ -2160,7 +2148,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-dataview .p-dataview-header {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e4e4e4;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
@@ -2168,7 +2156,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-dataview .p-dataview-content {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 0 none;
   padding: 1rem 0;
 }
@@ -2178,7 +2166,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-dataview .p-dataview-footer {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e4e4e4;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
@@ -2248,7 +2236,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 
 .p-column-filter-overlay {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 0 none;
   border-radius: 4px;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -2261,7 +2249,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   margin: 0;
   padding: 1rem 1rem;
   border: 0 none;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: transparent;
   transition: none;
   border-radius: 0;
@@ -2271,7 +2259,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(103, 58, 183, 0.12);
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: rgba(0, 0, 0, 0.04);
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
@@ -2287,7 +2275,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-column-filter-overlay-menu .p-column-filter-operator {
   padding: 1rem;
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: #ffffff;
   margin: 0;
   border-top-right-radius: 4px;
@@ -2316,12 +2304,12 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .fc .fc-view-container th {
   background: #ffffff;
   border: 1px solid #e0e0e0;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .fc .fc-view-container td.fc-widget-content {
   background: #ffffff;
   border: 1px solid #e0e0e0;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .fc .fc-view-container td.fc-head-container {
   border: 1px solid #e0e0e0;
@@ -2387,23 +2375,23 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.12);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
   background: #f6f6f6;
   border-color: rgba(0, 0, 0, 0.12);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
   background: #e0e0e1;
   border-color: #e0e0e1;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
   background: #d9d8d9;
   border-color: #d9d8d9;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
@@ -2431,7 +2419,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-orderlist .p-orderlist-header {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e0e0e0;
   padding: 1rem;
   border-bottom: 0 none;
@@ -2457,7 +2445,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-orderlist .p-orderlist-list {
   border: 1px solid #e0e0e0;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   padding: 0;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
@@ -2466,13 +2454,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   padding: 1rem 1rem;
   margin: 0;
   border: 0 none;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: transparent;
   transition: transform 0.2s, none;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
   background: rgba(0, 0, 0, 0.04);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
@@ -2505,7 +2493,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
   background: rgba(0, 0, 0, 0.04);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-organizationchart .p-organizationchart-node-content.p-highlight {
   background: rgba(103, 58, 183, 0.12);
@@ -2528,7 +2516,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-organizationchart .p-organizationchart-node-content {
   border: 1px solid #e0e0e0;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
@@ -2544,7 +2532,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 
 .p-paginator {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: solid #e4e4e4;
   border-width: 0;
   padding: 0.5rem 1rem;
@@ -2624,7 +2612,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-picklist .p-picklist-header {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e0e0e0;
   padding: 1rem;
   border-bottom: 0 none;
@@ -2650,7 +2638,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-picklist .p-picklist-list {
   border: 1px solid #e0e0e0;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   padding: 0;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
@@ -2659,13 +2647,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   padding: 1rem 1rem;
   margin: 0;
   border: 0 none;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: transparent;
   transition: transform 0.2s, none;
 }
 .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
   background: rgba(0, 0, 0, 0.04);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
@@ -2681,7 +2669,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-picklist .p-picklist-list .p-picklist-empty-message {
   padding: 1rem 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 
 @media screen and (max-width: 769px) {
@@ -2740,7 +2728,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-tree {
   border: 1px solid #e0e0e0;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   padding: 1rem;
   border-radius: 4px;
 }
@@ -2780,7 +2768,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
@@ -2801,11 +2789,11 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
   background: rgba(0, 0, 0, 0.04);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
   background: rgba(0, 0, 0, 0.04);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-tree .p-tree-filter-container {
   margin-bottom: 0.5rem;
@@ -2831,7 +2819,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   border-radius: 4px;
   border: 1px solid #e0e0e0;
   background-color: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   padding: 0.75rem;
   transition: none;
 }
@@ -2858,7 +2846,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
   background: rgba(0, 0, 0, 0.04);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
   outline: 0 none;
@@ -2876,7 +2864,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-treetable .p-treetable-header {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e4e4e4;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
@@ -2884,7 +2872,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-treetable .p-treetable-footer {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e4e4e4;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
@@ -2896,7 +2884,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   border: 1px solid #e4e4e4;
   border-width: 0 0 1px 0;
   font-weight: 500;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: #ffffff;
   transition: none;
 }
@@ -2906,7 +2894,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   border: 1px solid #e4e4e4;
   border-width: 0 0 1px 0;
   font-weight: 500;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: #ffffff;
 }
 .p-treetable .p-sortable-column {
@@ -2927,21 +2915,21 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(0, 0, 0, 0.04);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
   color: rgba(0, 0, 0, 0.6);
 }
 .p-treetable .p-sortable-column.p-highlight {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-treetable .p-treetable-tbody > tr {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   transition: none;
   outline-color: transparent;
 }
@@ -2975,7 +2963,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   margin-right: 0.5rem;
 }
 .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-treetable .p-treetable-tbody > tr.p-highlight {
   background: rgba(103, 58, 183, 0.12);
@@ -2989,10 +2977,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
   background: rgba(0, 0, 0, 0.04);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-treetable .p-column-resizer-helper {
   background: #673AB7;
@@ -3058,7 +3046,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 
 .p-virtualscroller .p-virtualscroller-header {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e4e4e4;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
@@ -3066,13 +3054,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-virtualscroller .p-virtualscroller-content {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 0 none;
   padding: 1rem 0;
 }
 .p-virtualscroller .p-virtualscroller-footer {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e4e4e4;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
@@ -3084,7 +3072,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-accordion .p-accordion-header .p-accordion-header-link {
   padding: 1.5rem;
   border: 0 none;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: #ffffff;
   font-weight: 400;
   border-radius: 4px;
@@ -3101,25 +3089,25 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
   background: #f6f6f6;
   border-color: transparent;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
   background: #ffffff;
   border-color: transparent;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
 .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
   border-color: transparent;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-accordion .p-accordion-content {
   padding: 1rem 1.5rem;
   border: 0 none;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
@@ -3156,7 +3144,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 
 .p-card {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
   border-radius: 4px;
 }
@@ -3207,13 +3195,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-fieldset {
   border: 1px solid #e0e0e0;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 4px;
 }
 .p-fieldset .p-fieldset-legend {
   padding: 1rem;
   border: 1px solid #e0e0e0;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: #ffffff;
   font-weight: 500;
   border-radius: 4px;
@@ -3224,7 +3212,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
   padding: 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 4px;
   transition: none;
 }
@@ -3239,7 +3227,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: rgba(0, 0, 0, 0.04);
   border-color: #e0e0e0;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-fieldset .p-fieldset-content {
   padding: 1rem;
@@ -3249,7 +3237,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   border: 1px solid #e0e0e0;
   padding: 1rem;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
 }
@@ -3282,7 +3270,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   padding: 1rem;
   border: 1px solid #e0e0e0;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
   border-top: 0 none;
@@ -3291,7 +3279,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   padding: 1rem 1rem;
   border: 1px solid #e0e0e0;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-top: 0 none;
 }
 
@@ -3304,7 +3292,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   border: 1px solid #e0e0e0;
   background: #ffffff;
   border-radius: 4px;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-splitter .p-splitter-gutter {
   transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -3366,7 +3354,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: #ffffff;
   padding: 1rem;
   border: 0 none;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
@@ -3383,7 +3371,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 
 .p-confirm-popup {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 0 none;
   border-radius: 4px;
   box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
@@ -3433,7 +3421,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-dialog .p-dialog-header {
   border-bottom: 0 none;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   padding: 1.5rem;
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
@@ -3467,13 +3455,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-dialog .p-dialog-content {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   padding: 0 1.5rem 1.5rem 1.5rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 0 none;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   padding: 1rem 1.5rem;
   text-align: right;
   border-bottom-right-radius: 4px;
@@ -3496,7 +3484,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 
 .p-overlaypanel {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 0 none;
   border-radius: 4px;
   box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
@@ -3538,7 +3526,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 
 .p-sidebar {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   padding: 1rem;
   border: 0 none;
   box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
@@ -3591,7 +3579,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: #ffffff;
   padding: 1rem;
   border: 1px solid #e0e0e0;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-bottom: 0 none;
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
@@ -3608,7 +3596,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: #ffffff;
   padding: 2rem 1rem;
   border: 1px solid #e0e0e0;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
@@ -3649,7 +3637,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   box-shadow: none;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3659,7 +3647,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   color: rgba(0, 0, 0, 0.6);
 }
 .p-breadcrumb ul li:last-child .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-breadcrumb ul li:last-child .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3668,20 +3656,20 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-contextmenu {
   padding: 0.5rem 0;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
   padding: 1rem 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 0;
   transition: none;
   user-select: none;
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3694,7 +3682,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3723,7 +3711,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3739,19 +3727,19 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-megamenu {
   padding: 1rem;
   background: transparent;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e5e5e5;
   border-radius: 4px;
 }
 .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
   padding: 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 4px;
   transition: none;
   user-select: none;
 }
 .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3765,7 +3753,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3784,7 +3772,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
 .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
 .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
@@ -3796,13 +3784,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-megamenu .p-menuitem-link {
   padding: 1rem 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 0;
   transition: none;
   user-select: none;
 }
 .p-megamenu .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3815,7 +3803,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3830,7 +3818,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3861,7 +3849,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3880,20 +3868,20 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-menu {
   padding: 0.5rem 0;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e5e5e5;
   border-radius: 4px;
   width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
   padding: 1rem 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 0;
   transition: none;
   user-select: none;
 }
 .p-menu .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3906,7 +3894,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3947,19 +3935,19 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-menubar {
   padding: 1rem;
   background: transparent;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e5e5e5;
   border-radius: 4px;
 }
 .p-menubar .p-menuitem-link {
   padding: 1rem 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 0;
   transition: none;
   user-select: none;
 }
 .p-menubar .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3972,7 +3960,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -3987,13 +3975,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
   padding: 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 4px;
   transition: none;
   user-select: none;
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -4007,7 +3995,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -4026,7 +4014,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
 .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
 .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
@@ -4060,7 +4048,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -4109,13 +4097,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
     padding: 1rem 1rem;
-    color: #000001;
+    color: rgba(0, 0, 0, 0.87);
     border-radius: 0;
     transition: none;
     user-select: none;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
-    color: #000001;
+    color: rgba(0, 0, 0, 0.87);
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
     color: rgba(0, 0, 0, 0.6);
@@ -4128,7 +4116,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
     background: rgba(0, 0, 0, 0.04);
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
-    color: #000001;
+    color: rgba(0, 0, 0, 0.87);
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
     color: rgba(0, 0, 0, 0.6);
@@ -4191,7 +4179,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-panelmenu .p-panelmenu-header > a {
   padding: 1.5rem;
   border: 0 none;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   background: #ffffff;
   font-weight: 400;
   border-radius: 4px;
@@ -4211,7 +4199,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #f6f6f6;
   border-color: transparent;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-panelmenu .p-panelmenu-header.p-highlight {
   margin-bottom: 0;
@@ -4219,20 +4207,20 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-panelmenu .p-panelmenu-header.p-highlight > a {
   background: #ffffff;
   border-color: transparent;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
 .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
   border-color: transparent;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-panelmenu .p-panelmenu-content {
   padding: 0.5rem 0;
   border: 0 none;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   margin-bottom: 0;
   border-top: 0;
   border-top-right-radius: 0;
@@ -4242,13 +4230,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
   padding: 1rem 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 0;
   transition: none;
   user-select: none;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -4261,7 +4249,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -4311,20 +4299,20 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-slidemenu {
   padding: 0.5rem 0;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e5e5e5;
   border-radius: 4px;
   width: 12.5rem;
 }
 .p-slidemenu .p-menuitem-link {
   padding: 1rem 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 0;
   transition: none;
   user-select: none;
 }
 .p-slidemenu .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-slidemenu .p-menuitem-link .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -4337,7 +4325,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -4365,7 +4353,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -4379,7 +4367,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-slidemenu .p-slidemenu-backward {
   padding: 1rem 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .p-steps .p-steps-item .p-menuitem-link {
@@ -4389,7 +4377,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: transparent;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid transparent;
   background: transparent;
   min-width: 2rem;
@@ -4401,7 +4389,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
   margin-top: 0.5rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
@@ -4414,7 +4402,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-steps .p-steps-item.p-highlight .p-steps-title {
   font-weight: 500;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-steps .p-steps-item:before {
   content: " ";
@@ -4470,20 +4458,20 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-tieredmenu {
   padding: 0.5rem 0;
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e5e5e5;
   border-radius: 4px;
   width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
   padding: 1rem 1rem;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 0;
   transition: none;
   user-select: none;
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -4496,7 +4484,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -4530,7 +4518,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: rgba(0, 0, 0, 0.04);
 }
 .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
   color: rgba(0, 0, 0, 0.6);
@@ -4939,7 +4927,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 
 .p-chip {
   background-color: rgba(0, 0, 0, 0.12);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border-radius: 16px;
   padding: 0 1rem;
 }
@@ -4977,7 +4965,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 }
 .p-inplace .p-inplace-display:not(.p-disabled):hover {
   background: rgba(0, 0, 0, 0.04);
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
@@ -4997,7 +4985,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
   background: #673AB7;
 }
 .p-progressbar .p-progressbar-label {
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   line-height: 4px;
 }
 
@@ -5058,7 +5046,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 
 .p-terminal {
   background: #ffffff;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e0e0e0;
   padding: 1rem;
 }
@@ -5127,7 +5115,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
 .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
   background-color: #ececec;
   border-color: transparent;
-  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, #000001, #000001);
+  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
 }
 .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
@@ -5345,7 +5333,7 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
   background: rgba(0, 0, 0, 0.12);
 }
 .p-calendar-w-btn:not(.p-disabled):hover {
-  border-color: #000001;
+  border-color: rgba(0, 0, 0, 0.87);
 }
 .p-calendar-w-btn:not(.p-disabled).p-focus {
   border-color: #673AB7;
@@ -5378,34 +5366,6 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
   box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12);
 }
 
-/*p-calendar.ng-dirty.ng-invalid {
-    .p-inputtext {
-        &:enabled:focus {
-            box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor;
-        }
-    }
-
-    .p-calendar-w-btn {
-        border-color: $inputErrorBorderColor;
-
-        &:not(.p-disabled):hover {
-            border-color: $inputErrorBorderColor;
-        }
-
-        .p-inputtext {
-            &:enabled:focus {
-                box-shadow: none;
-            }
-        }
-    }
-
-    &.p-inputwrapper-focus {
-        .p-calendar-w-btn {
-            border-color: $inputErrorBorderColor;
-            box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor;
-        }
-    }
-}*/
 p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
   box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
 }
@@ -5436,7 +5396,7 @@ p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus {
 .p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
   background-color: #ececec;
   border-color: transparent;
-  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, #000001, #000001);
+  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
 }
 .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
@@ -5472,6 +5432,66 @@ p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus {
   background-image: none;
 }
 
+.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger {
+  background-image: none;
+  background: transparent;
+}
+.p-cascadeselect .p-inputtext {
+  border: 0 none;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+  box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
+
+.p-cascadeselect-item .p-ink {
+  background-color: rgba(103, 58, 183, 0.16);
+}
+
+.p-input-filled .p-cascadeselect {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: 1px solid transparent;
+  background: #f5f5f5 no-repeat;
+  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
+  background-size: 0 2px, 100% 1px;
+  background-position: 50% 100%, 50% 100%;
+  background-origin: border-box;
+}
+.p-input-filled .p-cascadeselect .p-inputtext {
+  background-image: none;
+  background-color: transparent;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+  background-color: #ececec;
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
+  box-shadow: none;
+  background-color: #dcdcdc;
+  border-color: transparent;
+  background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
+  background-image: none;
+  background: transparent;
+}
+.p-input-filled .p-cascadeselect .p-inputtext {
+  border: 0 none;
+}
+.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus {
+  box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
+
 .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
   background: #4CAF50;
   color: #ffffff;
@@ -5566,7 +5586,7 @@ p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus {
 .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
   background-color: #ececec;
   border-color: transparent;
-  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, #000001, #000001);
+  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
 }
 .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
@@ -5651,7 +5671,7 @@ p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
   background-color: #ececec;
   border-color: transparent;
-  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, #000001, #000001);
+  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
@@ -5711,7 +5731,7 @@ p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus {
 .p-input-filled .p-inputtext:enabled:hover {
   background-color: #ececec;
   border-color: transparent;
-  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, #000001, #000001);
+  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
 }
 .p-input-filled .p-inputtext:enabled:focus {
   box-shadow: none;
@@ -5878,7 +5898,7 @@ p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
   background-color: #ececec;
   border-color: transparent;
-  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, #000001, #000001);
+  background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
@@ -6089,7 +6109,7 @@ p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus {
 }
 .p-steps .p-steps-item.p-highlight .p-steps-title {
   font-weight: 600;
-  color: #000001;
+  color: rgba(0, 0, 0, 0.87);
 }
 .p-steps .p-steps-item.p-disabled {
   opacity: 1;