From 64b15d5239fd25a15db5933222553d0a5ded5701 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Fri, 24 Jul 2020 12:33:04 +0300
Subject: [PATCH] Updated themes

---
 public/themes/arya-blue/theme.css               | 11 +++++++++++
 public/themes/arya-green/theme.css              | 11 +++++++++++
 public/themes/arya-orange/theme.css             | 11 +++++++++++
 public/themes/arya-purple/theme.css             | 11 +++++++++++
 public/themes/bootstrap4-dark-blue/theme.css    | 11 +++++++++++
 public/themes/bootstrap4-dark-purple/theme.css  | 11 +++++++++++
 public/themes/bootstrap4-light-blue/theme.css   | 11 +++++++++++
 public/themes/bootstrap4-light-purple/theme.css | 11 +++++++++++
 public/themes/luna-amber/theme.css              |  4 ++++
 public/themes/luna-blue/theme.css               |  4 ++++
 public/themes/luna-green/theme.css              |  4 ++++
 public/themes/luna-pink/theme.css               |  4 ++++
 public/themes/md-dark-deeppurple/theme.css      | 11 +++++++++++
 public/themes/md-dark-indigo/theme.css          | 11 +++++++++++
 public/themes/md-light-deeppurple/theme.css     | 11 +++++++++++
 public/themes/md-light-indigo/theme.css         | 11 +++++++++++
 public/themes/mdc-dark-deeppurple/theme.css     | 11 +++++++++++
 public/themes/mdc-dark-indigo/theme.css         | 11 +++++++++++
 public/themes/mdc-light-deeppurple/theme.css    | 11 +++++++++++
 public/themes/mdc-light-indigo/theme.css        | 11 +++++++++++
 public/themes/nova-accent/theme.css             |  4 ++++
 public/themes/nova-alt/theme.css                |  4 ++++
 public/themes/nova-vue/theme.css                |  4 ++++
 public/themes/nova/theme.css                    |  4 ++++
 public/themes/rhea/theme.css                    |  4 ++++
 public/themes/saga-blue/theme.css               | 11 +++++++++++
 public/themes/saga-green/theme.css              | 11 +++++++++++
 public/themes/saga-orange/theme.css             | 11 +++++++++++
 public/themes/saga-purple/theme.css             | 11 +++++++++++
 public/themes/vela-blue/theme.css               | 11 +++++++++++
 public/themes/vela-green/theme.css              | 11 +++++++++++
 public/themes/vela-orange/theme.css             | 11 +++++++++++
 public/themes/vela-purple/theme.css             | 11 +++++++++++
 33 files changed, 300 insertions(+)

diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index ca04b7850..867a4a3e0 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 1px #93cbf9;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index 4c08a505b..b055b721a 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 1px #a7d8a9;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index c05731686..08346a107 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 1px #ffe284;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index 578dac611..a9a7edd3b 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 1px #cf95d9;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index 2a4a63770..8d5715729 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 1px #e3f3fe;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 918e8d6d5..55c34f330 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 1px #f0e6f5;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 82461911c..350096820 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index 9afa74182..3ef675daf 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 5eec7bc2b..f911c06a0 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.1rem white;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 85e2de40c..3075c1b10 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.1rem white;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index b190c3745..0c895da7b 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.1rem white;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 33fdeb61e..846ea4bbb 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.1rem white;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index 4359bb369..7a22bfd01 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -339,6 +339,10 @@
   box-shadow: none;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.32);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3645,6 +3649,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3659,6 +3666,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index 7ca791d65..d892a44ca 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -339,6 +339,10 @@
   box-shadow: none;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.32);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3645,6 +3649,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3659,6 +3666,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index 46152bce0..626cbf71e 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -339,6 +339,10 @@
   box-shadow: none;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.32);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3645,6 +3649,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3659,6 +3666,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index ca4135c26..7f8537cd4 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -339,6 +339,10 @@
   box-shadow: none;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.32);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3645,6 +3649,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3659,6 +3666,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index e8a45f27d..fb8a296a5 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -339,6 +339,10 @@
   box-shadow: none;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.32);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3645,6 +3649,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3659,6 +3666,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index fb3f78daa..ea1d0a7d3 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -339,6 +339,10 @@
   box-shadow: none;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.32);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3645,6 +3649,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3659,6 +3666,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index 49288423b..57e887475 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -339,6 +339,10 @@
   box-shadow: none;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.32);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3645,6 +3649,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3659,6 +3666,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index 36accb261..0dc6874eb 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -339,6 +339,10 @@
   box-shadow: none;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.32);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3645,6 +3649,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3659,6 +3666,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index f83f5ed1b..19e5b6e96 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0.25rem;
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index 68f2d2633..d5c90f0f9 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0.25rem;
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index ac9b3cab1..206384f65 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0.25rem;
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index cd235b3d7..f4bdd2c70 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0.25rem;
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 367de6306..588129ffc 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0.25rem;
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index c4d3a9c44..6e8aecea8 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.2rem #a6d5fa;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index f5a57caef..a72ddc154 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.2rem #b7e0b8;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 6139e8458..afd548a92 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.2rem #ffe69c;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index dddba6281..d8d78d327 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 0.2rem #df9eea;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 1033bb135..9af266595 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 1px #93cbf9;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 466b77d93..e39a3c10b 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 1px #a7d8a9;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 3b42ada05..a393fc187 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 1px #ffe284;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index fbe3a2977..0d77dd050 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -315,6 +315,10 @@
   box-shadow: 0 0 0 1px #cf95d9;
 }
 
+.p-datepicker-mask.p-component-overlay {
+  background: rgba(0, 0, 0, 0.4);
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -3633,6 +3637,9 @@
 .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
   border-radius: 0;
 }
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+  border-radius: 0;
+}
 .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
   border-top: 0 none;
 }
@@ -3647,6 +3654,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;