diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 6f0f2853e..fbf3bc2a9 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.429em;
+  right: 0.429rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.786em;
+  right: 2.786rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #FFB300;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
   border-color: #FFB300;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #FFB300;
   color: #212121;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -107,7 +107,7 @@
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #dedede;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.857em;
+  padding: 0.857rem;
   background: #323232;
   color: #dedede;
   border: 1px solid #585858;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #dedede;
   background: #252525;
   font-weight: 700;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
   border-color: #FFB300;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #FF8F00;
@@ -220,7 +220,7 @@
   background: #FFB300;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
   border-top: 1px solid #585858;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,7 +228,7 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #585858;
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
 }
 .p-datepicker .p-timepicker button {
   width: auto;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.286em;
+  font-size: 1.286rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.429em;
+  padding: 0 0.429rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #585858;
-  padding-right: 0.857em;
-  padding-left: 0.857em;
+  padding-right: 0.857rem;
+  padding-left: 0.857rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #4c4c4c;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
   border-color: #FFB300;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #FFB300;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
   border-color: #FFB300;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #FFB300;
   color: #212121;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
   border-color: #FFB300;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #9b9b9b;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #585858;
   color: #dedede;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #dedede;
-  right: 2.786em;
+  right: 2.786rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #191919;
   color: #dedede;
   background: #252525;
@@ -450,10 +450,10 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #252525;
 }
 .p-dropdown-panel .p-dropdown-items {
@@ -461,7 +461,7 @@
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #dedede;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #585858;
   border-left: 1px solid #585858;
   border-bottom: 1px solid #585858;
-  padding: 0.429em 0.429em;
-  min-width: 2.357em;
+  padding: 0.429rem 0.429rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #585858;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #585858;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #323232;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #585858;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #dedede;
   background: #585858;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border: 1px solid #585858;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
   border-color: #FFB300;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.429em;
+  left: 0.429rem;
   color: #9b9b9b;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.429em;
+  left: 0.429rem;
   color: #888888;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 1.858em;
+  padding-left: 1.858rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.429em;
+  right: 0.429rem;
   color: #888888;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #191919;
   color: #dedede;
   background: #252525;
@@ -700,10 +700,10 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #252525;
 }
 .p-listbox .p-listbox-list {
@@ -711,7 +711,7 @@
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #dedede;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #ffe8b3;
+  box-shadow: inset 0 0 0 0.2rem #ffe8b3;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #dedede;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
   border-color: #FFB300;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #9b9b9b;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #585858;
   color: #dedede;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #191919;
   color: #dedede;
   background: #252525;
@@ -781,14 +781,14 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #252525;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: auto;
@@ -797,7 +797,7 @@
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #dedede;
@@ -808,7 +808,7 @@
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #dedede;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #ffe8b3;
+  box-shadow: inset 0 0 0 0.2rem #ffe8b3;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #cd3a3a;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   background: #323232;
   color: #dedede;
   border: 1px solid #191919;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
   border-color: #FFB300;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #dedede;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #4c4c4c;
   border: 2px solid #FFB300;
   border-radius: 100%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-slider .p-slider-range {
   background: #FFB300;
@@ -1036,7 +1036,7 @@
   color: #212121;
   background: #FFB300;
   border: 1px solid #FFB300;
-  padding: 0.429em 1em;
+  padding: 0.429rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-button:enabled:active {
   background: #FF8F00;
@@ -1057,16 +1057,16 @@
   border-color: #FF8F00;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #c8c8c8;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #a0a0a0;
@@ -1116,7 +1116,7 @@
   border-color: #116fbf;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #005b9f;
@@ -1135,7 +1135,7 @@
   border-color: #107D11;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #aae5aa;
+  box-shadow: 0 0 0 0.2rem #aae5aa;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #0C6B0D;
@@ -1154,7 +1154,7 @@
   border-color: #ED990B;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #ffeab4;
+  box-shadow: 0 0 0 0.2rem #ffeab4;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #D38B10;
@@ -1173,7 +1173,7 @@
   border-color: #c01120;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9b4ba;
+  box-shadow: 0 0 0 0.2rem #f9b4ba;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #a90000;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #FFB300;
   border: 1px solid #FFB300;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #212121;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #FFA000;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #191919;
   border-width: 1px;
   font-weight: 700;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #191919;
   border-width: 1px;
   font-weight: 700;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #888888;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #FFB300;
   background: #212121;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #4c4c4c;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #888888;
@@ -1380,7 +1380,7 @@
   background: #191919;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #252525;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1538,7 +1538,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #dedede;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #ffe8b3;
+  box-shadow: inset 0 0 0 0.2rem #ffe8b3;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #FFB300;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #dedede;
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #dedede;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #dedede;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1699,7 +1699,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #dedede;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #ffe8b3;
+  box-shadow: inset 0 0 0 0.2rem #ffe8b3;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #FFB300;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #888888;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #dedede;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #888888;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #FFB300;
@@ -1796,21 +1796,21 @@
   color: #dedede;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #252525;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #191919;
   border-width: 1px;
   font-weight: 700;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #191919;
   border-width: 1px;
   font-weight: 700;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #888888;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #FFB300;
   background: #212121;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #4c4c4c;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #888888;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #191919;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   background: #191919;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #191919;
@@ -1970,7 +1970,7 @@
   color: #212121;
 }
 .p-accordion .p-accordion-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
@@ -1990,19 +1990,19 @@
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2012,7 +2012,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   background: #191919;
@@ -2024,18 +2024,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   color: #dedede;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #191919;
@@ -2045,7 +2045,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   background: #191919;
   color: #dedede;
   border-top-right-radius: 3px;
@@ -2069,13 +2069,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
@@ -2084,7 +2084,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
@@ -2104,7 +2104,7 @@
   border-width: 1px;
   background: #191919;
   color: #dedede;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2114,7 +2114,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #191919;
@@ -2130,7 +2130,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #323232;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   border-bottom-right-radius: 3px;
@@ -2140,11 +2140,11 @@
 .p-toolbar {
   background: #191919;
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2156,13 +2156,13 @@
   border-bottom: 1px solid #191919;
   background: #191919;
   color: #dedede;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 700;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
   width: auto;
@@ -2171,7 +2171,7 @@
   background: transparent;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #dedede;
@@ -2180,7 +2180,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2188,19 +2188,19 @@
 .p-dialog .p-dialog-content {
   background: #323232;
   color: #dedede;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #191919;
   background: #323232;
   color: #dedede;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2216,16 +2216,16 @@
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #FFB300;
   color: #212121;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   position: absolute;
-  top: -0.769em;
-  right: -0.769em;
+  top: -0.769rem;
+  right: -0.769rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2253,15 +2253,15 @@
 .p-sidebar {
   background: #323232;
   color: #dedede;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-sidebar .p-sidebar-close {
   background: #FFB300;
   color: #212121;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2277,7 +2277,7 @@
 .p-tooltip .p-tooltip-text {
   background: #4c4c4c;
   color: #dedede;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
   border-radius: 3px;
 }
@@ -2296,7 +2296,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   border-bottom: 0 none;
@@ -2304,16 +2304,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-fileupload .p-fileupload-content {
   background: #323232;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   border-bottom-right-radius: 3px;
@@ -2338,7 +2338,7 @@
   background: #252525;
   border: 1px solid #191919;
   border-radius: 3px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2347,7 +2347,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #dedede;
@@ -2356,7 +2356,7 @@
   color: #dedede;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #dedede;
 }
 
@@ -2366,10 +2366,10 @@
   color: #dedede;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2380,7 +2380,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2400,7 +2400,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #ffe8b3;
+  box-shadow: inset 0 0 0 0.2rem #ffe8b3;
 }
 .p-contextmenu .p-submenu-list {
   padding: 0;
@@ -2422,7 +2422,7 @@
   margin: 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2434,10 +2434,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2448,7 +2448,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2468,7 +2468,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #ffe8b3;
+  box-shadow: inset 0 0 0 0.2rem #ffe8b3;
 }
 .p-megamenu .p-megamenu-panel {
   background: #252525;
@@ -2478,7 +2478,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   background: #191919;
   font-weight: 700;
@@ -2487,7 +2487,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #585858;
@@ -2503,7 +2503,7 @@
   color: #212121;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 0;
 }
 
@@ -2513,10 +2513,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2527,7 +2527,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2547,7 +2547,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #ffe8b3;
+  box-shadow: inset 0 0 0 0.2rem #ffe8b3;
 }
 .p-menu.p-menu-overlay {
   border: 1px solid #191919;
@@ -2555,7 +2555,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   background: #191919;
   font-weight: 700;
@@ -2576,10 +2576,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2590,7 +2590,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2610,21 +2610,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #ffe8b3;
+  box-shadow: inset 0 0 0 0.2rem #ffe8b3;
 }
 .p-menubar .p-submenu-list {
   padding: 0;
   background: #252525;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #585858;
   margin: 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #FFB300;
@@ -2637,7 +2637,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   background: #191919;
@@ -2646,15 +2646,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #191919;
@@ -2689,7 +2689,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2700,7 +2700,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2720,10 +2720,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #ffe8b3;
+  box-shadow: inset 0 0 0 0.2rem #ffe8b3;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 2px;
@@ -2741,18 +2741,18 @@
   background: #191919;
   min-width: 28px;
   height: 28px;
-  font-size: 1.143em;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #888888;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #FFB300;
@@ -2786,7 +2786,7 @@
   border-width: 1px;
   background: #191919;
   color: #dedede;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2794,12 +2794,12 @@
   margin: 0 0 -1px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #191919;
@@ -2820,10 +2820,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2834,7 +2834,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2854,7 +2854,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #ffe8b3;
+  box-shadow: inset 0 0 0 0.2rem #ffe8b3;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 1px solid #191919;
@@ -2880,12 +2880,12 @@
   margin: 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em;
-  margin: 1em 0;
+  padding: 1rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2925,22 +2925,22 @@
   color: #212121;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-message.p-message-info {
   background: #7fbcec;
@@ -3006,39 +3006,39 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: normal;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 0.5em;
+  margin: 0 0 0 0.5rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 3px;
@@ -3091,11 +3091,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3106,7 +3106,7 @@
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3127,11 +3127,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #FFB300;
@@ -3139,16 +3139,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3166,7 +3166,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3176,11 +3176,11 @@
   background: #FFB300;
   border: 1px solid #FFB300;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #212121;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3199,24 +3199,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3230,7 +3230,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3238,7 +3238,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3246,7 +3246,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3254,7 +3254,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3274,13 +3274,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3291,7 +3291,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #ffe8b3;
+  box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
 
 .p-progressbar {
@@ -3315,7 +3315,7 @@
   background: #323232;
   color: #dedede;
   border: 1px solid #191919;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3329,11 +3329,11 @@
 .p-badge {
   background: #FFB300;
   color: #212121;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #f4f4f4;
@@ -3359,9 +3359,9 @@
 .p-tag {
   background: #FFB300;
   color: #212121;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index cba7d9a84..0693f1589 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.429em;
+  right: 0.429rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.786em;
+  right: 2.786rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #1ea04c;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
   border-color: #1ea04c;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #1ea04c;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -107,7 +107,7 @@
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #dedede;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.857em;
+  padding: 0.857rem;
   background: #323232;
   color: #dedede;
   border: 1px solid #585858;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #dedede;
   background: #252525;
   font-weight: 700;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
   border-color: #1ea04c;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #18803c;
@@ -220,7 +220,7 @@
   background: #1ea04c;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
   border-top: 1px solid #585858;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,7 +228,7 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #585858;
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
 }
 .p-datepicker .p-timepicker button {
   width: auto;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.286em;
+  font-size: 1.286rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.429em;
+  padding: 0 0.429rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #585858;
-  padding-right: 0.857em;
-  padding-left: 0.857em;
+  padding-right: 0.857rem;
+  padding-left: 0.857rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #4c4c4c;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
   border-color: #1ea04c;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #1ea04c;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
   border-color: #1ea04c;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #1ea04c;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
   border-color: #1ea04c;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #9b9b9b;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #585858;
   color: #dedede;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #dedede;
-  right: 2.786em;
+  right: 2.786rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #191919;
   color: #dedede;
   background: #252525;
@@ -450,10 +450,10 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #252525;
 }
 .p-dropdown-panel .p-dropdown-items {
@@ -461,7 +461,7 @@
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #dedede;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #585858;
   border-left: 1px solid #585858;
   border-bottom: 1px solid #585858;
-  padding: 0.429em 0.429em;
-  min-width: 2.357em;
+  padding: 0.429rem 0.429rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #585858;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #585858;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #323232;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #585858;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #dedede;
   background: #585858;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border: 1px solid #585858;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
   border-color: #1ea04c;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.429em;
+  left: 0.429rem;
   color: #9b9b9b;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.429em;
+  left: 0.429rem;
   color: #888888;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 1.858em;
+  padding-left: 1.858rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.429em;
+  right: 0.429rem;
   color: #888888;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #191919;
   color: #dedede;
   background: #252525;
@@ -700,10 +700,10 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #252525;
 }
 .p-listbox .p-listbox-list {
@@ -711,7 +711,7 @@
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #dedede;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #88e9aa;
+  box-shadow: inset 0 0 0 0.2rem #88e9aa;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #dedede;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
   border-color: #1ea04c;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #9b9b9b;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #585858;
   color: #dedede;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #191919;
   color: #dedede;
   background: #252525;
@@ -781,14 +781,14 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #252525;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: auto;
@@ -797,7 +797,7 @@
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #dedede;
@@ -808,7 +808,7 @@
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #dedede;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #88e9aa;
+  box-shadow: inset 0 0 0 0.2rem #88e9aa;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #cd3a3a;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   background: #323232;
   color: #dedede;
   border: 1px solid #191919;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
   border-color: #1ea04c;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #dedede;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #4c4c4c;
   border: 2px solid #1ea04c;
   border-radius: 100%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-slider .p-slider-range {
   background: #1ea04c;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #1ea04c;
   border: 1px solid #1ea04c;
-  padding: 0.429em 1em;
+  padding: 0.429rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-button:enabled:active {
   background: #18803c;
@@ -1057,16 +1057,16 @@
   border-color: #18803c;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #c8c8c8;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #a0a0a0;
@@ -1116,7 +1116,7 @@
   border-color: #116fbf;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #005b9f;
@@ -1135,7 +1135,7 @@
   border-color: #107D11;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #aae5aa;
+  box-shadow: 0 0 0 0.2rem #aae5aa;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #0C6B0D;
@@ -1154,7 +1154,7 @@
   border-color: #ED990B;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #ffeab4;
+  box-shadow: 0 0 0 0.2rem #ffeab4;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #D38B10;
@@ -1173,7 +1173,7 @@
   border-color: #c01120;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9b4ba;
+  box-shadow: 0 0 0 0.2rem #f9b4ba;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #a90000;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #1ea04c;
   border: 1px solid #1ea04c;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #1b9044;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #191919;
   border-width: 1px;
   font-weight: 700;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #191919;
   border-width: 1px;
   font-weight: 700;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #888888;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #1ea04c;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #4c4c4c;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #888888;
@@ -1380,7 +1380,7 @@
   background: #191919;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #252525;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1538,7 +1538,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #dedede;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #88e9aa;
+  box-shadow: inset 0 0 0 0.2rem #88e9aa;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #1ea04c;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #dedede;
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #dedede;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #dedede;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1699,7 +1699,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #dedede;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #88e9aa;
+  box-shadow: inset 0 0 0 0.2rem #88e9aa;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #1ea04c;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #888888;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #dedede;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #888888;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #1ea04c;
@@ -1796,21 +1796,21 @@
   color: #dedede;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #252525;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #191919;
   border-width: 1px;
   font-weight: 700;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #191919;
   border-width: 1px;
   font-weight: 700;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #888888;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #1ea04c;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #4c4c4c;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #888888;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #191919;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   background: #191919;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #191919;
@@ -1970,7 +1970,7 @@
   color: #ffffff;
 }
 .p-accordion .p-accordion-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
@@ -1990,19 +1990,19 @@
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2012,7 +2012,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   background: #191919;
@@ -2024,18 +2024,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   color: #dedede;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #191919;
@@ -2045,7 +2045,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   background: #191919;
   color: #dedede;
   border-top-right-radius: 3px;
@@ -2069,13 +2069,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
@@ -2084,7 +2084,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
@@ -2104,7 +2104,7 @@
   border-width: 1px;
   background: #191919;
   color: #dedede;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2114,7 +2114,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #191919;
@@ -2130,7 +2130,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #323232;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   border-bottom-right-radius: 3px;
@@ -2140,11 +2140,11 @@
 .p-toolbar {
   background: #191919;
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2156,13 +2156,13 @@
   border-bottom: 1px solid #191919;
   background: #191919;
   color: #dedede;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 700;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
   width: auto;
@@ -2171,7 +2171,7 @@
   background: transparent;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #dedede;
@@ -2180,7 +2180,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2188,19 +2188,19 @@
 .p-dialog .p-dialog-content {
   background: #323232;
   color: #dedede;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #191919;
   background: #323232;
   color: #dedede;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2216,16 +2216,16 @@
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #1ea04c;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   position: absolute;
-  top: -0.769em;
-  right: -0.769em;
+  top: -0.769rem;
+  right: -0.769rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2253,15 +2253,15 @@
 .p-sidebar {
   background: #323232;
   color: #dedede;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-sidebar .p-sidebar-close {
   background: #1ea04c;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2277,7 +2277,7 @@
 .p-tooltip .p-tooltip-text {
   background: #4c4c4c;
   color: #dedede;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
   border-radius: 3px;
 }
@@ -2296,7 +2296,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   border-bottom: 0 none;
@@ -2304,16 +2304,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-fileupload .p-fileupload-content {
   background: #323232;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   border-bottom-right-radius: 3px;
@@ -2338,7 +2338,7 @@
   background: #252525;
   border: 1px solid #191919;
   border-radius: 3px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2347,7 +2347,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #dedede;
@@ -2356,7 +2356,7 @@
   color: #dedede;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #dedede;
 }
 
@@ -2366,10 +2366,10 @@
   color: #dedede;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2380,7 +2380,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2400,7 +2400,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #88e9aa;
+  box-shadow: inset 0 0 0 0.2rem #88e9aa;
 }
 .p-contextmenu .p-submenu-list {
   padding: 0;
@@ -2422,7 +2422,7 @@
   margin: 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2434,10 +2434,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2448,7 +2448,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2468,7 +2468,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #88e9aa;
+  box-shadow: inset 0 0 0 0.2rem #88e9aa;
 }
 .p-megamenu .p-megamenu-panel {
   background: #252525;
@@ -2478,7 +2478,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   background: #191919;
   font-weight: 700;
@@ -2487,7 +2487,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #585858;
@@ -2503,7 +2503,7 @@
   color: #ffffff;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 0;
 }
 
@@ -2513,10 +2513,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2527,7 +2527,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2547,7 +2547,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #88e9aa;
+  box-shadow: inset 0 0 0 0.2rem #88e9aa;
 }
 .p-menu.p-menu-overlay {
   border: 1px solid #191919;
@@ -2555,7 +2555,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   background: #191919;
   font-weight: 700;
@@ -2576,10 +2576,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2590,7 +2590,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2610,21 +2610,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #88e9aa;
+  box-shadow: inset 0 0 0 0.2rem #88e9aa;
 }
 .p-menubar .p-submenu-list {
   padding: 0;
   background: #252525;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #585858;
   margin: 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #1ea04c;
@@ -2637,7 +2637,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   background: #191919;
@@ -2646,15 +2646,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #191919;
@@ -2689,7 +2689,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2700,7 +2700,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2720,10 +2720,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #88e9aa;
+  box-shadow: inset 0 0 0 0.2rem #88e9aa;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 2px;
@@ -2741,18 +2741,18 @@
   background: #191919;
   min-width: 28px;
   height: 28px;
-  font-size: 1.143em;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #888888;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #1ea04c;
@@ -2786,7 +2786,7 @@
   border-width: 1px;
   background: #191919;
   color: #dedede;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2794,12 +2794,12 @@
   margin: 0 0 -1px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #191919;
@@ -2820,10 +2820,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2834,7 +2834,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2854,7 +2854,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #88e9aa;
+  box-shadow: inset 0 0 0 0.2rem #88e9aa;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 1px solid #191919;
@@ -2880,12 +2880,12 @@
   margin: 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em;
-  margin: 1em 0;
+  padding: 1rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2925,22 +2925,22 @@
   color: #212121;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-message.p-message-info {
   background: #7fbcec;
@@ -3006,39 +3006,39 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: normal;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 0.5em;
+  margin: 0 0 0 0.5rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 3px;
@@ -3091,11 +3091,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3106,7 +3106,7 @@
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3127,11 +3127,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #1ea04c;
@@ -3139,16 +3139,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3166,7 +3166,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3176,11 +3176,11 @@
   background: #1ea04c;
   border: 1px solid #1ea04c;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3199,24 +3199,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3230,7 +3230,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3238,7 +3238,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3246,7 +3246,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3254,7 +3254,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3274,13 +3274,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3291,7 +3291,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #88e9aa;
+  box-shadow: 0 0 0 0.2rem #88e9aa;
 }
 
 .p-progressbar {
@@ -3315,7 +3315,7 @@
   background: #323232;
   color: #dedede;
   border: 1px solid #191919;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3329,11 +3329,11 @@
 .p-badge {
   background: #1ea04c;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #f4f4f4;
@@ -3359,9 +3359,9 @@
 .p-tag {
   background: #1ea04c;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 29c2a7f69..6f0893a1f 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.429em;
+  right: 0.429rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.786em;
+  right: 2.786rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #cc285c;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
   border-color: #cc285c;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #cc285c;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -107,7 +107,7 @@
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #dedede;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.857em;
+  padding: 0.857rem;
   background: #323232;
   color: #dedede;
   border: 1px solid #585858;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #dedede;
   background: #252525;
   font-weight: 700;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
   border-color: #cc285c;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #a32049;
@@ -220,7 +220,7 @@
   background: #cc285c;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
   border-top: 1px solid #585858;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,7 +228,7 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #585858;
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
 }
 .p-datepicker .p-timepicker button {
   width: auto;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.286em;
+  font-size: 1.286rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.429em;
+  padding: 0 0.429rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #585858;
-  padding-right: 0.857em;
-  padding-left: 0.857em;
+  padding-right: 0.857rem;
+  padding-left: 0.857rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #4c4c4c;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
   border-color: #cc285c;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #cc285c;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
   border-color: #cc285c;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #cc285c;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
   border-color: #cc285c;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #9b9b9b;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #585858;
   color: #dedede;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #dedede;
-  right: 2.786em;
+  right: 2.786rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #191919;
   color: #dedede;
   background: #252525;
@@ -450,10 +450,10 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #252525;
 }
 .p-dropdown-panel .p-dropdown-items {
@@ -461,7 +461,7 @@
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #dedede;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #585858;
   border-left: 1px solid #585858;
   border-bottom: 1px solid #585858;
-  padding: 0.429em 0.429em;
-  min-width: 2.357em;
+  padding: 0.429rem 0.429rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #585858;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #585858;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #323232;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #585858;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #dedede;
   background: #585858;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border: 1px solid #585858;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
   border-color: #cc285c;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.429em;
+  left: 0.429rem;
   color: #9b9b9b;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.429em;
+  left: 0.429rem;
   color: #888888;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 1.858em;
+  padding-left: 1.858rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.429em;
+  right: 0.429rem;
   color: #888888;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #191919;
   color: #dedede;
   background: #252525;
@@ -700,10 +700,10 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #252525;
 }
 .p-listbox .p-listbox-list {
@@ -711,7 +711,7 @@
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #dedede;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #f1b6c8;
+  box-shadow: inset 0 0 0 0.2rem #f1b6c8;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #dedede;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
   border-color: #cc285c;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #9b9b9b;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #585858;
   color: #dedede;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #191919;
   color: #dedede;
   background: #252525;
@@ -781,14 +781,14 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #252525;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: auto;
@@ -797,7 +797,7 @@
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #dedede;
@@ -808,7 +808,7 @@
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #dedede;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #f1b6c8;
+  box-shadow: inset 0 0 0 0.2rem #f1b6c8;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #cd3a3a;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   background: #323232;
   color: #dedede;
   border: 1px solid #191919;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
   border-color: #cc285c;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #dedede;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #4c4c4c;
   border: 2px solid #cc285c;
   border-radius: 100%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-slider .p-slider-range {
   background: #cc285c;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #cc285c;
   border: 1px solid #cc285c;
-  padding: 0.429em 1em;
+  padding: 0.429rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-button:enabled:active {
   background: #a32049;
@@ -1057,16 +1057,16 @@
   border-color: #a32049;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #c8c8c8;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #a0a0a0;
@@ -1116,7 +1116,7 @@
   border-color: #116fbf;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #005b9f;
@@ -1135,7 +1135,7 @@
   border-color: #107D11;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #aae5aa;
+  box-shadow: 0 0 0 0.2rem #aae5aa;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #0C6B0D;
@@ -1154,7 +1154,7 @@
   border-color: #ED990B;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #ffeab4;
+  box-shadow: 0 0 0 0.2rem #ffeab4;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #D38B10;
@@ -1173,7 +1173,7 @@
   border-color: #c01120;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9b4ba;
+  box-shadow: 0 0 0 0.2rem #f9b4ba;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #a90000;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #cc285c;
   border: 1px solid #cc285c;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #b72452;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #191919;
   border-width: 1px;
   font-weight: 700;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #191919;
   border-width: 1px;
   font-weight: 700;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #888888;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #cc285c;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #4c4c4c;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #888888;
@@ -1380,7 +1380,7 @@
   background: #191919;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #252525;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1538,7 +1538,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #dedede;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #f1b6c8;
+  box-shadow: inset 0 0 0 0.2rem #f1b6c8;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #cc285c;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #dedede;
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #dedede;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #dedede;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1699,7 +1699,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #dedede;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #f1b6c8;
+  box-shadow: inset 0 0 0 0.2rem #f1b6c8;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #cc285c;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #888888;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #dedede;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #888888;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #cc285c;
@@ -1796,21 +1796,21 @@
   color: #dedede;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #252525;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #dedede;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #191919;
   border-width: 1px;
   font-weight: 700;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #191919;
   border-width: 1px;
   font-weight: 700;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #888888;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #cc285c;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #4c4c4c;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #191919;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #888888;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #191919;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   background: #191919;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #191919;
@@ -1970,7 +1970,7 @@
   color: #ffffff;
 }
 .p-accordion .p-accordion-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
@@ -1990,19 +1990,19 @@
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2012,7 +2012,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   background: #191919;
@@ -2024,18 +2024,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   color: #dedede;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #191919;
@@ -2045,7 +2045,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   background: #191919;
   color: #dedede;
   border-top-right-radius: 3px;
@@ -2069,13 +2069,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
@@ -2084,7 +2084,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
@@ -2104,7 +2104,7 @@
   border-width: 1px;
   background: #191919;
   color: #dedede;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2114,7 +2114,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #191919;
@@ -2130,7 +2130,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #323232;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   border-bottom-right-radius: 3px;
@@ -2140,11 +2140,11 @@
 .p-toolbar {
   background: #191919;
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2156,13 +2156,13 @@
   border-bottom: 1px solid #191919;
   background: #191919;
   color: #dedede;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 700;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
   width: auto;
@@ -2171,7 +2171,7 @@
   background: transparent;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #dedede;
@@ -2180,7 +2180,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2188,19 +2188,19 @@
 .p-dialog .p-dialog-content {
   background: #323232;
   color: #dedede;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #191919;
   background: #323232;
   color: #dedede;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2216,16 +2216,16 @@
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #cc285c;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   position: absolute;
-  top: -0.769em;
-  right: -0.769em;
+  top: -0.769rem;
+  right: -0.769rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2253,15 +2253,15 @@
 .p-sidebar {
   background: #323232;
   color: #dedede;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-sidebar .p-sidebar-close {
   background: #cc285c;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2277,7 +2277,7 @@
 .p-tooltip .p-tooltip-text {
   background: #4c4c4c;
   color: #dedede;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
   border-radius: 3px;
 }
@@ -2296,7 +2296,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   border-bottom: 0 none;
@@ -2304,16 +2304,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-fileupload .p-fileupload-content {
   background: #323232;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   border-bottom-right-radius: 3px;
@@ -2338,7 +2338,7 @@
   background: #252525;
   border: 1px solid #191919;
   border-radius: 3px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2347,7 +2347,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #dedede;
@@ -2356,7 +2356,7 @@
   color: #dedede;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #dedede;
 }
 
@@ -2366,10 +2366,10 @@
   color: #dedede;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2380,7 +2380,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2400,7 +2400,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #f1b6c8;
+  box-shadow: inset 0 0 0 0.2rem #f1b6c8;
 }
 .p-contextmenu .p-submenu-list {
   padding: 0;
@@ -2422,7 +2422,7 @@
   margin: 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2434,10 +2434,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2448,7 +2448,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2468,7 +2468,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #f1b6c8;
+  box-shadow: inset 0 0 0 0.2rem #f1b6c8;
 }
 .p-megamenu .p-megamenu-panel {
   background: #252525;
@@ -2478,7 +2478,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   background: #191919;
   font-weight: 700;
@@ -2487,7 +2487,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #585858;
@@ -2503,7 +2503,7 @@
   color: #ffffff;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 0;
 }
 
@@ -2513,10 +2513,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2527,7 +2527,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2547,7 +2547,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #f1b6c8;
+  box-shadow: inset 0 0 0 0.2rem #f1b6c8;
 }
 .p-menu.p-menu-overlay {
   border: 1px solid #191919;
@@ -2555,7 +2555,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   background: #191919;
   font-weight: 700;
@@ -2576,10 +2576,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2590,7 +2590,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2610,21 +2610,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #f1b6c8;
+  box-shadow: inset 0 0 0 0.2rem #f1b6c8;
 }
 .p-menubar .p-submenu-list {
   padding: 0;
   background: #252525;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #585858;
   margin: 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #cc285c;
@@ -2637,7 +2637,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #191919;
   color: #dedede;
   background: #191919;
@@ -2646,15 +2646,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #191919;
@@ -2689,7 +2689,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2700,7 +2700,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2720,10 +2720,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #f1b6c8;
+  box-shadow: inset 0 0 0 0.2rem #f1b6c8;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 2px;
@@ -2741,18 +2741,18 @@
   background: #191919;
   min-width: 28px;
   height: 28px;
-  font-size: 1.143em;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #888888;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #cc285c;
@@ -2786,7 +2786,7 @@
   border-width: 1px;
   background: #191919;
   color: #dedede;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2794,12 +2794,12 @@
   margin: 0 0 -1px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #191919;
@@ -2820,10 +2820,10 @@
   color: #dedede;
   border: 1px solid #191919;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #dedede;
   font-weight: normal;
   border-radius: 0;
@@ -2834,7 +2834,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #dedede;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #dedede;
@@ -2854,7 +2854,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #f1b6c8;
+  box-shadow: inset 0 0 0 0.2rem #f1b6c8;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 1px solid #191919;
@@ -2880,12 +2880,12 @@
   margin: 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em;
-  margin: 1em 0;
+  padding: 1rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2925,22 +2925,22 @@
   color: #212121;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-message.p-message-info {
   background: #7fbcec;
@@ -3006,39 +3006,39 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: normal;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 0.5em;
+  margin: 0 0 0 0.5rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 3px;
@@ -3091,11 +3091,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3106,7 +3106,7 @@
   background: #191919;
   color: #dedede;
   border: 1px solid #191919;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3127,11 +3127,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #cc285c;
@@ -3139,16 +3139,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3166,7 +3166,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3176,11 +3176,11 @@
   background: #cc285c;
   border: 1px solid #cc285c;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3199,24 +3199,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3230,7 +3230,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3238,7 +3238,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3246,7 +3246,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3254,7 +3254,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3274,13 +3274,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3291,7 +3291,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #f1b6c8;
+  box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
 
 .p-progressbar {
@@ -3315,7 +3315,7 @@
   background: #323232;
   color: #dedede;
   border: 1px solid #191919;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3329,11 +3329,11 @@
 .p-badge {
   background: #cc285c;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #f4f4f4;
@@ -3359,9 +3359,9 @@
 .p-tag {
   background: #cc285c;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css
index d22206bc3..5dfdd4b49 100644
--- a/public/themes/nova-colored/theme.css
+++ b/public/themes/nova-colored/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.429em;
+  right: 0.429rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.786em;
+  right: 2.786rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #212121;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #e02365;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -107,7 +107,7 @@
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.857em;
+  padding: 0.857rem;
   background: #ffffff;
   color: #333333;
   border: 1px solid #a6a6a6;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #333333;
   background: #ffffff;
   font-weight: 700;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #d0d0d0;
@@ -220,7 +220,7 @@
   background: #e02365;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
   border-top: 1px solid #d8dae2;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,7 +228,7 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #d8dae2;
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
 }
 .p-datepicker .p-timepicker button {
   width: auto;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.286em;
+  font-size: 1.286rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.429em;
+  padding: 0 0.429rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #d8dae2;
-  padding-right: 0.857em;
-  padding-left: 0.857em;
+  padding-right: 0.857rem;
+  padding-left: 0.857rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #eaeaea;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #212121;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #e02365;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #666666;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #ffffff;
   color: #848484;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #848484;
-  right: 2.786em;
+  right: 2.786rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #eaeaea;
   color: #333333;
   background: #ffffff;
@@ -450,10 +450,10 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #007ad9;
 }
 .p-dropdown-panel .p-dropdown-items {
@@ -461,7 +461,7 @@
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #a6a6a6;
   border-left: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
-  padding: 0.429em 0.429em;
-  min-width: 2.357em;
+  padding: 0.429rem 0.429rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #a6a6a6;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #cccccc;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #ffffff;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #b7b7b7;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #333333;
   background: #ffffff;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border: 1px solid #a6a6a6;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.429em;
+  left: 0.429rem;
   color: #666666;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.429em;
+  left: 0.429rem;
   color: #848484;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 1.858em;
+  padding-left: 1.858rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.429em;
+  right: 0.429rem;
   color: #848484;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #eaeaea;
   color: #333333;
   background: #ffffff;
@@ -700,10 +700,10 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #007ad9;
 }
 .p-listbox .p-listbox-list {
@@ -711,7 +711,7 @@
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #333333;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #666666;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #ffffff;
   color: #848484;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #eaeaea;
   color: #333333;
   background: #ffffff;
@@ -781,14 +781,14 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #007ad9;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: auto;
@@ -797,7 +797,7 @@
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #333333;
@@ -808,7 +808,7 @@
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #a80000;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   background: #ffffff;
   color: #333333;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #333333;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #ffffff;
   border: 2px solid #666666;
   border-radius: 100%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-slider .p-slider-range {
   background: #007ad9;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #007ad9;
   border: 1px solid #007ad9;
-  padding: 0.429em 1em;
+  padding: 0.429rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button:enabled:active {
   background: #005b9f;
@@ -1057,16 +1057,16 @@
   border-color: #005b9f;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #c8c8c8;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #a0a0a0;
@@ -1116,7 +1116,7 @@
   border-color: #116fbf;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #005b9f;
@@ -1135,7 +1135,7 @@
   border-color: #107D11;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #aae5aa;
+  box-shadow: 0 0 0 0.2rem #aae5aa;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #0C6B0D;
@@ -1154,7 +1154,7 @@
   border-color: #ED990B;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #ffeab4;
+  box-shadow: 0 0 0 0.2rem #ffeab4;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #D38B10;
@@ -1173,7 +1173,7 @@
   border-color: #c01120;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9b4ba;
+  box-shadow: 0 0 0 0.2rem #f9b4ba;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #a90000;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #c8c8c8;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #848484;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #eaeaea;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #ffffff;
   border: 1px solid #007ad9;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #848484;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #e02365;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #e0e0e0;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #848484;
@@ -1380,7 +1380,7 @@
   background: #007ad9;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #ffffff;
   border: 1px solid #007ad9;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #dadada;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #007ad9;
   color: #ffffff;
   border: 1px solid #007ad9;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1538,7 +1538,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #333333;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #e02365;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #333333;
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #848484;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #848484;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #007ad9;
   color: #ffffff;
   border: 1px solid #007ad9;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1699,7 +1699,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #333333;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #e02365;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #848484;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #333333;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #848484;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #e02365;
@@ -1796,21 +1796,21 @@
   color: #333333;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #007ad9;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #ffffff;
   border: 1px solid #007ad9;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #848484;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #e02365;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #e0e0e0;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #848484;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #007ad9;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #007ad9;
   color: #ffffff;
   background: #007ad9;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #dbdbdb;
@@ -1970,7 +1970,7 @@
   color: #ffffff;
 }
 .p-accordion .p-accordion-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
@@ -1990,19 +1990,19 @@
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2012,7 +2012,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #007ad9;
   color: #ffffff;
   background: #007ad9;
@@ -2024,18 +2024,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   color: #ffffff;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #dbdbdb;
@@ -2045,7 +2045,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #007ad9;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   background: #007ad9;
   color: #ffffff;
   border-top-right-radius: 3px;
@@ -2069,13 +2069,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
@@ -2084,7 +2084,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
@@ -2104,7 +2104,7 @@
   border-width: 1px;
   background: #007ad9;
   color: #ffffff;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2114,7 +2114,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #dbdbdb;
@@ -2130,7 +2130,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   border-bottom-right-radius: 3px;
@@ -2140,11 +2140,11 @@
 .p-toolbar {
   background: #007ad9;
   border: 1px solid #007ad9;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2156,13 +2156,13 @@
   border-bottom: 1px solid #007ad9;
   background: #007ad9;
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 700;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
   width: auto;
@@ -2171,7 +2171,7 @@
   background: transparent;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #5ab7ff;
@@ -2180,7 +2180,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2188,19 +2188,19 @@
 .p-dialog .p-dialog-content {
   background: #ffffff;
   color: #333333;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2216,16 +2216,16 @@
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #007ad9;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   position: absolute;
-  top: -0.769em;
-  right: -0.769em;
+  top: -0.769rem;
+  right: -0.769rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2253,15 +2253,15 @@
 .p-sidebar {
   background: #ffffff;
   color: #333333;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-sidebar .p-sidebar-close {
   background: #007ad9;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2277,7 +2277,7 @@
 .p-tooltip .p-tooltip-text {
   background: #333333;
   color: #ffffff;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
   border-radius: 3px;
 }
@@ -2296,7 +2296,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #007ad9;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #007ad9;
   color: #ffffff;
   border-bottom: 0 none;
@@ -2304,16 +2304,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   border-bottom-right-radius: 3px;
@@ -2338,7 +2338,7 @@
   background: #ffffff;
   border: 1px solid #c8c8c8;
   border-radius: 3px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2347,7 +2347,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #333333;
@@ -2356,7 +2356,7 @@
   color: #333333;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #333333;
 }
 
@@ -2366,10 +2366,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2380,7 +2380,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2400,7 +2400,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-contextmenu .p-submenu-list {
   padding: 0;
@@ -2422,7 +2422,7 @@
   margin: 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2434,10 +2434,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2448,7 +2448,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2468,7 +2468,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
@@ -2478,7 +2478,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   background: #f4f4f4;
   font-weight: 700;
@@ -2487,7 +2487,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #d8dae2;
@@ -2503,7 +2503,7 @@
   color: #333333;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 0;
 }
 
@@ -2513,10 +2513,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2527,7 +2527,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2547,7 +2547,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-menu.p-menu-overlay {
   border: 1px solid #c8c8c8;
@@ -2555,7 +2555,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   background: #f4f4f4;
   font-weight: 700;
@@ -2576,10 +2576,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2590,7 +2590,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2610,21 +2610,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-menubar .p-submenu-list {
   padding: 0;
   background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #d8dae2;
   margin: 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #eaeaea;
@@ -2637,7 +2637,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #007ad9;
   color: #ffffff;
   background: #007ad9;
@@ -2646,15 +2646,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #dbdbdb;
@@ -2689,7 +2689,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2700,7 +2700,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2720,10 +2720,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 2px;
@@ -2741,18 +2741,18 @@
   background: #ffffff;
   min-width: 28px;
   height: 28px;
-  font-size: 1.145em;
+  font-size: 1.145rem;
   z-index: 1;
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #848484;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #e02365;
@@ -2786,7 +2786,7 @@
   border-width: 1px;
   background: #007ad9;
   color: #ffffff;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2794,12 +2794,12 @@
   margin: 0 0 -1px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #dbdbdb;
@@ -2820,10 +2820,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2834,7 +2834,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2854,7 +2854,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 1px solid #c8c8c8;
@@ -2880,12 +2880,12 @@
   margin: 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em;
-  margin: 1em 0;
+  padding: 1rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2925,22 +2925,22 @@
   color: #212121;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-message.p-message-info {
   background: #7fbcec;
@@ -3006,39 +3006,39 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: normal;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 0.5em;
+  margin: 0 0 0 0.5rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 3px;
@@ -3091,11 +3091,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3106,7 +3106,7 @@
   background: #007ad9;
   color: #ffffff;
   border: 1px solid #007ad9;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3127,11 +3127,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #007ad9;
@@ -3139,16 +3139,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3166,7 +3166,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3176,11 +3176,11 @@
   background: #ffffff;
   border: 1px solid #c8c8c8;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #848484;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3199,24 +3199,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3230,7 +3230,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3238,7 +3238,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3246,7 +3246,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3254,7 +3254,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3274,13 +3274,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3291,7 +3291,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 
 .p-progressbar {
@@ -3315,7 +3315,7 @@
   background: #ffffff;
   color: #333333;
   border: 1px solid #c8c8c8;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3329,11 +3329,11 @@
 .p-badge {
   background: #007ad9;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #f4f4f4;
@@ -3359,9 +3359,9 @@
 .p-tag {
   background: #007ad9;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css
index 0aa8d2727..da39feb3a 100644
--- a/public/themes/nova-dark/theme.css
+++ b/public/themes/nova-dark/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.429em;
+  right: 0.429rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.786em;
+  right: 2.786rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #212121;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #007ad9;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -107,7 +107,7 @@
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.857em;
+  padding: 0.857rem;
   background: #ffffff;
   color: #333333;
   border: 1px solid #a6a6a6;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #333333;
   background: #ffffff;
   font-weight: 700;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #d0d0d0;
@@ -220,7 +220,7 @@
   background: #007ad9;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
   border-top: 1px solid #d8dae2;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,7 +228,7 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #d8dae2;
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
 }
 .p-datepicker .p-timepicker button {
   width: auto;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.286em;
+  font-size: 1.286rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.429em;
+  padding: 0 0.429rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #d8dae2;
-  padding-right: 0.857em;
-  padding-left: 0.857em;
+  padding-right: 0.857rem;
+  padding-left: 0.857rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #eaeaea;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #212121;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #007ad9;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #666666;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #ffffff;
   color: #848484;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #848484;
-  right: 2.786em;
+  right: 2.786rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #eaeaea;
   color: #333333;
   background: #ffffff;
@@ -450,10 +450,10 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #007ad9;
 }
 .p-dropdown-panel .p-dropdown-items {
@@ -461,7 +461,7 @@
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #a6a6a6;
   border-left: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
-  padding: 0.429em 0.429em;
-  min-width: 2.357em;
+  padding: 0.429rem 0.429rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #a6a6a6;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #cccccc;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #ffffff;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #b7b7b7;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #333333;
   background: #ffffff;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border: 1px solid #a6a6a6;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.429em;
+  left: 0.429rem;
   color: #666666;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.429em;
+  left: 0.429rem;
   color: #848484;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 1.858em;
+  padding-left: 1.858rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.429em;
+  right: 0.429rem;
   color: #848484;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #eaeaea;
   color: #333333;
   background: #ffffff;
@@ -700,10 +700,10 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #007ad9;
 }
 .p-listbox .p-listbox-list {
@@ -711,7 +711,7 @@
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #333333;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #666666;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #ffffff;
   color: #848484;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #eaeaea;
   color: #333333;
   background: #ffffff;
@@ -781,14 +781,14 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #007ad9;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: auto;
@@ -797,7 +797,7 @@
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #333333;
@@ -808,7 +808,7 @@
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #a80000;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   background: #ffffff;
   color: #333333;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #333333;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #ffffff;
   border: 2px solid #666666;
   border-radius: 100%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-slider .p-slider-range {
   background: #007ad9;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #007ad9;
   border: 1px solid #007ad9;
-  padding: 0.429em 1em;
+  padding: 0.429rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button:enabled:active {
   background: #005b9f;
@@ -1057,16 +1057,16 @@
   border-color: #005b9f;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #c8c8c8;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #a0a0a0;
@@ -1116,7 +1116,7 @@
   border-color: #116fbf;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #005b9f;
@@ -1135,7 +1135,7 @@
   border-color: #107D11;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #aae5aa;
+  box-shadow: 0 0 0 0.2rem #aae5aa;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #0C6B0D;
@@ -1154,7 +1154,7 @@
   border-color: #ED990B;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #ffeab4;
+  box-shadow: 0 0 0 0.2rem #ffeab4;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #D38B10;
@@ -1173,7 +1173,7 @@
   border-color: #c01120;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9b4ba;
+  box-shadow: 0 0 0 0.2rem #f9b4ba;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #a90000;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #c8c8c8;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #848484;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #eaeaea;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #ffffff;
   border: 1px solid #333333;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #848484;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #007ad9;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #e0e0e0;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #848484;
@@ -1380,7 +1380,7 @@
   background: #333333;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #ffffff;
   border: 1px solid #333333;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #dadada;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #333333;
   color: #ffffff;
   border: 1px solid #333333;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1538,7 +1538,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #333333;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #007ad9;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #333333;
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #848484;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #848484;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #333333;
   color: #ffffff;
   border: 1px solid #333333;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1699,7 +1699,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #333333;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #007ad9;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #848484;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #333333;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #848484;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #007ad9;
@@ -1796,21 +1796,21 @@
   color: #333333;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #007ad9;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #ffffff;
   border: 1px solid #333333;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #848484;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #007ad9;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #e0e0e0;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #848484;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #333333;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #333333;
   color: #ffffff;
   background: #333333;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #dbdbdb;
@@ -1970,7 +1970,7 @@
   color: #ffffff;
 }
 .p-accordion .p-accordion-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
@@ -1990,19 +1990,19 @@
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2012,7 +2012,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #333333;
   color: #ffffff;
   background: #333333;
@@ -2024,18 +2024,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   color: #ffffff;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #dbdbdb;
@@ -2045,7 +2045,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #333333;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   background: #333333;
   color: #ffffff;
   border-top-right-radius: 3px;
@@ -2069,13 +2069,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
@@ -2084,7 +2084,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
@@ -2104,7 +2104,7 @@
   border-width: 1px;
   background: #333333;
   color: #ffffff;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2114,7 +2114,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #dbdbdb;
@@ -2130,7 +2130,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   border-bottom-right-radius: 3px;
@@ -2140,11 +2140,11 @@
 .p-toolbar {
   background: #333333;
   border: 1px solid #333333;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2156,13 +2156,13 @@
   border-bottom: 1px solid #333333;
   background: #333333;
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 700;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
   width: auto;
@@ -2171,7 +2171,7 @@
   background: transparent;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #b4b4b4;
@@ -2180,7 +2180,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2188,19 +2188,19 @@
 .p-dialog .p-dialog-content {
   background: #ffffff;
   color: #333333;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2216,16 +2216,16 @@
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #007ad9;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   position: absolute;
-  top: -0.769em;
-  right: -0.769em;
+  top: -0.769rem;
+  right: -0.769rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2253,15 +2253,15 @@
 .p-sidebar {
   background: #ffffff;
   color: #333333;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-sidebar .p-sidebar-close {
   background: #007ad9;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2277,7 +2277,7 @@
 .p-tooltip .p-tooltip-text {
   background: #333333;
   color: #ffffff;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
   border-radius: 3px;
 }
@@ -2296,7 +2296,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #333333;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #333333;
   color: #ffffff;
   border-bottom: 0 none;
@@ -2304,16 +2304,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   border-bottom-right-radius: 3px;
@@ -2338,7 +2338,7 @@
   background: #ffffff;
   border: 1px solid #c8c8c8;
   border-radius: 3px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2347,7 +2347,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #333333;
@@ -2356,7 +2356,7 @@
   color: #333333;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #333333;
 }
 
@@ -2366,10 +2366,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2380,7 +2380,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2400,7 +2400,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-contextmenu .p-submenu-list {
   padding: 0;
@@ -2422,7 +2422,7 @@
   margin: 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2434,10 +2434,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2448,7 +2448,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2468,7 +2468,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
@@ -2478,7 +2478,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   background: #f4f4f4;
   font-weight: 700;
@@ -2487,7 +2487,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #d8dae2;
@@ -2503,7 +2503,7 @@
   color: #333333;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 0;
 }
 
@@ -2513,10 +2513,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2527,7 +2527,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2547,7 +2547,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-menu.p-menu-overlay {
   border: 1px solid #c8c8c8;
@@ -2555,7 +2555,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   background: #f4f4f4;
   font-weight: 700;
@@ -2576,10 +2576,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2590,7 +2590,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2610,21 +2610,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-menubar .p-submenu-list {
   padding: 0;
   background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #d8dae2;
   margin: 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #eaeaea;
@@ -2637,7 +2637,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #333333;
   color: #ffffff;
   background: #333333;
@@ -2646,15 +2646,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #dbdbdb;
@@ -2689,7 +2689,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2700,7 +2700,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2720,10 +2720,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 2px;
@@ -2741,18 +2741,18 @@
   background: #ffffff;
   min-width: 28px;
   height: 28px;
-  font-size: 1.145em;
+  font-size: 1.145rem;
   z-index: 1;
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #848484;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #007ad9;
@@ -2786,7 +2786,7 @@
   border-width: 1px;
   background: #333333;
   color: #ffffff;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2794,12 +2794,12 @@
   margin: 0 0 -1px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #dbdbdb;
@@ -2820,10 +2820,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2834,7 +2834,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2854,7 +2854,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 1px solid #c8c8c8;
@@ -2880,12 +2880,12 @@
   margin: 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em;
-  margin: 1em 0;
+  padding: 1rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2925,22 +2925,22 @@
   color: #212121;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-message.p-message-info {
   background: #7fbcec;
@@ -3006,39 +3006,39 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: normal;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 0.5em;
+  margin: 0 0 0 0.5rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 3px;
@@ -3091,11 +3091,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3106,7 +3106,7 @@
   background: #333333;
   color: #ffffff;
   border: 1px solid #333333;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3127,11 +3127,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #007ad9;
@@ -3139,16 +3139,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3166,7 +3166,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3176,11 +3176,11 @@
   background: #ffffff;
   border: 1px solid #c8c8c8;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #848484;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3199,24 +3199,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3230,7 +3230,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3238,7 +3238,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3246,7 +3246,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3254,7 +3254,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3274,13 +3274,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3291,7 +3291,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 
 .p-progressbar {
@@ -3315,7 +3315,7 @@
   background: #ffffff;
   color: #333333;
   border: 1px solid #c8c8c8;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3329,11 +3329,11 @@
 .p-badge {
   background: #007ad9;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #f4f4f4;
@@ -3359,9 +3359,9 @@
 .p-tag {
   background: #007ad9;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css
index 399113e46..2abff0ae1 100644
--- a/public/themes/nova-light/theme.css
+++ b/public/themes/nova-light/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.429em;
+  right: 0.429rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.786em;
+  right: 2.786rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #212121;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #007ad9;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -107,7 +107,7 @@
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.857em;
+  padding: 0.857rem;
   background: #ffffff;
   color: #333333;
   border: 1px solid #a6a6a6;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #333333;
   background: #ffffff;
   font-weight: 700;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #d0d0d0;
@@ -220,7 +220,7 @@
   background: #007ad9;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
   border-top: 1px solid #d8dae2;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,7 +228,7 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #d8dae2;
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
 }
 .p-datepicker .p-timepicker button {
   width: auto;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.286em;
+  font-size: 1.286rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.429em;
+  padding: 0 0.429rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #d8dae2;
-  padding-right: 0.857em;
-  padding-left: 0.857em;
+  padding-right: 0.857rem;
+  padding-left: 0.857rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #eaeaea;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #212121;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #007ad9;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #666666;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #ffffff;
   color: #848484;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #848484;
-  right: 2.786em;
+  right: 2.786rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #eaeaea;
   color: #333333;
   background: #ffffff;
@@ -450,10 +450,10 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #007ad9;
 }
 .p-dropdown-panel .p-dropdown-items {
@@ -461,7 +461,7 @@
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #a6a6a6;
   border-left: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
-  padding: 0.429em 0.429em;
-  min-width: 2.357em;
+  padding: 0.429rem 0.429rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #a6a6a6;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #cccccc;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #ffffff;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #b7b7b7;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #333333;
   background: #ffffff;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border: 1px solid #a6a6a6;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.429em;
+  left: 0.429rem;
   color: #666666;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.429em;
+  left: 0.429rem;
   color: #848484;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 1.858em;
+  padding-left: 1.858rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.429em;
+  right: 0.429rem;
   color: #848484;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #eaeaea;
   color: #333333;
   background: #ffffff;
@@ -700,10 +700,10 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #007ad9;
 }
 .p-listbox .p-listbox-list {
@@ -711,7 +711,7 @@
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #333333;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #666666;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #ffffff;
   color: #848484;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #eaeaea;
   color: #333333;
   background: #ffffff;
@@ -781,14 +781,14 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #007ad9;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: auto;
@@ -797,7 +797,7 @@
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #333333;
@@ -808,7 +808,7 @@
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #a80000;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   background: #ffffff;
   color: #333333;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   border-color: #007ad9;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #333333;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #ffffff;
   border: 2px solid #666666;
   border-radius: 100%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-slider .p-slider-range {
   background: #007ad9;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #007ad9;
   border: 1px solid #007ad9;
-  padding: 0.429em 1em;
+  padding: 0.429rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button:enabled:active {
   background: #005b9f;
@@ -1057,16 +1057,16 @@
   border-color: #005b9f;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #c8c8c8;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #a0a0a0;
@@ -1116,7 +1116,7 @@
   border-color: #116fbf;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #005b9f;
@@ -1135,7 +1135,7 @@
   border-color: #107D11;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #aae5aa;
+  box-shadow: 0 0 0 0.2rem #aae5aa;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #0C6B0D;
@@ -1154,7 +1154,7 @@
   border-color: #ED990B;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #ffeab4;
+  box-shadow: 0 0 0 0.2rem #ffeab4;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #D38B10;
@@ -1173,7 +1173,7 @@
   border-color: #c01120;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9b4ba;
+  box-shadow: 0 0 0 0.2rem #f9b4ba;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #a90000;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #c8c8c8;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #848484;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #eaeaea;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #848484;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #007ad9;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #e0e0e0;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #848484;
@@ -1380,7 +1380,7 @@
   background: #f4f4f4;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #dadada;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #f4f4f4;
   color: #333333;
   border: 1px solid #c8c8c8;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1538,7 +1538,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #333333;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #007ad9;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #333333;
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #848484;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #848484;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #f4f4f4;
   color: #333333;
   border: 1px solid #c8c8c8;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1699,7 +1699,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #333333;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #007ad9;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #848484;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #333333;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #848484;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #007ad9;
@@ -1796,21 +1796,21 @@
   color: #333333;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #007ad9;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #848484;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #007ad9;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #e0e0e0;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #848484;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #f4f4f4;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   background: #f4f4f4;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #dbdbdb;
@@ -1970,7 +1970,7 @@
   color: #ffffff;
 }
 .p-accordion .p-accordion-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
@@ -1990,19 +1990,19 @@
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2012,7 +2012,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   background: #f4f4f4;
@@ -2024,18 +2024,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   color: #333333;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #dbdbdb;
@@ -2045,7 +2045,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #c8c8c8;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   background: #f4f4f4;
   color: #333333;
   border-top-right-radius: 3px;
@@ -2069,13 +2069,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
@@ -2084,7 +2084,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
@@ -2104,7 +2104,7 @@
   border-width: 1px;
   background: #f4f4f4;
   color: #333333;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2114,7 +2114,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #dbdbdb;
@@ -2130,7 +2130,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   border-bottom-right-radius: 3px;
@@ -2140,11 +2140,11 @@
 .p-toolbar {
   background: #f4f4f4;
   border: 1px solid #c8c8c8;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2156,13 +2156,13 @@
   border-bottom: 1px solid #c8c8c8;
   background: #f4f4f4;
   color: #333333;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 700;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
   width: auto;
@@ -2171,7 +2171,7 @@
   background: transparent;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #333333;
@@ -2180,7 +2180,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2188,19 +2188,19 @@
 .p-dialog .p-dialog-content {
   background: #ffffff;
   color: #333333;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2216,16 +2216,16 @@
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #007ad9;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   position: absolute;
-  top: -0.769em;
-  right: -0.769em;
+  top: -0.769rem;
+  right: -0.769rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2253,15 +2253,15 @@
 .p-sidebar {
   background: #ffffff;
   color: #333333;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-sidebar .p-sidebar-close {
   background: #007ad9;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2277,7 +2277,7 @@
 .p-tooltip .p-tooltip-text {
   background: #333333;
   color: #ffffff;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
   border-radius: 3px;
 }
@@ -2296,7 +2296,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #f4f4f4;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   border-bottom: 0 none;
@@ -2304,16 +2304,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   border-bottom-right-radius: 3px;
@@ -2338,7 +2338,7 @@
   background: #ffffff;
   border: 1px solid #c8c8c8;
   border-radius: 3px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2347,7 +2347,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #333333;
@@ -2356,7 +2356,7 @@
   color: #333333;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #333333;
 }
 
@@ -2366,10 +2366,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2380,7 +2380,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2400,7 +2400,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-contextmenu .p-submenu-list {
   padding: 0;
@@ -2422,7 +2422,7 @@
   margin: 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2434,10 +2434,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2448,7 +2448,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2468,7 +2468,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
@@ -2478,7 +2478,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   background: #f4f4f4;
   font-weight: 700;
@@ -2487,7 +2487,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #d8dae2;
@@ -2503,7 +2503,7 @@
   color: #333333;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 0;
 }
 
@@ -2513,10 +2513,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2527,7 +2527,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2547,7 +2547,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-menu.p-menu-overlay {
   border: 1px solid #c8c8c8;
@@ -2555,7 +2555,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   background: #f4f4f4;
   font-weight: 700;
@@ -2576,10 +2576,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2590,7 +2590,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2610,21 +2610,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-menubar .p-submenu-list {
   padding: 0;
   background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #d8dae2;
   margin: 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #eaeaea;
@@ -2637,7 +2637,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   background: #f4f4f4;
@@ -2646,15 +2646,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #dbdbdb;
@@ -2689,7 +2689,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2700,7 +2700,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2720,10 +2720,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 2px;
@@ -2741,18 +2741,18 @@
   background: #ffffff;
   min-width: 28px;
   height: 28px;
-  font-size: 1.145em;
+  font-size: 1.145rem;
   z-index: 1;
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #848484;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #007ad9;
@@ -2786,7 +2786,7 @@
   border-width: 1px;
   background: #f4f4f4;
   color: #333333;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2794,12 +2794,12 @@
   margin: 0 0 -1px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #dbdbdb;
@@ -2820,10 +2820,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2834,7 +2834,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2854,7 +2854,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #8dcdff;
+  box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 1px solid #c8c8c8;
@@ -2880,12 +2880,12 @@
   margin: 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em;
-  margin: 1em 0;
+  padding: 1rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2925,22 +2925,22 @@
   color: #212121;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-message.p-message-info {
   background: #7fbcec;
@@ -3006,39 +3006,39 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: normal;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 0.5em;
+  margin: 0 0 0 0.5rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 3px;
@@ -3091,11 +3091,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3106,7 +3106,7 @@
   background: #f4f4f4;
   color: #333333;
   border: 1px solid #c8c8c8;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3127,11 +3127,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #007ad9;
@@ -3139,16 +3139,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3166,7 +3166,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3176,11 +3176,11 @@
   background: #ffffff;
   border: 1px solid #c8c8c8;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #848484;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3199,24 +3199,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3230,7 +3230,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3238,7 +3238,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3246,7 +3246,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3254,7 +3254,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3274,13 +3274,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3291,7 +3291,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 
 .p-progressbar {
@@ -3315,7 +3315,7 @@
   background: #ffffff;
   color: #333333;
   border: 1px solid #c8c8c8;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3329,11 +3329,11 @@
 .p-badge {
   background: #007ad9;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #f4f4f4;
@@ -3359,9 +3359,9 @@
 .p-tag {
   background: #007ad9;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 65b7d1f31..e3a6dc93d 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.429em;
+  right: 0.429rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.786em;
+  right: 2.786rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #212121;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
   border-color: #41b883;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #41b883;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -107,7 +107,7 @@
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.857em;
+  padding: 0.857rem;
   background: #ffffff;
   color: #333333;
   border: 1px solid #a6a6a6;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #333333;
   background: #ffffff;
   font-weight: 700;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
   border-color: #41b883;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #d0d0d0;
@@ -220,7 +220,7 @@
   background: #41b883;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
   border-top: 1px solid #d8dae2;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,7 +228,7 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #d8dae2;
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
 }
 .p-datepicker .p-timepicker button {
   width: auto;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.286em;
+  font-size: 1.286rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.429em;
+  padding: 0 0.429rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #d8dae2;
-  padding-right: 0.857em;
-  padding-left: 0.857em;
+  padding-right: 0.857rem;
+  padding-left: 0.857rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #eaeaea;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
   border-color: #41b883;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #212121;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
   border-color: #41b883;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #41b883;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
   border-color: #41b883;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #666666;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #ffffff;
   color: #848484;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #848484;
-  right: 2.786em;
+  right: 2.786rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #eaeaea;
   color: #333333;
   background: #ffffff;
@@ -450,10 +450,10 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #41b883;
 }
 .p-dropdown-panel .p-dropdown-items {
@@ -461,7 +461,7 @@
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #a6a6a6;
   border-left: 1px solid #a6a6a6;
   border-bottom: 1px solid #a6a6a6;
-  padding: 0.429em 0.429em;
-  min-width: 2.357em;
+  padding: 0.429rem 0.429rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #a6a6a6;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #cccccc;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #ffffff;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #b7b7b7;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #333333;
   background: #ffffff;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border: 1px solid #a6a6a6;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
   border-color: #41b883;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.429em;
+  left: 0.429rem;
   color: #666666;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.429em;
+  left: 0.429rem;
   color: #848484;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 1.858em;
+  padding-left: 1.858rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.429em;
+  right: 0.429rem;
   color: #848484;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #eaeaea;
   color: #333333;
   background: #ffffff;
@@ -700,10 +700,10 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #41b883;
 }
 .p-listbox .p-listbox-list {
@@ -711,7 +711,7 @@
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #c2e9d8;
+  box-shadow: inset 0 0 0 0.2rem #c2e9d8;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #333333;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
   border-color: #41b883;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #666666;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #ffffff;
   color: #848484;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #eaeaea;
   color: #333333;
   background: #ffffff;
@@ -781,14 +781,14 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #41b883;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: auto;
@@ -797,7 +797,7 @@
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #333333;
@@ -808,7 +808,7 @@
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #333333;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #c2e9d8;
+  box-shadow: inset 0 0 0 0.2rem #c2e9d8;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #a80000;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   background: #ffffff;
   color: #333333;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
   border-color: #41b883;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #333333;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #ffffff;
   border: 2px solid #666666;
   border-radius: 100%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-slider .p-slider-range {
   background: #41b883;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #41b883;
   border: 1px solid #41b883;
-  padding: 0.429em 1em;
+  padding: 0.429rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-button:enabled:active {
   background: #246749;
@@ -1057,16 +1057,16 @@
   border-color: #246749;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #c8c8c8;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #a0a0a0;
@@ -1116,7 +1116,7 @@
   border-color: #116fbf;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #8dcdff;
+  box-shadow: 0 0 0 0.2rem #8dcdff;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #005b9f;
@@ -1135,7 +1135,7 @@
   border-color: #107D11;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #aae5aa;
+  box-shadow: 0 0 0 0.2rem #aae5aa;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #0C6B0D;
@@ -1154,7 +1154,7 @@
   border-color: #ED990B;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #ffeab4;
+  box-shadow: 0 0 0 0.2rem #ffeab4;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #D38B10;
@@ -1173,7 +1173,7 @@
   border-color: #c01120;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #f9b4ba;
+  box-shadow: 0 0 0 0.2rem #f9b4ba;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #a90000;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #c8c8c8;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #848484;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #eaeaea;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #848484;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #41b883;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #e0e0e0;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #848484;
@@ -1380,7 +1380,7 @@
   background: #f4f4f4;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #dadada;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #f4f4f4;
   color: #333333;
   border: 1px solid #c8c8c8;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1538,7 +1538,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #333333;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #c2e9d8;
+  box-shadow: inset 0 0 0 0.2rem #c2e9d8;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #41b883;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #333333;
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #848484;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #848484;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #f4f4f4;
   color: #333333;
   border: 1px solid #c8c8c8;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1699,7 +1699,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #333333;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #c2e9d8;
+  box-shadow: inset 0 0 0 0.2rem #c2e9d8;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #41b883;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #848484;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #333333;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #848484;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #41b883;
@@ -1796,21 +1796,21 @@
   color: #333333;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #41b883;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #c8c8c8;
   border-width: 1px;
   font-weight: 700;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #848484;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #41b883;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #e0e0e0;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #c8c8c8;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #848484;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #f4f4f4;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   background: #f4f4f4;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #dbdbdb;
@@ -1970,7 +1970,7 @@
   color: #ffffff;
 }
 .p-accordion .p-accordion-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
@@ -1990,19 +1990,19 @@
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2012,7 +2012,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   background: #f4f4f4;
@@ -2024,18 +2024,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   color: #333333;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #dbdbdb;
@@ -2045,7 +2045,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #c8c8c8;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   background: #f4f4f4;
   color: #333333;
   border-top-right-radius: 3px;
@@ -2069,13 +2069,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
@@ -2084,7 +2084,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
@@ -2104,7 +2104,7 @@
   border-width: 1px;
   background: #f4f4f4;
   color: #333333;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2114,7 +2114,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #dbdbdb;
@@ -2130,7 +2130,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   border-bottom-right-radius: 3px;
@@ -2140,11 +2140,11 @@
 .p-toolbar {
   background: #f4f4f4;
   border: 1px solid #c8c8c8;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2156,13 +2156,13 @@
   border-bottom: 1px solid #c8c8c8;
   background: #f4f4f4;
   color: #333333;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 700;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
   width: auto;
@@ -2171,7 +2171,7 @@
   background: transparent;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #333333;
@@ -2180,7 +2180,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2188,19 +2188,19 @@
 .p-dialog .p-dialog-content {
   background: #ffffff;
   color: #333333;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2216,16 +2216,16 @@
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #41b883;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   position: absolute;
-  top: -0.769em;
-  right: -0.769em;
+  top: -0.769rem;
+  right: -0.769rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2253,15 +2253,15 @@
 .p-sidebar {
   background: #ffffff;
   color: #333333;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-sidebar .p-sidebar-close {
   background: #41b883;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2277,7 +2277,7 @@
 .p-tooltip .p-tooltip-text {
   background: #333333;
   color: #ffffff;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
   border-radius: 3px;
 }
@@ -2296,7 +2296,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #f4f4f4;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   border-bottom: 0 none;
@@ -2304,16 +2304,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   border-bottom-right-radius: 3px;
@@ -2338,7 +2338,7 @@
   background: #ffffff;
   border: 1px solid #c8c8c8;
   border-radius: 3px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2347,7 +2347,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #333333;
@@ -2356,7 +2356,7 @@
   color: #333333;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #333333;
 }
 
@@ -2366,10 +2366,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2380,7 +2380,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2400,7 +2400,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #c2e9d8;
+  box-shadow: inset 0 0 0 0.2rem #c2e9d8;
 }
 .p-contextmenu .p-submenu-list {
   padding: 0;
@@ -2422,7 +2422,7 @@
   margin: 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2434,10 +2434,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2448,7 +2448,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2468,7 +2468,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #c2e9d8;
+  box-shadow: inset 0 0 0 0.2rem #c2e9d8;
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
@@ -2478,7 +2478,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   background: #f4f4f4;
   font-weight: 700;
@@ -2487,7 +2487,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #d8dae2;
@@ -2503,7 +2503,7 @@
   color: #333333;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 0;
 }
 
@@ -2513,10 +2513,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2527,7 +2527,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2547,7 +2547,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #c2e9d8;
+  box-shadow: inset 0 0 0 0.2rem #c2e9d8;
 }
 .p-menu.p-menu-overlay {
   border: 1px solid #c8c8c8;
@@ -2555,7 +2555,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   background: #f4f4f4;
   font-weight: 700;
@@ -2576,10 +2576,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2590,7 +2590,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2610,21 +2610,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #c2e9d8;
+  box-shadow: inset 0 0 0 0.2rem #c2e9d8;
 }
 .p-menubar .p-submenu-list {
   padding: 0;
   background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #d8dae2;
   margin: 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #eaeaea;
@@ -2637,7 +2637,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #c8c8c8;
   color: #333333;
   background: #f4f4f4;
@@ -2646,15 +2646,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #dbdbdb;
@@ -2689,7 +2689,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2700,7 +2700,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2720,10 +2720,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #c2e9d8;
+  box-shadow: inset 0 0 0 0.2rem #c2e9d8;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 2px;
@@ -2741,18 +2741,18 @@
   background: #ffffff;
   min-width: 28px;
   height: 28px;
-  font-size: 1.145em;
+  font-size: 1.145rem;
   z-index: 1;
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #848484;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #41b883;
@@ -2786,7 +2786,7 @@
   border-width: 1px;
   background: #f4f4f4;
   color: #333333;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2794,12 +2794,12 @@
   margin: 0 0 -1px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #dbdbdb;
@@ -2820,10 +2820,10 @@
   color: #333333;
   border: 1px solid #c8c8c8;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #333333;
   font-weight: normal;
   border-radius: 0;
@@ -2834,7 +2834,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #333333;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #333333;
@@ -2854,7 +2854,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #c2e9d8;
+  box-shadow: inset 0 0 0 0.2rem #c2e9d8;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 1px solid #c8c8c8;
@@ -2880,12 +2880,12 @@
   margin: 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em;
-  margin: 1em 0;
+  padding: 1rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2925,22 +2925,22 @@
   color: #212121;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-message.p-message-info {
   background: #7fbcec;
@@ -3006,39 +3006,39 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: normal;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 0.5em;
+  margin: 0 0 0 0.5rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 3px;
@@ -3091,11 +3091,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3106,7 +3106,7 @@
   background: #f4f4f4;
   color: #333333;
   border: 1px solid #c8c8c8;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3127,11 +3127,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #41b883;
@@ -3139,16 +3139,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3166,7 +3166,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3176,11 +3176,11 @@
   background: #ffffff;
   border: 1px solid #c8c8c8;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #848484;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3199,24 +3199,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3230,7 +3230,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3238,7 +3238,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3246,7 +3246,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3254,7 +3254,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3274,13 +3274,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3291,7 +3291,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #c2e9d8;
+  box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
 
 .p-progressbar {
@@ -3315,7 +3315,7 @@
   background: #ffffff;
   color: #333333;
   border: 1px solid #c8c8c8;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3329,11 +3329,11 @@
 .p-badge {
   background: #41b883;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #f4f4f4;
@@ -3359,9 +3359,9 @@
 .p-tag {
   background: #41b883;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index d957b590c..0f10c127c 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.429em;
+  right: 0.429rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.786em;
+  right: 2.786rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #a6a6a6;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
   border-color: #7B95A3;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #AFD3C8;
   color: #385048;
   border-radius: 2px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -107,7 +107,7 @@
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #666666;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.857em;
+  padding: 0.857rem;
   background: #ffffff;
   color: #666666;
   border: 1px solid #dadada;
@@ -144,7 +144,7 @@
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #666666;
   background: #ffffff;
   font-weight: 700;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
   border-color: #7B95A3;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #d0d0d0;
@@ -220,7 +220,7 @@
   background: #AFD3C8;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
   border-top: 1px solid #dadada;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,7 +228,7 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #dadada;
-  padding: 0.857em 0 0.429em 0;
+  padding: 0.857rem 0 0.429rem 0;
 }
 .p-datepicker .p-timepicker button {
   width: auto;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.286em;
+  font-size: 1.286rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.429em;
+  padding: 0 0.429rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.857em 0;
+  margin: 0.857rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 2px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #dadada;
-  padding-right: 0.857em;
-  padding-left: 0.857em;
+  padding-right: 0.857rem;
+  padding-left: 0.857rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #f4f4f4;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
   border-color: #7B95A3;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.2145em 0.429em;
+  padding: 0.2145rem 0.429rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #a6a6a6;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
   border-color: #7B95A3;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.2145em 0.429em;
-  margin-right: 0.5em;
+  padding: 0.2145rem 0.429rem;
+  margin-right: 0.5rem;
   background: #AFD3C8;
   color: #385048;
   border-radius: 2px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.2145em 0;
+  padding: 0.2145rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
   border-color: #7B95A3;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #a6a6a6;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #f4f4f4;
   color: #666666;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #666666;
-  right: 2.786em;
+  right: 2.786rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #dadada;
   color: #666666;
   background: #ffffff;
@@ -450,10 +450,10 @@
   border-top-left-radius: 2px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #a6a6a6;
 }
 .p-dropdown-panel .p-dropdown-items {
@@ -461,7 +461,7 @@
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #666666;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #dadada;
   border-left: 1px solid #dadada;
   border-bottom: 1px solid #dadada;
-  padding: 0.429em 0.429em;
-  min-width: 2.357em;
+  padding: 0.429rem 0.429rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #dadada;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #f4f4f4;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #7B95A3;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #d8dae2;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #666666;
   background: #f4f4f4;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border: 1px solid #dadada;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
   border-color: #7B95A3;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.429em;
+  left: 0.429rem;
   color: #a6a6a6;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.429em;
+  left: 0.429rem;
   color: #a6a6a6;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 1.858em;
+  padding-left: 1.858rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.429em;
+  right: 0.429rem;
   color: #a6a6a6;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 1.858em;
+  padding-right: 1.858rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 2px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #dadada;
   color: #666666;
   background: #ffffff;
@@ -700,10 +700,10 @@
   border-top-left-radius: 2px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #a6a6a6;
 }
 .p-listbox .p-listbox-list {
@@ -711,7 +711,7 @@
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #666666;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #e4e9ec;
+  box-shadow: inset 0 0 0 0.2rem #e4e9ec;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #666666;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
   border-color: #7B95A3;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #a6a6a6;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #f4f4f4;
   color: #666666;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border-bottom: 1px solid #dadada;
   color: #666666;
   background: #ffffff;
@@ -781,14 +781,14 @@
   border-top-left-radius: 2px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #a6a6a6;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   width: auto;
@@ -797,7 +797,7 @@
   background: transparent;
   border-radius: 2px;
   transition: color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #7B95A3;
@@ -808,7 +808,7 @@
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   border: 0 none;
   color: #666666;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #e4e9ec;
+  box-shadow: inset 0 0 0 0.2rem #e4e9ec;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: e7a3a3;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   background: #ffffff;
   color: #666666;
   border: 1px solid #f1f1f1;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
   border-color: #7B95A3;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #666666;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 2px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.5715em;
+  margin-top: -0.5715rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.5715em;
+  margin-left: -0.5715rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.429em;
-  width: 1.429em;
+  height: 1.429rem;
+  width: 1.429rem;
   background: #ffffff;
   border: 2px solid #7f7f7f;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-slider .p-slider-range {
   background: #7B95A3;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #7B95A3;
   border: 1px solid #7B95A3;
-  padding: 0.429em 1em;
+  padding: 0.429rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 2px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-button:enabled:active {
   background: #617c8a;
@@ -1057,16 +1057,16 @@
   border-color: #617c8a;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #d1d1d1;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #99adb8;
+  box-shadow: 0 0 0 0.2rem #99adb8;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #7B95A3;
@@ -1116,7 +1116,7 @@
   border-color: #60B7DE;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #d2effc;
+  box-shadow: 0 0 0 0.2rem #d2effc;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #3ea9db;
@@ -1135,7 +1135,7 @@
   border-color: #5EA285;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #caeede;
+  box-shadow: 0 0 0 0.2rem #caeede;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #31B57C;
@@ -1154,7 +1154,7 @@
   border-color: #F3CE61;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #fef4d5;
+  box-shadow: 0 0 0 0.2rem #fef4d5;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #FDC328;
@@ -1173,7 +1173,7 @@
   border-color: #CB5858;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #fbe2e2;
+  box-shadow: 0 0 0 0.2rem #fbe2e2;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #EB5656;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #7B95A3;
   border: 1px solid #7B95A3;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #6c8999;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #ffffff;
   border: 1px solid #7B95A3;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #666666;
   border: 1px solid #dadada;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #dadada;
   border-width: 1px;
   font-weight: 700;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #dadada;
   border-width: 1px;
   font-weight: 700;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #666666;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #AFD3C8;
   background: #385048;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #eaeaea;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #dadada;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #a6a6a6;
@@ -1380,7 +1380,7 @@
   background: #7B95A3;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #ffffff;
   border: 1px solid #7B95A3;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #666666;
   border: 1px solid #dadada;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #eaeaea;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #7B95A3;
   color: #ffffff;
   border: 1px solid #7B95A3;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 2px;
@@ -1538,7 +1538,7 @@
   border-bottom-left-radius: 2px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #666666;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #e4e9ec;
+  box-shadow: inset 0 0 0 0.2rem #e4e9ec;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #AFD3C8;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #dadada;
   background: #ffffff;
   color: #666666;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #666666;
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #666666;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #666666;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 0;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #7B95A3;
   color: #ffffff;
   border: 1px solid #7B95A3;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-bottom: 0 none;
   border-top-right-radius: 2px;
@@ -1699,7 +1699,7 @@
   border-bottom-left-radius: 2px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.429em 0.857em;
+  padding: 0.429rem 0.857rem;
   margin: 0;
   border: 0 none;
   color: #666666;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #e4e9ec;
+  box-shadow: inset 0 0 0 0.2rem #e4e9ec;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #AFD3C8;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 0.571em 1em;
+    padding: 0.571rem 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #dadada;
   background: #ffffff;
   color: #666666;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border-radius: 2px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #a6a6a6;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #666666;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #a6a6a6;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #AFD3C8;
@@ -1796,21 +1796,21 @@
   color: #666666;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.429em;
+  padding-right: 1.429rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.429em;
+  right: 0.429rem;
   color: #a6a6a6;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #ffffff;
   border: 1px solid #7B95A3;
   border-width: 1px;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 700;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #666666;
   border: 1px solid #dadada;
   border-width: 1px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   font-weight: normal;
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #dadada;
   border-width: 1px;
   font-weight: 700;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
   border: 1px solid #dadada;
   border-width: 1px;
   font-weight: 700;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #666666;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #AFD3C8;
   background: #385048;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #eaeaea;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #dadada;
   border-width: 1px;
-  padding: 0.571em 0.857em;
+  padding: 0.571rem 0.857rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #a6a6a6;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #7B95A3;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #7B95A3;
   color: #ffffff;
   background: #7B95A3;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #617c8a;
@@ -1970,7 +1970,7 @@
   color: #385048;
 }
 .p-accordion .p-accordion-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #dadada;
   background: #ffffff;
   color: #666666;
@@ -1990,19 +1990,19 @@
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2012,7 +2012,7 @@
   border-radius: 2px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #7B95A3;
   color: #ffffff;
   background: #7B95A3;
@@ -2024,18 +2024,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   color: #ffffff;
   border-radius: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #617c8a;
@@ -2045,7 +2045,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #7B95A3;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   background: #7B95A3;
   color: #ffffff;
   border-top-right-radius: 2px;
@@ -2069,13 +2069,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #dadada;
   background: #ffffff;
   color: #666666;
@@ -2084,7 +2084,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #dadada;
   background: #ffffff;
   color: #666666;
@@ -2104,7 +2104,7 @@
   border-width: 1px;
   background: #7B95A3;
   color: #ffffff;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 2px;
   border-top-left-radius: 2px;
@@ -2114,7 +2114,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #617c8a;
@@ -2130,7 +2130,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #dadada;
   color: #666666;
   border-bottom-right-radius: 2px;
@@ -2140,11 +2140,11 @@
 .p-toolbar {
   background: #7B95A3;
   border: 1px solid #7B95A3;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border-radius: 2px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2156,13 +2156,13 @@
   border-bottom: 1px solid #7B95A3;
   background: #7B95A3;
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 2px;
   border-top-left-radius: 2px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 700;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
   width: auto;
@@ -2171,7 +2171,7 @@
   background: transparent;
   border-radius: 2px;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #ffffff;
@@ -2180,7 +2180,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2188,19 +2188,19 @@
 .p-dialog .p-dialog-content {
   background: #ffffff;
   color: #666666;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dadada;
   background: #ffffff;
   color: #666666;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2216,16 +2216,16 @@
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #7B95A3;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   position: absolute;
-  top: -0.769em;
-  right: -0.769em;
+  top: -0.769rem;
+  right: -0.769rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2253,15 +2253,15 @@
 .p-sidebar {
   background: #ffffff;
   color: #666666;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #f1f1f1;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-sidebar .p-sidebar-close {
   background: #7B95A3;
   color: #ffffff;
-  width: 1.538em;
-  height: 1.538em;
+  width: 1.538rem;
+  height: 1.538rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2277,7 +2277,7 @@
 .p-tooltip .p-tooltip-text {
   background: #AFD3C8;
   color: #385048;
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
   border-radius: 2px;
 }
@@ -2296,7 +2296,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #7B95A3;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #7B95A3;
   color: #ffffff;
   border-bottom: 0 none;
@@ -2304,16 +2304,16 @@
   border-top-left-radius: 2px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
   border: 1px solid #dadada;
   color: #666666;
   border-bottom-right-radius: 2px;
@@ -2338,7 +2338,7 @@
   background: #ffffff;
   border: 1px solid #c8c8c8;
   border-radius: 2px;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2347,7 +2347,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #666666;
@@ -2356,7 +2356,7 @@
   color: #666666;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #666666;
 }
 
@@ -2366,10 +2366,10 @@
   color: #666666;
   border: 1px solid #eaeaea;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #666666;
   font-weight: normal;
   border-radius: 0;
@@ -2380,7 +2380,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #666666;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #666666;
@@ -2400,7 +2400,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #e4e9ec;
+  box-shadow: inset 0 0 0 0.2rem #e4e9ec;
 }
 .p-contextmenu .p-submenu-list {
   padding: 0;
@@ -2422,7 +2422,7 @@
   margin: 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2434,10 +2434,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #666666;
   font-weight: normal;
   border-radius: 0;
@@ -2448,7 +2448,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #666666;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #666666;
@@ -2468,7 +2468,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #e4e9ec;
+  box-shadow: inset 0 0 0 0.2rem #e4e9ec;
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
@@ -2478,7 +2478,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #666666;
   background: #f4f4f4;
   font-weight: 700;
@@ -2487,7 +2487,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #dadada;
@@ -2503,7 +2503,7 @@
   color: #666666;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 0;
 }
 
@@ -2513,10 +2513,10 @@
   color: #666666;
   border: 1px solid #c8c8c8;
   border-radius: 2px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #666666;
   font-weight: normal;
   border-radius: 0;
@@ -2527,7 +2527,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #666666;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #666666;
@@ -2547,7 +2547,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #e4e9ec;
+  box-shadow: inset 0 0 0 0.2rem #e4e9ec;
 }
 .p-menu.p-menu-overlay {
   border: 1px solid #eaeaea;
@@ -2555,7 +2555,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #666666;
   background: #f4f4f4;
   font-weight: 700;
@@ -2576,10 +2576,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #666666;
   font-weight: normal;
   border-radius: 0;
@@ -2590,7 +2590,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #666666;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #666666;
@@ -2610,21 +2610,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #e4e9ec;
+  box-shadow: inset 0 0 0 0.2rem #e4e9ec;
 }
 .p-menubar .p-submenu-list {
   padding: 0;
   background: #ffffff;
   border: 1px solid #eaeaea;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #dadada;
   margin: 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #eaeaea;
@@ -2637,7 +2637,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   border: 1px solid #7B95A3;
   color: #ffffff;
   background: #7B95A3;
@@ -2646,15 +2646,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #617c8a;
@@ -2689,7 +2689,7 @@
   border-bottom-left-radius: 2px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #666666;
   font-weight: normal;
   border-radius: 0;
@@ -2700,7 +2700,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #666666;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #666666;
@@ -2720,10 +2720,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #e4e9ec;
+  box-shadow: inset 0 0 0 0.2rem #e4e9ec;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 2px;
@@ -2741,18 +2741,18 @@
   background: #ffffff;
   min-width: 28px;
   height: 28px;
-  font-size: 1.143em;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #a6a6a6;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #AFD3C8;
@@ -2786,7 +2786,7 @@
   border-width: 1px;
   background: #7B95A3;
   color: #ffffff;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
   border-top-right-radius: 2px;
   border-top-left-radius: 2px;
@@ -2794,12 +2794,12 @@
   margin: 0 0 -1px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #617c8a;
@@ -2820,10 +2820,10 @@
   color: #666666;
   border: 1px solid #c8c8c8;
   border-radius: 2px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.857em;
+  padding: 0.857rem;
   color: #666666;
   font-weight: normal;
   border-radius: 0;
@@ -2834,7 +2834,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #666666;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #666666;
@@ -2854,7 +2854,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.2em #e4e9ec;
+  box-shadow: inset 0 0 0 0.2rem #e4e9ec;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 1px solid #eaeaea;
@@ -2880,12 +2880,12 @@
   margin: 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em;
-  margin: 1em 0;
+  padding: 1rem;
+  margin: 1rem 0;
   border-radius: 2px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2925,22 +2925,22 @@
   color: #212121;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 2px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-message.p-message-info {
   background: #A3DEF8;
@@ -3006,39 +3006,39 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: normal;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 0.5em;
+  margin: 0 0 0 0.5rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 2px;
@@ -3091,11 +3091,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3106,7 +3106,7 @@
   background: #7B95A3;
   color: #ffffff;
   border: 1px solid #7B95A3;
-  padding: 0.857em 1em;
+  padding: 0.857rem 1rem;
   font-weight: 700;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3127,11 +3127,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #7B95A3;
@@ -3139,16 +3139,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3166,7 +3166,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3176,11 +3176,11 @@
   background: #7B95A3;
   border: 1px solid #7B95A3;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3199,24 +3199,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3230,7 +3230,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3238,7 +3238,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3246,7 +3246,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3254,7 +3254,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3274,13 +3274,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.429em 0.429em;
+  padding: 0.429rem 0.429rem;
   border-radius: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3291,7 +3291,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #e4e9ec;
+  box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
 
 .p-progressbar {
@@ -3315,7 +3315,7 @@
   background: #ffffff;
   color: #666666;
   border: 1px solid #dadada;
-  padding: 0.571em 1em;
+  padding: 0.571rem 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3329,11 +3329,11 @@
 .p-badge {
   background: #7B95A3;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #f3f3f3;
@@ -3359,9 +3359,9 @@
 .p-tag {
   background: #7B95A3;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 2px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 5e7677690..d60ba6cc8 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #2196F3;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
   border-color: #2196F3;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #2196F3;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #ffffff;
   color: #495057;
   border: 1px solid #ced4da;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
   border-color: #2196F3;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #ced4da;
@@ -220,7 +220,7 @@
   background: #2196F3;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid #dee2e6;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #dee2e6;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #dee2e6;
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #e9ecef;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
   border-color: #2196F3;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #2196F3;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
   border-color: #2196F3;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #2196F3;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
   border-color: #2196F3;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #ced4da;
   border-left: 1px solid #ced4da;
   border-bottom: 1px solid #ced4da;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #ced4da;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #ced4da;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #ffffff;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #c3cad2;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #495057;
   background: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #ced4da;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
   border-color: #2196F3;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #495057;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
   border-color: #2196F3;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #6c757d;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #f44336;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #ffffff;
   color: #495057;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
   border-color: #2196F3;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #495057;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #ffffff;
   border: 2px solid #2196F3;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-slider .p-slider-range {
   background: #2196F3;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #2196F3;
   border: 1px solid #2196F3;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-button:enabled:active {
   background: #1976D2;
@@ -1057,16 +1057,16 @@
   border-color: #1976D2;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #1E88E5;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #dee2e6;
@@ -1116,7 +1116,7 @@
   border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #81D4FA;
+  box-shadow: 0 0 0 0.2rem #81D4FA;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #01579B;
@@ -1135,7 +1135,7 @@
   border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #A5D6A7;
+  box-shadow: 0 0 0 0.2rem #A5D6A7;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #33691E;
@@ -1154,7 +1154,7 @@
   border-color: #F9A825;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #FDD835;
+  box-shadow: 0 0 0 0.2rem #FDD835;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #F57F17;
@@ -1173,7 +1173,7 @@
   border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #EF9A9A;
+  box-shadow: 0 0 0 0.2rem #EF9A9A;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #B71C1C;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #6c757d;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #2196F3;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #6c757d;
@@ -1380,7 +1380,7 @@
   background: #f8f9fa;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #ffffff;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #2196F3;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #2196F3;
@@ -1623,7 +1623,7 @@
   background: #ffffff;
   color: #6c757d;
   border: 1px solid #e9ecef;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #2196F3;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #2196F3;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #2196F3;
@@ -1796,21 +1796,21 @@
   color: #495057;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #2196F3;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #f8f9fa;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #e9ecef;
@@ -1970,7 +1970,7 @@
   color: #495057;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #495057;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #e9ecef;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   background: #f8f9fa;
   color: #495057;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #ffffff;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #f8f9fa;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #2196F3;
   color: #ffffff;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #495057;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #f8f9fa;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #ffffff;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #495057;
@@ -2373,7 +2373,7 @@
   color: #6c757d;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #6c757d;
 }
 
@@ -2383,10 +2383,10 @@
   color: #495057;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #dee2e6;
@@ -2520,7 +2520,7 @@
   color: #6c757d;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #ffffff;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #dee2e6;
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #e9ecef;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #e9ecef;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #6c757d;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #2196F3;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #ffffff;
@@ -2854,10 +2854,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #ffffff;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #2196F3;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #ffffff;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #2196F3;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css
index 097335ccc..932433fa6 100644
--- a/public/themes/saga-cyan/theme.css
+++ b/public/themes/saga-cyan/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #00ACC1;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
   border-color: #00ACC1;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #00ACC1;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #ffffff;
   color: #495057;
   border: 1px solid #ced4da;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
   border-color: #00ACC1;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #ced4da;
@@ -220,7 +220,7 @@
   background: #00ACC1;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid #dee2e6;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #dee2e6;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #dee2e6;
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #e9ecef;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
   border-color: #00ACC1;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #00ACC1;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
   border-color: #00ACC1;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #00ACC1;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
   border-color: #00ACC1;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #ced4da;
   border-left: 1px solid #ced4da;
   border-bottom: 1px solid #ced4da;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #ced4da;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #ced4da;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #ffffff;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #c3cad2;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #495057;
   background: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #ced4da;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
   border-color: #00ACC1;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #495057;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
   border-color: #00ACC1;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #6c757d;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #f44336;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #ffffff;
   color: #495057;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
   border-color: #00ACC1;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #495057;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #ffffff;
   border: 2px solid #00ACC1;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-slider .p-slider-range {
   background: #00ACC1;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #00ACC1;
   border: 1px solid #00ACC1;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-button:enabled:active {
   background: #00838F;
@@ -1057,16 +1057,16 @@
   border-color: #00838F;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #0097A7;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #dee2e6;
@@ -1116,7 +1116,7 @@
   border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #81D4FA;
+  box-shadow: 0 0 0 0.2rem #81D4FA;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #01579B;
@@ -1135,7 +1135,7 @@
   border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #A5D6A7;
+  box-shadow: 0 0 0 0.2rem #A5D6A7;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #33691E;
@@ -1154,7 +1154,7 @@
   border-color: #F9A825;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #FDD835;
+  box-shadow: 0 0 0 0.2rem #FDD835;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #F57F17;
@@ -1173,7 +1173,7 @@
   border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #EF9A9A;
+  box-shadow: 0 0 0 0.2rem #EF9A9A;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #B71C1C;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #6c757d;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #00ACC1;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #6c757d;
@@ -1380,7 +1380,7 @@
   background: #f8f9fa;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #ffffff;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #00ACC1;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #00ACC1;
@@ -1623,7 +1623,7 @@
   background: #ffffff;
   color: #6c757d;
   border: 1px solid #e9ecef;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #00ACC1;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #00ACC1;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #00ACC1;
@@ -1796,21 +1796,21 @@
   color: #495057;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #00ACC1;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #f8f9fa;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #e9ecef;
@@ -1970,7 +1970,7 @@
   color: #495057;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #495057;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #e9ecef;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   background: #f8f9fa;
   color: #495057;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #ffffff;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #f8f9fa;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #00ACC1;
   color: #ffffff;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #495057;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #f8f9fa;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #ffffff;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #495057;
@@ -2373,7 +2373,7 @@
   color: #6c757d;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #6c757d;
 }
 
@@ -2383,10 +2383,10 @@
   color: #495057;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #dee2e6;
@@ -2520,7 +2520,7 @@
   color: #6c757d;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #ffffff;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #dee2e6;
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #e9ecef;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #e9ecef;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #6c757d;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #00ACC1;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #ffffff;
@@ -2854,10 +2854,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #ffffff;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #00ACC1;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #ffffff;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #00ACC1;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css
index 424cbf12f..45c5162c3 100644
--- a/public/themes/saga-deeppurple/theme.css
+++ b/public/themes/saga-deeppurple/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #673AB7;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
   border-color: #673AB7;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #673AB7;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #ffffff;
   color: #495057;
   border: 1px solid #ced4da;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
   border-color: #673AB7;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #ced4da;
@@ -220,7 +220,7 @@
   background: #673AB7;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid #dee2e6;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #dee2e6;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #dee2e6;
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #e9ecef;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
   border-color: #673AB7;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #673AB7;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
   border-color: #673AB7;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #673AB7;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
   border-color: #673AB7;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #ced4da;
   border-left: 1px solid #ced4da;
   border-bottom: 1px solid #ced4da;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #ced4da;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #ced4da;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #ffffff;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #c3cad2;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #495057;
   background: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #ced4da;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
   border-color: #673AB7;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #495057;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
   border-color: #673AB7;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #6c757d;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #f44336;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #ffffff;
   color: #495057;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
   border-color: #673AB7;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #495057;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #ffffff;
   border: 2px solid #673AB7;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-slider .p-slider-range {
   background: #673AB7;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #673AB7;
   border: 1px solid #673AB7;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-button:enabled:active {
   background: #512DA8;
@@ -1057,16 +1057,16 @@
   border-color: #512DA8;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #5E35B1;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #dee2e6;
@@ -1116,7 +1116,7 @@
   border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #81D4FA;
+  box-shadow: 0 0 0 0.2rem #81D4FA;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #01579B;
@@ -1135,7 +1135,7 @@
   border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #A5D6A7;
+  box-shadow: 0 0 0 0.2rem #A5D6A7;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #33691E;
@@ -1154,7 +1154,7 @@
   border-color: #F9A825;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #FDD835;
+  box-shadow: 0 0 0 0.2rem #FDD835;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #F57F17;
@@ -1173,7 +1173,7 @@
   border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #EF9A9A;
+  box-shadow: 0 0 0 0.2rem #EF9A9A;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #B71C1C;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #6c757d;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #673AB7;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #6c757d;
@@ -1380,7 +1380,7 @@
   background: #f8f9fa;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #ffffff;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #673AB7;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #673AB7;
@@ -1623,7 +1623,7 @@
   background: #ffffff;
   color: #6c757d;
   border: 1px solid #e9ecef;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #673AB7;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #673AB7;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #673AB7;
@@ -1796,21 +1796,21 @@
   color: #495057;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #673AB7;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #f8f9fa;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #e9ecef;
@@ -1970,7 +1970,7 @@
   color: #495057;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #495057;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #e9ecef;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   background: #f8f9fa;
   color: #495057;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #ffffff;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #f8f9fa;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #673AB7;
   color: #ffffff;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #495057;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #f8f9fa;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #ffffff;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #495057;
@@ -2373,7 +2373,7 @@
   color: #6c757d;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #6c757d;
 }
 
@@ -2383,10 +2383,10 @@
   color: #495057;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #dee2e6;
@@ -2520,7 +2520,7 @@
   color: #6c757d;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #ffffff;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #dee2e6;
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #e9ecef;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #e9ecef;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #6c757d;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #673AB7;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #ffffff;
@@ -2854,10 +2854,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #ffffff;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #673AB7;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #ffffff;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #673AB7;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 88f3a3bfa..e65c2f040 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #4CAF50;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
   border-color: #4CAF50;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #4CAF50;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #ffffff;
   color: #495057;
   border: 1px solid #ced4da;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
   border-color: #4CAF50;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #ced4da;
@@ -220,7 +220,7 @@
   background: #4CAF50;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid #dee2e6;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #dee2e6;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #dee2e6;
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #e9ecef;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
   border-color: #4CAF50;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #4CAF50;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
   border-color: #4CAF50;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #4CAF50;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
   border-color: #4CAF50;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #ced4da;
   border-left: 1px solid #ced4da;
   border-bottom: 1px solid #ced4da;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #ced4da;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #ced4da;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #ffffff;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #c3cad2;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #495057;
   background: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #ced4da;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
   border-color: #4CAF50;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #495057;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
   border-color: #4CAF50;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #6c757d;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #f44336;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #ffffff;
   color: #495057;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
   border-color: #4CAF50;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #495057;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #ffffff;
   border: 2px solid #4CAF50;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-slider .p-slider-range {
   background: #4CAF50;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #4CAF50;
   border: 1px solid #4CAF50;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-button:enabled:active {
   background: #388E3C;
@@ -1057,16 +1057,16 @@
   border-color: #388E3C;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #43A047;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #dee2e6;
@@ -1116,7 +1116,7 @@
   border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #81D4FA;
+  box-shadow: 0 0 0 0.2rem #81D4FA;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #01579B;
@@ -1135,7 +1135,7 @@
   border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #A5D6A7;
+  box-shadow: 0 0 0 0.2rem #A5D6A7;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #33691E;
@@ -1154,7 +1154,7 @@
   border-color: #F9A825;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #FDD835;
+  box-shadow: 0 0 0 0.2rem #FDD835;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #F57F17;
@@ -1173,7 +1173,7 @@
   border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #EF9A9A;
+  box-shadow: 0 0 0 0.2rem #EF9A9A;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #B71C1C;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #6c757d;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #4CAF50;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #6c757d;
@@ -1380,7 +1380,7 @@
   background: #f8f9fa;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #ffffff;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #4CAF50;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #4CAF50;
@@ -1623,7 +1623,7 @@
   background: #ffffff;
   color: #6c757d;
   border: 1px solid #e9ecef;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #4CAF50;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #4CAF50;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #4CAF50;
@@ -1796,21 +1796,21 @@
   color: #495057;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #4CAF50;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #f8f9fa;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #e9ecef;
@@ -1970,7 +1970,7 @@
   color: #495057;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #495057;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #e9ecef;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   background: #f8f9fa;
   color: #495057;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #ffffff;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #f8f9fa;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #4CAF50;
   color: #ffffff;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #495057;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #f8f9fa;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #ffffff;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #495057;
@@ -2373,7 +2373,7 @@
   color: #6c757d;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #6c757d;
 }
 
@@ -2383,10 +2383,10 @@
   color: #495057;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #dee2e6;
@@ -2520,7 +2520,7 @@
   color: #6c757d;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #ffffff;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #dee2e6;
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #e9ecef;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #e9ecef;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #6c757d;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #4CAF50;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #ffffff;
@@ -2854,10 +2854,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #ffffff;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #4CAF50;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #ffffff;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #4CAF50;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css
index 077d43a76..7dd2026cf 100644
--- a/public/themes/saga-indigo/theme.css
+++ b/public/themes/saga-indigo/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #3F51B5;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
   border-color: #3F51B5;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #3F51B5;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #ffffff;
   color: #495057;
   border: 1px solid #ced4da;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
   border-color: #3F51B5;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #ced4da;
@@ -220,7 +220,7 @@
   background: #3F51B5;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid #dee2e6;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #dee2e6;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #dee2e6;
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #e9ecef;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
   border-color: #3F51B5;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #3F51B5;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
   border-color: #3F51B5;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #3F51B5;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
   border-color: #3F51B5;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #ced4da;
   border-left: 1px solid #ced4da;
   border-bottom: 1px solid #ced4da;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #ced4da;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #ced4da;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #ffffff;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #c3cad2;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #495057;
   background: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #ced4da;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
   border-color: #3F51B5;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #495057;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
   border-color: #3F51B5;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #6c757d;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #f44336;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #ffffff;
   color: #495057;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
   border-color: #3F51B5;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #495057;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #ffffff;
   border: 2px solid #3F51B5;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-slider .p-slider-range {
   background: #3F51B5;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #3F51B5;
   border: 1px solid #3F51B5;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-button:enabled:active {
   background: #303F9F;
@@ -1057,16 +1057,16 @@
   border-color: #303F9F;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #3949AB;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #dee2e6;
@@ -1116,7 +1116,7 @@
   border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #81D4FA;
+  box-shadow: 0 0 0 0.2rem #81D4FA;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #01579B;
@@ -1135,7 +1135,7 @@
   border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #A5D6A7;
+  box-shadow: 0 0 0 0.2rem #A5D6A7;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #33691E;
@@ -1154,7 +1154,7 @@
   border-color: #F9A825;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #FDD835;
+  box-shadow: 0 0 0 0.2rem #FDD835;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #F57F17;
@@ -1173,7 +1173,7 @@
   border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #EF9A9A;
+  box-shadow: 0 0 0 0.2rem #EF9A9A;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #B71C1C;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #6c757d;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #3F51B5;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #6c757d;
@@ -1380,7 +1380,7 @@
   background: #f8f9fa;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #ffffff;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #3F51B5;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #3F51B5;
@@ -1623,7 +1623,7 @@
   background: #ffffff;
   color: #6c757d;
   border: 1px solid #e9ecef;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #3F51B5;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #3F51B5;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #3F51B5;
@@ -1796,21 +1796,21 @@
   color: #495057;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #3F51B5;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #f8f9fa;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #e9ecef;
@@ -1970,7 +1970,7 @@
   color: #495057;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #495057;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #e9ecef;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   background: #f8f9fa;
   color: #495057;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #ffffff;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #f8f9fa;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #3F51B5;
   color: #ffffff;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #495057;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #f8f9fa;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #ffffff;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #495057;
@@ -2373,7 +2373,7 @@
   color: #6c757d;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #6c757d;
 }
 
@@ -2383,10 +2383,10 @@
   color: #495057;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #dee2e6;
@@ -2520,7 +2520,7 @@
   color: #6c757d;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #ffffff;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #dee2e6;
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #e9ecef;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #e9ecef;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #6c757d;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #3F51B5;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #ffffff;
@@ -2854,10 +2854,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #ffffff;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #3F51B5;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #ffffff;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #3F51B5;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 52a0df435..e93530c10 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #FFC107;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
   border-color: #FFC107;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #FFC107;
   color: #212529;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #ffffff;
   color: #495057;
   border: 1px solid #ced4da;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
   border-color: #FFC107;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #ced4da;
@@ -220,7 +220,7 @@
   background: #FFC107;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid #dee2e6;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #dee2e6;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #dee2e6;
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #e9ecef;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
   border-color: #FFC107;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #FFC107;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
   border-color: #FFC107;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #FFC107;
   color: #212529;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
   border-color: #FFC107;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #ced4da;
   border-left: 1px solid #ced4da;
   border-bottom: 1px solid #ced4da;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #ced4da;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #ced4da;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #ffffff;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #c3cad2;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #495057;
   background: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #ced4da;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
   border-color: #FFC107;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #495057;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
   border-color: #FFC107;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #6c757d;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #f44336;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #ffffff;
   color: #495057;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
   border-color: #FFC107;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #495057;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #ffffff;
   border: 2px solid #FFC107;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-slider .p-slider-range {
   background: #FFC107;
@@ -1036,7 +1036,7 @@
   color: #212529;
   background: #FFC107;
   border: 1px solid #FFC107;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-button:enabled:active {
   background: #FFA000;
@@ -1057,16 +1057,16 @@
   border-color: #FFA000;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #FFB300;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #dee2e6;
@@ -1116,7 +1116,7 @@
   border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #81D4FA;
+  box-shadow: 0 0 0 0.2rem #81D4FA;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #01579B;
@@ -1135,7 +1135,7 @@
   border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #A5D6A7;
+  box-shadow: 0 0 0 0.2rem #A5D6A7;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #33691E;
@@ -1154,7 +1154,7 @@
   border-color: #F9A825;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #FDD835;
+  box-shadow: 0 0 0 0.2rem #FDD835;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #F57F17;
@@ -1173,7 +1173,7 @@
   border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #EF9A9A;
+  box-shadow: 0 0 0 0.2rem #EF9A9A;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #B71C1C;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #6c757d;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #FFC107;
   background: #212529;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #6c757d;
@@ -1380,7 +1380,7 @@
   background: #f8f9fa;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #ffffff;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #FFC107;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #FFC107;
@@ -1623,7 +1623,7 @@
   background: #ffffff;
   color: #6c757d;
   border: 1px solid #e9ecef;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #FFC107;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #FFC107;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #FFC107;
@@ -1796,21 +1796,21 @@
   color: #495057;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #FFC107;
   background: #212529;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #f8f9fa;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #e9ecef;
@@ -1970,7 +1970,7 @@
   color: #495057;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #495057;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #e9ecef;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   background: #f8f9fa;
   color: #495057;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #ffffff;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #f8f9fa;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #FFC107;
   color: #212529;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #495057;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #f8f9fa;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #ffffff;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #495057;
@@ -2373,7 +2373,7 @@
   color: #6c757d;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #6c757d;
 }
 
@@ -2383,10 +2383,10 @@
   color: #495057;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #dee2e6;
@@ -2520,7 +2520,7 @@
   color: #6c757d;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #ffffff;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #dee2e6;
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #e9ecef;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #e9ecef;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #6c757d;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #FFC107;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #ffffff;
@@ -2854,10 +2854,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #ffffff;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #FFC107;
   color: #212529;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #ffffff;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #FFC107;
   color: #212529;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index e477fc4c9..a7470ef3a 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #9C27B0;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
   border-color: #9C27B0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #9C27B0;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #ffffff;
   color: #495057;
   border: 1px solid #ced4da;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
   border-color: #9C27B0;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #ced4da;
@@ -220,7 +220,7 @@
   background: #9C27B0;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid #dee2e6;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #dee2e6;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #dee2e6;
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #e9ecef;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
   border-color: #9C27B0;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #9C27B0;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
   border-color: #9C27B0;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #9C27B0;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
   border-color: #9C27B0;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #ced4da;
   border-left: 1px solid #ced4da;
   border-bottom: 1px solid #ced4da;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #ced4da;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #ced4da;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #ffffff;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #c3cad2;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #495057;
   background: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #ced4da;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
   border-color: #9C27B0;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #495057;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
   border-color: #9C27B0;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #6c757d;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #f44336;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #ffffff;
   color: #495057;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
   border-color: #9C27B0;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #495057;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #ffffff;
   border: 2px solid #9C27B0;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-slider .p-slider-range {
   background: #9C27B0;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #9C27B0;
   border: 1px solid #9C27B0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-button:enabled:active {
   background: #7B1FA2;
@@ -1057,16 +1057,16 @@
   border-color: #7B1FA2;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #8E24AA;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #dee2e6;
@@ -1116,7 +1116,7 @@
   border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #81D4FA;
+  box-shadow: 0 0 0 0.2rem #81D4FA;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #01579B;
@@ -1135,7 +1135,7 @@
   border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #A5D6A7;
+  box-shadow: 0 0 0 0.2rem #A5D6A7;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #33691E;
@@ -1154,7 +1154,7 @@
   border-color: #F9A825;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #FDD835;
+  box-shadow: 0 0 0 0.2rem #FDD835;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #F57F17;
@@ -1173,7 +1173,7 @@
   border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #EF9A9A;
+  box-shadow: 0 0 0 0.2rem #EF9A9A;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #B71C1C;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #6c757d;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #9C27B0;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #6c757d;
@@ -1380,7 +1380,7 @@
   background: #f8f9fa;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #ffffff;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #9C27B0;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #9C27B0;
@@ -1623,7 +1623,7 @@
   background: #ffffff;
   color: #6c757d;
   border: 1px solid #e9ecef;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #9C27B0;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #9C27B0;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #9C27B0;
@@ -1796,21 +1796,21 @@
   color: #495057;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #9C27B0;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #f8f9fa;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #e9ecef;
@@ -1970,7 +1970,7 @@
   color: #495057;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #495057;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #e9ecef;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   background: #f8f9fa;
   color: #495057;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #ffffff;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #f8f9fa;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #9C27B0;
   color: #ffffff;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #495057;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #f8f9fa;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #ffffff;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #495057;
@@ -2373,7 +2373,7 @@
   color: #6c757d;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #6c757d;
 }
 
@@ -2383,10 +2383,10 @@
   color: #495057;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #dee2e6;
@@ -2520,7 +2520,7 @@
   color: #6c757d;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #ffffff;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #dee2e6;
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #e9ecef;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #e9ecef;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #6c757d;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #9C27B0;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #ffffff;
@@ -2854,10 +2854,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #ffffff;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #9C27B0;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #ffffff;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #9C27B0;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css
index 4a30fa638..61f547cb0 100644
--- a/public/themes/saga-teal/theme.css
+++ b/public/themes/saga-teal/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #009688;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
   border-color: #009688;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #009688;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #ffffff;
   color: #495057;
   border: 1px solid #ced4da;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
   border-color: #009688;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: #ced4da;
@@ -220,7 +220,7 @@
   background: #009688;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid #dee2e6;
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid #dee2e6;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid #dee2e6;
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: #e9ecef;
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
   border-color: #009688;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #009688;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
   border-color: #009688;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #009688;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
   border-color: #009688;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #ced4da;
   border-left: 1px solid #ced4da;
   border-bottom: 1px solid #ced4da;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #ced4da;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #ced4da;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #ffffff;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #c3cad2;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #495057;
   background: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #ced4da;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
   border-color: #009688;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #6c757d;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #495057;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
   border-color: #009688;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #6c757d;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #ffffff;
   color: #9ba2aa;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #495057;
   background: #f8f9fa;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #495057;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #f44336;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #ffffff;
   color: #495057;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
   border-color: #009688;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #495057;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #ffffff;
   border: 2px solid #009688;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-slider .p-slider-range {
   background: #009688;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #009688;
   border: 1px solid #009688;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-button:enabled:active {
   background: #00796B;
@@ -1057,16 +1057,16 @@
   border-color: #00796B;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #00897B;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: #dee2e6;
@@ -1116,7 +1116,7 @@
   border-color: #0277BD;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #81D4FA;
+  box-shadow: 0 0 0 0.2rem #81D4FA;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #01579B;
@@ -1135,7 +1135,7 @@
   border-color: #558B2F;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #A5D6A7;
+  box-shadow: 0 0 0 0.2rem #A5D6A7;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #33691E;
@@ -1154,7 +1154,7 @@
   border-color: #F9A825;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #FDD835;
+  box-shadow: 0 0 0 0.2rem #FDD835;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #F57F17;
@@ -1173,7 +1173,7 @@
   border-color: #C62828;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.2em #EF9A9A;
+  box-shadow: 0 0 0 0.2rem #EF9A9A;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #B71C1C;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #6c757d;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #009688;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #6c757d;
@@ -1380,7 +1380,7 @@
   background: #f8f9fa;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #ffffff;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #009688;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #009688;
@@ -1623,7 +1623,7 @@
   background: #ffffff;
   color: #6c757d;
   border: 1px solid #e9ecef;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #6c757d;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #495057;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #009688;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #009688;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #6c757d;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #009688;
@@ -1796,21 +1796,21 @@
   color: #495057;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #9ba2aa;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #495057;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #e9ecef;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #6c757d;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #009688;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: #e9ecef;
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #f8f9fa;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #e9ecef;
@@ -1970,7 +1970,7 @@
   color: #495057;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #495057;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #e9ecef;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   background: #f8f9fa;
   color: #495057;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: #ffffff;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #f8f9fa;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #009688;
   color: #ffffff;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #ffffff;
   color: #495057;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #495057;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #f8f9fa;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #ffffff;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #495057;
@@ -2373,7 +2373,7 @@
   color: #6c757d;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #6c757d;
 }
 
@@ -2383,10 +2383,10 @@
   color: #495057;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-megamenu .p-megamenu-panel {
   background: #ffffff;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid #dee2e6;
@@ -2520,7 +2520,7 @@
   color: #6c757d;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   background: #ffffff;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #ffffff;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid #dee2e6;
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #e9ecef;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   background: #f8f9fa;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #e9ecef;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #6c757d;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #009688;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: #ffffff;
   color: #6c757d;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: #ffffff;
@@ -2854,10 +2854,10 @@
   color: #495057;
   border: 1px solid #dee2e6;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #495057;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #6c757d;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #495057;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #ffffff;
   color: #495057;
   border: 1px solid #dee2e6;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #009688;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: #ffffff;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #009688;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index cab60db5a..d278b9af3 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #64B5F6;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
   border-color: #64B5F6;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #64B5F6;
   color: #212529;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #34495E;
   color: #ebedef;
   border: 1px solid #2C3E50;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #ebedef;
   background: #34495E;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
   border-color: #64B5F6;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
@@ -220,7 +220,7 @@
   background: #64B5F6;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid rgba(255, 255, 255, 0.1);
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
   border-color: #64B5F6;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #64B5F6;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
   border-color: #64B5F6;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #64B5F6;
   color: #212529;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
   border-color: #64B5F6;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #ABB2B9;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #AEB6BF;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #2C3E50;
   border-left: 1px solid #2C3E50;
   border-bottom: 1px solid #2C3E50;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #2C3E50;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #34495E;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #AEB6BF;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #5D6D7E;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #ebedef;
   background: #34495E;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #2C3E50;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
   border-color: #64B5F6;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #ABB2B9;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #ebedef;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
   border-color: #64B5F6;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #ABB2B9;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #AEB6BF;
   background: rgba(255, 255, 255, 0.1);
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #e57373;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #283747;
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
   border-color: #64B5F6;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #ebedef;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #34495E;
   border: 2px solid #64B5F6;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-slider .p-slider-range {
   background: #64B5F6;
@@ -1036,7 +1036,7 @@
   color: #212529;
   background: #64B5F6;
   border: 1px solid #64B5F6;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-button:enabled:active {
   background: #2196F3;
@@ -1057,16 +1057,16 @@
   border-color: #2196F3;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #42A5F5;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: rgba(255, 255, 255, 0.1);
@@ -1116,7 +1116,7 @@
   border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #E1F5FE;
+  box-shadow: 0 0 0 0.1rem #E1F5FE;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #03A9F4;
@@ -1135,7 +1135,7 @@
   border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #F1F8E9;
+  box-shadow: 0 0 0 0.1rem #F1F8E9;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #8BC34A;
@@ -1154,7 +1154,7 @@
   border-color: #FFEE58;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFFDE7;
+  box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #FFEB3B;
@@ -1173,7 +1173,7 @@
   border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFEBEE;
+  box-shadow: 0 0 0 0.1rem #FFEBEE;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #F44336;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #BBDEFB;
+  box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #AEB6BF;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #64B5F6;
   background: #212529;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #AEB6BF;
@@ -1380,7 +1380,7 @@
   background: #212F3C;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #2E4053;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #64B5F6;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #64B5F6;
@@ -1623,7 +1623,7 @@
   background: #283747;
   color: #AEB6BF;
   border: 1px solid #37434f;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #64B5F6;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #64B5F6;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #64B5F6;
@@ -1796,21 +1796,21 @@
   color: #ebedef;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #64B5F6;
   background: #212529;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #212F3C;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #37434f;
@@ -1970,7 +1970,7 @@
   color: #ebedef;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #ebedef;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #37434f;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   background: #212F3C;
   color: #ebedef;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid rgba(255, 255, 255, 0.1);
   background: #283747;
   color: #ebedef;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: transparent;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: transparent;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #212F3C;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #64B5F6;
   color: #212529;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #ebedef;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-fileupload .p-fileupload-content {
   background: #283747;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #283747;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #ebedef;
@@ -2373,7 +2373,7 @@
   color: #AEB6BF;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #AEB6BF;
 }
 
@@ -2383,10 +2383,10 @@
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-megamenu .p-megamenu-panel {
   background: #283747;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
@@ -2520,7 +2520,7 @@
   color: #AEB6BF;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #283747;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #525e6b;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #37434f;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #AEB6BF;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #64B5F6;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: transparent;
@@ -2854,10 +2854,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #BBDEFB;
+  box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #BBDEFB;
+  box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #283747;
   color: #ebedef;
   border: 1px solid #283747;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #64B5F6;
   color: #212529;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: transparent;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #64B5F6;
   color: #212529;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css
index cc0291a49..02f9813b2 100644
--- a/public/themes/vela-cyan/theme.css
+++ b/public/themes/vela-cyan/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #4DD0E1;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
   border-color: #4DD0E1;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #4DD0E1;
   color: #212529;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #34495E;
   color: #ebedef;
   border: 1px solid #2C3E50;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #ebedef;
   background: #34495E;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
   border-color: #4DD0E1;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
@@ -220,7 +220,7 @@
   background: #4DD0E1;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid rgba(255, 255, 255, 0.1);
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
   border-color: #4DD0E1;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #4DD0E1;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
   border-color: #4DD0E1;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #4DD0E1;
   color: #212529;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
   border-color: #4DD0E1;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #ABB2B9;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #AEB6BF;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #2C3E50;
   border-left: 1px solid #2C3E50;
   border-bottom: 1px solid #2C3E50;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #2C3E50;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #34495E;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #AEB6BF;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #5D6D7E;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #ebedef;
   background: #34495E;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #2C3E50;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
   border-color: #4DD0E1;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #ABB2B9;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #ebedef;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
   border-color: #4DD0E1;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #ABB2B9;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #AEB6BF;
   background: rgba(255, 255, 255, 0.1);
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #e57373;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #283747;
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
   border-color: #4DD0E1;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #ebedef;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #34495E;
   border: 2px solid #4DD0E1;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-slider .p-slider-range {
   background: #4DD0E1;
@@ -1036,7 +1036,7 @@
   color: #212529;
   background: #4DD0E1;
   border: 1px solid #4DD0E1;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-button:enabled:active {
   background: #00BCD4;
@@ -1057,16 +1057,16 @@
   border-color: #00BCD4;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #26C6DA;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: rgba(255, 255, 255, 0.1);
@@ -1116,7 +1116,7 @@
   border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #E1F5FE;
+  box-shadow: 0 0 0 0.1rem #E1F5FE;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #03A9F4;
@@ -1135,7 +1135,7 @@
   border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #F1F8E9;
+  box-shadow: 0 0 0 0.1rem #F1F8E9;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #8BC34A;
@@ -1154,7 +1154,7 @@
   border-color: #FFEE58;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFFDE7;
+  box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #FFEB3B;
@@ -1173,7 +1173,7 @@
   border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFEBEE;
+  box-shadow: 0 0 0 0.1rem #FFEBEE;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #F44336;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #B2EBF2;
+  box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #AEB6BF;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #4DD0E1;
   background: #212529;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #AEB6BF;
@@ -1380,7 +1380,7 @@
   background: #212F3C;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #2E4053;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #4DD0E1;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #4DD0E1;
@@ -1623,7 +1623,7 @@
   background: #283747;
   color: #AEB6BF;
   border: 1px solid #37434f;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #4DD0E1;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #4DD0E1;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #4DD0E1;
@@ -1796,21 +1796,21 @@
   color: #ebedef;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #4DD0E1;
   background: #212529;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #212F3C;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #37434f;
@@ -1970,7 +1970,7 @@
   color: #ebedef;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #ebedef;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #37434f;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   background: #212F3C;
   color: #ebedef;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid rgba(255, 255, 255, 0.1);
   background: #283747;
   color: #ebedef;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: transparent;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: transparent;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #212F3C;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #4DD0E1;
   color: #212529;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #ebedef;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-fileupload .p-fileupload-content {
   background: #283747;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #283747;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #ebedef;
@@ -2373,7 +2373,7 @@
   color: #AEB6BF;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #AEB6BF;
 }
 
@@ -2383,10 +2383,10 @@
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-megamenu .p-megamenu-panel {
   background: #283747;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
@@ -2520,7 +2520,7 @@
   color: #AEB6BF;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #283747;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #525e6b;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #37434f;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #AEB6BF;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #4DD0E1;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: transparent;
@@ -2854,10 +2854,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2EBF2;
+  box-shadow: inset 0 0 0 0.15rem #B2EBF2;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2EBF2;
+  box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #283747;
   color: #ebedef;
   border: 1px solid #283747;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #4DD0E1;
   color: #212529;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: transparent;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #4DD0E1;
   color: #212529;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css
index 0cc584138..710f40ece 100644
--- a/public/themes/vela-deeppurple/theme.css
+++ b/public/themes/vela-deeppurple/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #9575CD;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
   border-color: #9575CD;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #9575CD;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #34495E;
   color: #ebedef;
   border: 1px solid #2C3E50;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #ebedef;
   background: #34495E;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
   border-color: #9575CD;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
@@ -220,7 +220,7 @@
   background: #9575CD;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid rgba(255, 255, 255, 0.1);
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
   border-color: #9575CD;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #9575CD;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
   border-color: #9575CD;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #9575CD;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
   border-color: #9575CD;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #ABB2B9;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #AEB6BF;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #2C3E50;
   border-left: 1px solid #2C3E50;
   border-bottom: 1px solid #2C3E50;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #2C3E50;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #34495E;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #AEB6BF;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #5D6D7E;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #ebedef;
   background: #34495E;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #2C3E50;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
   border-color: #9575CD;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #ABB2B9;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #ebedef;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
   border-color: #9575CD;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #ABB2B9;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #AEB6BF;
   background: rgba(255, 255, 255, 0.1);
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #e57373;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #283747;
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
   border-color: #9575CD;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #ebedef;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #34495E;
   border: 2px solid #9575CD;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-slider .p-slider-range {
   background: #9575CD;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #9575CD;
   border: 1px solid #9575CD;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-button:enabled:active {
   background: #673AB7;
@@ -1057,16 +1057,16 @@
   border-color: #673AB7;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #7E57C2;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: rgba(255, 255, 255, 0.1);
@@ -1116,7 +1116,7 @@
   border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #E1F5FE;
+  box-shadow: 0 0 0 0.1rem #E1F5FE;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #03A9F4;
@@ -1135,7 +1135,7 @@
   border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #F1F8E9;
+  box-shadow: 0 0 0 0.1rem #F1F8E9;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #8BC34A;
@@ -1154,7 +1154,7 @@
   border-color: #FFEE58;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFFDE7;
+  box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #FFEB3B;
@@ -1173,7 +1173,7 @@
   border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFEBEE;
+  box-shadow: 0 0 0 0.1rem #FFEBEE;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #F44336;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #D1C4E9;
+  box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #AEB6BF;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #9575CD;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #AEB6BF;
@@ -1380,7 +1380,7 @@
   background: #212F3C;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #2E4053;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #9575CD;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #9575CD;
@@ -1623,7 +1623,7 @@
   background: #283747;
   color: #AEB6BF;
   border: 1px solid #37434f;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #9575CD;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #9575CD;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #9575CD;
@@ -1796,21 +1796,21 @@
   color: #ebedef;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #9575CD;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #212F3C;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #37434f;
@@ -1970,7 +1970,7 @@
   color: #ebedef;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #ebedef;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #37434f;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   background: #212F3C;
   color: #ebedef;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid rgba(255, 255, 255, 0.1);
   background: #283747;
   color: #ebedef;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: transparent;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: transparent;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #212F3C;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #9575CD;
   color: #ffffff;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #ebedef;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-fileupload .p-fileupload-content {
   background: #283747;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #283747;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #ebedef;
@@ -2373,7 +2373,7 @@
   color: #AEB6BF;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #AEB6BF;
 }
 
@@ -2383,10 +2383,10 @@
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-megamenu .p-megamenu-panel {
   background: #283747;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
@@ -2520,7 +2520,7 @@
   color: #AEB6BF;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #283747;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #525e6b;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #37434f;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #AEB6BF;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #9575CD;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: transparent;
@@ -2854,10 +2854,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #D1C4E9;
+  box-shadow: inset 0 0 0 0.15rem #D1C4E9;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #D1C4E9;
+  box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #283747;
   color: #ebedef;
   border: 1px solid #283747;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #9575CD;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: transparent;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #9575CD;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index f7915b718..6fdd99d30 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #81C784;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
   border-color: #81C784;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #81C784;
   color: #212529;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #34495E;
   color: #ebedef;
   border: 1px solid #2C3E50;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #ebedef;
   background: #34495E;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
   border-color: #81C784;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
@@ -220,7 +220,7 @@
   background: #81C784;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid rgba(255, 255, 255, 0.1);
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
   border-color: #81C784;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #81C784;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
   border-color: #81C784;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #81C784;
   color: #212529;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
   border-color: #81C784;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #ABB2B9;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #AEB6BF;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #2C3E50;
   border-left: 1px solid #2C3E50;
   border-bottom: 1px solid #2C3E50;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #2C3E50;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #34495E;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #AEB6BF;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #5D6D7E;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #ebedef;
   background: #34495E;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #2C3E50;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
   border-color: #81C784;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #ABB2B9;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #ebedef;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
   border-color: #81C784;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #ABB2B9;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #AEB6BF;
   background: rgba(255, 255, 255, 0.1);
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #e57373;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #283747;
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
   border-color: #81C784;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #ebedef;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #34495E;
   border: 2px solid #81C784;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-slider .p-slider-range {
   background: #81C784;
@@ -1036,7 +1036,7 @@
   color: #212529;
   background: #81C784;
   border: 1px solid #81C784;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-button:enabled:active {
   background: #4CAF50;
@@ -1057,16 +1057,16 @@
   border-color: #4CAF50;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #66BB6A;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: rgba(255, 255, 255, 0.1);
@@ -1116,7 +1116,7 @@
   border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #E1F5FE;
+  box-shadow: 0 0 0 0.1rem #E1F5FE;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #03A9F4;
@@ -1135,7 +1135,7 @@
   border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #F1F8E9;
+  box-shadow: 0 0 0 0.1rem #F1F8E9;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #8BC34A;
@@ -1154,7 +1154,7 @@
   border-color: #FFEE58;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFFDE7;
+  box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #FFEB3B;
@@ -1173,7 +1173,7 @@
   border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFEBEE;
+  box-shadow: 0 0 0 0.1rem #FFEBEE;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #F44336;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #C8E6C9;
+  box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #AEB6BF;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #81C784;
   background: #212529;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #AEB6BF;
@@ -1380,7 +1380,7 @@
   background: #212F3C;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #2E4053;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #81C784;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #81C784;
@@ -1623,7 +1623,7 @@
   background: #283747;
   color: #AEB6BF;
   border: 1px solid #37434f;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #81C784;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #81C784;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #81C784;
@@ -1796,21 +1796,21 @@
   color: #ebedef;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #81C784;
   background: #212529;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #212F3C;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #37434f;
@@ -1970,7 +1970,7 @@
   color: #ebedef;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #ebedef;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #37434f;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   background: #212F3C;
   color: #ebedef;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid rgba(255, 255, 255, 0.1);
   background: #283747;
   color: #ebedef;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: transparent;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: transparent;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #212F3C;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #81C784;
   color: #212529;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #ebedef;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-fileupload .p-fileupload-content {
   background: #283747;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #283747;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #ebedef;
@@ -2373,7 +2373,7 @@
   color: #AEB6BF;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #AEB6BF;
 }
 
@@ -2383,10 +2383,10 @@
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-megamenu .p-megamenu-panel {
   background: #283747;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
@@ -2520,7 +2520,7 @@
   color: #AEB6BF;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #283747;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #525e6b;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #37434f;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #AEB6BF;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #81C784;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: transparent;
@@ -2854,10 +2854,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C8E6C9;
+  box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C8E6C9;
+  box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #283747;
   color: #ebedef;
   border: 1px solid #283747;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #81C784;
   color: #212529;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: transparent;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #81C784;
   color: #212529;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css
index 885b2ad06..7a80586cc 100644
--- a/public/themes/vela-indigo/theme.css
+++ b/public/themes/vela-indigo/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #7986CB;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
   border-color: #7986CB;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #7986CB;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #34495E;
   color: #ebedef;
   border: 1px solid #2C3E50;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #ebedef;
   background: #34495E;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
   border-color: #7986CB;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
@@ -220,7 +220,7 @@
   background: #7986CB;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid rgba(255, 255, 255, 0.1);
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
   border-color: #7986CB;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #7986CB;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
   border-color: #7986CB;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #7986CB;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
   border-color: #7986CB;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #ABB2B9;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #AEB6BF;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #2C3E50;
   border-left: 1px solid #2C3E50;
   border-bottom: 1px solid #2C3E50;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #2C3E50;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #34495E;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #AEB6BF;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #5D6D7E;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #ebedef;
   background: #34495E;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #2C3E50;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
   border-color: #7986CB;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #ABB2B9;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #ebedef;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
   border-color: #7986CB;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #ABB2B9;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #AEB6BF;
   background: rgba(255, 255, 255, 0.1);
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #e57373;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #283747;
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
   border-color: #7986CB;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #ebedef;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #34495E;
   border: 2px solid #7986CB;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-slider .p-slider-range {
   background: #7986CB;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #7986CB;
   border: 1px solid #7986CB;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-button:enabled:active {
   background: #3F51B5;
@@ -1057,16 +1057,16 @@
   border-color: #3F51B5;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #5C6BC0;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: rgba(255, 255, 255, 0.1);
@@ -1116,7 +1116,7 @@
   border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #E1F5FE;
+  box-shadow: 0 0 0 0.1rem #E1F5FE;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #03A9F4;
@@ -1135,7 +1135,7 @@
   border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #F1F8E9;
+  box-shadow: 0 0 0 0.1rem #F1F8E9;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #8BC34A;
@@ -1154,7 +1154,7 @@
   border-color: #FFEE58;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFFDE7;
+  box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #FFEB3B;
@@ -1173,7 +1173,7 @@
   border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFEBEE;
+  box-shadow: 0 0 0 0.1rem #FFEBEE;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #F44336;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #C5CAE9;
+  box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #AEB6BF;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #7986CB;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #AEB6BF;
@@ -1380,7 +1380,7 @@
   background: #212F3C;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #2E4053;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #7986CB;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #7986CB;
@@ -1623,7 +1623,7 @@
   background: #283747;
   color: #AEB6BF;
   border: 1px solid #37434f;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #7986CB;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #7986CB;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #7986CB;
@@ -1796,21 +1796,21 @@
   color: #ebedef;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #7986CB;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #212F3C;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #37434f;
@@ -1970,7 +1970,7 @@
   color: #ebedef;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #ebedef;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #37434f;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   background: #212F3C;
   color: #ebedef;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid rgba(255, 255, 255, 0.1);
   background: #283747;
   color: #ebedef;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: transparent;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: transparent;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #212F3C;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #7986CB;
   color: #ffffff;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #ebedef;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-fileupload .p-fileupload-content {
   background: #283747;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #283747;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #ebedef;
@@ -2373,7 +2373,7 @@
   color: #AEB6BF;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #AEB6BF;
 }
 
@@ -2383,10 +2383,10 @@
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-megamenu .p-megamenu-panel {
   background: #283747;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
@@ -2520,7 +2520,7 @@
   color: #AEB6BF;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #283747;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #525e6b;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #37434f;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #AEB6BF;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #7986CB;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: transparent;
@@ -2854,10 +2854,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #C5CAE9;
+  box-shadow: inset 0 0 0 0.15rem #C5CAE9;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #C5CAE9;
+  box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #283747;
   color: #ebedef;
   border: 1px solid #283747;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #7986CB;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: transparent;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #7986CB;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index a85159328..7d14f01b3 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #FFD54F;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
   border-color: #FFD54F;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #FFD54F;
   color: #212529;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #34495E;
   color: #ebedef;
   border: 1px solid #2C3E50;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #ebedef;
   background: #34495E;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
   border-color: #FFD54F;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
@@ -220,7 +220,7 @@
   background: #FFD54F;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid rgba(255, 255, 255, 0.1);
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
   border-color: #FFD54F;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #FFD54F;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
   border-color: #FFD54F;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #FFD54F;
   color: #212529;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
   border-color: #FFD54F;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #ABB2B9;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #AEB6BF;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #2C3E50;
   border-left: 1px solid #2C3E50;
   border-bottom: 1px solid #2C3E50;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #2C3E50;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #34495E;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #AEB6BF;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #5D6D7E;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #ebedef;
   background: #34495E;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #2C3E50;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
   border-color: #FFD54F;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #ABB2B9;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #ebedef;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
   border-color: #FFD54F;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #ABB2B9;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #AEB6BF;
   background: rgba(255, 255, 255, 0.1);
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #e57373;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #283747;
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
   border-color: #FFD54F;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #ebedef;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #34495E;
   border: 2px solid #FFD54F;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-slider .p-slider-range {
   background: #FFD54F;
@@ -1036,7 +1036,7 @@
   color: #212529;
   background: #FFD54F;
   border: 1px solid #FFD54F;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-button:enabled:active {
   background: #FFC107;
@@ -1057,16 +1057,16 @@
   border-color: #FFC107;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #FFCA28;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: rgba(255, 255, 255, 0.1);
@@ -1116,7 +1116,7 @@
   border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #E1F5FE;
+  box-shadow: 0 0 0 0.1rem #E1F5FE;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #03A9F4;
@@ -1135,7 +1135,7 @@
   border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #F1F8E9;
+  box-shadow: 0 0 0 0.1rem #F1F8E9;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #8BC34A;
@@ -1154,7 +1154,7 @@
   border-color: #FFEE58;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFFDE7;
+  box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #FFEB3B;
@@ -1173,7 +1173,7 @@
   border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFEBEE;
+  box-shadow: 0 0 0 0.1rem #FFEBEE;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #F44336;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #FFECB3;
+  box-shadow: 0 0 0 0.2rem #FFECB3;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #AEB6BF;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #FFD54F;
   background: #212529;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #AEB6BF;
@@ -1380,7 +1380,7 @@
   background: #212F3C;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #2E4053;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #FFD54F;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #FFD54F;
@@ -1623,7 +1623,7 @@
   background: #283747;
   color: #AEB6BF;
   border: 1px solid #37434f;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #FFD54F;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #FFD54F;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #FFD54F;
@@ -1796,21 +1796,21 @@
   color: #ebedef;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #FFD54F;
   background: #212529;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #212F3C;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #37434f;
@@ -1970,7 +1970,7 @@
   color: #ebedef;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #ebedef;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #37434f;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   background: #212F3C;
   color: #ebedef;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid rgba(255, 255, 255, 0.1);
   background: #283747;
   color: #ebedef;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: transparent;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: transparent;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #212F3C;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #FFD54F;
   color: #212529;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #ebedef;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-fileupload .p-fileupload-content {
   background: #283747;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #283747;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #ebedef;
@@ -2373,7 +2373,7 @@
   color: #AEB6BF;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #AEB6BF;
 }
 
@@ -2383,10 +2383,10 @@
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-megamenu .p-megamenu-panel {
   background: #283747;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
@@ -2520,7 +2520,7 @@
   color: #AEB6BF;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #283747;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #525e6b;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #37434f;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #AEB6BF;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #FFD54F;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: transparent;
@@ -2854,10 +2854,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #FFECB3;
+  box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #FFECB3;
+  box-shadow: 0 0 0 0.1rem #FFECB3;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #283747;
   color: #ebedef;
   border: 1px solid #283747;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #FFD54F;
   color: #212529;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: transparent;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #FFD54F;
   color: #212529;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 26f986045..2d41e8898 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #BA68C8;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
   border-color: #BA68C8;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #BA68C8;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #34495E;
   color: #ebedef;
   border: 1px solid #2C3E50;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #ebedef;
   background: #34495E;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
   border-color: #BA68C8;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
@@ -220,7 +220,7 @@
   background: #BA68C8;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid rgba(255, 255, 255, 0.1);
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
   border-color: #BA68C8;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #BA68C8;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
   border-color: #BA68C8;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #BA68C8;
   color: #ffffff;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
   border-color: #BA68C8;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #ABB2B9;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #AEB6BF;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #2C3E50;
   border-left: 1px solid #2C3E50;
   border-bottom: 1px solid #2C3E50;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #2C3E50;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #34495E;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #AEB6BF;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #5D6D7E;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #ebedef;
   background: #34495E;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #2C3E50;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
   border-color: #BA68C8;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #ABB2B9;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #ebedef;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
   border-color: #BA68C8;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #ABB2B9;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #AEB6BF;
   background: rgba(255, 255, 255, 0.1);
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #e57373;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #283747;
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
   border-color: #BA68C8;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #ebedef;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #34495E;
   border: 2px solid #BA68C8;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-slider .p-slider-range {
   background: #BA68C8;
@@ -1036,7 +1036,7 @@
   color: #ffffff;
   background: #BA68C8;
   border: 1px solid #BA68C8;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-button:enabled:active {
   background: #9C27B0;
@@ -1057,16 +1057,16 @@
   border-color: #9C27B0;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #AB47BC;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: rgba(255, 255, 255, 0.1);
@@ -1116,7 +1116,7 @@
   border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #E1F5FE;
+  box-shadow: 0 0 0 0.1rem #E1F5FE;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #03A9F4;
@@ -1135,7 +1135,7 @@
   border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #F1F8E9;
+  box-shadow: 0 0 0 0.1rem #F1F8E9;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #8BC34A;
@@ -1154,7 +1154,7 @@
   border-color: #FFEE58;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFFDE7;
+  box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #FFEB3B;
@@ -1173,7 +1173,7 @@
   border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFEBEE;
+  box-shadow: 0 0 0 0.1rem #FFEBEE;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #F44336;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #E1BEE7;
+  box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #AEB6BF;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #BA68C8;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #AEB6BF;
@@ -1380,7 +1380,7 @@
   background: #212F3C;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #2E4053;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #BA68C8;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #BA68C8;
@@ -1623,7 +1623,7 @@
   background: #283747;
   color: #AEB6BF;
   border: 1px solid #37434f;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #BA68C8;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #BA68C8;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #BA68C8;
@@ -1796,21 +1796,21 @@
   color: #ebedef;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #BA68C8;
   background: #ffffff;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #212F3C;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #37434f;
@@ -1970,7 +1970,7 @@
   color: #ebedef;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #ebedef;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #37434f;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   background: #212F3C;
   color: #ebedef;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid rgba(255, 255, 255, 0.1);
   background: #283747;
   color: #ebedef;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: transparent;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: transparent;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #212F3C;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #BA68C8;
   color: #ffffff;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #ebedef;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-fileupload .p-fileupload-content {
   background: #283747;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #283747;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #ebedef;
@@ -2373,7 +2373,7 @@
   color: #AEB6BF;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #AEB6BF;
 }
 
@@ -2383,10 +2383,10 @@
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-megamenu .p-megamenu-panel {
   background: #283747;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
@@ -2520,7 +2520,7 @@
   color: #AEB6BF;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #283747;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #525e6b;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #37434f;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #AEB6BF;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #BA68C8;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: transparent;
@@ -2854,10 +2854,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #E1BEE7;
+  box-shadow: inset 0 0 0 0.15rem #E1BEE7;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #E1BEE7;
+  box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #283747;
   color: #ebedef;
   border: 1px solid #283747;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #BA68C8;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: transparent;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #BA68C8;
   color: #ffffff;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css
index ce91b85f9..75f584a3b 100644
--- a/public/themes/vela-teal/theme.css
+++ b/public/themes/vela-teal/theme.css
@@ -10,7 +10,7 @@
   text-decoration: none;
 }
 .p-component.p-component-sm {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 .p-component.p-component-lg {
   font-size: 1.25rem;
@@ -26,7 +26,7 @@
 }
 
 .pi {
-  font-size: 1em;
+  font-size: 1rem;
 }
 
 .p-link {
@@ -37,7 +37,7 @@
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 
 ::-webkit-input-placeholder {
@@ -57,13 +57,13 @@
 }
 
 .p-autocomplete .p-autocomplete-loader {
-  right: 0.5em;
+  right: 0.5rem;
 }
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 2.857em;
+  right: 2.857rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #4DB6AC;
@@ -71,11 +71,11 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
   border-color: #4DB6AC;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -85,14 +85,14 @@
   margin: 0;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #4DB6AC;
   color: #212529;
   border-radius: 3px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 
 .p-autocomplete-panel {
@@ -103,11 +103,11 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -133,7 +133,7 @@
 }
 
 .p-datepicker {
-  padding: 0.5em;
+  padding: 0.5rem;
   background: #34495E;
   color: #ebedef;
   border: 1px solid #2C3E50;
@@ -144,7 +144,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-datepicker .p-datepicker-header {
-  padding: 0.5em;
+  padding: 0.5rem;
   color: #ebedef;
   background: #34495E;
   font-weight: 600;
@@ -155,8 +155,8 @@
 }
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -176,29 +176,29 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
   border-color: #4DB6AC;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-datepicker table {
   font-size: 1rem;
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker table th {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table th > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .p-datepicker table td {
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker table td > span {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -209,7 +209,7 @@
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
@@ -220,7 +220,7 @@
   background: #4DB6AC;
 }
 .p-datepicker .p-datepicker-buttonbar {
-  padding: 1em 0;
+  padding: 1rem 0;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
@@ -228,11 +228,11 @@
 }
 .p-datepicker .p-timepicker {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
-  width: 2.5em;
-  height: 2.5em;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -246,19 +246,19 @@
   margin-top: 0.2em;
 }
 .p-datepicker .p-timepicker span {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-datepicker .p-timepicker > div {
-  padding: 0 0.5em;
+  padding: 0 0.5rem;
 }
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
 .p-datepicker .p-monthpicker {
-  margin: 0.5em 0;
+  margin: 0.5rem 0;
 }
 .p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.5em;
+  padding: 0.5rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
 }
@@ -268,8 +268,8 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-right: 1px solid rgba(255, 255, 255, 0.1);
-  padding-right: 0.5em;
-  padding-left: 0.5em;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -290,7 +290,7 @@
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -298,7 +298,7 @@
 .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 
 .p-checkbox {
@@ -323,7 +323,7 @@
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
   border-color: #4DB6AC;
 }
 .p-checkbox .p-checkbox-box.p-highlight {
@@ -341,7 +341,7 @@
 }
 
 .p-chips .p-chips-multiple-container {
-  padding: 0.25em 0.5em;
+  padding: 0.25rem 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #4DB6AC;
@@ -349,21 +349,21 @@
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
   border-color: #4DB6AC;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.25em 0.5em;
-  margin-right: 0.5em;
+  padding: 0.25rem 0.5rem;
+  margin-right: 0.5rem;
   background: #4DB6AC;
   color: #212529;
   border-radius: 3px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0.25em 0;
+  padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -378,8 +378,8 @@
 }
 
 .p-colorpicker-preview {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
 }
 
 .p-colorpicker-panel {
@@ -407,12 +407,12 @@
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
   border-color: #4DB6AC;
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #ABB2B9;
@@ -424,13 +424,13 @@
 .p-dropdown .p-dropdown-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #AEB6BF;
-  right: 2.857em;
+  right: 2.857rem;
 }
 
 .p-dropdown-panel {
@@ -441,7 +441,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-dropdown-panel .p-dropdown-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -450,18 +450,18 @@
   border-top-left-radius: 3px;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -554,8 +554,8 @@
   border-top: 1px solid #2C3E50;
   border-left: 1px solid #2C3E50;
   border-bottom: 1px solid #2C3E50;
-  padding: 0.5em 0.5em;
-  min-width: 2.357em;
+  padding: 0.5rem 0.5rem;
+  min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
   border-right: 1px solid #2C3E50;
@@ -590,12 +590,12 @@
   width: auto;
 }
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-inputswitch {
-  width: 3em;
-  height: 1.75em;
+  width: 3rem;
+  height: 1.75rem;
 }
 .p-inputswitch .p-inputswitch-slider {
   background: #34495E;
@@ -604,20 +604,20 @@
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #AEB6BF;
-  width: 1.25em;
-  height: 1.25em;
-  left: 0.25em;
-  margin-top: -0.625em;
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
   border-radius: 50%;
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25em);
+  transform: translateX(1.25rem);
 }
 .p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: #5D6D7E;
@@ -637,10 +637,10 @@
 }
 
 .p-inputtext {
-  font-size: 1em;
+  font-size: 1rem;
   color: #ebedef;
   background: #34495E;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border: 1px solid #2C3E50;
   transition: border-color 0.2s, box-shadow 0.2s;
   appearance: none;
@@ -652,7 +652,7 @@
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
   border-color: #4DB6AC;
 }
 .p-inputtext.p-error, .p-inputtext.p-invalid {
@@ -661,27 +661,27 @@
 }
 
 .p-float-label label {
-  left: 0.5em;
+  left: 0.5rem;
   color: #ABB2B9;
   transition-duration: 0.2s;
 }
 
 .p-input-icon-left > i {
-  left: 0.5em;
+  left: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-left > .p-inputtext {
-  padding-left: 2em;
+  padding-left: 2rem;
 }
 
 .p-input-icon-right > i {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 
 .p-input-icon-right > .p-inputtext {
-  padding-right: 2em;
+  padding-right: 2rem;
 }
 
 .p-listbox {
@@ -691,7 +691,7 @@
   border-radius: 3px;
 }
 .p-listbox .p-listbox-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -700,18 +700,18 @@
   border-top-left-radius: 3px;
 }
 .p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-listbox .p-listbox-list {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -724,7 +724,7 @@
 .p-listbox .p-listbox-list .p-listbox-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: #ebedef;
@@ -747,11 +747,11 @@
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
   border-color: #4DB6AC;
 }
 .p-multiselect .p-multiselect-label {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #ABB2B9;
@@ -759,7 +759,7 @@
 .p-multiselect .p-multiselect-trigger {
   background: #34495E;
   color: #AEB6BF;
-  width: 2.357em;
+  width: 2.357rem;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
@@ -772,7 +772,7 @@
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-bottom: 0 none;
   color: #ebedef;
   background: #212F3C;
@@ -781,34 +781,34 @@
   border-top-left-radius: 3px;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
   color: #AEB6BF;
   background: rgba(255, 255, 255, 0.1);
 }
 .p-multiselect-panel .p-multiselect-items {
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 0 none;
   color: #ebedef;
   background: transparent;
@@ -826,10 +826,10 @@
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
   border-color: #e57373;
@@ -837,14 +837,14 @@
 }
 
 .p-password-panel {
-  padding: 1em;
+  padding: 1rem;
   background: #283747;
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-password-panel .p-password-meter {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 
 .p-radiobutton {
@@ -866,11 +866,11 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
   border-color: #4DB6AC;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
   transition-duration: 0.2s;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
@@ -889,7 +889,7 @@
 
 .p-rating .p-rating-icon {
   color: #ebedef;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-rating .p-rating-icon.p-rating-cancel {
@@ -898,7 +898,7 @@
 .p-rating .p-rating-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-rating .p-rating-icon:first-child {
   margin-left: 0;
@@ -958,20 +958,20 @@
   border-radius: 3px;
 }
 .p-slider.p-slider-horizontal {
-  height: 0.286em;
+  height: 0.286rem;
 }
 .p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.4285em;
+  margin-top: -0.4285rem;
 }
 .p-slider.p-slider-vertical {
-  width: 0.286em;
+  width: 0.286rem;
 }
 .p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.4285em;
+  margin-left: -0.4285rem;
 }
 .p-slider .p-slider-handle {
-  height: 1.143em;
-  width: 1.143em;
+  height: 1.143rem;
+  width: 1.143rem;
   background: #34495E;
   border: 2px solid #4DB6AC;
   border-radius: 50%;
@@ -980,7 +980,7 @@
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-slider .p-slider-range {
   background: #4DB6AC;
@@ -1036,7 +1036,7 @@
   color: #212529;
   background: #4DB6AC;
   border: 1px solid #4DB6AC;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   transition: background-color 0.2s, box-shadow 0.2s;
   border-radius: 3px;
@@ -1049,7 +1049,7 @@
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-button:enabled:active {
   background: #009688;
@@ -1057,16 +1057,16 @@
   border-color: #009688;
 }
 .p-button .p-button-icon-left {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-button .p-button-icon-right {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button .p-badge {
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -1083,7 +1083,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: 2.357em;
+  width: 2.357rem;
 }
 
 .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
@@ -1097,7 +1097,7 @@
   border-color: #26A69A;
 }
 .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
   background: rgba(255, 255, 255, 0.1);
@@ -1116,7 +1116,7 @@
   border-color: #29B6F6;
 }
 .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #E1F5FE;
+  box-shadow: 0 0 0 0.1rem #E1F5FE;
 }
 .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
   background: #03A9F4;
@@ -1135,7 +1135,7 @@
   border-color: #9CCC65;
 }
 .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #F1F8E9;
+  box-shadow: 0 0 0 0.1rem #F1F8E9;
 }
 .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
   background: #8BC34A;
@@ -1154,7 +1154,7 @@
   border-color: #FFEE58;
 }
 .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFFDE7;
+  box-shadow: 0 0 0 0.1rem #FFFDE7;
 }
 .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
   background: #FFEB3B;
@@ -1173,7 +1173,7 @@
   border-color: #EF5350;
 }
 .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
-  box-shadow: 0 0 0 0.1em #FFEBEE;
+  box-shadow: 0 0 0 0.1rem #FFEBEE;
 }
 .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
   background: #F44336;
@@ -1195,7 +1195,7 @@
   text-decoration: underline;
 }
 .p-button.p-button-link:enabled:focus {
-  box-shadow: 0 0 0 0.2em #B2DFDB;
+  box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
@@ -1207,12 +1207,12 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   background: #ffffff;
   border: 1px solid #dee2e6;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #AEB6BF;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
 .p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
@@ -1221,13 +1221,13 @@
   border-color: #dee2e6;
 }
 .p-carousel .p-carousel-dots-container {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item {
   margin: 0;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
@@ -1255,10 +1255,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-datatable .p-datatable-footer {
@@ -1266,14 +1266,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1283,7 +1283,7 @@
 }
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1295,7 +1295,7 @@
 }
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1304,7 +1304,7 @@
   line-height: 18px;
   color: #4DB6AC;
   background: #212529;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1330,7 +1330,7 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
   color: #AEB6BF;
@@ -1380,7 +1380,7 @@
   background: #212F3C;
 }
 .p-datatable .p-datatable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-dataview .p-paginator {
@@ -1392,10 +1392,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-dataview .p-dataview-content {
@@ -1412,7 +1412,7 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -1461,7 +1461,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "";
@@ -1469,7 +1469,7 @@
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
-  font-size: 1em;
+  font-size: 1rem;
 }
 .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "";
@@ -1477,7 +1477,7 @@
 .fc .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
   background: #2E4053;
@@ -1498,7 +1498,7 @@
 .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
   z-index: 1;
 }
 .fc .fc-toolbar .fc-button-group .fc-button {
@@ -1514,16 +1514,16 @@
 }
 
 .p-orderlist .p-orderlist-controls {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-orderlist .p-orderlist-controls .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-orderlist .p-orderlist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1533,12 +1533,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1552,7 +1552,7 @@
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   background: #4DB6AC;
@@ -1564,11 +1564,11 @@
     flex-direction: column;
   }
   .p-orderlist .p-orderlist-controls {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-orderlist .p-orderlist-controls .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-orderlist .p-orderlist-controls .p-button:last-child {
@@ -1601,7 +1601,7 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   bottom: -0.7em;
@@ -1613,7 +1613,7 @@
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
   color: #4DB6AC;
@@ -1623,7 +1623,7 @@
   background: #283747;
   color: #AEB6BF;
   border: 1px solid #37434f;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border-radius: 3px;
 }
 .p-paginator .p-paginator-first,
@@ -1631,8 +1631,8 @@
 .p-paginator .p-paginator-next,
 .p-paginator .p-paginator-last {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1647,8 +1647,8 @@
 }
 .p-paginator .p-dropdown {
   border: 0 none;
-  margin-left: 0.5em;
-  height: 2.357em;
+  margin-left: 0.5rem;
+  height: 2.357rem;
 }
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
@@ -1658,8 +1658,8 @@
 }
 .p-paginator .p-paginator-pages .p-paginator-page {
   color: #AEB6BF;
-  min-width: 2.357em;
-  height: 2.357em;
+  min-width: 2.357rem;
+  height: 2.357rem;
   border: 0 none;
   margin: 2px;
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -1675,16 +1675,16 @@
 }
 
 .p-picklist .p-picklist-buttons {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-picklist .p-picklist-buttons .p-button {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-picklist .p-picklist-caption {
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom: 0 none;
   border-top-right-radius: 3px;
@@ -1694,12 +1694,12 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 0.5em 0;
+  padding: 0.5rem 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   margin: 0;
   border: 0 none;
   color: #ebedef;
@@ -1713,7 +1713,7 @@
 .p-picklist .p-picklist-list .p-picklist-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   background: #4DB6AC;
@@ -1725,11 +1725,11 @@
     flex-direction: column;
   }
   .p-picklist .p-picklist-buttons {
-    padding: 1em;
+    padding: 1rem;
     flex-direction: row;
   }
   .p-picklist .p-picklist-buttons .p-button {
-    margin-right: 0.5em;
+    margin-right: 0.5rem;
     margin-bottom: 0;
   }
   .p-picklist .p-picklist-buttons .p-button:last-child {
@@ -1752,19 +1752,19 @@
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-tree .p-tree-container .p-treenode {
-  padding: 0.143em;
+  padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
   transition: color 0.2s, box-shadow 0.2s;
 }
@@ -1772,16 +1772,16 @@
   color: #4DB6AC;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #4DB6AC;
@@ -1796,21 +1796,21 @@
   color: #ebedef;
 }
 .p-tree .p-tree-filter-container {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
 }
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
-  right: 0.5em;
+  right: 0.5rem;
   color: #AEB6BF;
 }
 .p-tree .p-treenode-children {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-treetable .p-paginator {
@@ -1822,10 +1822,10 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
-  font-size: 1.25em;
+  font-size: 1.25rem;
   font-weight: 600;
 }
 .p-treetable .p-treetable-footer {
@@ -1833,14 +1833,14 @@
   color: #ebedef;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1850,7 +1850,7 @@
 }
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #37434f;
   border-width: 0 0 1px 0;
   font-weight: 600;
@@ -1862,7 +1862,7 @@
 }
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: #AEB6BF;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
@@ -1871,7 +1871,7 @@
   line-height: 18px;
   color: #4DB6AC;
   background: #212529;
-  margin-left: 0.5em;
+  margin-left: 0.5rem;
 }
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.1);
@@ -1897,11 +1897,11 @@
   text-align: left;
   border: 1px solid #3d4b59;
   border-width: 0 0 1px 0;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
   transition: color 0.2s, box-shadow 0.2s;
 }
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover {
@@ -1932,11 +1932,11 @@
   background: #212F3C;
 }
 .p-treetable .p-treetable-loading-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 .p-accordion .p-accordion-header a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -1945,12 +1945,12 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
   background: #37434f;
@@ -1970,7 +1970,7 @@
   color: #ebedef;
 }
 .p-accordion .p-accordion-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2007,19 +2007,19 @@
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
 .p-card .p-card-body {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-card .p-card-title {
-  font-size: 1.5em;
+  font-size: 1.5rem;
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-subtitle {
   font-weight: 700;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5rem;
 }
 .p-card .p-card-footer {
-  padding: 1em 0 0 0;
+  padding: 1rem 0 0 0;
 }
 
 .p-fieldset {
@@ -2029,7 +2029,7 @@
   border-radius: 3px;
 }
 .p-fieldset .p-fieldset-legend {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2041,18 +2041,18 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
-  padding: 1em;
+  padding: 1rem;
   color: #ebedef;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: #37434f;
@@ -2062,7 +2062,7 @@
 
 .p-panel .p-panel-titlebar {
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   background: #212F3C;
   color: #ebedef;
   border-top-right-radius: 3px;
@@ -2072,8 +2072,8 @@
   font-weight: 600;
 }
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #AEB6BF;
   background: transparent;
   border-radius: 50%;
@@ -2086,13 +2086,13 @@
 .p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-panel.p-panel-toggleable .p-panel-titlebar {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   background: #283747;
   color: #ebedef;
@@ -2101,7 +2101,7 @@
   border-top: 0 none;
 }
 .p-panel .p-panel-footer {
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   border: 1px solid rgba(255, 255, 255, 0.1);
   background: #283747;
   color: #ebedef;
@@ -2121,7 +2121,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2131,7 +2131,7 @@
 .p-tabview .p-tabview-nav li a:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
   background: transparent;
@@ -2147,7 +2147,7 @@
 }
 .p-tabview .p-tabview-panels {
   background: transparent;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2157,11 +2157,11 @@
 .p-toolbar {
   background: #212F3C;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border-radius: 3px;
 }
 .p-toolbar .p-toolbar-separator {
-  margin: 0 0.5em;
+  margin: 0 0.5rem;
 }
 
 .p-dialog {
@@ -2173,22 +2173,22 @@
   border-bottom: 1px solid #dee2e6;
   background: #ffffff;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-title {
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
   color: #9ba2aa;
@@ -2197,7 +2197,7 @@
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:last-child {
   margin-right: 0;
@@ -2205,19 +2205,19 @@
 .p-dialog .p-dialog-content {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #dee2e6;
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   text-align: right;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .p-dialog .p-dialog-footer button {
-  margin: 0 0.5em 0 0;
+  margin: 0 0.5rem 0 0;
   width: auto;
 }
 
@@ -2233,16 +2233,16 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-overlaypanel .p-overlaypanel-content {
-  padding: 1em;
+  padding: 1rem;
 }
 .p-overlaypanel .p-overlaypanel-close {
   background: #4DB6AC;
   color: #212529;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   position: absolute;
-  top: -1em;
-  right: -1em;
+  top: -1rem;
+  right: -1rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2270,15 +2270,15 @@
 .p-sidebar {
   background: #283747;
   color: #ebedef;
-  padding: 1em;
+  padding: 1rem;
   border: 0 none;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
 }
 .p-sidebar .p-sidebar-close {
   background: transparent;
   color: #9ba2aa;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   border-radius: 50%;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -2294,7 +2294,7 @@
 .p-tooltip .p-tooltip-text {
   background: #ebedef;
   color: #ffffff;
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
@@ -2313,7 +2313,7 @@
 
 .p-fileupload .p-fileupload-buttonbar {
   background: #212F3C;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   border-bottom: 0 none;
@@ -2321,16 +2321,16 @@
   border-top-left-radius: 3px;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-fileupload .p-fileupload-content {
   background: #283747;
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #283747;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2355,7 +2355,7 @@
   background: #283747;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: background-color 0.2s, box-shadow 0.2s;
@@ -2364,7 +2364,7 @@
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: #ebedef;
@@ -2373,7 +2373,7 @@
   color: #AEB6BF;
 }
 .p-breadcrumb ul li.p-breadcrumb-chevron {
-  margin: 0 0.5em 0 0.5em;
+  margin: 0 0.5rem 0 0.5rem;
   color: #AEB6BF;
 }
 
@@ -2383,10 +2383,10 @@
   color: #ebedef;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2397,7 +2397,7 @@
 }
 .p-contextmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2417,7 +2417,7 @@
 .p-contextmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-contextmenu .p-submenu-list {
   padding: 4px 0;
@@ -2439,7 +2439,7 @@
   margin: 4px 0;
 }
 .p-contextmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-megamenu {
@@ -2451,10 +2451,10 @@
 }
 .p-megamenu .p-megamenu-root-list .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-megamenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2465,7 +2465,7 @@
 }
 .p-megamenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-megamenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2485,7 +2485,7 @@
 .p-megamenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-megamenu .p-megamenu-panel {
   background: #283747;
@@ -2495,7 +2495,7 @@
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2504,7 +2504,7 @@
 }
 .p-megamenu .p-megamenu-submenu {
   padding: 4px 0;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
@@ -2520,7 +2520,7 @@
   color: #AEB6BF;
 }
 .p-megamenu.p-megamenu-vertical {
-  width: 12.5em;
+  width: 12.5rem;
   padding: 4px 0;
 }
 
@@ -2530,10 +2530,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2544,7 +2544,7 @@
 }
 .p-menu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2564,7 +2564,7 @@
 .p-menu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-menu.p-menu-overlay {
   border: 0 none;
@@ -2572,7 +2572,7 @@
 }
 .p-menu .p-submenu-header {
   margin: 0;
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   background: #283747;
   font-weight: 600;
@@ -2593,10 +2593,10 @@
 }
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
   margin: 0 0 0 5px;
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2607,7 +2607,7 @@
 }
 .p-menubar .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-menubar .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2627,21 +2627,21 @@
 .p-menubar .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-menubar .p-submenu-list {
   padding: 4px 0;
   background: #283747;
   border: 0 none;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   margin: 4px 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #525e6b;
@@ -2654,7 +2654,7 @@
 }
 
 .p-panelmenu .p-panelmenu-header > a {
-  padding: 1em;
+  padding: 1rem;
   border: 1px solid #212F3C;
   color: #ebedef;
   background: #212F3C;
@@ -2663,15 +2663,15 @@
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-header > a:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
   background: #37434f;
@@ -2706,7 +2706,7 @@
   border-bottom-left-radius: 3px;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2717,7 +2717,7 @@
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2737,10 +2737,10 @@
 .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
-  padding: 0 0 0 1em;
+  padding: 0 0 0 1rem;
 }
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 0;
@@ -2780,13 +2780,13 @@
   border-radius: 50%;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  margin-top: 0.5em;
+  margin-top: 0.5rem;
   color: #AEB6BF;
 }
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: #4DB6AC;
@@ -2820,7 +2820,7 @@
   border-width: 0 0 2px 0;
   background: transparent;
   color: #AEB6BF;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
@@ -2828,12 +2828,12 @@
   margin: 0 0 -2px 0;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
   background: transparent;
@@ -2854,10 +2854,10 @@
   color: #ebedef;
   border: 1px solid #3d4b59;
   border-radius: 3px;
-  width: 12.5em;
+  width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
-  padding: 0.75em 1em;
+  padding: 0.75rem 1rem;
   color: #ebedef;
   font-weight: normal;
   border-radius: 0;
@@ -2868,7 +2868,7 @@
 }
 .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
   color: #AEB6BF;
-  margin-right: 0.5em;
+  margin-right: 0.5rem;
 }
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
   color: #ebedef;
@@ -2888,7 +2888,7 @@
 .p-tieredmenu .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15em #B2DFDB;
+  box-shadow: inset 0 0 0 0.15rem #B2DFDB;
 }
 .p-tieredmenu.p-menu-overlay {
   border: 0 none;
@@ -2914,12 +2914,12 @@
   margin: 4px 0;
 }
 .p-tieredmenu .p-submenu-icon {
-  font-size: 0.75em;
+  font-size: 0.75rem;
 }
 
 .p-inline-message {
-  padding: 1em 1.5em;
-  margin: 1em 0;
+  padding: 1rem 1.5rem;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-inline-message.p-inline-message-info {
@@ -2959,22 +2959,22 @@
   color: #B71C1C;
 }
 .p-inline-message .p-inline-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 .p-inline-message .p-inline-message-text {
-  font-size: 1em;
+  font-size: 1rem;
 }
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
 
 .p-message {
-  margin: 1em 0;
+  margin: 1rem 0;
   border-radius: 3px;
 }
 .p-message .p-message-wrapper {
-  padding: 1em 1.5em;
+  padding: 1rem 1.5rem;
 }
 .p-message.p-message-info {
   background: #B3E5FC;
@@ -3030,8 +3030,8 @@
 }
 .p-message .p-message-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-message .p-message-close:hover {
@@ -3040,44 +3040,44 @@
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-message .p-message-text {
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
 }
 .p-message .p-message-icon {
-  font-size: 1.5em;
-  margin-right: 0.5em;
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
 }
 
 .p-toast {
   opacity: 0.9;
 }
 .p-toast .p-toast-item-container {
-  margin: 0 0 1em 0;
+  margin: 0 0 1rem 0;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
 }
 .p-toast .p-toast-item-container .p-toast-item {
-  padding: 1em;
+  padding: 1rem;
   border-width: 0 0 0 6px;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-message {
-  margin: 0 0 0 1em;
+  margin: 0 0 0 1rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-image {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-title {
   font-weight: 700;
 }
 .p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
-  margin: 0.5em 0 0 0;
+  margin: 0.5rem 0 0 0;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close {
   border-radius: 50%;
-  width: 2em;
-  height: 2em;
+  width: 2rem;
+  height: 2rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-toast .p-toast-item-container .p-toast-icon-close:hover {
@@ -3125,11 +3125,11 @@
 }
 
 .p-galleria .p-galleria-close {
-  margin: 0.2em;
+  margin: 0.2rem;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2em;
-  padding: 0.286em;
+  font-size: 2rem;
+  padding: 0.286rem;
   color: #ffffff;
 }
 .p-galleria .p-galleria-close .p-galleria-close-icon:hover {
@@ -3140,7 +3140,7 @@
   background: #212F3C;
   color: #ebedef;
   border: 1px solid #212F3C;
-  padding: 1em;
+  padding: 1rem;
   font-weight: 600;
 }
 .p-galleria .p-galleria-header + .p-galleria-content,
@@ -3161,11 +3161,11 @@
   background: rgba(0, 0, 0, 0.2);
   border: 0 none;
   color: #ffffff;
-  padding: 0.429em;
+  padding: 0.429rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
-  font-size: 2em;
+  font-size: 2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
   color: #ffffff;
@@ -3173,16 +3173,16 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
   color: #ffffff;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
-  padding: 0.2em;
+  padding: 0.2rem;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   border-radius: 3px;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
-  padding: 0.286em;
+  padding: 0.286rem;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
@@ -3200,7 +3200,7 @@
 .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content {
   background-color: rgba(0, 0, 0, 0.9);
@@ -3210,11 +3210,11 @@
   background: transparent;
   border: transparent;
   border-radius: 50%;
-  margin: 0.2em;
+  margin: 0.2rem;
   color: #ffffff;
   transition: background-color 0.2s, box-shadow 0.2s;
-  width: 2.357em;
-  height: 2.357em;
+  width: 2.357rem;
+  height: 2.357rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
@@ -3233,24 +3233,24 @@
   opacity: 1;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
-  margin: 0.3em;
+  margin: 0.3rem;
 }
 .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
   background: #ffffff;
@@ -3264,7 +3264,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-top: 0;
-  padding-bottom: 0.857em;
+  padding-bottom: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3272,7 +3272,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-bottom: 0;
-  padding-top: 0.857em;
+  padding-top: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3280,7 +3280,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-right: 0;
-  padding-left: 0.857em;
+  padding-left: 0.857rem;
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
@@ -3288,7 +3288,7 @@
 }
 .p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
   padding-left: 0;
-  padding-right: 0.857em;
+  padding-right: 0.857rem;
 }
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
@@ -3308,13 +3308,13 @@
   background: #000000;
 }
 .p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
-  height: 20em;
-  width: 4em;
-  margin-top: -10em;
+  height: 20rem;
+  width: 4rem;
+  margin-top: -10rem;
 }
 
 .p-inplace .p-inplace-display {
-  padding: 0.5em 0.5em;
+  padding: 0.5rem 0.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
 }
@@ -3325,7 +3325,7 @@
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.1em #B2DFDB;
+  box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
 
 .p-progressbar {
@@ -3349,7 +3349,7 @@
   background: #283747;
   color: #ebedef;
   border: 1px solid #283747;
-  padding: 1em;
+  padding: 1rem;
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
@@ -3363,11 +3363,11 @@
 .p-badge {
   background: #4DB6AC;
   color: #212529;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  min-width: 2em;
-  height: 2em;
-  line-height: 2em;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
 }
 .p-badge.p-badge-secondary {
   background-color: transparent;
@@ -3393,9 +3393,9 @@
 .p-tag {
   background: #4DB6AC;
   color: #212529;
-  font-size: 0.75em;
+  font-size: 0.75rem;
   font-weight: 700;
-  padding: 0.25em 0.4em;
+  padding: 0.25rem 0.4rem;
   border-radius: 3px;
 }
 .p-tag.p-tag-success {
diff --git a/src/views/inputtext/InputTextDemo.vue b/src/views/inputtext/InputTextDemo.vue
index df2cbf79c..35ff79843 100755
--- a/src/views/inputtext/InputTextDemo.vue
+++ b/src/views/inputtext/InputTextDemo.vue
@@ -34,7 +34,7 @@
             <InputText type="text" v-model="value5" disabled />
 
              <h3>Invalid</h3>
-            <InputText type="text" class="p-error" />
+            <InputText type="text" class="p-invalid" />
 
             <h3>Sizes</h3>
             <div class="component-sizes">
diff --git a/src/views/inputtext/InputTextDoc.vue b/src/views/inputtext/InputTextDoc.vue
index e71f3cd3c..94af88d61 100755
--- a/src/views/inputtext/InputTextDoc.vue
+++ b/src/views/inputtext/InputTextDoc.vue
@@ -98,7 +98,7 @@ import InputText from 'primevue/inputtext';
 &lt;InputText type="text" v-model="value5" disabled /&gt;
 
     &lt;h3&gt;Invalid&lt;/h3&gt;
-&lt;InputText type="text" class="p-error" /&gt;
+&lt;InputText type="text" class="p-invalid" /&gt;
 
 &lt;h3&gt;Sizes&lt;/h3&gt;
 &lt;div class="component-sizes"&gt;
diff --git a/src/views/message/MessageDemo.vue b/src/views/message/MessageDemo.vue
index a3b8ca631..80500e14f 100755
--- a/src/views/message/MessageDemo.vue
+++ b/src/views/message/MessageDemo.vue
@@ -27,11 +27,11 @@
             <h3>Inline Message</h3>
             <div class="p-grid">
                 <div class="p-col-12">
-                    <InputText placeholder="Username" class="p-error" />
+                    <InputText placeholder="Username" class="p-invalid" />
                     <InlineMessage>Field is required</InlineMessage>
                 </div>
                 <div class="p-col-12">
-                    <InputText placeholder="Email" class="p-error" :closable="false" />
+                    <InputText placeholder="Email" class="p-invalid" :closable="false" />
                     <InlineMessage />
                 </div>
             </div>
diff --git a/src/views/message/MessageDoc.vue b/src/views/message/MessageDoc.vue
index f8ba5f08d..81be86e65 100755
--- a/src/views/message/MessageDoc.vue
+++ b/src/views/message/MessageDoc.vue
@@ -63,7 +63,7 @@ import InlineMessage from 'primevue/inlinemessage';
 
 				<p>InlineMessage component is useful in cases where a single message needs to be displayed related to an element such as forms. It has one property, <i>severity</i> of the message.</p>
 <CodeHighlight>
-&lt;InputText placeholder="Username" class="p-error" /&gt;
+&lt;InputText placeholder="Username" class="p-invalid" /&gt;
 &lt;InlineMessage&gt;Field is required&lt;/InlineMessage&gt;
 </CodeHighlight>
 
@@ -251,11 +251,11 @@ import InlineMessage from 'primevue/inlinemessage';
 &lt;h3&gt;Validation Message&lt;/h3&gt;
 &lt;div class="p-grid"&gt;
     &lt;div class="p-col-12"&gt;
-        &lt;InputText placeholder="Username" class="p-error" /&gt;
+        &lt;InputText placeholder="Username" class="p-invalid" /&gt;
         &lt;InlineMessage&gt;Field is required&lt;/InlineMessage&gt;
     &lt;/div&gt;
     &lt;div class="p-col-12"&gt;
-        &lt;InputText placeholder="Email" class="p-error" :closable="false" /&gt;
+        &lt;InputText placeholder="Email" class="p-invalid" :closable="false" /&gt;
         &lt;InlineMessage /&gt;
     &lt;/div&gt;
 &lt;/div&gt;
diff --git a/src/views/steps/PersonalDemo.vue b/src/views/steps/PersonalDemo.vue
index 52138dcbe..31dd6438b 100755
--- a/src/views/steps/PersonalDemo.vue
+++ b/src/views/steps/PersonalDemo.vue
@@ -24,18 +24,18 @@
                 </div>
                 <div class="p-grid p-fluid wizard-content">
                     <div class="p-col-12 p-md-3" style="max-width: 176px;">
-                        <InputText v-model="$v.firstname.$model" :class="{'p-error':$v.firstname.$invalid && submitted}" placeholder="Firstname"/>
+                        <InputText v-model="$v.firstname.$model" :class="{'p-invalid':$v.firstname.$invalid && submitted}" placeholder="Firstname"/>
                         <ValidationMessage v-show="$v.firstname.$invalid && submitted" style="font-size: 12px">Firstname is required.</ValidationMessage>
                     </div>
                     <div class="p-col-12 p-md-3" style="max-width: 176px;">
-                        <InputText v-model="$v.lastname.$model" :class="{'p-error':$v.lastname.$invalid && submitted}" placeholder="Lastname" />
+                        <InputText v-model="$v.lastname.$model" :class="{'p-invalid':$v.lastname.$invalid && submitted}" placeholder="Lastname" />
                         <ValidationMessage v-show="$v.lastname.$invalid && submitted" style="font-size: 12px">Lastname is required.</ValidationMessage>
                     </div>
                 </div>
                 <div class="p-grid p-fluid wizard-content">
                     <div class="p-col-12 p-md-3" style="max-width: 176px;">
                             <p class="wizard-input-header">Your Age</p>
-                            <InputText v-model="$v.age.$model" :class="{'p-error':$v.age.$error && submitted}" />
+                            <InputText v-model="$v.age.$model" :class="{'p-invalid':$v.age.$error && submitted}" />
                             <ValidationMessage v-show="$v.age.$invalid && submitted" style="margin-top: .5em; font-size: 12px">Age should be number.</ValidationMessage>
                     </div>
                 </div>
diff --git a/src/views/steps/StepsDoc.vue b/src/views/steps/StepsDoc.vue
index 5d597d3d6..59516e7a2 100755
--- a/src/views/steps/StepsDoc.vue
+++ b/src/views/steps/StepsDoc.vue
@@ -205,18 +205,18 @@ export default {
             &lt;/div&gt;
             &lt;div class="p-grid p-fluid wizard-content"&gt;
                 &lt;div class="p-col-12 p-md-3" style="max-width: 176px;"&gt;
-                    &lt;InputText v-model="$v.firstname.$model" :class="{'p-error':$v.firstname.$invalid && submitted}" placeholder="Firstname" /&gt;
+                    &lt;InputText v-model="$v.firstname.$model" :class="{'p-invalid':$v.firstname.$invalid && submitted}" placeholder="Firstname" /&gt;
                     &lt;ValidationMessage v-show="$v.firstname.$invalid && submitted" style="font-size: 12px"&gt;Firstname is required.&lt;/ValidationMessage&gt;
                 &lt;/div&gt;
                 &lt;div class="p-col-12 p-md-3" style="max-width: 176px;"&gt;
-                    &lt;InputText v-model="$v.lastname.$model" :class="{'p-error':$v.lastname.$invalid && submitted}" placeholder="Lastname"/&gt;
+                    &lt;InputText v-model="$v.lastname.$model" :class="{'p-invalid':$v.lastname.$invalid && submitted}" placeholder="Lastname"/&gt;
                     &lt;ValidationMessage v-show="$v.lastname.$invalid && submitted" style="font-size: 12px"&gt;Lastname is required.&lt;/ValidationMessage&gt;
                 &lt;/div&gt;
             &lt;/div&gt;
             &lt;div class="p-grid p-fluid wizard-content"&gt;
                 &lt;div class="p-col-12 p-md-3" style="max-width: 176px;"&gt;
                         &lt;p class="wizard-input-header"&gt;Your Age&lt;/p&gt;
-                        &lt;InputText v-model="$v.age.$model" :class="{'p-error':$v.age.$error && submitted}" /&gt;
+                        &lt;InputText v-model="$v.age.$model" :class="{'p-invalid':$v.age.$error && submitted}" /&gt;
                         &lt;ValidationMessage v-show="$v.age.$invalid && submitted" style="margin-top: .5em; font-size: 12px"&gt;Age should be number.&lt;/ValidationMessage&gt;
                 &lt;/div&gt;
             &lt;/div&gt;