primereact 7.1.0 → 7.2.0

package/resources/themes/lara-dark-teal/theme.css

@@ -1,44 +1,44 @@
 :root {
-  --surface-a:#22272d;
-  --surface-b:#1c2127;
+  --surface-a:#071426;
+  --surface-b:#040d19;
   --surface-c:rgba(255, 255, 255, 0.03);
-  --surface-d:#444c56;
-  --surface-e:#22272d;
-  --surface-f:#22272d;
+  --surface-d:#0b213f;
+  --surface-e:#071426;
+  --surface-f:#071426;
   --text-color:rgba(255, 255, 255, 0.87);
   --text-color-secondary:rgba(255, 255, 255, 0.6);
   --primary-color:#5EEAD4;
   --primary-color-text:#1c2127;
   --font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
-  --surface-0: #1c2127;
-  --surface-50: #33373d;
-  --surface-100: #494d52;
-  --surface-200: #606468;
-  --surface-300: #777a7d;
-  --surface-400: #8e9093;
-  --surface-500: #a4a6a9;
-  --surface-600: #bbbcbe;
-  --surface-700: #d2d3d4;
-  --surface-800: #e8e9e9;
+  --surface-0: #040d19;
+  --surface-50: #1d2530;
+  --surface-100: #363d47;
+  --surface-200: #4f565e;
+  --surface-300: #686e75;
+  --surface-400: #82868c;
+  --surface-500: #9b9ea3;
+  --surface-600: #b4b6ba;
+  --surface-700: #cdcfd1;
+  --surface-800: #e6e7e8;
   --surface-900: #ffffff;
-  --gray-50: #e8e9e9;
-  --gray-100: #d2d3d4;
-  --gray-200: #bbbcbe;
-  --gray-300: #a4a6a9;
-  --gray-400: #8e9093;
-  --gray-500: #777a7d;
-  --gray-600: #606468;
-  --gray-700: #494d52;
-  --gray-800: #33373d;
-  --gray-900: #1c2127;
+  --gray-50: #e6e7e8;
+  --gray-100: #cdcfd1;
+  --gray-200: #b4b6ba;
+  --gray-300: #9b9ea3;
+  --gray-400: #82868c;
+  --gray-500: #686e75;
+  --gray-600: #4f565e;
+  --gray-700: #363d47;
+  --gray-800: #1d2530;
+  --gray-900: #040d19;
   --content-padding:1.25rem;
   --inline-spacing:0.5rem;
   --border-radius:6px;
-  --surface-ground:#1d1e27;
-  --surface-section:#1d1e27;
-  --surface-card:#22272d;
-  --surface-overlay:#22272d;
-  --surface-border:#444c56;
+  --surface-ground:#040d19;
+  --surface-section:#040d19;
+  --surface-card:#071426;
+  --surface-overlay:#071426;
+  --surface-border:#0b213f;
   --surface-hover:rgba(255,255,255,.03);
   --focus-ring: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
   --maskbg: rgba(0, 0, 0, 0.4);
@@ -292,9 +292,9 @@
 }
 
 .p-autocomplete-panel {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
   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);
 }
@@ -322,7 +322,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #2f343a;
+  background: #091a32;
   font-weight: 700;
 }
 
@@ -332,26 +332,26 @@
 
 .p-datepicker {
   padding: 0.5rem;
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
-  background: #22272d;
-  border: 1px solid #444c56;
+  background: #071426;
+  border: 1px solid #0b213f;
   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);
 }
 .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-  background: #22272d;
+  background: #071426;
 }
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #22272d;
+  background: #071426;
   font-weight: 700;
   margin: 0;
-  border-bottom: 1px solid #444c56;
+  border-bottom: 1px solid #0b213f;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
@@ -433,13 +433,13 @@
 }
 .p-datepicker .p-datepicker-buttonbar {
   padding: 1rem 0;
-  border-top: 1px solid #444c56;
+  border-top: 1px solid #0b213f;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
   width: auto;
 }
 .p-datepicker .p-timepicker {
-  border-top: 1px solid #444c56;
+  border-top: 1px solid #0b213f;
   padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
@@ -486,7 +486,7 @@
   background: rgba(94, 234, 212, 0.16);
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-right: 1px solid #444c56;
+  border-right: 1px solid #0b213f;
   padding-right: 0.5rem;
   padding-left: 0.5rem;
   padding-top: 0;
@@ -522,8 +522,8 @@
   }
 }
 .p-cascadeselect {
-  background: #1c2127;
-  border: 1px solid #444c56;
+  background: #040d19;
+  border: 1px solid #0b213f;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   border-radius: 6px;
 }
@@ -560,9 +560,9 @@
 }
 
 .p-cascadeselect-panel {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
   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);
 }
@@ -583,7 +583,7 @@
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
   color: rgba(255, 255, 255, 0.87);
@@ -598,13 +598,13 @@
 }
 
 .p-input-filled .p-cascadeselect {
-  background: #444c56;
+  background: #0b213f;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 
 .p-checkbox {
@@ -612,8 +612,8 @@
   height: 22px;
 }
 .p-checkbox .p-checkbox-box {
-  border: 2px solid #444c56;
-  background: #1c2127;
+  border: 2px solid #0b213f;
+  background: #040d19;
   width: 22px;
   height: 22px;
   color: rgba(255, 255, 255, 0.87);
@@ -653,13 +653,13 @@
 }
 
 .p-input-filled .p-checkbox .p-checkbox-box {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
   background: #5EEAD4;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
   background: #41e6cc;
@@ -707,8 +707,8 @@
 }
 
 .p-colorpicker-panel {
-  background: #22272d;
-  border-color: #444c56;
+  background: #071426;
+  border: 1px solid #0b213f;
 }
 .p-colorpicker-panel .p-colorpicker-color-handle,
 .p-colorpicker-panel .p-colorpicker-hue-handle {
@@ -720,8 +720,8 @@
 }
 
 .p-dropdown {
-  background: #1c2127;
-  border: 1px solid #444c56;
+  background: #040d19;
+  border: 1px solid #0b213f;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   border-radius: 6px;
 }
@@ -764,17 +764,17 @@
 }
 
 .p-dropdown-panel {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
   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);
 }
 .p-dropdown-panel .p-dropdown-header {
   padding: 0.75rem 1.25rem;
-  border-bottom: 1px solid #444c56;
+  border-bottom: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
-  background: #22272d;
+  background: #071426;
   margin: 0;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
@@ -818,7 +818,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #2f343a;
+  background: #091a32;
   font-weight: 700;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
@@ -828,22 +828,25 @@
 }
 
 .p-input-filled .p-dropdown {
-  background: #444c56;
+  background: #0b213f;
 }
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #0b213f;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
 }
 
 .p-editor-container .p-editor-toolbar {
-  background: #22272d;
+  background: #071426;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
 .p-editor-container .p-editor-toolbar.ql-snow {
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
   stroke: rgba(255, 255, 255, 0.6);
@@ -874,8 +877,8 @@
   fill: rgba(255, 255, 255, 0.87);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
-  background: #22272d;
-  border: 1px solid #444c56;
+  background: #071426;
+  border: 1px solid #0b213f;
   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);
   border-radius: 6px;
   padding: 0.75rem 0;
@@ -895,10 +898,10 @@
   border-bottom-left-radius: 6px;
 }
 .p-editor-container .p-editor-content.ql-snow {
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
 }
 .p-editor-container .p-editor-content .ql-editor {
-  background: #1c2127;
+  background: #040d19;
   color: rgba(255, 255, 255, 0.87);
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
@@ -937,16 +940,16 @@
 }
 
 .p-inputgroup-addon {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.6);
-  border-top: 1px solid #444c56;
-  border-left: 1px solid #444c56;
-  border-bottom: 1px solid #444c56;
+  border-top: 1px solid #0b213f;
+  border-left: 1px solid #0b213f;
+  border-bottom: 1px solid #0b213f;
   padding: 0.75rem 0.75rem;
   min-width: 3rem;
 }
 .p-inputgroup-addon:last-child {
-  border-right: 1px solid #444c56;
+  border-right: 1px solid #0b213f;
 }
 
 .p-inputgroup > .p-component,
@@ -1015,7 +1018,7 @@
   height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
-  background: #444c56;
+  background: #233752;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   border-radius: 30px;
 }
@@ -1037,7 +1040,7 @@
   box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-  background: rgba(255, 255, 255, 0.03);
+  background: #0b213f;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: #5EEAD4;
@@ -1056,9 +1059,9 @@
   font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #1c2127;
+  background: #040d19;
   padding: 0.75rem 0.75rem;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   appearance: none;
   border-radius: 6px;
@@ -1137,13 +1140,13 @@
 }
 
 .p-input-filled .p-inputtext {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 .p-input-filled .p-inputtext:enabled:hover {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 .p-input-filled .p-inputtext:enabled:focus {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 
 .p-inputtext-sm .p-inputtext {
@@ -1157,16 +1160,16 @@
 }
 
 .p-listbox {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.25rem;
-  border-bottom: 1px solid #444c56;
+  border-bottom: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
-  background: #22272d;
+  background: #071426;
   margin: 0;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
@@ -1196,13 +1199,13 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-listbox .p-listbox-list .p-listbox-item-group {
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #2f343a;
+  background: #091a32;
   font-weight: 700;
 }
 .p-listbox .p-listbox-list .p-listbox-empty-message {
@@ -1219,9 +1222,9 @@
 }
 
 .p-mention-panel {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
   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);
 }
@@ -1247,8 +1250,8 @@
 }
 
 .p-multiselect {
-  background: #1c2127;
-  border: 1px solid #444c56;
+  background: #040d19;
+  border: 1px solid #0b213f;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   border-radius: 6px;
 }
@@ -1307,17 +1310,17 @@
 }
 
 .p-multiselect-panel {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
   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);
 }
 .p-multiselect-panel .p-multiselect-header {
   padding: 0.75rem 1.25rem;
-  border-bottom: 1px solid #444c56;
+  border-bottom: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
-  background: #22272d;
+  background: #071426;
   margin: 0;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
@@ -1374,7 +1377,7 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
@@ -1383,7 +1386,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #2f343a;
+  background: #091a32;
   font-weight: 700;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@@ -1393,13 +1396,13 @@
 }
 
 .p-input-filled .p-multiselect {
-  background: #444c56;
+  background: #0b213f;
 }
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 
 .p-password.p-invalid.p-component > .p-inputtext {
@@ -1408,15 +1411,15 @@
 
 .p-password-panel {
   padding: 1.25rem;
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   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);
   border-radius: 6px;
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
-  background: #444c56;
+  background: #0b213f;
 }
 .p-password-panel .p-password-meter .p-password-strength.weak {
   background: #eb9a9c;
@@ -1433,8 +1436,8 @@
   height: 22px;
 }
 .p-radiobutton .p-radiobutton-box {
-  border: 2px solid #444c56;
-  background: #1c2127;
+  border: 2px solid #0b213f;
+  background: #040d19;
   width: 22px;
   height: 22px;
   color: rgba(255, 255, 255, 0.87);
@@ -1473,10 +1476,10 @@
 }
 
 .p-input-filled .p-radiobutton .p-radiobutton-box {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
   background: #5EEAD4;
@@ -1513,8 +1516,8 @@
 }
 
 .p-selectbutton .p-button {
-  background: #22272d;
-  border: 1px solid #444c56;
+  background: #071426;
+  border: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
@@ -1524,7 +1527,7 @@
 }
 .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
-  border-color: #444c56;
+  border-color: #0b213f;
   color: rgba(255, 255, 255, 0.87);
 }
 .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
@@ -1554,7 +1557,7 @@
 }
 
 .p-slider {
-  background: #444c56;
+  background: #0b213f;
   border: 0 none;
   border-radius: 6px;
 }
@@ -1575,7 +1578,7 @@
 .p-slider .p-slider-handle {
   height: 1.143rem;
   width: 1.143rem;
-  background: #444c56;
+  background: #0b213f;
   border: 2px solid #5EEAD4;
   border-radius: 50%;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1594,8 +1597,8 @@
 }
 
 .p-treeselect {
-  background: #1c2127;
-  border: 1px solid #444c56;
+  background: #040d19;
+  border: 1px solid #0b213f;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   border-radius: 6px;
 }
@@ -1618,7 +1621,7 @@
 .p-treeselect.p-treeselect-chip .p-treeselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: #444c56;
+  background: #0b213f;
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
@@ -1638,17 +1641,17 @@
 }
 
 .p-treeselect-panel {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
   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);
 }
 .p-treeselect-panel .p-treeselect-header {
   padding: 0.75rem 1.25rem;
-  border-bottom: 1px solid #444c56;
+  border-bottom: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
-  background: #22272d;
+  background: #071426;
   margin: 0;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
@@ -1698,18 +1701,18 @@
 }
 
 .p-input-filled .p-treeselect {
-  background: #444c56;
+  background: #0b213f;
 }
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 
 .p-togglebutton.p-button {
-  background: #22272d;
-  border: 1px solid #444c56;
+  background: #071426;
+  border: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
@@ -1719,7 +1722,7 @@
 }
 .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
-  border-color: #444c56;
+  border-color: #0b213f;
   color: rgba(255, 255, 255, 0.87);
 }
 .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
@@ -2236,11 +2239,11 @@
   width: 3rem;
   height: 3rem;
   background: rgba(255, 255, 255, 0.87);
-  color: #1c2127;
+  color: #040d19;
 }
 .p-speeddial-action:hover {
   background: rgba(255, 255, 255, 0.6);
-  color: #1c2127;
+  color: #040d19;
 }
 
 .p-speeddial-direction-up .p-speeddial-item {
@@ -2319,7 +2322,7 @@
   margin-bottom: 0.5rem;
 }
 .p-carousel .p-carousel-indicators .p-carousel-indicator button {
-  background-color: #444c56;
+  background-color: #0b213f;
   width: 2rem;
   height: 0.5rem;
   transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -2342,17 +2345,17 @@
   border-radius: 0;
 }
 .p-datatable .p-datatable-header {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.6);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
   font-weight: 700;
 }
 .p-datatable .p-datatable-footer {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
   font-weight: 700;
@@ -2360,21 +2363,21 @@
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
   padding: 1rem 1rem;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   font-weight: 700;
   color: rgba(255, 255, 255, 0.87);
-  background: #22272d;
+  background: #071426;
   transition: box-shadow 0.2s;
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
   padding: 1rem 1rem;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   font-weight: 700;
   color: rgba(255, 255, 255, 0.87);
-  background: #22272d;
+  background: #071426;
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: rgba(255, 255, 255, 0.6);
@@ -2411,21 +2414,19 @@
   color: rgba(255, 255, 255, 0.87);
 }
 .p-datatable .p-sortable-column:focus {
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
   outline: 0 none;
 }
 .p-datatable .p-datatable-tbody > tr {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   transition: box-shadow 0.2s;
-  outline-color: rgba(94, 234, 212, 0.5);
 }
 .p-datatable .p-datatable-tbody > tr > td {
   text-align: left;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
-  outline-color: rgba(94, 234, 212, 0.5);
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
@@ -2475,6 +2476,22 @@
 .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
   box-shadow: inset 0 -2px 0 0 rgba(94, 234, 212, 0.16);
 }
+.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
+  outline: 0.15rem solid rgba(94, 234, 212, 0.5);
+  outline-offset: -0.15rem;
+}
+.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
+  outline: 0.15rem solid rgba(94, 234, 212, 0.5);
+  outline-offset: -0.15rem;
+}
 .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
@@ -2484,7 +2501,11 @@
 }
 .p-datatable .p-datatable-scrollable-header,
 .p-datatable .p-datatable-scrollable-footer {
-  background: #22272d;
+  background: #071426;
+}
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #071426;
 }
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
@@ -2570,27 +2591,27 @@
   border-radius: 0;
 }
 .p-dataview .p-dataview-header {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.6);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
   font-weight: 700;
 }
 .p-dataview .p-dataview-content {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   border: 0 none;
   padding: 0;
 }
 .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
-  border: solid #444c56;
+  border: solid #0b213f;
   border-width: 0 0 1px 0;
 }
 .p-dataview .p-dataview-footer {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
   font-weight: 700;
@@ -2610,27 +2631,27 @@
   border-radius: 0;
 }
 .p-datascroller .p-datascroller-header {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.6);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
   font-weight: 700;
 }
 .p-datascroller .p-datascroller-content {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   border: 0 none;
   padding: 0;
 }
 .p-datascroller.p-datascroller-inline .p-datascroller-list > li {
-  border: solid #444c56;
+  border: solid #0b213f;
   border-width: 0 0 1px 0;
 }
 .p-datascroller .p-datascroller-footer {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
   font-weight: 700;
@@ -2692,9 +2713,9 @@
 }
 
 .p-column-filter-overlay {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
   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);
   min-width: 12.5rem;
@@ -2722,25 +2743,25 @@
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-  border-top: 1px solid #444c56;
+  border-top: 1px solid #0b213f;
   margin: 0.25rem 0;
 }
 
 .p-column-filter-overlay-menu .p-column-filter-operator {
   padding: 0.75rem 1.25rem;
-  border-bottom: 1px solid #444c56;
+  border-bottom: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
-  background: #22272d;
+  background: #071426;
   margin: 0;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
 .p-column-filter-overlay-menu .p-column-filter-constraint {
   padding: 1.25rem;
-  border-bottom: 1px solid #444c56;
+  border-bottom: 1px solid #0b213f;
 }
 .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
   margin-bottom: 0.5rem;
@@ -2763,22 +2784,22 @@
   /* FullCalendar 5 */
 }
 .fc.fc-unthemed .fc-view-container th {
-  background: #22272d;
-  border: 1px solid #444c56;
+  background: #071426;
+  border: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
 }
 .fc.fc-unthemed .fc-view-container td.fc-widget-content {
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
 }
 .fc.fc-unthemed .fc-view-container td.fc-head-container {
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
 }
 .fc.fc-unthemed .fc-view-container .fc-view {
-  background: #22272d;
+  background: #071426;
 }
 .fc.fc-unthemed .fc-view-container .fc-row {
-  border-right: 1px solid #444c56;
+  border-right: 1px solid #0b213f;
 }
 .fc.fc-unthemed .fc-view-container .fc-event {
   background: #4fe8d0;
@@ -2786,8 +2807,8 @@
   color: #1c2127;
 }
 .fc.fc-unthemed .fc-view-container .fc-divider {
-  background: #22272d;
-  border: 1px solid #444c56;
+  background: #071426;
+  border: 1px solid #0b213f;
 }
 .fc.fc-unthemed .fc-toolbar .fc-button {
   color: #1c2127;
@@ -2836,14 +2857,14 @@
   box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
 }
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
-  background: #22272d;
-  border: 1px solid #444c56;
+  background: #071426;
+  border: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
   background: rgba(255, 255, 255, 0.03);
-  border-color: #444c56;
+  border-color: #0b213f;
   color: rgba(255, 255, 255, 0.87);
 }
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
@@ -2874,28 +2895,28 @@
   border-bottom-right-radius: 6px;
 }
 .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
-  border-color: #444c56;
+  border-color: #0b213f;
 }
 .fc.fc-theme-standard .fc-view-harness th {
-  background: #22272d;
-  border-color: #444c56;
+  background: #071426;
+  border-color: #0b213f;
   color: rgba(255, 255, 255, 0.87);
 }
 .fc.fc-theme-standard .fc-view-harness td {
   color: rgba(255, 255, 255, 0.87);
-  border-color: #444c56;
+  border-color: #0b213f;
 }
 .fc.fc-theme-standard .fc-view-harness .fc-view {
-  background: #22272d;
+  background: #071426;
 }
 .fc.fc-theme-standard .fc-view-harness .fc-popover {
   background: none;
   border: 0 none;
 }
 .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   padding: 1.25rem;
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
 }
 .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
@@ -2929,8 +2950,8 @@
 }
 .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
   padding: 1.25rem;
-  border: 1px solid #444c56;
-  background: #22272d;
+  border: 1px solid #0b213f;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   border-top: 0 none;
 }
@@ -2951,7 +2972,7 @@
   color: rgba(255, 255, 255, 0.87);
 }
 .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
-  background: #22272d;
+  background: #071426;
 }
 .fc.fc-theme-standard .fc-toolbar .fc-button {
   color: #1c2127;
@@ -3004,14 +3025,14 @@
   box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
 }
 .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
-  background: #22272d;
-  border: 1px solid #444c56;
+  background: #071426;
+  border: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
   background: rgba(255, 255, 255, 0.03);
-  border-color: #444c56;
+  border-color: #0b213f;
   color: rgba(255, 255, 255, 0.87);
 }
 .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
@@ -3053,9 +3074,9 @@
   margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-header {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   padding: 1.25rem;
   font-weight: 700;
   border-bottom: 0 none;
@@ -3063,8 +3084,8 @@
   border-top-left-radius: 6px;
 }
 .p-orderlist .p-orderlist-list {
-  border: 1px solid #444c56;
-  background: #22272d;
+  border: 1px solid #0b213f;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   padding: 0.75rem 0;
   border-bottom-right-radius: 6px;
@@ -3085,7 +3106,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   color: rgba(255, 255, 255, 0.87);
@@ -3120,19 +3141,19 @@
   color: rgba(23, 177, 153, 0.16);
 }
 .p-organizationchart .p-organizationchart-line-down {
-  background: #444c56;
+  background: #0b213f;
 }
 .p-organizationchart .p-organizationchart-line-left {
-  border-right: 1px solid #444c56;
-  border-color: #444c56;
+  border-right: 1px solid #0b213f;
+  border-color: #0b213f;
 }
 .p-organizationchart .p-organizationchart-line-top {
-  border-top: 1px solid #444c56;
-  border-color: #444c56;
+  border-top: 1px solid #0b213f;
+  border-color: #0b213f;
 }
 .p-organizationchart .p-organizationchart-node-content {
-  border: 1px solid #444c56;
-  background: #22272d;
+  border: 1px solid #0b213f;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   padding: 1.25rem;
 }
@@ -3148,9 +3169,9 @@
 }
 
 .p-paginator {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.6);
-  border: solid #444c56;
+  border: solid #0b213f;
   border-width: 1px;
   padding: 0.5rem 1rem;
   border-radius: 6px;
@@ -3235,9 +3256,9 @@
   margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-header {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   padding: 1.25rem;
   font-weight: 700;
   border-bottom: 0 none;
@@ -3245,8 +3266,8 @@
   border-top-left-radius: 6px;
 }
 .p-picklist .p-picklist-list {
-  border: 1px solid #444c56;
-  background: #22272d;
+  border: 1px solid #0b213f;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   padding: 0.75rem 0;
   border-bottom-right-radius: 6px;
@@ -3267,7 +3288,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   color: rgba(255, 255, 255, 0.87);
@@ -3303,8 +3324,8 @@
   }
 }
 .p-tree {
-  border: 1px solid #444c56;
-  background: #22272d;
+  border: 1px solid #0b213f;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   padding: 1.25rem;
   border-radius: 6px;
@@ -3350,7 +3371,7 @@
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: rgba(94, 234, 212, 0.16);
@@ -3405,17 +3426,17 @@
   border-radius: 0;
 }
 .p-treetable .p-treetable-header {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.6);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
   font-weight: 700;
 }
 .p-treetable .p-treetable-footer {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
   font-weight: 700;
@@ -3423,21 +3444,21 @@
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
   padding: 1rem 1rem;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   font-weight: 700;
   color: rgba(255, 255, 255, 0.87);
-  background: #22272d;
+  background: #071426;
   transition: box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
   padding: 1rem 1rem;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   font-weight: 700;
   color: rgba(255, 255, 255, 0.87);
-  background: #22272d;
+  background: #071426;
 }
 .p-treetable .p-sortable-column {
   outline-color: rgba(94, 234, 212, 0.5);
@@ -3470,14 +3491,13 @@
   color: rgba(255, 255, 255, 0.87);
 }
 .p-treetable .p-treetable-tbody > tr {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   transition: box-shadow 0.2s;
-  outline-color: rgba(94, 234, 212, 0.5);
 }
 .p-treetable .p-treetable-tbody > tr > td {
   text-align: left;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
 }
@@ -3507,6 +3527,10 @@
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+.p-treetable .p-treetable-tbody > tr:focus {
+  outline: 0.15rem solid rgba(94, 234, 212, 0.5);
+  outline-offset: -0.15rem;
+}
 .p-treetable .p-treetable-tbody > tr.p-highlight {
   background: rgba(94, 234, 212, 0.16);
   color: rgba(255, 255, 255, 0.87);
@@ -3517,11 +3541,11 @@
 .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
   color: rgba(255, 255, 255, 0.87);
 }
-.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
+.p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
-.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+.p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
   color: rgba(255, 255, 255, 0.87);
 }
 .p-treetable .p-column-resizer-helper {
@@ -3529,7 +3553,7 @@
 }
 .p-treetable .p-treetable-scrollable-header,
 .p-treetable .p-treetable-scrollable-footer {
-  background: #22272d;
+  background: #071426;
 }
 .p-treetable .p-treetable-loading-icon {
   font-size: 2rem;
@@ -3594,7 +3618,7 @@
   background-color: #1c2127;
 }
 .p-timeline .p-timeline-event-connector {
-  background-color: #444c56;
+  background-color: #0b213f;
 }
 .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
 .p-timeline.p-timeline-vertical .p-timeline-event-content {
@@ -3613,9 +3637,9 @@
 
 .p-accordion .p-accordion-header .p-accordion-header-link {
   padding: 1.25rem;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
-  background: #22272d;
+  background: #071426;
   font-weight: 700;
   border-radius: 6px;
   transition: box-shadow 0.2s;
@@ -3630,25 +3654,25 @@
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
   background: rgba(255, 255, 255, 0.03);
-  border-color: #444c56;
+  border-color: #0b213f;
   color: rgba(255, 255, 255, 0.87);
 }
 .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-  background: #22272d;
-  border-color: #444c56;
+  background: #071426;
+  border-color: #0b213f;
   color: rgba(255, 255, 255, 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: #444c56;
+  border-color: #0b213f;
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-accordion .p-accordion-content {
   padding: 1.25rem;
-  border: 1px solid #444c56;
-  background: #22272d;
+  border: 1px solid #0b213f;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   border-top: 0;
   border-top-right-radius: 0;
@@ -3661,7 +3685,7 @@
 }
 
 .p-card {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 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: 6px;
@@ -3687,16 +3711,16 @@
 }
 
 .p-fieldset {
-  border: 1px solid #444c56;
-  background: #22272d;
+  border: 1px solid #0b213f;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   border-radius: 6px;
 }
 .p-fieldset .p-fieldset-legend {
   padding: 1.25rem;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
-  background: #22272d;
+  background: #071426;
   font-weight: 700;
   border-radius: 6px;
 }
@@ -3720,7 +3744,7 @@
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: rgba(255, 255, 255, 0.03);
-  border-color: #444c56;
+  border-color: #0b213f;
   color: rgba(255, 255, 255, 0.87);
 }
 .p-fieldset .p-fieldset-content {
@@ -3728,14 +3752,14 @@
 }
 
 .p-divider .p-divider-content {
-  background-color: #22272d;
+  background-color: #071426;
 }
 .p-divider.p-divider-horizontal {
   margin: 1.25rem 0;
   padding: 0 1.25rem;
 }
 .p-divider.p-divider-horizontal:before {
-  border-top: 1px #444c56;
+  border-top: 1px #0b213f;
 }
 .p-divider.p-divider-horizontal .p-divider-content {
   padding: 0 0.5rem;
@@ -3745,16 +3769,16 @@
   padding: 1.25rem 0;
 }
 .p-divider.p-divider-vertical:before {
-  border-left: 1px #444c56;
+  border-left: 1px #0b213f;
 }
 .p-divider.p-divider-vertical .p-divider-content {
   padding: 0.5rem 0;
 }
 
 .p-panel .p-panel-header {
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   padding: 1.25rem;
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
@@ -3786,8 +3810,8 @@
 }
 .p-panel .p-panel-content {
   padding: 1.25rem;
-  border: 1px solid #444c56;
-  background: #22272d;
+  border: 1px solid #0b213f;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
@@ -3795,15 +3819,15 @@
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 1.25rem;
-  border: 1px solid #444c56;
-  background: #22272d;
+  border: 1px solid #0b213f;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   border-top: 0 none;
 }
 
 .p-splitter {
-  border: 1px solid #444c56;
-  background: #22272d;
+  border: 1px solid #0b213f;
+  background: #071426;
   border-radius: 6px;
   color: rgba(255, 255, 255, 0.87);
 }
@@ -3812,30 +3836,30 @@
   background: rgba(255, 255, 255, 0.03);
 }
 .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-  background: #444c56;
+  background: #0b213f;
 }
 .p-splitter .p-splitter-gutter-resizing {
-  background: #444c56;
+  background: #0b213f;
 }
 
 .p-scrollpanel .p-scrollpanel-bar {
-  background: #444c56;
+  background: #0b213f;
   border: 0 none;
 }
 
 .p-tabview .p-tabview-nav {
   background: transparent;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 2px 0;
 }
 .p-tabview .p-tabview-nav li {
   margin-right: 0;
 }
 .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  border: solid #444c56;
+  border: solid #0b213f;
   border-width: 0 0 2px 0;
-  border-color: transparent transparent #444c56 transparent;
-  background: #22272d;
+  border-color: transparent transparent #0b213f transparent;
+  background: #071426;
   color: rgba(255, 255, 255, 0.6);
   padding: 1.25rem;
   font-weight: 700;
@@ -3850,12 +3874,12 @@
   box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-  background: #22272d;
+  background: #071426;
   border-color: #5EEAD4;
   color: rgba(255, 255, 255, 0.87);
 }
 .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-  background: #22272d;
+  background: #071426;
   border-color: #5EEAD4;
   color: #5EEAD4;
 }
@@ -3863,7 +3887,7 @@
   margin-left: 0.5rem;
 }
 .p-tabview .p-tabview-nav-btn.p-link {
-  background: #22272d;
+  background: #071426;
   color: #5EEAD4;
   width: 3rem;
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
@@ -3875,7 +3899,7 @@
   box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
 }
 .p-tabview .p-tabview-panels {
-  background: #22272d;
+  background: #071426;
   padding: 1.25rem;
   border: 0 none;
   color: rgba(255, 255, 255, 0.87);
@@ -3884,8 +3908,8 @@
 }
 
 .p-toolbar {
-  background: #22272d;
-  border: 1px solid #444c56;
+  background: #071426;
+  border: 1px solid #0b213f;
   padding: 1.25rem;
   border-radius: 6px;
 }
@@ -3894,9 +3918,9 @@
 }
 
 .p-confirm-popup {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
   box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
 }
@@ -3916,19 +3940,19 @@
 }
 .p-confirm-popup:after {
   border: solid transparent;
-  border-color: rgba(34, 39, 45, 0);
-  border-bottom-color: #22272d;
+  border-color: rgba(7, 20, 38, 0);
+  border-bottom-color: #071426;
 }
 .p-confirm-popup:before {
   border: solid transparent;
-  border-color: rgba(68, 76, 86, 0);
-  border-bottom-color: #444c56;
+  border-color: rgba(11, 33, 63, 0);
+  border-bottom-color: #0b213f;
 }
 .p-confirm-popup.p-confirm-popup-flipped:after {
-  border-top-color: #22272d;
+  border-top-color: #071426;
 }
 .p-confirm-popup.p-confirm-popup-flipped:before {
-  border-top-color: #444c56;
+  border-top-color: #0b213f;
 }
 .p-confirm-popup .p-confirm-popup-icon {
   font-size: 1.5rem;
@@ -3940,11 +3964,11 @@
 .p-dialog {
   border-radius: 6px;
   box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
 }
 .p-dialog .p-dialog-header {
   border-bottom: 0 none;
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   padding: 1.5rem;
   border-top-right-radius: 6px;
@@ -3978,13 +4002,13 @@
   margin-right: 0;
 }
 .p-dialog .p-dialog-content {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   padding: 0 1.5rem 2rem 1.5rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 0 none;
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   padding: 0 1.5rem 1.5rem 1.5rem;
   text-align: right;
@@ -4003,9 +4027,9 @@
 }
 
 .p-overlaypanel {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
   box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
 }
@@ -4029,25 +4053,25 @@
 }
 .p-overlaypanel:after {
   border: solid transparent;
-  border-color: rgba(34, 39, 45, 0);
-  border-bottom-color: #22272d;
+  border-color: rgba(7, 20, 38, 0);
+  border-bottom-color: #071426;
 }
 .p-overlaypanel:before {
   border: solid transparent;
-  border-color: rgba(68, 76, 86, 0);
-  border-bottom-color: #444c56;
+  border-color: rgba(11, 33, 63, 0);
+  border-bottom-color: #0b213f;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
-  border-top-color: #22272d;
+  border-top-color: #071426;
 }
 .p-overlaypanel.p-overlaypanel-flipped:before {
-  border-top-color: #444c56;
+  border-top-color: #0b213f;
 }
 
 .p-sidebar {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
 }
 .p-sidebar .p-sidebar-header {
@@ -4083,29 +4107,29 @@
 }
 
 .p-tooltip .p-tooltip-text {
-  background: #444c56;
+  background: #0b213f;
   color: rgba(255, 255, 255, 0.87);
   padding: 0.75rem 0.75rem;
   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);
   border-radius: 6px;
 }
 .p-tooltip.p-tooltip-right .p-tooltip-arrow {
-  border-right-color: #444c56;
+  border-right-color: #0b213f;
 }
 .p-tooltip.p-tooltip-left .p-tooltip-arrow {
-  border-left-color: #444c56;
+  border-left-color: #0b213f;
 }
 .p-tooltip.p-tooltip-top .p-tooltip-arrow {
-  border-top-color: #444c56;
+  border-top-color: #0b213f;
 }
 .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
-  border-bottom-color: #444c56;
+  border-bottom-color: #0b213f;
 }
 
 .p-fileupload .p-fileupload-buttonbar {
-  background: #22272d;
+  background: #071426;
   padding: 1.25rem;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
   border-bottom: 0 none;
   border-top-right-radius: 6px;
@@ -4115,9 +4139,9 @@
   margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-content {
-  background: #22272d;
+  background: #071426;
   padding: 2rem 1rem;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
@@ -4133,8 +4157,8 @@
 }
 
 .p-breadcrumb {
-  background: #2f343a;
-  border: 1px solid #444c56;
+  background: #091a32;
+  border: 1px solid #0b213f;
   border-radius: 6px;
   padding: 1rem;
 }
@@ -4166,9 +4190,9 @@
 
 .p-contextmenu {
   padding: 0.25rem 0;
-  background: #2f343a;
+  background: #091a32;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   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);
   border-radius: 6px;
   width: 12.5rem;
@@ -4205,12 +4229,12 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-contextmenu .p-submenu-list {
   padding: 0.25rem 0;
-  background: #2f343a;
-  border: 1px solid #444c56;
+  background: #091a32;
+  border: 1px solid #0b213f;
   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);
   border-radius: 6px;
 }
@@ -4224,7 +4248,7 @@
   color: rgba(255, 255, 255, 0.87);
 }
 .p-contextmenu .p-menu-separator {
-  border-top: 1px solid #444c56;
+  border-top: 1px solid #0b213f;
   margin: 0.25rem 0;
 }
 .p-contextmenu .p-submenu-icon {
@@ -4293,9 +4317,9 @@
 }
 .p-megamenu {
   padding: 0.5rem;
-  background: #2f343a;
+  background: #091a32;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
 }
 .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
@@ -4331,7 +4355,7 @@
 .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
 .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4381,19 +4405,19 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-megamenu .p-megamenu-panel {
-  background: #2f343a;
+  background: #091a32;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   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);
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #2f343a;
+  background: #091a32;
   font-weight: 700;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
@@ -4403,7 +4427,7 @@
   width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
-  border-top: 1px solid #444c56;
+  border-top: 1px solid #0b213f;
   margin: 0.25rem 0;
 }
 .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@@ -4422,9 +4446,9 @@
 
 .p-menu {
   padding: 0.25rem 0;
-  background: #2f343a;
+  background: #091a32;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
   width: 12.5rem;
 }
@@ -4460,32 +4484,32 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-menu.p-menu-overlay {
-  background: #2f343a;
-  border: 1px solid #444c56;
+  background: #091a32;
+  border: 1px solid #0b213f;
   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);
 }
 .p-menu .p-submenu-header {
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #2f343a;
+  background: #091a32;
   font-weight: 700;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
 }
 .p-menu .p-menu-separator {
-  border-top: 1px solid #444c56;
+  border-top: 1px solid #0b213f;
   margin: 0.25rem 0;
 }
 
 .p-menubar {
   padding: 0.5rem;
-  background: #2f343a;
+  background: #091a32;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
 }
 .p-menubar .p-menuitem-link {
@@ -4520,7 +4544,7 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
   padding: 0.75rem 1.25rem;
@@ -4555,7 +4579,7 @@
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
 .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4575,13 +4599,13 @@
 }
 .p-menubar .p-submenu-list {
   padding: 0.25rem 0;
-  background: #2f343a;
-  border: 1px solid #444c56;
+  background: #091a32;
+  border: 1px solid #0b213f;
   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-menubar .p-submenu-list .p-menu-separator {
-  border-top: 1px solid #444c56;
+  border-top: 1px solid #0b213f;
   margin: 0.25rem 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
@@ -4622,13 +4646,13 @@
     position: absolute;
     display: none;
     padding: 0.25rem 0;
-    background: #2f343a;
-    border: 1px solid #444c56;
+    background: #091a32;
+    border: 1px solid #0b213f;
     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: 100%;
   }
   .p-menubar .p-menubar-root-list .p-menu-separator {
-    border-top: 1px solid #444c56;
+    border-top: 1px solid #0b213f;
     margin: 0.25rem 0;
   }
   .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -4670,7 +4694,7 @@
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+    box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
     margin-left: auto;
@@ -4721,9 +4745,9 @@
 }
 .p-panelmenu .p-panelmenu-header > a {
   padding: 1.25rem;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   color: rgba(255, 255, 255, 0.87);
-  background: #22272d;
+  background: #071426;
   font-weight: 700;
   border-radius: 6px;
   transition: box-shadow 0.2s;
@@ -4741,28 +4765,28 @@
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: rgba(255, 255, 255, 0.03);
-  border-color: #444c56;
+  border-color: #0b213f;
   color: rgba(255, 255, 255, 0.87);
 }
 .p-panelmenu .p-panelmenu-header.p-highlight {
   margin-bottom: 0;
 }
 .p-panelmenu .p-panelmenu-header.p-highlight > a {
-  background: #22272d;
-  border-color: #444c56;
+  background: #071426;
+  border-color: #0b213f;
   color: rgba(255, 255, 255, 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: #444c56;
+  border-color: #0b213f;
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-panelmenu .p-panelmenu-content {
   padding: 0.25rem 0;
-  border: 1px solid #444c56;
-  background: #22272d;
+  border: 1px solid #0b213f;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
   margin-bottom: 4px;
   border-top: 0;
@@ -4803,7 +4827,7 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
   margin-right: 0.5rem;
@@ -4817,9 +4841,9 @@
 
 .p-slidemenu {
   padding: 0.25rem 0;
-  background: #2f343a;
+  background: #091a32;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
   width: 12.5rem;
 }
@@ -4855,17 +4879,17 @@
 .p-slidemenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-slidemenu.p-slidemenu-overlay {
-  background: #2f343a;
-  border: 1px solid #444c56;
+  background: #091a32;
+  border: 1px solid #0b213f;
   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);
 }
 .p-slidemenu .p-slidemenu-list {
   padding: 0.25rem 0;
-  background: #2f343a;
-  border: 1px solid #444c56;
+  background: #091a32;
+  border: 1px solid #0b213f;
   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);
 }
 .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
@@ -4878,7 +4902,7 @@
   color: rgba(255, 255, 255, 0.87);
 }
 .p-slidemenu .p-slidemenu-separator {
-  border-top: 1px solid #444c56;
+  border-top: 1px solid #0b213f;
   margin: 0.25rem 0;
 }
 .p-slidemenu .p-slidemenu-icon {
@@ -4925,7 +4949,7 @@
 }
 .p-steps .p-steps-item:before {
   content: " ";
-  border-top: 1px solid #444c56;
+  border-top: 1px solid #0b213f;
   width: 100%;
   top: 50%;
   left: 0;
@@ -4936,17 +4960,17 @@
 
 .p-tabmenu .p-tabmenu-nav {
   background: transparent;
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-width: 0 0 2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-  border: solid #444c56;
+  border: solid #0b213f;
   border-width: 0 0 2px 0;
-  border-color: transparent transparent #444c56 transparent;
-  background: #22272d;
+  border-color: transparent transparent #0b213f transparent;
+  background: #071426;
   color: rgba(255, 255, 255, 0.6);
   padding: 1.25rem;
   font-weight: 700;
@@ -4954,6 +4978,7 @@
   border-top-left-radius: 6px;
   transition: box-shadow 0.2s;
   margin: 0 0 -2px 0;
+  height: calc(100% + 2px);
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
   margin-right: 0.5rem;
@@ -4964,21 +4989,21 @@
   box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-  background: #22272d;
+  background: #071426;
   border-color: #5EEAD4;
   color: rgba(255, 255, 255, 0.87);
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-  background: #22272d;
+  background: #071426;
   border-color: #5EEAD4;
   color: #5EEAD4;
 }
 
 .p-tieredmenu {
   padding: 0.25rem 0;
-  background: #2f343a;
+  background: #091a32;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   border-radius: 6px;
   width: 12.5rem;
 }
@@ -5014,17 +5039,17 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
+  box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
 }
 .p-tieredmenu.p-tieredmenu-overlay {
-  background: #2f343a;
-  border: 1px solid #444c56;
+  background: #091a32;
+  border: 1px solid #0b213f;
   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);
 }
 .p-tieredmenu .p-submenu-list {
   padding: 0.25rem 0;
-  background: #2f343a;
-  border: 1px solid #444c56;
+  background: #091a32;
+  border: 1px solid #0b213f;
   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);
 }
 .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@@ -5037,7 +5062,7 @@
   color: rgba(255, 255, 255, 0.87);
 }
 .p-tieredmenu .p-menu-separator {
-  border-top: 1px solid #444c56;
+  border-top: 1px solid #0b213f;
   margin: 0.25rem 0;
 }
 .p-tieredmenu .p-submenu-icon {
@@ -5297,7 +5322,7 @@
   padding: 1rem;
 }
 .p-galleria .p-galleria-indicators .p-galleria-indicator button {
-  background-color: #444c56;
+  background-color: #0b213f;
   width: 1rem;
   height: 1rem;
   transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -5400,7 +5425,7 @@
 }
 
 .p-avatar {
-  background-color: #444c56;
+  background-color: #0b213f;
   border-radius: 6px;
 }
 .p-avatar.p-avatar-lg {
@@ -5421,11 +5446,11 @@
 }
 
 .p-avatar-group .p-avatar {
-  border: 2px solid #22272d;
+  border: 2px solid #071426;
 }
 
 .p-chip {
-  background-color: #444c56;
+  background-color: #0b213f;
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
   padding: 0 0.75rem;
@@ -5528,7 +5553,7 @@
 .p-progressbar {
   border: 0 none;
   height: 1.5rem;
-  background: #444c56;
+  background: #0b213f;
   border-radius: 6px;
 }
 .p-progressbar .p-progressbar-value {
@@ -5542,9 +5567,9 @@
 }
 
 .p-terminal {
-  background: #22272d;
+  background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid #444c56;
+  border: 1px solid #0b213f;
   padding: 1.25rem;
 }
 .p-terminal .p-terminal-input {
@@ -5673,3 +5698,10 @@
 .p-button.p-button-danger:enabled:focus {
   box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
 }
+
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+  box-shadow: inset 0 2px 0 0 #5EEAD4;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+  box-shadow: inset 0 -2px 0 0 #5EEAD4;
+}