Fixed #459 - emptyFilterMessage for Dropdown, MultiSelect and Listbox filter

public/themes/arya-blue/theme.css

@@ -522,6 +522,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #383838;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 1px #93cbf9;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #383838;
@@ -2705,6 +2720,9 @@
   border-color: #383838;
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #383838;

public/themes/arya-green/theme.css

@@ -522,6 +522,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #383838;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 1px #a7d8a9;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #383838;
@@ -2705,6 +2720,9 @@
   border-color: #383838;
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #383838;

public/themes/arya-orange/theme.css

@@ -522,6 +522,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #383838;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 1px #ffe284;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #383838;
@@ -2705,6 +2720,9 @@
   border-color: #383838;
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #383838;

public/themes/arya-purple/theme.css

@@ -522,6 +522,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #383838;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 1px #cf95d9;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #383838;
@@ -2705,6 +2720,9 @@
   border-color: #383838;
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #383838;

public/themes/bootstrap4-dark-blue/theme.css

@@ -522,6 +522,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.04);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1.5rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #3f4b5b;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.15rem #e3f3fe;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1.5rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.04);
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1.5rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #3f4b5b;
@@ -2705,6 +2720,9 @@
   border-color: #3f4b5b;
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1.25rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #3f4b5b;

public/themes/bootstrap4-dark-purple/theme.css

@@ -522,6 +522,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.04);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1.5rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #3f4b5b;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.15rem #f0e6f5;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1.5rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.04);
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1.5rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #3f4b5b;
@@ -2705,6 +2720,9 @@
   border-color: #3f4b5b;
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1.25rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #3f4b5b;

public/themes/bootstrap4-light-blue/theme.css

@@ -522,6 +522,11 @@
   color: #212529;
   background: #e9ecef;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1.5rem;
+  color: #212529;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: rgba(0, 0, 0, 0.03);
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1.5rem;
+  color: #212529;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #212529;
   background: #e9ecef;
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1.5rem;
+  color: #212529;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: rgba(0, 0, 0, 0.03);
@@ -2705,6 +2720,9 @@
   border-color: #dee2e6;
   color: #212529;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1.25rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #dee2e6;

public/themes/bootstrap4-light-purple/theme.css

@@ -522,6 +522,11 @@
   color: #212529;
   background: #e9ecef;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1.5rem;
+  color: #212529;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: rgba(0, 0, 0, 0.03);
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1.5rem;
+  color: #212529;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #212529;
   background: #e9ecef;
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1.5rem;
+  color: #212529;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: rgba(0, 0, 0, 0.03);
@@ -2705,6 +2720,9 @@
   border-color: #dee2e6;
   color: #212529;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1.25rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #dee2e6;

public/themes/luna-amber/theme.css

@@ -522,6 +522,11 @@
   color: #dedede;
   background: #4c4c4c;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #dedede;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #4b4b4b;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem white;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #dedede;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #dedede;
   background: #4c4c4c;
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #dedede;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #4b4b4b;
@@ -2688,6 +2703,9 @@
   border-color: #191919;
   color: #FFE082;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 0.571rem 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #191919;

public/themes/luna-blue/theme.css

@@ -522,6 +522,11 @@
   color: #dedede;
   background: #4c4c4c;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #dedede;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #4b4b4b;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem white;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #dedede;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #dedede;
   background: #4c4c4c;
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #dedede;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #4b4b4b;
@@ -2688,6 +2703,9 @@
   border-color: #191919;
   color: #81D4FA;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 0.571rem 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #191919;

public/themes/luna-green/theme.css

@@ -522,6 +522,11 @@
   color: #dedede;
   background: #4c4c4c;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #dedede;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #4b4b4b;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem white;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #dedede;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #dedede;
   background: #4c4c4c;
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #dedede;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #4b4b4b;
@@ -2688,6 +2703,9 @@
   border-color: #191919;
   color: #C5E1A5;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 0.571rem 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #191919;

public/themes/luna-pink/theme.css

@@ -522,6 +522,11 @@
   color: #dedede;
   background: #4c4c4c;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #dedede;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #4b4b4b;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem white;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #dedede;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #dedede;
   background: #4c4c4c;
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #dedede;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #4b4b4b;
@@ -2688,6 +2703,9 @@
   border-color: #191919;
   color: #F48FB1;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 0.571rem 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #191919;

public/themes/md-dark-deeppurple/theme.css

@@ -542,6 +542,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.04);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 1rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: rgba(255, 255, 255, 0.06);
@@ -892,6 +897,11 @@
   outline-offset: 0;
   box-shadow: none;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 1rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.04);
@@ -1007,6 +1017,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 1rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: rgba(255, 255, 255, 0.06);
@@ -2717,6 +2732,9 @@
   border-color: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid rgba(255, 255, 255, 0.12);

public/themes/md-dark-indigo/theme.css

@@ -542,6 +542,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.04);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 1rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: rgba(255, 255, 255, 0.06);
@@ -892,6 +897,11 @@
   outline-offset: 0;
   box-shadow: none;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 1rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.04);
@@ -1007,6 +1017,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 1rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: rgba(255, 255, 255, 0.06);
@@ -2717,6 +2732,9 @@
   border-color: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid rgba(255, 255, 255, 0.12);

public/themes/md-light-deeppurple/theme.css

@@ -542,6 +542,11 @@
   color: #000001;
   background: rgba(0, 0, 0, 0.04);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 1rem 1rem;
+  color: #000001;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #f5f5f5;
@@ -892,6 +897,11 @@
   outline-offset: 0;
   box-shadow: none;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 1rem 1rem;
+  color: #000001;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #000001;
   background: rgba(0, 0, 0, 0.04);
@@ -1007,6 +1017,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 1rem 1rem;
+  color: #000001;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #f5f5f5;
@@ -2717,6 +2732,9 @@
   border-color: #e0e0e0;
   color: #000001;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #e0e0e0;

public/themes/md-light-indigo/theme.css

@@ -542,6 +542,11 @@
   color: #000001;
   background: rgba(0, 0, 0, 0.04);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 1rem 1rem;
+  color: #000001;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #f5f5f5;
@@ -892,6 +897,11 @@
   outline-offset: 0;
   box-shadow: none;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 1rem 1rem;
+  color: #000001;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #000001;
   background: rgba(0, 0, 0, 0.04);
@@ -1007,6 +1017,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 1rem 1rem;
+  color: #000001;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #f5f5f5;
@@ -2717,6 +2732,9 @@
   border-color: #e0e0e0;
   color: #000001;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #e0e0e0;

public/themes/mdc-dark-deeppurple/theme.css

@@ -542,6 +542,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.04);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.75rem 0.75rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: rgba(255, 255, 255, 0.06);
@@ -892,6 +897,11 @@
   outline-offset: 0;
   box-shadow: none;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.75rem 0.75rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.04);
@@ -1007,6 +1017,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.75rem 0.75rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: rgba(255, 255, 255, 0.06);
@@ -2717,6 +2732,9 @@
   border-color: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 0.75rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid rgba(255, 255, 255, 0.12);

public/themes/mdc-dark-indigo/theme.css

@@ -542,6 +542,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.04);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.75rem 0.75rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: rgba(255, 255, 255, 0.06);
@@ -892,6 +897,11 @@
   outline-offset: 0;
   box-shadow: none;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.75rem 0.75rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.04);
@@ -1007,6 +1017,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.75rem 0.75rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: rgba(255, 255, 255, 0.06);
@@ -2717,6 +2732,9 @@
   border-color: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 0.75rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid rgba(255, 255, 255, 0.12);

public/themes/mdc-light-deeppurple/theme.css

@@ -542,6 +542,11 @@
   color: #000001;
   background: rgba(0, 0, 0, 0.04);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.75rem 0.75rem;
+  color: #000001;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #f5f5f5;
@@ -892,6 +897,11 @@
   outline-offset: 0;
   box-shadow: none;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.75rem 0.75rem;
+  color: #000001;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #000001;
   background: rgba(0, 0, 0, 0.04);
@@ -1007,6 +1017,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.75rem 0.75rem;
+  color: #000001;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #f5f5f5;
@@ -2717,6 +2732,9 @@
   border-color: #e0e0e0;
   color: #000001;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 0.75rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #e0e0e0;

public/themes/mdc-light-indigo/theme.css

@@ -542,6 +542,11 @@
   color: #000001;
   background: rgba(0, 0, 0, 0.04);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.75rem 0.75rem;
+  color: #000001;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #f5f5f5;
@@ -892,6 +897,11 @@
   outline-offset: 0;
   box-shadow: none;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.75rem 0.75rem;
+  color: #000001;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #000001;
   background: rgba(0, 0, 0, 0.04);
@@ -1007,6 +1017,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.75rem 0.75rem;
+  color: #000001;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #f5f5f5;
@@ -2717,6 +2732,9 @@
   border-color: #e0e0e0;
   color: #000001;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 0.75rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #e0e0e0;

public/themes/nova-accent/theme.css

@@ -518,6 +518,11 @@
   color: #333333;
   background: #eaeaea;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #333333;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #f4f4f4;
@@ -868,6 +873,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #333333;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #333333;
   background: #eaeaea;
@@ -983,6 +993,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #333333;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #f4f4f4;
@@ -2676,6 +2691,9 @@
   border-color: #dbdbdb;
   color: #333333;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 0.571rem 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #007ad9;

public/themes/nova-alt/theme.css

@@ -522,6 +522,11 @@
   color: #333333;
   background: #eaeaea;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #333333;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #f4f4f4;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #333333;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #333333;
   background: #eaeaea;
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #333333;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #f4f4f4;
@@ -2688,6 +2703,9 @@
   border-color: #dbdbdb;
   color: #333333;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 0.571rem 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #333333;

public/themes/nova-vue/theme.css

@@ -522,6 +522,11 @@
   color: #333333;
   background: #eaeaea;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #333333;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #f4f4f4;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem #c2e9d8;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #333333;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #333333;
   background: #eaeaea;
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #333333;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #f4f4f4;
@@ -2688,6 +2703,9 @@
   border-color: #dbdbdb;
   color: #333333;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 0.571rem 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #c8c8c8;

public/themes/nova/theme.css

@@ -522,6 +522,11 @@
   color: #333333;
   background: #eaeaea;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #333333;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #f4f4f4;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #333333;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #333333;
   background: #eaeaea;
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #333333;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #f4f4f4;
@@ -2688,6 +2703,9 @@
   border-color: #dbdbdb;
   color: #333333;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 0.571rem 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #c8c8c8;

public/themes/rhea/theme.css

@@ -518,6 +518,11 @@
   color: #666666;
   background: #f4f4f4;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #666666;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #f4f4f4;
@@ -868,6 +873,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem #e4e9ec;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #666666;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #666666;
   background: #f4f4f4;
@@ -983,6 +993,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.429rem 0.857rem;
+  color: #666666;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #f4f4f4;
@@ -2676,6 +2691,9 @@
   border-color: #617c8a;
   color: #ffffff;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 0.571rem 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #7B95A3;

public/themes/saga-blue/theme.css

@@ -522,6 +522,11 @@
   color: #495057;
   background: #e9ecef;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1rem;
+  color: #495057;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #f8f9fa;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.15rem #a6d5fa;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1rem;
+  color: #495057;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #495057;
   background: #e9ecef;
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1rem;
+  color: #495057;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #f8f9fa;
@@ -2705,6 +2720,9 @@
   border-color: #dee2e6;
   color: #495057;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #dee2e6;

public/themes/saga-green/theme.css

@@ -522,6 +522,11 @@
   color: #495057;
   background: #e9ecef;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1rem;
+  color: #495057;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #f8f9fa;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.15rem #b7e0b8;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1rem;
+  color: #495057;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #495057;
   background: #e9ecef;
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1rem;
+  color: #495057;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #f8f9fa;
@@ -2705,6 +2720,9 @@
   border-color: #dee2e6;
   color: #495057;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #dee2e6;

public/themes/saga-orange/theme.css

@@ -522,6 +522,11 @@
   color: #495057;
   background: #e9ecef;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1rem;
+  color: #495057;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #f8f9fa;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.15rem #ffe69c;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1rem;
+  color: #495057;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #495057;
   background: #e9ecef;
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1rem;
+  color: #495057;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #f8f9fa;
@@ -2705,6 +2720,9 @@
   border-color: #dee2e6;
   color: #495057;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #dee2e6;

public/themes/saga-purple/theme.css

@@ -522,6 +522,11 @@
   color: #495057;
   background: #e9ecef;
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1rem;
+  color: #495057;
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #f8f9fa;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.15rem #df9eea;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1rem;
+  color: #495057;
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #495057;
   background: #e9ecef;
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1rem;
+  color: #495057;
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #f8f9fa;
@@ -2705,6 +2720,9 @@
   border-color: #dee2e6;
   color: #495057;
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #dee2e6;

public/themes/vela-blue/theme.css

@@ -522,6 +522,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #304562;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 1px #93cbf9;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #304562;
@@ -2705,6 +2720,9 @@
   border-color: #304562;
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #304562;

public/themes/vela-green/theme.css

@@ -522,6 +522,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #304562;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 1px #a7d8a9;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #304562;
@@ -2705,6 +2720,9 @@
   border-color: #304562;
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #304562;

public/themes/vela-orange/theme.css

@@ -522,6 +522,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #304562;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 1px #ffe284;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #304562;
@@ -2705,6 +2720,9 @@
   border-color: #304562;
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #304562;

public/themes/vela-purple/theme.css

@@ -522,6 +522,11 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-dropdown {
   background: #304562;
@@ -872,6 +877,11 @@
   outline-offset: 0;
   box-shadow: inset 0 0 0 1px #cf95d9;
 }
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
@@ -987,6 +997,11 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
 
 .p-input-filled .p-multiselect {
   background: #304562;
@@ -2705,6 +2720,9 @@
   border-color: #304562;
   color: rgba(255, 255, 255, 0.87);
 }
+.p-fieldset .p-fieldset-content {
+  padding: 1rem;
+}
 
 .p-panel .p-panel-header {
   border: 1px solid #304562;

src/components/dropdown/Dropdown.d.ts

@@ -19,6 +19,7 @@ export declare class Dropdown extends Vue {
     inputId?: string;
     ariaLabelledBy?: string;
     appendTo?: string;
+    emptyFilterMessage?: string;
     $emit(eventName: 'input', value: string): this;
     $emit(eventName: 'change', e: { originalEvent: Event, value: string }): this;
     $emit(eventName: 'before-show'): this;

src/components/dropdown/Dropdown.vue

@@ -31,6 +31,7 @@
                                 {{getOptionLabel(option)}}
                             </slot>
                         </li>
+                        <li v-if="filterValue && (!visibleOptions || (visibleOptions && visibleOptions.length === 0))" class="p-dropdown-empty-message">{{emptyFilterMessage}}</li>
                     </ul>
                 </div>
             </div>
@@ -68,6 +69,10 @@ export default {
         appendTo: {
             type: String,
             default: null
+        },
+        emptyFilterMessage: {
+            type: String,
+            default: 'No results found'
         }
     },
     data() {

src/components/listbox/Listbox.d.ts

@@ -15,6 +15,7 @@ export declare class Listbox extends Vue {
     filterPlaceholder?: string;
     filterLocale?: string;
     ariaLabelledBy?: string;
+    emptyFilterMessage?: string;
     $emit(eventName: 'input', value: any): this;
     $emit(eventName: 'change', e: { originalEvent: Event, value: any }): this;
     $emit(eventName: 'filter', e: { originalEvent: Event, value: string }): this;

src/components/listbox/Listbox.vue

@@ -14,6 +14,7 @@
                         {{getOptionLabel(option)}}
                     </slot>
                 </li>
+                <li v-if="filterValue && (!visibleOptions || (visibleOptions && visibleOptions.length === 0))" class="p-listbox-empty-message">{{emptyFilterMessage}}</li>
             </ul>
         </div>
     </div>
@@ -38,7 +39,11 @@ export default {
         metaKeySelection: Boolean,
         filter: Boolean,
         filterPlaceholder: String,
-        filterLocale: String
+        filterLocale: String,
+        emptyFilterMessage: {
+            type: String,
+            default: 'No results found'
+        }
     },
     optionTouched: false,
     data() {

src/components/multiselect/MultiSelect.d.ts

@@ -17,6 +17,7 @@ export declare class MultiSelect extends Vue {
     filterLocale?: string;
     ariaLabelledBy?: string;
     appendTo?: string;
+    emptyFilterMessage?: string;
     $emit(eventName: 'input', value: any): this;
     $emit(eventName: 'change', e: {originalEvent: Event, value: any}): this;
     $emit(eventName: 'before-show'): this;

src/components/multiselect/MultiSelect.vue

@@ -46,6 +46,7 @@
                                 <span>{{getOptionLabel(option)}}</span>
                             </slot>
                         </li>
+                        <li v-if="filterValue && (!visibleOptions || (visibleOptions && visibleOptions.length === 0))" class="p-multiselect-empty-message">{{emptyFilterMessage}}</li>
                     </ul>
                 </div>
             </div>
@@ -81,6 +82,10 @@ export default {
         appendTo: {
             type: String,
             default: null
+        },
+        emptyFilterMessage: {
+            type: String,
+            default: 'No results found'
         }
     },
     data() {

src/views/dropdown/DropdownDoc.vue

@@ -183,6 +183,12 @@ data() {
                                 <td>string</td>
                                 <td>null</td>
                                 <td>Id of the element or "body" for document where the overlay should be appended to.</td>
+                            </tr>
+                            <tr>
+                                <td>emptyFilterMessage</td>
+                                <td>string</td>
+                                <td>No results found</td>
+                                <td>Text to display when filtering does not return any results.</td>
                             </tr>
 						</tbody>
 					</table>

src/views/listbox/ListboxDoc.vue

@@ -148,6 +148,12 @@ data() {
                                 <td>string</td>
                                 <td>undefined</td>
                                 <td>Locale to use in filtering. The default locale is the host environment's current locale.</td>
+                            </tr>
+                            <tr>
+                                <td>emptyFilterMessage</td>
+                                <td>string</td>
+                                <td>No results found</td>
+                                <td>Text to display when filtering does not return any results.</td>
                             </tr>
 						</tbody>
 					</table>

src/views/multiselect/MultiSelectDoc.vue

@@ -171,6 +171,12 @@ data() {
                                 <td>string</td>
                                 <td>null</td>
                                 <td>Id of the element or "body" for document where the overlay should be appended to.</td>
+                            </tr>
+                            <tr>
+                                <td>emptyFilterMessage</td>
+                                <td>string</td>
+                                <td>No results found</td>
+                                <td>Text to display when filtering does not return any results.</td>
                             </tr>
 						</tbody>
 					</table>