@import url(https://fonts.googleapis.com/css2?family=Unbounded:wght@200;300;400;500;600;700;800;900&display=swap);

.nuxt__build_indicator[data-v-71e9e103] {
  box-sizing: border-box;
  position: fixed;
  font-family: monospace;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
  width: 88px;
  z-index: 2147483647;
  font-size: 16px;
  line-height: 1.2rem;
}
.v-enter-active[data-v-71e9e103], .v-leave-active[data-v-71e9e103] {
  transition-delay: 0.2s;
  transition-property: all;
  transition-duration: 0.3s;
}
.v-leave-to[data-v-71e9e103] {
  opacity: 0;
  transform: translateY(20px);
}
svg[data-v-71e9e103] {
  display: inline-block;
  vertical-align: baseline;
  width: 1.1em;
  height: 0.825em;
  position: relative;
  top: 1px;
}

:root {
  --surface-a:#ffffff;
  --surface-b:#f8f9fa;
  --surface-c:#e9ecef;
  --surface-d:#dee2e6;
  --surface-e:#ffffff;
  --surface-f:#ffffff;
  --text-color:#495057;
  --text-color-secondary:#6c757d;
  --primary-color:#9C27B0;
  --primary-color-text:#ffffff;
  --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --surface-0: #ffffff;
  --surface-50: #FAFAFA;
  --surface-100: #F5F5F5;
  --surface-200: #EEEEEE;
  --surface-300: #E0E0E0;
  --surface-400: #BDBDBD;
  --surface-500: #9E9E9E;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --gray-50: #FAFAFA;
  --gray-100: #F5F5F5;
  --gray-200: #EEEEEE;
  --gray-300: #E0E0E0;
  --gray-400: #BDBDBD;
  --gray-500: #9E9E9E;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding:1rem;
  --inline-spacing:0.5rem;
  --border-radius:3px;
  --surface-ground:#f8f9fa;
  --surface-section:#ffffff;
  --surface-card:#ffffff;
  --surface-overlay:#ffffff;
  --surface-border:#dee2e6;
  --surface-hover: #e9ecef;
  --focus-ring: 0 0 0 0.2rem #df9eea;
  --maskbg: rgba(0, 0, 0, 0.4);
}

* {
  box-sizing: border-box;
}

.p-component {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: normal;
}

.p-component-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  transition-duration: 0.2s;
}

.p-disabled, .p-component:disabled {
  opacity: 0.6;
}

.p-error {
  color: #f44336;
}

.p-text-secondary {
  color: #6c757d;
}

.pi {
  font-size: 1rem;
}

.p-link {
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  border-radius: 3px;
}

.p-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-component-overlay-enter {
  animation: p-component-overlay-enter-animation 150ms forwards;
}

.p-component-overlay-leave {
  animation: p-component-overlay-leave-animation 150ms forwards;
}

@keyframes p-component-overlay-enter-animation {
  from {
    background-color: transparent;
  }
  to {
    background-color: var(--maskbg);
  }
}

@keyframes p-component-overlay-leave-animation {
  from {
    background-color: var(--maskbg);
  }
  to {
    background-color: transparent;
  }
}

:root {
  --blue-50:#f4fafe;
  --blue-100:#cae6fc;
  --blue-200:#a0d2fa;
  --blue-300:#75bef8;
  --blue-400:#4baaf5;
  --blue-500:#2196f3;
  --blue-600:#1c80cf;
  --blue-700:#1769aa;
  --blue-800:#125386;
  --blue-900:#0d3c61;
  --green-50:#f6fbf6;
  --green-100:#d4ecd5;
  --green-200:#b2ddb4;
  --green-300:#90cd93;
  --green-400:#6ebe71;
  --green-500:#4caf50;
  --green-600:#419544;
  --green-700:#357b38;
  --green-800:#2a602c;
  --green-900:#1e4620;
  --yellow-50:#fffcf5;
  --yellow-100:#fef0cd;
  --yellow-200:#fde4a5;
  --yellow-300:#fdd87d;
  --yellow-400:#fccc55;
  --yellow-500:#fbc02d;
  --yellow-600:#d5a326;
  --yellow-700:#b08620;
  --yellow-800:#8a6a19;
  --yellow-900:#644d12;
  --cyan-50:#f2fcfd;
  --cyan-100:#c2eff5;
  --cyan-200:#91e2ed;
  --cyan-300:#61d5e4;
  --cyan-400:#30c9dc;
  --cyan-500:#00bcd4;
  --cyan-600:#00a0b4;
  --cyan-700:#008494;
  --cyan-800:#006775;
  --cyan-900:#004b55;
  --pink-50:#fef4f7;
  --pink-100:#fac9da;
  --pink-200:#f69ebc;
  --pink-300:#f1749e;
  --pink-400:#ed4981;
  --pink-500:#e91e63;
  --pink-600:#c61a54;
  --pink-700:#a31545;
  --pink-800:#801136;
  --pink-900:#5d0c28;
  --indigo-50:#f5f6fb;
  --indigo-100:#d1d5ed;
  --indigo-200:#acb4df;
  --indigo-300:#8893d1;
  --indigo-400:#6372c3;
  --indigo-500:#3f51b5;
  --indigo-600:#36459a;
  --indigo-700:#2c397f;
  --indigo-800:#232d64;
  --indigo-900:#192048;
  --teal-50:#f2faf9;
  --teal-100:#c2e6e2;
  --teal-200:#91d2cc;
  --teal-300:#61beb5;
  --teal-400:#30aa9f;
  --teal-500:#009688;
  --teal-600:#008074;
  --teal-700:#00695f;
  --teal-800:#00534b;
  --teal-900:#003c36;
  --orange-50:#fff8f2;
  --orange-100:#fde0c2;
  --orange-200:#fbc791;
  --orange-300:#f9ae61;
  --orange-400:#f79530;
  --orange-500:#f57c00;
  --orange-600:#d06900;
  --orange-700:#ac5700;
  --orange-800:#874400;
  --orange-900:#623200;
  --bluegray-50:#f7f9f9;
  --bluegray-100:#d9e0e3;
  --bluegray-200:#bbc7cd;
  --bluegray-300:#9caeb7;
  --bluegray-400:#7e96a1;
  --bluegray-500:#607d8b;
  --bluegray-600:#526a76;
  --bluegray-700:#435861;
  --bluegray-800:#35454c;
  --bluegray-900:#263238;
  --purple-50:#faf4fb;
  --purple-100:#e7cbec;
  --purple-200:#d4a2dd;
  --purple-300:#c279ce;
  --purple-400:#af50bf;
  --purple-500:#9c27b0;
  --purple-600:#852196;
  --purple-700:#6d1b7b;
  --purple-800:#561561;
  --purple-900:#3e1046;
  --red-50:#fff5f5;
  --red-100:#ffd1ce;
  --red-200:#ffada7;
  --red-300:#ff8980;
  --red-400:#ff6459;
  --red-500:#ff4032;
  --red-600:#d9362b;
  --red-700:#b32d23;
  --red-800:#8c231c;
  --red-900:#661a14;
}

.p-autocomplete .p-autocomplete-loader {
  right: 0.5rem;
}

.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
  right: 2.857rem;
}

.p-autocomplete .p-autocomplete-multiple-container {
  padding: 0.25rem 0.5rem;
}

.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
  border-color: #9C27B0;
}

.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
  border-color: #9C27B0;
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
  padding: 0.25rem 0;
}

.p-autocomplete .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";
  font-size: 1rem;
  color: #495057;
  padding: 0;
  margin: 0;
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  background: #dee2e6;
  color: #495057;
  border-radius: 16px;
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
  margin-left: 0.5rem;
}

.p-autocomplete.p-invalid.p-component > .p-inputtext {
  border-color: #f44336;
}

.p-autocomplete-panel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-autocomplete-panel .p-autocomplete-items {
  padding: 0.5rem 0;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
  color: #495057;
  background: #e9ecef;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
  color: #495057;
  background: #F3E5F5;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
}

.p-calendar.p-invalid.p-component > .p-inputtext {
  border-color: #f44336;
}

.p-datepicker {
  padding: 0.5rem;
  background: #ffffff;
  color: #495057;
  border: 1px solid #ced4da;
  border-radius: 3px;
}

.p-datepicker:not(.p-datepicker-inline) {
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background: #ffffff;
}

.p-datepicker .p-datepicker-header {
  padding: 0.5rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
  margin: 0;
  border-bottom: 1px solid #dee2e6;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-datepicker .p-datepicker-header .p-datepicker-title {
  line-height: 2rem;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  color: #495057;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  font-weight: 600;
  padding: 0.5rem;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
  color: #9C27B0;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  margin-right: 0.5rem;
}

.p-datepicker table {
  font-size: 1rem;
  margin: 0.5rem 0;
}

.p-datepicker table th {
  padding: 0.5rem;
}

.p-datepicker table th > span {
  width: 2.5rem;
  height: 2.5rem;
}

.p-datepicker table td {
  padding: 0.5rem;
}

.p-datepicker table td > span {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  transition: box-shadow 0.2s;
  border: 1px solid transparent;
}

.p-datepicker table td > span.p-highlight {
  color: #495057;
  background: #F3E5F5;
}

.p-datepicker table td > span:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-datepicker table td.p-datepicker-today > span {
  background: #ced4da;
  color: #495057;
  border-color: transparent;
}

.p-datepicker table td.p-datepicker-today > span.p-highlight {
  color: #495057;
  background: #F3E5F5;
}

.p-datepicker .p-datepicker-buttonbar {
  padding: 1rem 0;
  border-top: 1px solid #dee2e6;
}

.p-datepicker .p-datepicker-buttonbar .p-button {
  width: auto;
}

.p-datepicker .p-timepicker {
  border-top: 1px solid #dee2e6;
  padding: 0.5rem;
}

.p-datepicker .p-timepicker button {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-datepicker .p-timepicker button:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-datepicker .p-timepicker button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-datepicker .p-timepicker button:last-child {
  margin-top: 0.2em;
}

.p-datepicker .p-timepicker span {
  font-size: 1.25rem;
}

.p-datepicker .p-timepicker > div {
  padding: 0 0.5rem;
}

.p-datepicker.p-datepicker-timeonly .p-timepicker {
  border-top: 0 none;
}

.p-datepicker .p-monthpicker {
  margin: 0.5rem 0;
}

.p-datepicker .p-monthpicker .p-monthpicker-month {
  padding: 0.5rem;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}

.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  color: #495057;
  background: #F3E5F5;
}

.p-datepicker .p-yearpicker {
  margin: 0.5rem 0;
}

.p-datepicker .p-yearpicker .p-yearpicker-year {
  padding: 0.5rem;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}

.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
  color: #495057;
  background: #F3E5F5;
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-left: 1px solid #dee2e6;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
  padding-left: 0;
  border-left: 0 none;
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
  padding-right: 0;
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
  background: #e9ecef;
}

.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.2rem #df9eea;
}

.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
  background: #e9ecef;
}

.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
  background: #e9ecef;
}

.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

@media screen and (max-width: 769px) {
  .p-datepicker table th, .p-datepicker table td {
    padding: 0;
  }
}

.p-cascadeselect {
  background: #ffffff;
  border: 1px solid #ced4da;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.p-cascadeselect:not(.p-disabled):hover {
  border-color: #9C27B0;
}

.p-cascadeselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
  border-color: #9C27B0;
}

.p-cascadeselect .p-cascadeselect-label {
  background: transparent;
  border: 0 none;
  padding: 0.5rem 0.5rem;
}

.p-cascadeselect .p-cascadeselect-label.p-placeholder {
  color: #6c757d;
}

.p-cascadeselect .p-cascadeselect-label:enabled:focus {
  outline: 0 none;
  box-shadow: none;
}

.p-cascadeselect .p-cascadeselect-trigger {
  background: transparent;
  color: #6c757d;
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-cascadeselect.p-invalid.p-component {
  border-color: #f44336;
}

.p-cascadeselect-panel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-cascadeselect-panel .p-cascadeselect-items {
  padding: 0.5rem 0;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
  margin: 0;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
  padding: 0.5rem 1rem;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
  color: #495057;
  background: #F3E5F5;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
  font-size: 0.875rem;
}

.p-input-filled .p-cascadeselect {
  background: #f8f9fa;
}

.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
  background-color: #f8f9fa;
}

.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
  background-color: #ffffff;
}

.p-checkbox {
  width: 20px;
  height: 20px;
}

.p-checkbox .p-checkbox-box {
  border: 2px solid #ced4da;
  background: #ffffff;
  width: 20px;
  height: 20px;
  color: #495057;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-checkbox .p-checkbox-box .p-checkbox-icon {
  transition-duration: 0.2s;
  color: #ffffff;
  font-size: 14px;
}

.p-checkbox .p-checkbox-box.p-highlight {
  border-color: #9C27B0;
  background: #9C27B0;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  border-color: #9C27B0;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
  border-color: #9C27B0;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  border-color: #7d1f8d;
  background: #7d1f8d;
  color: #ffffff;
}

.p-checkbox.p-invalid > .p-checkbox-box {
  border-color: #f44336;
}

.p-input-filled .p-checkbox .p-checkbox-box {
  background-color: #f8f9fa;
}

.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
  background: #9C27B0;
}

.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  background-color: #f8f9fa;
}

.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  background: #7d1f8d;
}

.p-chips .p-chips-multiple-container {
  padding: 0.25rem 0.5rem;
}

.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
  border-color: #9C27B0;
}

.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
  border-color: #9C27B0;
}

.p-chips .p-chips-multiple-container .p-chips-token {
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  background: #dee2e6;
  color: #495057;
  border-radius: 16px;
}

.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
  margin-left: 0.5rem;
}

.p-chips .p-chips-multiple-container .p-chips-input-token {
  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";
  font-size: 1rem;
  color: #495057;
  padding: 0;
  margin: 0;
}

.p-chips.p-invalid.p-component > .p-inputtext {
  border-color: #f44336;
}

.p-colorpicker-preview {
  width: 2rem;
  height: 2rem;
}

.p-colorpicker-panel {
  background: #323232;
  border: 1px solid #191919;
}

.p-colorpicker-panel .p-colorpicker-color-handle,
.p-colorpicker-panel .p-colorpicker-hue-handle {
  border-color: #ffffff;
}

.p-colorpicker-overlay-panel {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-dropdown {
  background: #ffffff;
  border: 1px solid #ced4da;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.p-dropdown:not(.p-disabled):hover {
  border-color: #9C27B0;
}

.p-dropdown:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
  border-color: #9C27B0;
}

.p-dropdown.p-dropdown-clearable .p-dropdown-label {
  padding-right: 1.5rem;
}

.p-dropdown .p-dropdown-label {
  background: transparent;
  border: 0 none;
}

.p-dropdown .p-dropdown-label.p-placeholder {
  color: #6c757d;
}

.p-dropdown .p-dropdown-label:enabled:focus {
  outline: 0 none;
  box-shadow: none;
}

.p-dropdown .p-dropdown-trigger {
  background: transparent;
  color: #6c757d;
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-dropdown .p-dropdown-clear-icon {
  color: #6c757d;
  right: 2.357rem;
}

.p-dropdown.p-invalid.p-component {
  border-color: #f44336;
}

.p-dropdown-panel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-dropdown-panel .p-dropdown-header {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: #495057;
  background: #f8f9fa;
  margin: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
  padding-right: 1.5rem;
  margin-right: -1.5rem;
}

.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
  right: 0.5rem;
  color: #6c757d;
}

.p-dropdown-panel .p-dropdown-items {
  padding: 0.5rem 0;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: #495057;
  background: #F3E5F5;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}

.p-input-filled .p-dropdown {
  background: #f8f9fa;
}

.p-input-filled .p-dropdown:not(.p-disabled):hover {
  background-color: #f8f9fa;
}

.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
  background-color: #ffffff;
}

.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
  background-color: transparent;
}

.p-editor-container .p-editor-toolbar {
  background: #f8f9fa;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #dee2e6;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6c757d;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6c757d;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6c757d;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  color: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  stroke: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  fill: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  padding: 0.5rem 0;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: #495057;
  background: #e9ecef;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
  padding: 0.5rem 1rem;
}

.p-editor-container .p-editor-content {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-editor-container .p-editor-content.ql-snow {
  border: 1px solid #dee2e6;
}

.p-editor-container .p-editor-content .ql-editor {
  background: #ffffff;
  color: #495057;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
  color: #495057;
}

.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #495057;
}

.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: #495057;
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: #9C27B0;
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: #9C27B0;
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: #9C27B0;
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
  color: #9C27B0;
}

.p-inputgroup-addon {
  background: #e9ecef;
  color: #6c757d;
  border-top: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  padding: 0.5rem 0.5rem;
  min-width: 2.357rem;
}

.p-inputgroup-addon:last-child {
  border-right: 1px solid #ced4da;
}

.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
  border-radius: 0;
  margin: 0;
}

.p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
  border-left: 0 none;
}

.p-inputgroup > .p-component:focus,
.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
  z-index: 1;
}

.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
  z-index: 1;
}

.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child,
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-inputgroup .p-float-label:first-child input {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child,
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-inputgroup .p-float-label:last-child input {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-fluid .p-inputgroup .p-button {
  width: auto;
}

.p-fluid .p-inputgroup .p-button.p-button-icon-only {
  width: 2.357rem;
}

.p-inputnumber.p-invalid.p-component > .p-inputtext {
  border-color: #f44336;
}

.p-inputswitch {
  width: 3rem;
  height: 1.75rem;
}

.p-inputswitch .p-inputswitch-slider {
  background: #ced4da;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 30px;
}

.p-inputswitch .p-inputswitch-slider:before {
  background: #ffffff;
  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.25rem);
}

.p-inputswitch.p-focus .p-inputswitch-slider {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
  background: #b6bfc8;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: #9C27B0;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  background: #ffffff;
}

.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
  background: #8c239e;
}

.p-inputswitch.p-invalid {
  border-color: #f44336;
}

.p-inputtext {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  color: #495057;
  background: #ffffff;
  padding: 0.5rem 0.5rem;
  border: 1px solid #ced4da;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 3px;
}

.p-inputtext:enabled:hover {
  border-color: #9C27B0;
}

.p-inputtext:enabled:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
  border-color: #9C27B0;
}

.p-inputtext.p-invalid.p-component {
  border-color: #f44336;
}

.p-inputtext.p-inputtext-sm {
  font-size: 0.875rem;
  padding: 0.4375rem 0.4375rem;
}

.p-inputtext.p-inputtext-lg {
  font-size: 1.25rem;
  padding: 0.625rem 0.625rem;
}

.p-float-label > label {
  left: 0.5rem;
  color: #6c757d;
  transition-duration: 0.2s;
}

.p-input-icon-left > i:first-of-type {
  left: 0.5rem;
  color: #6c757d;
}

.p-input-icon-left > .p-inputtext {
  padding-left: 2rem;
}

.p-input-icon-left.p-float-label > label {
  left: 2rem;
}

.p-input-icon-right > i:last-of-type {
  right: 0.5rem;
  color: #6c757d;
}

.p-input-icon-right > .p-inputtext {
  padding-right: 2rem;
}

::-webkit-input-placeholder {
  color: #6c757d;
}

:-moz-placeholder {
  color: #6c757d;
}

::-moz-placeholder {
  color: #6c757d;
}

:-ms-input-placeholder {
  color: #6c757d;
}

.p-input-filled .p-inputtext {
  background-color: #f8f9fa;
}

.p-input-filled .p-inputtext:enabled:hover {
  background-color: #f8f9fa;
}

.p-input-filled .p-inputtext:enabled:focus {
  background-color: #ffffff;
}

.p-inputtext-sm .p-inputtext {
  font-size: 0.875rem;
  padding: 0.4375rem 0.4375rem;
}

.p-inputtext-lg .p-inputtext {
  font-size: 1.25rem;
  padding: 0.625rem 0.625rem;
}

.p-listbox {
  background: #ffffff;
  color: #495057;
  border: 1px solid #ced4da;
  border-radius: 3px;
}

.p-listbox .p-listbox-header {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: #495057;
  background: #f8f9fa;
  margin: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-listbox .p-listbox-header .p-listbox-filter {
  padding-right: 1.5rem;
}

.p-listbox .p-listbox-header .p-listbox-filter-icon {
  right: 0.5rem;
  color: #6c757d;
}

.p-listbox .p-listbox-list {
  padding: 0.5rem 0;
}

.p-listbox .p-listbox-list .p-listbox-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  transition: box-shadow 0.2s;
  border-radius: 0;
}

.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
  color: #495057;
  background: #F3E5F5;
}

.p-listbox .p-listbox-list .p-listbox-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-listbox .p-listbox-list .p-listbox-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
}

.p-listbox .p-listbox-list .p-listbox-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}

.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}

.p-listbox.p-invalid {
  border-color: #f44336;
}

.p-multiselect {
  background: #ffffff;
  border: 1px solid #ced4da;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.p-multiselect:not(.p-disabled):hover {
  border-color: #9C27B0;
}

.p-multiselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
  border-color: #9C27B0;
}

.p-multiselect .p-multiselect-label {
  padding: 0.5rem 0.5rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-multiselect .p-multiselect-label.p-placeholder {
  color: #6c757d;
}

.p-multiselect.p-multiselect-chip .p-multiselect-token {
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  background: #dee2e6;
  color: #495057;
  border-radius: 16px;
}

.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
  margin-left: 0.5rem;
}

.p-multiselect .p-multiselect-trigger {
  background: transparent;
  color: #6c757d;
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-multiselect.p-invalid.p-component {
  border-color: #f44336;
}

.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
  padding: 0.25rem 0.5rem;
}

.p-multiselect-panel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-multiselect-panel .p-multiselect-header {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: #495057;
  background: #f8f9fa;
  margin: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  padding-right: 1.5rem;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
  right: 0.5rem;
  color: #6c757d;
}

.p-multiselect-panel .p-multiselect-header .p-checkbox {
  margin-right: 0.5rem;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  margin-left: 0.5rem;
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-multiselect-panel .p-multiselect-items {
  padding: 0.5rem 0;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  color: #495057;
  background: #F3E5F5;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
  margin-right: 0.5rem;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}

.p-input-filled .p-multiselect {
  background: #f8f9fa;
}

.p-input-filled .p-multiselect:not(.p-disabled):hover {
  background-color: #f8f9fa;
}

.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
  background-color: #ffffff;
}

.p-password.p-invalid.p-component > .p-inputtext {
  border-color: #f44336;
}

.p-password-panel {
  padding: 1rem;
  background: #ffffff;
  color: #495057;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.p-password-panel .p-password-meter {
  margin-bottom: 0.5rem;
  background: #dee2e6;
}

.p-password-panel .p-password-meter .p-password-strength.weak {
  background: #D32F2F;
}

.p-password-panel .p-password-meter .p-password-strength.medium {
  background: #FBC02D;
}

.p-password-panel .p-password-meter .p-password-strength.strong {
  background: #689F38;
}

.p-radiobutton {
  width: 20px;
  height: 20px;
}

.p-radiobutton .p-radiobutton-box {
  border: 2px solid #ced4da;
  background: #ffffff;
  width: 20px;
  height: 20px;
  color: #495057;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  border-color: #9C27B0;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
  border-color: #9C27B0;
}

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 12px;
  height: 12px;
  transition-duration: 0.2s;
  background-color: #ffffff;
}

.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #9C27B0;
  background: #9C27B0;
}

.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  border-color: #7d1f8d;
  background: #7d1f8d;
  color: #ffffff;
}

.p-radiobutton.p-invalid > .p-radiobutton-box {
  border-color: #f44336;
}

.p-radiobutton:focus {
  outline: 0 none;
}

.p-input-filled .p-radiobutton .p-radiobutton-box {
  background-color: #f8f9fa;
}

.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
  background-color: #f8f9fa;
}

.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
  background: #9C27B0;
}

.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  background: #7d1f8d;
}

.p-rating .p-rating-icon {
  color: #495057;
  margin-left: 0.5rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  font-size: 1.143rem;
}

.p-rating .p-rating-icon.p-rating-cancel {
  color: #e74c3c;
}

.p-rating .p-rating-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-rating .p-rating-icon:first-child {
  margin-left: 0;
}

.p-rating .p-rating-icon.pi-star-fill {
  color: #9C27B0;
}

.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
  color: #9C27B0;
}

.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
  color: #c0392b;
}

.p-selectbutton .p-button {
  background: #ffffff;
  border: 1px solid #ced4da;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
  color: #6c757d;
}

.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
  background: #e9ecef;
  border-color: #ced4da;
  color: #495057;
}

.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  color: #6c757d;
}

.p-selectbutton .p-button.p-highlight {
  background: #9C27B0;
  border-color: #9C27B0;
  color: #ffffff;
}

.p-selectbutton .p-button.p-highlight .p-button-icon-left,
.p-selectbutton .p-button.p-highlight .p-button-icon-right {
  color: #ffffff;
}

.p-selectbutton .p-button.p-highlight:hover {
  background: #8c239e;
  border-color: #8c239e;
  color: #ffffff;
}

.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
  color: #ffffff;
}

.p-selectbutton.p-invalid > .p-button {
  border-color: #f44336;
}

.p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}

.p-slider.p-slider-horizontal {
  height: 0.286rem;
}

.p-slider.p-slider-horizontal .p-slider-handle {
  margin-top: -0.5715rem;
  margin-left: -0.5715rem;
}

.p-slider.p-slider-vertical {
  width: 0.286rem;
}

.p-slider.p-slider-vertical .p-slider-handle {
  margin-left: -0.5715rem;
  margin-bottom: -0.5715rem;
}

.p-slider .p-slider-handle {
  height: 1.143rem;
  width: 1.143rem;
  background: #ffffff;
  border: 2px solid #9C27B0;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-slider .p-slider-handle:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-slider .p-slider-range {
  background: #9C27B0;
}

.p-slider:not(.p-disabled) .p-slider-handle:hover {
  background: #9C27B0;
  border-color: #9C27B0;
}

.p-treeselect {
  background: #ffffff;
  border: 1px solid #ced4da;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.p-treeselect:not(.p-disabled):hover {
  border-color: #9C27B0;
}

.p-treeselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
  border-color: #9C27B0;
}

.p-treeselect .p-treeselect-label {
  padding: 0.5rem 0.5rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-treeselect .p-treeselect-label.p-placeholder {
  color: #6c757d;
}

.p-treeselect.p-treeselect-chip .p-treeselect-token {
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  background: #dee2e6;
  color: #495057;
  border-radius: 16px;
}

.p-treeselect .p-treeselect-trigger {
  background: transparent;
  color: #6c757d;
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-treeselect.p-invalid.p-component {
  border-color: #f44336;
}

.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
  padding: 0.25rem 0.5rem;
}

.p-treeselect-panel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
  border: 0 none;
}

.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}

.p-input-filled .p-treeselect {
  background: #f8f9fa;
}

.p-input-filled .p-treeselect:not(.p-disabled):hover {
  background-color: #f8f9fa;
}

.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
  background-color: #ffffff;
}

.p-togglebutton.p-button {
  background: #ffffff;
  border: 1px solid #ced4da;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
  color: #6c757d;
}

.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
  background: #e9ecef;
  border-color: #ced4da;
  color: #495057;
}

.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  color: #6c757d;
}

.p-togglebutton.p-button.p-highlight {
  background: #9C27B0;
  border-color: #9C27B0;
  color: #ffffff;
}

.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
  color: #ffffff;
}

.p-togglebutton.p-button.p-highlight:hover {
  background: #8c239e;
  border-color: #8c239e;
  color: #ffffff;
}

.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
  color: #ffffff;
}

.p-togglebutton.p-button.p-invalid > .p-button {
  border-color: #f44336;
}

.p-button {
  color: #ffffff;
  background: #9C27B0;
  border: 1px solid #9C27B0;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.p-button:enabled:hover {
  background: #8c239e;
  color: #ffffff;
  border-color: #8c239e;
}

.p-button:enabled:active {
  background: #7d1f8d;
  color: #ffffff;
  border-color: #7d1f8d;
}

.p-button.p-button-outlined {
  background-color: transparent;
  color: #9C27B0;
  border: 1px solid;
}

.p-button.p-button-outlined:enabled:hover {
  background: rgba(156, 39, 176, 0.04);
  color: #9C27B0;
  border: 1px solid;
}

.p-button.p-button-outlined:enabled:active {
  background: rgba(156, 39, 176, 0.16);
  color: #9C27B0;
  border: 1px solid;
}

.p-button.p-button-outlined.p-button-plain {
  color: #6c757d;
  border-color: #6c757d;
}

.p-button.p-button-outlined.p-button-plain:enabled:hover {
  background: #e9ecef;
  color: #6c757d;
}

.p-button.p-button-outlined.p-button-plain:enabled:active {
  background: #dee2e6;
  color: #6c757d;
}

.p-button.p-button-text {
  background-color: transparent;
  color: #9C27B0;
  border-color: transparent;
}

.p-button.p-button-text:enabled:hover {
  background: rgba(156, 39, 176, 0.04);
  color: #9C27B0;
  border-color: transparent;
}

.p-button.p-button-text:enabled:active {
  background: rgba(156, 39, 176, 0.16);
  color: #9C27B0;
  border-color: transparent;
}

.p-button.p-button-text.p-button-plain {
  color: #6c757d;
}

.p-button.p-button-text.p-button-plain:enabled:hover {
  background: #e9ecef;
  color: #6c757d;
}

.p-button.p-button-text.p-button-plain:enabled:active {
  background: #dee2e6;
  color: #6c757d;
}

.p-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-button .p-button-icon-left {
  margin-right: 0.5rem;
}

.p-button .p-button-icon-right {
  margin-left: 0.5rem;
}

.p-button .p-button-icon-bottom {
  margin-top: 0.5rem;
}

.p-button .p-button-icon-top {
  margin-bottom: 0.5rem;
}

.p-button .p-badge {
  margin-left: 0.5rem;
  min-width: 1rem;
  height: 1rem;
  line-height: 1rem;
  color: #9C27B0;
  background-color: #ffffff;
}

.p-button.p-button-raised {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.p-button.p-button-rounded {
  border-radius: 2rem;
}

.p-button.p-button-icon-only {
  width: 2.357rem;
  padding: 0.5rem 0;
}

.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
  margin: 0;
}

.p-button.p-button-icon-only.p-button-rounded {
  border-radius: 50%;
  height: 2.357rem;
}

.p-button.p-button-sm {
  font-size: 0.875rem;
  padding: 0.4375rem 0.875rem;
}

.p-button.p-button-sm .p-button-icon {
  font-size: 0.875rem;
}

.p-button.p-button-lg {
  font-size: 1.25rem;
  padding: 0.625rem 1.25rem;
}

.p-button.p-button-lg .p-button-icon {
  font-size: 1.25rem;
}

.p-button.p-button-loading-label-only .p-button-label {
  margin-left: 0.5rem;
}

.p-button.p-button-loading-label-only .p-button-loading-icon {
  margin-right: 0;
}

.p-fluid .p-button {
  width: 100%;
}

.p-fluid .p-button-icon-only {
  width: 2.357rem;
}

.p-fluid .p-buttonset {
  display: flex;
}

.p-fluid .p-buttonset .p-button {
  flex: 1;
}

.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
  color: #ffffff;
  background: #607D8B;
  border: 1px solid #607D8B;
}

.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
  background: #56717d;
  color: #ffffff;
  border-color: #56717d;
}

.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem #beccd2;
}

.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
  background: #4d646f;
  color: #ffffff;
  border-color: #4d646f;
}

.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
  background-color: transparent;
  color: #607D8B;
  border: 1px solid;
}

.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  color: #607D8B;
  border: 1px solid;
}

.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  color: #607D8B;
  border: 1px solid;
}

.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
  background-color: transparent;
  color: #607D8B;
  border-color: transparent;
}

.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  border-color: transparent;
  color: #607D8B;
}

.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  border-color: transparent;
  color: #607D8B;
}

.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
  color: #ffffff;
  background: #0288D1;
  border: 1px solid #0288D1;
}

.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
  background: #027abc;
  color: #ffffff;
  border-color: #027abc;
}

.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem #89d4fe;
}

.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
  background: #026da7;
  color: #ffffff;
  border-color: #026da7;
}

.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
  background-color: transparent;
  color: #0288D1;
  border: 1px solid;
}

.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
  background: rgba(2, 136, 209, 0.04);
  color: #0288D1;
  border: 1px solid;
}

.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
  background: rgba(2, 136, 209, 0.16);
  color: #0288D1;
  border: 1px solid;
}

.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
  background-color: transparent;
  color: #0288D1;
  border-color: transparent;
}

.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
  background: rgba(2, 136, 209, 0.04);
  border-color: transparent;
  color: #0288D1;
}

.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
  background: rgba(2, 136, 209, 0.16);
  border-color: transparent;
  color: #0288D1;
}

.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
  color: #ffffff;
  background: #689F38;
  border: 1px solid #689F38;
}

.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
  background: #5e8f32;
  color: #ffffff;
  border-color: #5e8f32;
}

.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem #c2e0a8;
}

.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
  background: #537f2d;
  color: #ffffff;
  border-color: #537f2d;
}

.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
  background-color: transparent;
  color: #689F38;
  border: 1px solid;
}

.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
  background: rgba(104, 159, 56, 0.04);
  color: #689F38;
  border: 1px solid;
}

.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
  background: rgba(104, 159, 56, 0.16);
  color: #689F38;
  border: 1px solid;
}

.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
  background-color: transparent;
  color: #689F38;
  border-color: transparent;
}

.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
  background: rgba(104, 159, 56, 0.04);
  border-color: transparent;
  color: #689F38;
}

.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
  background: rgba(104, 159, 56, 0.16);
  border-color: transparent;
  color: #689F38;
}

.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
  color: #212529;
  background: #FBC02D;
  border: 1px solid #FBC02D;
}

.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
  background: #fab710;
  color: #212529;
  border-color: #fab710;
}

.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem #fde6ab;
}

.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
  background: #e8a704;
  color: #212529;
  border-color: #e8a704;
}

.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
  background-color: transparent;
  color: #FBC02D;
  border: 1px solid;
}

.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
  background: rgba(251, 192, 45, 0.04);
  color: #FBC02D;
  border: 1px solid;
}

.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
  background: rgba(251, 192, 45, 0.16);
  color: #FBC02D;
  border: 1px solid;
}

.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
  background-color: transparent;
  color: #FBC02D;
  border-color: transparent;
}

.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
  background: rgba(251, 192, 45, 0.04);
  border-color: transparent;
  color: #FBC02D;
}

.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
  background: rgba(251, 192, 45, 0.16);
  border-color: transparent;
  color: #FBC02D;
}

.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
  color: #ffffff;
  background: #9C27B0;
  border: 1px solid #9C27B0;
}

.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
  background: #8c239e;
  color: #ffffff;
  border-color: #8c239e;
}

.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
  background: #7d1f8d;
  color: #ffffff;
  border-color: #7d1f8d;
}

.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
  background-color: transparent;
  color: #9C27B0;
  border: 1px solid;
}

.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
  background: rgba(156, 39, 176, 0.04);
  color: #9C27B0;
  border: 1px solid;
}

.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
  background: rgba(156, 39, 176, 0.16);
  color: #9C27B0;
  border: 1px solid;
}

.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
  background-color: transparent;
  color: #9C27B0;
  border-color: transparent;
}

.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
  background: rgba(156, 39, 176, 0.04);
  border-color: transparent;
  color: #9C27B0;
}

.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
  background: rgba(156, 39, 176, 0.16);
  border-color: transparent;
  color: #9C27B0;
}

.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
  color: #ffffff;
  background: #D32F2F;
  border: 1px solid #D32F2F;
}

.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
  background: #c02929;
  color: #ffffff;
  border-color: #c02929;
}

.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem #edacac;
}

.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
  background: #aa2424;
  color: #ffffff;
  border-color: #aa2424;
}

.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
  background-color: transparent;
  color: #D32F2F;
  border: 1px solid;
}

.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
  background: rgba(211, 47, 47, 0.04);
  color: #D32F2F;
  border: 1px solid;
}

.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
  background: rgba(211, 47, 47, 0.16);
  color: #D32F2F;
  border: 1px solid;
}

.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
  background-color: transparent;
  color: #D32F2F;
  border-color: transparent;
}

.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
  background: rgba(211, 47, 47, 0.04);
  border-color: transparent;
  color: #D32F2F;
}

.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
  background: rgba(211, 47, 47, 0.16);
  border-color: transparent;
  color: #D32F2F;
}

.p-button.p-button-link {
  color: #7d1f8d;
  background: transparent;
  border: transparent;
}

.p-button.p-button-link:enabled:hover {
  background: transparent;
  color: #7d1f8d;
  border-color: transparent;
}

.p-button.p-button-link:enabled:hover .p-button-label {
  text-decoration: underline;
}

.p-button.p-button-link:enabled:focus {
  background: transparent;
  box-shadow: 0 0 0 0.2rem #df9eea;
  border-color: transparent;
}

.p-button.p-button-link:enabled:active {
  background: transparent;
  color: #7d1f8d;
  border-color: transparent;
}

.p-speeddial-button.p-button.p-button-icon-only {
  width: 4rem;
  height: 4rem;
}

.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
  font-size: 1.3rem;
}

.p-speeddial-action {
  width: 3rem;
  height: 3rem;
  background: #495057;
  color: #fff;
}

.p-speeddial-action:hover {
  background: #343a40;
  color: #fff;
}

.p-speeddial-direction-up .p-speeddial-item {
  margin: 0.25rem 0;
}

.p-speeddial-direction-up .p-speeddial-item:first-child {
  margin-bottom: 0.5rem;
}

.p-speeddial-direction-down .p-speeddial-item {
  margin: 0.25rem 0;
}

.p-speeddial-direction-down .p-speeddial-item:first-child {
  margin-top: 0.5rem;
}

.p-speeddial-direction-left .p-speeddial-item {
  margin: 0 0.25rem;
}

.p-speeddial-direction-left .p-speeddial-item:first-child {
  margin-right: 0.5rem;
}

.p-speeddial-direction-right .p-speeddial-item {
  margin: 0 0.25rem;
}

.p-speeddial-direction-right .p-speeddial-item:first-child {
  margin-left: 0.5rem;
}

.p-speeddial-circle .p-speeddial-item,
.p-speeddial-semi-circle .p-speeddial-item,
.p-speeddial-quarter-circle .p-speeddial-item {
  margin: 0;
}

.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
.p-speeddial-semi-circle .p-speeddial-item:first-child,
.p-speeddial-semi-circle .p-speeddial-item:last-child,
.p-speeddial-quarter-circle .p-speeddial-item:first-child,
.p-speeddial-quarter-circle .p-speeddial-item:last-child {
  margin: 0;
}

.p-speeddial-mask {
  background-color: rgba(0, 0, 0, 0.4);
}

.p-splitbutton {
  border-radius: 3px;
}

.p-splitbutton.p-button-outlined > .p-button {
  background-color: transparent;
  color: #9C27B0;
  border: 1px solid;
}

.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(156, 39, 176, 0.04);
  color: #9C27B0;
}

.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(156, 39, 176, 0.16);
  color: #9C27B0;
}

.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
  color: #6c757d;
  border-color: #6c757d;
}

.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #e9ecef;
  color: #6c757d;
}

.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #dee2e6;
  color: #6c757d;
}

.p-splitbutton.p-button-text > .p-button {
  background-color: transparent;
  color: #9C27B0;
  border-color: transparent;
}

.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(156, 39, 176, 0.04);
  color: #9C27B0;
  border-color: transparent;
}

.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(156, 39, 176, 0.16);
  color: #9C27B0;
  border-color: transparent;
}

.p-splitbutton.p-button-text.p-button-plain > .p-button {
  color: #6c757d;
}

.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #e9ecef;
  color: #6c757d;
}

.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #dee2e6;
  color: #6c757d;
}

.p-splitbutton.p-button-raised {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.p-splitbutton.p-button-rounded {
  border-radius: 2rem;
}

.p-splitbutton.p-button-rounded > .p-button {
  border-radius: 2rem;
}

.p-splitbutton.p-button-sm > .p-button {
  font-size: 0.875rem;
  padding: 0.4375rem 0.875rem;
}

.p-splitbutton.p-button-sm > .p-button .p-button-icon {
  font-size: 0.875rem;
}

.p-splitbutton.p-button-lg > .p-button {
  font-size: 1.25rem;
  padding: 0.625rem 1.25rem;
}

.p-splitbutton.p-button-lg > .p-button .p-button-icon {
  font-size: 1.25rem;
}

.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
  background-color: transparent;
  color: #607D8B;
  border: 1px solid;
}

.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(96, 125, 139, 0.04);
  color: #607D8B;
}

.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(96, 125, 139, 0.16);
  color: #607D8B;
}

.p-splitbutton.p-button-secondary.p-button-text > .p-button {
  background-color: transparent;
  color: #607D8B;
  border-color: transparent;
}

.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(96, 125, 139, 0.04);
  border-color: transparent;
  color: #607D8B;
}

.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(96, 125, 139, 0.16);
  border-color: transparent;
  color: #607D8B;
}

.p-splitbutton.p-button-info.p-button-outlined > .p-button {
  background-color: transparent;
  color: #0288D1;
  border: 1px solid;
}

.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(2, 136, 209, 0.04);
  color: #0288D1;
}

.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(2, 136, 209, 0.16);
  color: #0288D1;
}

.p-splitbutton.p-button-info.p-button-text > .p-button {
  background-color: transparent;
  color: #0288D1;
  border-color: transparent;
}

.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(2, 136, 209, 0.04);
  border-color: transparent;
  color: #0288D1;
}

.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(2, 136, 209, 0.16);
  border-color: transparent;
  color: #0288D1;
}

.p-splitbutton.p-button-success.p-button-outlined > .p-button {
  background-color: transparent;
  color: #689F38;
  border: 1px solid;
}

.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(104, 159, 56, 0.04);
  color: #689F38;
}

.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(104, 159, 56, 0.16);
  color: #689F38;
}

.p-splitbutton.p-button-success.p-button-text > .p-button {
  background-color: transparent;
  color: #689F38;
  border-color: transparent;
}

.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(104, 159, 56, 0.04);
  border-color: transparent;
  color: #689F38;
}

.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(104, 159, 56, 0.16);
  border-color: transparent;
  color: #689F38;
}

.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
  background-color: transparent;
  color: #FBC02D;
  border: 1px solid;
}

.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(251, 192, 45, 0.04);
  color: #FBC02D;
}

.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(251, 192, 45, 0.16);
  color: #FBC02D;
}

.p-splitbutton.p-button-warning.p-button-text > .p-button {
  background-color: transparent;
  color: #FBC02D;
  border-color: transparent;
}

.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(251, 192, 45, 0.04);
  border-color: transparent;
  color: #FBC02D;
}

.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(251, 192, 45, 0.16);
  border-color: transparent;
  color: #FBC02D;
}

.p-splitbutton.p-button-help.p-button-outlined > .p-button {
  background-color: transparent;
  color: #9C27B0;
  border: 1px solid;
}

.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(156, 39, 176, 0.04);
  color: #9C27B0;
}

.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(156, 39, 176, 0.16);
  color: #9C27B0;
}

.p-splitbutton.p-button-help.p-button-text > .p-button {
  background-color: transparent;
  color: #9C27B0;
  border-color: transparent;
}

.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(156, 39, 176, 0.04);
  border-color: transparent;
  color: #9C27B0;
}

.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(156, 39, 176, 0.16);
  border-color: transparent;
  color: #9C27B0;
}

.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
  background-color: transparent;
  color: #D32F2F;
  border: 1px solid;
}

.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(211, 47, 47, 0.04);
  color: #D32F2F;
}

.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(211, 47, 47, 0.16);
  color: #D32F2F;
}

.p-splitbutton.p-button-danger.p-button-text > .p-button {
  background-color: transparent;
  color: #D32F2F;
  border-color: transparent;
}

.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(211, 47, 47, 0.04);
  border-color: transparent;
  color: #D32F2F;
}

.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(211, 47, 47, 0.16);
  border-color: transparent;
  color: #D32F2F;
}

.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin: 0.5rem;
}

.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-carousel .p-carousel-content .p-carousel-prev:focus,
.p-carousel .p-carousel-content .p-carousel-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-carousel .p-carousel-indicators {
  padding: 1rem;
}

.p-carousel .p-carousel-indicators .p-carousel-indicator {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.p-carousel .p-carousel-indicators .p-carousel-indicator button {
  background-color: #e9ecef;
  width: 2rem;
  height: 0.5rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 0;
}

.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
  background: #dee2e6;
}

.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  background: #F3E5F5;
  color: #495057;
}

.p-datatable .p-paginator-top {
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.p-datatable .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.p-datatable .p-datatable-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 1px 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}

.p-datatable .p-datatable-footer {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}

.p-datatable .p-datatable-thead > tr > th {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: #495057;
  background: #f8f9fa;
  transition: box-shadow 0.2s;
}

.p-datatable .p-datatable-tfoot > tr > td {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: #495057;
  background: #f8f9fa;
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
  color: #6c757d;
  margin-left: 0.5rem;
}

.p-datatable .p-sortable-column .p-sortable-column-badge {
  border-radius: 50%;
  height: 1.143rem;
  min-width: 1.143rem;
  line-height: 1.143rem;
  color: #495057;
  background: #F3E5F5;
  margin-left: 0.5rem;
}

.p-datatable .p-sortable-column:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}

.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  color: #6c757d;
}

.p-datatable .p-sortable-column.p-highlight {
  background: #f8f9fa;
  color: #9C27B0;
}

.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: #9C27B0;
}

.p-datatable .p-sortable-column.p-highlight:hover {
  background: #e9ecef;
  color: #9C27B0;
}

.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
  color: #9C27B0;
}

.p-datatable .p-sortable-column:focus {
  box-shadow: inset 0 0 0 0.15rem #df9eea;
  outline: 0 none;
}

.p-datatable .p-datatable-tbody > tr {
  background: #ffffff;
  color: #495057;
  transition: box-shadow 0.2s;
}

.p-datatable .p-datatable-tbody > tr > td {
  text-align: left;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
}

.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
  margin-right: 0.5rem;
}

.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
  font-weight: 600;
}

.p-datatable .p-datatable-tbody > tr:focus {
  outline: 0.15rem solid #df9eea;
  outline-offset: -0.15rem;
}

.p-datatable .p-datatable-tbody > tr.p-highlight {
  background: #F3E5F5;
  color: #495057;
}

.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 #F3E5F5;
}

.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 #F3E5F5;
}

.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}

.p-datatable .p-column-resizer-helper {
  background: #9C27B0;
}

.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
  background: #f8f9fa;
}

.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
  background-color: #f8f9fa;
}

.p-datatable .p-datatable-loading-icon {
  font-size: 2rem;
}

.p-datatable.p-datatable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-footer {
  border-width: 0 1px 1px 1px;
}

.p-datatable.p-datatable-gridlines .p-paginator-top {
  border-width: 0 1px 0 1px;
}

.p-datatable.p-datatable-gridlines .p-paginator-bottom {
  border-width: 0 1px 1px 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
  border-width: 1px 1px 1px 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
  border-width: 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
  border-width: 1px;
}

.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
  border-left-width: 0;
}

.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
  border-left-width: 0;
}

.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
  border-top-width: 0;
}

.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
  border-left-width: 0;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
  background: #fcfcfc;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
  background: #F3E5F5;
  color: #495057;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
  color: #495057;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
  color: #495057;
}

.p-datatable.p-datatable-sm .p-datatable-header {
  padding: 0.5rem 0.5rem;
}

.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
  padding: 0.5rem 0.5rem;
}

.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
  padding: 0.5rem 0.5rem;
}

.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
  padding: 0.5rem 0.5rem;
}

.p-datatable.p-datatable-sm .p-datatable-footer {
  padding: 0.5rem 0.5rem;
}

.p-datatable.p-datatable-lg .p-datatable-header {
  padding: 1.25rem 1.25rem;
}

.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  padding: 1.25rem 1.25rem;
}

.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  padding: 1.25rem 1.25rem;
}

.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
  padding: 1.25rem 1.25rem;
}

.p-datatable.p-datatable-lg .p-datatable-footer {
  padding: 1.25rem 1.25rem;
}

.p-dataview .p-paginator-top {
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.p-dataview .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.p-dataview .p-dataview-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 1px 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}

.p-dataview .p-dataview-content {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  padding: 0;
}

.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
  border: solid #e9ecef;
  border-width: 0 0 1px 0;
}

.p-dataview .p-dataview-footer {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
  margin-left: 0.5rem;
}

.p-column-filter-menu-button {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-column-filter-menu-button:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
  background: #e9ecef;
  color: #495057;
}

.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
  background: #F3E5F5;
  color: #495057;
}

.p-column-filter-menu-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-column-filter-clear-button {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-column-filter-clear-button:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-column-filter-clear-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-column-filter-overlay {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  min-width: 12.5rem;
}

.p-column-filter-overlay .p-column-filter-row-items {
  padding: 0.5rem 0;
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
  color: #495057;
  background: #F3E5F5;
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}

.p-column-filter-overlay-menu .p-column-filter-operator {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: #495057;
  background: #f8f9fa;
  margin: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-column-filter-overlay-menu .p-column-filter-constraint {
  padding: 1rem;
  border-bottom: 1px solid #dee2e6;
}

.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
  margin-bottom: 0.5rem;
}

.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
  margin-top: 0.5rem;
}

.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
  border-bottom: 0 none;
}

.p-column-filter-overlay-menu .p-column-filter-add-rule {
  padding: 0.5rem 1rem;
}

.p-column-filter-overlay-menu .p-column-filter-buttonbar {
  padding: 1rem;
}

.fc {
  /* FullCalendar 4 */
  /* FullCalendar 5 */
}

.fc.fc-unthemed .fc-view-container th {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #495057;
}

.fc.fc-unthemed .fc-view-container td.fc-widget-content {
  border: 1px solid #dee2e6;
  color: #495057;
}

.fc.fc-unthemed .fc-view-container td.fc-head-container {
  border: 1px solid #dee2e6;
}

.fc.fc-unthemed .fc-view-container .fc-view {
  background: #ffffff;
}

.fc.fc-unthemed .fc-view-container .fc-row {
  border-right: 1px solid #dee2e6;
}

.fc.fc-unthemed .fc-view-container .fc-event {
  background: #8c239e;
  border: 1px solid #8c239e;
  color: #ffffff;
}

.fc.fc-unthemed .fc-view-container .fc-divider {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
}

.fc.fc-unthemed .fc-toolbar .fc-button {
  color: #ffffff;
  background: #9C27B0;
  border: 1px solid #9C27B0;
  font-size: 1rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
  display: flex;
  align-items: center;
}

.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
  background: #8c239e;
  color: #ffffff;
  border-color: #8c239e;
}

.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
  background: #7d1f8d;
  color: #ffffff;
  border-color: #7d1f8d;
}

.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: "\e900";
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: "\e901";
}

.fc.fc-unthemed .fc-toolbar .fc-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
  background: #ffffff;
  border: 1px solid #ced4da;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
  background: #e9ecef;
  border-color: #ced4da;
  color: #495057;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
  background: #9C27B0;
  border-color: #9C27B0;
  color: #ffffff;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
  background: #8c239e;
  border-color: #8c239e;
  color: #ffffff;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
  z-index: 1;
}

.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
  border-radius: 0;
}

.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
  border-color: #dee2e6;
}

.fc.fc-theme-standard .fc-view-harness th {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #495057;
}

.fc.fc-theme-standard .fc-view-harness td {
  color: #495057;
  border-color: #dee2e6;
}

.fc.fc-theme-standard .fc-view-harness .fc-view {
  background: #ffffff;
}

.fc.fc-theme-standard .fc-view-harness .fc-popover {
  background: none;
  border: 0 none;
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
  border: 1px solid #dee2e6;
  padding: 1rem;
  background: #f8f9fa;
  color: #495057;
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-family: "PrimeIcons" !important;
  font-size: 1rem;
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
  content: "\e90b";
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
  padding: 1rem;
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  border-top: 0 none;
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
  color: #ffffff;
  background: #8c239e;
  border-color: #8c239e;
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
  color: #ffffff;
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
  background: #8c239e;
  border-color: #8c239e;
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
  background: #e9ecef;
  color: #495057;
}

.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
  background: #f8f9fa;
}

.fc.fc-theme-standard .fc-toolbar .fc-button {
  color: #ffffff;
  background: #9C27B0;
  border: 1px solid #9C27B0;
  font-size: 1rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
  background: #8c239e;
  color: #ffffff;
  border-color: #8c239e;
}

.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
  background: #7d1f8d;
  color: #ffffff;
  border-color: #7d1f8d;
}

.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
  opacity: 0.6;
  color: #ffffff;
  background: #9C27B0;
  border: 1px solid #9C27B0;
}

.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}

.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: "\e900";
}

.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}

.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: "\e901";
}

.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
  background: #ffffff;
  border: 1px solid #ced4da;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
  background: #e9ecef;
  border-color: #ced4da;
  color: #495057;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
  background: #9C27B0;
  border-color: #9C27B0;
  color: #ffffff;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
  background: #8c239e;
  border-color: #8c239e;
  color: #ffffff;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
  z-index: 1;
}

.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
  border-radius: 0;
}

.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.fc.fc-theme-standard .fc-highlight {
  color: #495057;
  background: #F3E5F5;
}

.p-orderlist .p-orderlist-controls {
  padding: 1rem;
}

.p-orderlist .p-orderlist-controls .p-button {
  margin-bottom: 0.5rem;
}

.p-orderlist .p-orderlist-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #dee2e6;
  padding: 1rem;
  font-weight: 600;
  border-bottom: 0 none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-orderlist .p-orderlist-list {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.5rem 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-orderlist .p-orderlist-list .p-orderlist-item {
  padding: 0.5rem 1rem;
  margin: 0;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: transform 0.2s, box-shadow 0.2s;
}

.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}

.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
  color: #495057;
  background: #F3E5F5;
}

.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
  background: #e9ecef;
}

.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
  background: #e9ecef;
}

.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}

.p-organizationchart .p-organizationchart-node-content.p-highlight {
  background: #F3E5F5;
  color: #495057;
}

.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
  color: #c989d2;
}

.p-organizationchart .p-organizationchart-line-down {
  background: #dee2e6;
}

.p-organizationchart .p-organizationchart-line-left {
  border-right: 1px solid #dee2e6;
  border-color: #dee2e6;
}

.p-organizationchart .p-organizationchart-line-top {
  border-top: 1px solid #dee2e6;
  border-color: #dee2e6;
}

.p-organizationchart .p-organizationchart-node-content {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 1rem;
}

.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
  background: inherit;
  color: inherit;
  border-radius: 50%;
}

.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-paginator {
  background: #ffffff;
  color: #6c757d;
  border: solid #e9ecef;
  border-width: 0;
  padding: 0.5rem 1rem;
  border-radius: 3px;
}

.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
  background-color: transparent;
  border: 0 none;
  color: #6c757d;
  min-width: 2.357rem;
  height: 2.357rem;
  margin: 0.143rem;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}

.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
  background: #e9ecef;
  border-color: transparent;
  color: #495057;
}

.p-paginator .p-paginator-first {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-paginator .p-paginator-last {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-paginator .p-dropdown {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: 2.357rem;
}

.p-paginator .p-dropdown .p-dropdown-label {
  padding-right: 0;
}

.p-paginator .p-paginator-page-input {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.p-paginator .p-paginator-page-input .p-inputtext {
  max-width: 2.357rem;
}

.p-paginator .p-paginator-current {
  background-color: transparent;
  border: 0 none;
  color: #6c757d;
  min-width: 2.357rem;
  height: 2.357rem;
  margin: 0.143rem;
  padding: 0 0.5rem;
}

.p-paginator .p-paginator-pages .p-paginator-page {
  background-color: transparent;
  border: 0 none;
  color: #6c757d;
  min-width: 2.357rem;
  height: 2.357rem;
  margin: 0.143rem;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: #F3E5F5;
  border-color: #F3E5F5;
  color: #495057;
}

.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
  background: #e9ecef;
  border-color: transparent;
  color: #495057;
}

.p-picklist .p-picklist-buttons {
  padding: 1rem;
}

.p-picklist .p-picklist-buttons .p-button {
  margin-bottom: 0.5rem;
}

.p-picklist .p-picklist-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #dee2e6;
  padding: 1rem;
  font-weight: 600;
  border-bottom: 0 none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-picklist .p-picklist-list {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.5rem 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-picklist .p-picklist-list .p-picklist-item {
  padding: 0.5rem 1rem;
  margin: 0;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: transform 0.2s, box-shadow 0.2s;
}

.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}

.p-picklist .p-picklist-list .p-picklist-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
  color: #495057;
  background: #F3E5F5;
}

.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
  background: #e9ecef;
}

.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
  background: #e9ecef;
}

.p-timeline .p-timeline-event-marker {
  border: 2px solid #9C27B0;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #ffffff;
}

.p-timeline .p-timeline-event-connector {
  background-color: #dee2e6;
}

.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
  padding: 0 1rem;
}

.p-timeline.p-timeline-vertical .p-timeline-event-connector {
  width: 2px;
}

.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
  padding: 1rem 0;
}

.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
  height: 2px;
}

.p-tree {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 1rem;
  border-radius: 3px;
}

.p-tree .p-tree-container .p-treenode {
  padding: 0.143rem;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content {
  border-radius: 3px;
  transition: box-shadow 0.2s;
  padding: 0;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
  margin-right: 0.5rem;
  color: #6c757d;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
  margin-right: 0.5rem;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
  color: #495057;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
  background: #F3E5F5;
  color: #495057;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
  color: #495057;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
  color: #495057;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}

.p-tree .p-tree-filter-container {
  margin-bottom: 0.5rem;
}

.p-tree .p-tree-filter-container .p-tree-filter {
  width: 100%;
  padding-right: 1.5rem;
}

.p-tree .p-tree-filter-container .p-tree-filter-icon {
  right: 0.5rem;
  color: #6c757d;
}

.p-tree .p-treenode-children {
  padding: 0 0 0 1rem;
}

.p-tree .p-tree-loading-icon {
  font-size: 2rem;
}

.p-treetable .p-paginator-top {
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.p-treetable .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.p-treetable .p-treetable-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 1px 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}

.p-treetable .p-treetable-footer {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}

.p-treetable .p-treetable-thead > tr > th {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: #495057;
  background: #f8f9fa;
  transition: box-shadow 0.2s;
}

.p-treetable .p-treetable-tfoot > tr > td {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: #495057;
  background: #f8f9fa;
}

.p-treetable .p-sortable-column {
  outline-color: #df9eea;
}

.p-treetable .p-sortable-column .p-sortable-column-icon {
  color: #6c757d;
  margin-left: 0.5rem;
}

.p-treetable .p-sortable-column .p-sortable-column-badge {
  border-radius: 50%;
  height: 1.143rem;
  min-width: 1.143rem;
  line-height: 1.143rem;
  color: #495057;
  background: #F3E5F5;
  margin-left: 0.5rem;
}

.p-treetable .p-sortable-column:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}

.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  color: #6c757d;
}

.p-treetable .p-sortable-column.p-highlight {
  background: #f8f9fa;
  color: #9C27B0;
}

.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: #9C27B0;
}

.p-treetable .p-treetable-tbody > tr {
  background: #ffffff;
  color: #495057;
  transition: box-shadow 0.2s;
}

.p-treetable .p-treetable-tbody > tr > td {
  text-align: left;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
}

.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin-right: 0.5rem;
}

.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
  margin-right: 0.5rem;
}

.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
  color: #495057;
}

.p-treetable .p-treetable-tbody > tr:focus {
  outline: 0.15rem solid #df9eea;
  outline-offset: -0.15rem;
}

.p-treetable .p-treetable-tbody > tr.p-highlight {
  background: #F3E5F5;
  color: #495057;
}

.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
  color: #495057;
}

.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
  color: #495057;
}

.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}

.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
  color: #495057;
}

.p-treetable .p-column-resizer-helper {
  background: #9C27B0;
}

.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
  background: #f8f9fa;
}

.p-treetable .p-treetable-loading-icon {
  font-size: 2rem;
}

.p-treetable.p-treetable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-footer {
  border-width: 0 1px 1px 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-top {
  border-width: 0 1px 0 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-bottom {
  border-width: 0 1px 1px 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
  border-width: 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
  border-width: 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
  border-width: 1px;
}

.p-treetable.p-treetable-sm .p-treetable-header {
  padding: 0.875rem 0.875rem;
}

.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
  padding: 0.5rem 0.5rem;
}

.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
  padding: 0.5rem 0.5rem;
}

.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
  padding: 0.5rem 0.5rem;
}

.p-treetable.p-treetable-sm .p-treetable-footer {
  padding: 0.5rem 0.5rem;
}

.p-treetable.p-treetable-lg .p-treetable-header {
  padding: 1.25rem 1.25rem;
}

.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
  padding: 1.25rem 1.25rem;
}

.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
  padding: 1.25rem 1.25rem;
}

.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
  padding: 1.25rem 1.25rem;
}

.p-treetable.p-treetable-lg .p-treetable-footer {
  padding: 1.25rem 1.25rem;
}

.p-accordion .p-accordion-header .p-accordion-header-link {
  padding: 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  background: #f8f9fa;
  font-weight: 600;
  border-radius: 3px;
  transition: box-shadow 0.2s;
}

.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  margin-right: 0.5rem;
}

.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
  background: #e9ecef;
  border-color: #dee2e6;
  color: #495057;
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #495057;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  border-color: #dee2e6;
  background: #e9ecef;
  color: #495057;
}

.p-accordion .p-accordion-content {
  padding: 1rem;
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-accordion .p-accordion-tab {
  margin-bottom: 0;
}

.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
  border-radius: 0;
}

.p-accordion .p-accordion-tab .p-accordion-content {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
  border-top: 0 none;
}

.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  border-top: 0 none;
}

.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-accordion .p-accordion-tab:last-child .p-accordion-content {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-card {
  background: #ffffff;
  color: #495057;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.p-card .p-card-body {
  padding: 1rem;
}

.p-card .p-card-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.p-card .p-card-subtitle {
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: #6c757d;
}

.p-card .p-card-content {
  padding: 1rem 0;
}

.p-card .p-card-footer {
  padding: 1rem 0 0 0;
}

.p-fieldset {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  border-radius: 3px;
}

.p-fieldset .p-fieldset-legend {
  padding: 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  background: #f8f9fa;
  font-weight: 600;
  border-radius: 3px;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
  padding: 0;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
  padding: 1rem;
  color: #495057;
  border-radius: 3px;
  transition: box-shadow 0.2s;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
  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.2rem #df9eea;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
  color: #495057;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
  background: #e9ecef;
  border-color: #dee2e6;
  color: #495057;
}

.p-fieldset .p-fieldset-content {
  padding: 1rem;
}

.p-divider .p-divider-content {
  background-color: #ffffff;
}

.p-divider.p-divider-horizontal {
  margin: 1rem 0;
  padding: 0 1rem;
}

.p-divider.p-divider-horizontal:before {
  border-top: 1px #dee2e6;
}

.p-divider.p-divider-horizontal .p-divider-content {
  padding: 0 0.5rem;
}

.p-divider.p-divider-vertical {
  margin: 0 1rem;
  padding: 1rem 0;
}

.p-divider.p-divider-vertical:before {
  border-left: 1px #dee2e6;
}

.p-divider.p-divider-vertical .p-divider-content {
  padding: 0.5rem 0;
}

.p-panel .p-panel-header {
  border: 1px solid #dee2e6;
  padding: 1rem;
  background: #f8f9fa;
  color: #495057;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-panel .p-panel-header .p-panel-title {
  font-weight: 600;
}

.p-panel .p-panel-header .p-panel-header-icon {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-panel .p-panel-header .p-panel-header-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-panel.p-panel-toggleable .p-panel-header {
  padding: 0.5rem 1rem;
}

.p-panel .p-panel-content {
  padding: 1rem;
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 0 none;
}

.p-panel .p-panel-footer {
  padding: 0.5rem 1rem;
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  border-top: 0 none;
}

.p-scrollpanel .p-scrollpanel-bar {
  background: #f8f9fa;
  border: 0 none;
}

.p-splitter {
  border: 1px solid #dee2e6;
  background: #ffffff;
  border-radius: 3px;
  color: #495057;
}

.p-splitter .p-splitter-gutter {
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  background: #f8f9fa;
}

.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
  background: #dee2e6;
}

.p-splitter .p-splitter-gutter-resizing {
  background: #dee2e6;
}

.p-tabview .p-tabview-nav {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-width: 0 0 2px 0;
}

.p-tabview .p-tabview-nav li {
  margin-right: 0;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border: solid #dee2e6;
  border-width: 0 0 2px 0;
  border-color: transparent transparent #dee2e6 transparent;
  background: #ffffff;
  color: #6c757d;
  padding: 1rem;
  font-weight: 600;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  transition: box-shadow 0.2s;
  margin: 0 0 -2px 0;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #df9eea;
}

.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
  background: #ffffff;
  border-color: #6c757d;
  color: #6c757d;
}

.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  background: #ffffff;
  border-color: #9C27B0;
  color: #9C27B0;
}

.p-tabview .p-tabview-nav-btn.p-link {
  background: #ffffff;
  color: #9C27B0;
  width: 2.357rem;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0;
}

.p-tabview .p-tabview-nav-btn.p-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #df9eea;
}

.p-tabview .p-tabview-panels {
  background: #ffffff;
  padding: 1rem;
  border: 0 none;
  color: #495057;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-toolbar {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  padding: 1rem;
  border-radius: 3px;
}

.p-toolbar .p-toolbar-separator {
  margin: 0 0.5rem;
}

.p-confirm-popup {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.p-confirm-popup .p-confirm-popup-content {
  padding: 1rem;
}

.p-confirm-popup .p-confirm-popup-footer {
  text-align: right;
  padding: 0 1rem 1rem 1rem;
}

.p-confirm-popup .p-confirm-popup-footer button {
  margin: 0 0.5rem 0 0;
  width: auto;
}

.p-confirm-popup .p-confirm-popup-footer button:last-child {
  margin: 0;
}

.p-confirm-popup:after {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}

.p-confirm-popup:before {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}

.p-confirm-popup.p-confirm-popup-flipped:after {
  border-top-color: #ffffff;
}

.p-confirm-popup.p-confirm-popup-flipped:before {
  border-top-color: #ffffff;
}

.p-confirm-popup .p-confirm-popup-icon {
  font-size: 1.5rem;
}

.p-confirm-popup .p-confirm-popup-message {
  margin-left: 1rem;
}

.p-dialog {
  border-radius: 3px;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  border: 0 none;
}

.p-dialog .p-dialog-header {
  border-bottom: 0 none;
  background: #ffffff;
  color: #495057;
  padding: 1.5rem;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-dialog .p-dialog-header .p-dialog-title {
  font-weight: 600;
  font-size: 1.25rem;
}

.p-dialog .p-dialog-header .p-dialog-header-icon {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin-right: 0.5rem;
}

.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
  margin-right: 0;
}

.p-dialog .p-dialog-content {
  background: #ffffff;
  color: #495057;
  padding: 0 1.5rem 2rem 1.5rem;
}

.p-dialog .p-dialog-footer {
  border-top: 0 none;
  background: #ffffff;
  color: #495057;
  padding: 0 1.5rem 1.5rem 1.5rem;
  text-align: right;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-dialog .p-dialog-footer button {
  margin: 0 0.5rem 0 0;
  width: auto;
}

.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
  font-size: 2rem;
}

.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
  margin-left: 1rem;
}

.p-overlaypanel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.p-overlaypanel .p-overlaypanel-content {
  padding: 1rem;
}

.p-overlaypanel .p-overlaypanel-close {
  background: #9C27B0;
  color: #ffffff;
  width: 2rem;
  height: 2rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
  position: absolute;
  top: -1rem;
  right: -1rem;
}

.p-overlaypanel .p-overlaypanel-close:enabled:hover {
  background: #8c239e;
  color: #ffffff;
}

.p-overlaypanel:after {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}

.p-overlaypanel:before {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}

.p-overlaypanel.p-overlaypanel-flipped:after {
  border-top-color: #ffffff;
}

.p-overlaypanel.p-overlaypanel-flipped:before {
  border-top-color: #ffffff;
}

.p-sidebar {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.p-sidebar .p-sidebar-header {
  padding: 1rem;
}

.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-sidebar .p-sidebar-header + .p-sidebar-content {
  padding-top: 0;
}

.p-sidebar .p-sidebar-content {
  padding: 1rem;
}

.p-tooltip .p-tooltip-text {
  background: #495057;
  color: #ffffff;
  padding: 0.5rem 0.5rem;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.p-tooltip.p-tooltip-right .p-tooltip-arrow {
  border-right-color: #495057;
}

.p-tooltip.p-tooltip-left .p-tooltip-arrow {
  border-left-color: #495057;
}

.p-tooltip.p-tooltip-top .p-tooltip-arrow {
  border-top-color: #495057;
}

.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  border-bottom-color: #495057;
}

.p-fileupload .p-fileupload-buttonbar {
  background: #f8f9fa;
  padding: 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  border-bottom: 0 none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-fileupload .p-fileupload-buttonbar .p-button {
  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.2rem #df9eea;
}

.p-fileupload .p-fileupload-content {
  background: #ffffff;
  padding: 2rem 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-fileupload .p-progressbar {
  height: 0.25rem;
}

.p-fileupload .p-fileupload-row > div {
  padding: 1rem 1rem;
}

.p-fileupload.p-fileupload-advanced .p-message {
  margin-top: 0;
}

.p-fileupload-choose:not(.p-disabled):hover {
  background: #8c239e;
  color: #ffffff;
  border-color: #8c239e;
}

.p-fileupload-choose:not(.p-disabled):active {
  background: #7d1f8d;
  color: #ffffff;
  border-color: #7d1f8d;
}

.p-breadcrumb {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  padding: 1rem;
}

.p-breadcrumb ul li .p-menuitem-link {
  transition: box-shadow 0.2s;
  border-radius: 3px;
}

.p-breadcrumb ul li .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
  color: #495057;
}

.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
}

.p-breadcrumb ul li.p-breadcrumb-chevron {
  margin: 0 0.5rem 0 0.5rem;
  color: #495057;
}

.p-breadcrumb ul li:last-child .p-menuitem-text {
  color: #495057;
}

.p-breadcrumb ul li:last-child .p-menuitem-icon {
  color: #6c757d;
}

.p-contextmenu {
  padding: 0.25rem 0;
  background: #ffffff;
  color: #495057;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  width: 12.5rem;
}

.p-contextmenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.p-contextmenu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}

.p-contextmenu .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}

.p-contextmenu .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}

.p-contextmenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-contextmenu .p-submenu-list {
  padding: 0.25rem 0;
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #e9ecef;
}

.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}

.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}

.p-contextmenu .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}

.p-contextmenu .p-submenu-icon {
  font-size: 0.875rem;
}

.p-dock .p-dock-list-container {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.5rem 0.5rem;
  border-radius: 0.5rem;
}

.p-dock .p-dock-item {
  padding: 0.5rem;
}

.p-dock .p-dock-action {
  width: 4rem;
  height: 4rem;
}

.p-dock.p-dock-top .p-dock-item-second-prev,
.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
.p-dock.p-dock-bottom .p-dock-item-second-next {
  margin: 0 0.9rem;
}

.p-dock.p-dock-top .p-dock-item-prev,
.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
.p-dock.p-dock-bottom .p-dock-item-next {
  margin: 0 1.3rem;
}

.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
  margin: 0 1.5rem;
}

.p-dock.p-dock-left .p-dock-item-second-prev,
.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
.p-dock.p-dock-right .p-dock-item-second-next {
  margin: 0.9rem 0;
}

.p-dock.p-dock-left .p-dock-item-prev,
.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
.p-dock.p-dock-right .p-dock-item-next {
  margin: 1.3rem 0;
}

.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
  margin: 1.5rem 0;
}

@media screen and (max-width: 960px) {
  .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
}

.p-megamenu {
  padding: 0.5rem;
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 3px;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 3px;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
  margin-left: 0.5rem;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}

.p-megamenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.p-megamenu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}

.p-megamenu .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}

.p-megamenu .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}

.p-megamenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-megamenu .p-megamenu-panel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-megamenu .p-megamenu-submenu-header {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-megamenu .p-megamenu-submenu {
  padding: 0.25rem 0;
  width: 12.5rem;
}

.p-megamenu .p-megamenu-submenu .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}

.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #e9ecef;
}

.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}

.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}

.p-megamenu.p-megamenu-vertical {
  width: 12.5rem;
  padding: 0.25rem 0;
}

.p-menu {
  padding: 0.25rem 0;
  background: #ffffff;
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  width: 12.5rem;
}

.p-menu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.p-menu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}

.p-menu .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}

.p-menu .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}

.p-menu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-menu.p-menu-overlay {
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-menu .p-submenu-header {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.p-menu .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}

.p-menubar {
  padding: 0.5rem;
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 3px;
}

.p-menubar .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.p-menubar .p-menuitem-link .p-menuitem-text {
  color: #495057;
}

.p-menubar .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}

.p-menubar .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}

.p-menubar .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 3px;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
  margin-left: 0.5rem;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}

.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}

.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}

.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}

.p-menubar .p-submenu-list {
  padding: 0.25rem 0;
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  width: 12.5rem;
}

.p-menubar .p-submenu-list .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}

.p-menubar .p-submenu-list .p-submenu-icon {
  font-size: 0.875rem;
}

.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #e9ecef;
}

.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}

.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}

@media screen and (max-width: 960px) {
  .p-menubar {
    position: relative;
  }
  .p-menubar .p-menubar-button {
    display: flex;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-menubar .p-menubar-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-menubar .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #df9eea;
  }
  .p-menubar .p-menubar-root-list {
    position: absolute;
    display: none;
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    width: 100%;
  }
  .p-menubar .p-menubar-root-list .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
    padding: 0.75rem 1rem;
    color: #495057;
    border-radius: 0;
    transition: box-shadow 0.2s;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
    background: #e9ecef;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #6c757d;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #df9eea;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar .p-menubar-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar .p-menubar-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menubar .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }
  .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
    display: flex;
    flex-direction: column;
    top: 100%;
    left: 0;
    z-index: 1;
  }
}

.p-panelmenu .p-panelmenu-header > a {
  padding: 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  background: #f8f9fa;
  font-weight: 600;
  border-radius: 3px;
  transition: box-shadow 0.2s;
}

.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
  margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
  margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-header > a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
  background: #e9ecef;
  border-color: #dee2e6;
  color: #495057;
}

.p-panelmenu .p-panelmenu-header.p-highlight {
  margin-bottom: 0;
}

.p-panelmenu .p-panelmenu-header.p-highlight > a {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #495057;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
  border-color: #dee2e6;
  background: #e9ecef;
  color: #495057;
}

.p-panelmenu .p-panelmenu-content {
  padding: 0.25rem 0;
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  margin-bottom: 0;
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
  color: #495057;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
  margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
  padding: 0 0 0 1rem;
}

.p-panelmenu .p-panelmenu-panel {
  margin-bottom: 0;
}

.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
  border-radius: 0;
}

.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
  border-radius: 0;
}

.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
  border-top: 0 none;
}

.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
  border-top: 0 none;
}

.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-steps .p-steps-item .p-menuitem-link {
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 3px;
  background: #ffffff;
}

.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  color: #495057;
  border: 1px solid #e9ecef;
  background: #ffffff;
  min-width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 1.143rem;
  z-index: 1;
  border-radius: 50%;
}

.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  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.2rem #df9eea;
}

.p-steps .p-steps-item.p-highlight .p-steps-number {
  background: #F3E5F5;
  color: #495057;
}

.p-steps .p-steps-item.p-highlight .p-steps-title {
  font-weight: 600;
  color: #495057;
}

.p-steps .p-steps-item:before {
  content: " ";
  border-top: 1px solid #dee2e6;
  width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  margin-top: -1rem;
}

.p-tabmenu .p-tabmenu-nav {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-width: 0 0 2px 0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
  margin-right: 0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  border: solid #dee2e6;
  border-width: 0 0 2px 0;
  border-color: transparent transparent #dee2e6 transparent;
  background: #ffffff;
  color: #6c757d;
  padding: 1rem;
  font-weight: 600;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  transition: box-shadow 0.2s;
  margin: 0 0 -2px 0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
  margin-right: 0.5rem;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #df9eea;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
  background: #ffffff;
  border-color: #6c757d;
  color: #6c757d;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
  background: #ffffff;
  border-color: #9C27B0;
  color: #9C27B0;
}

.p-tieredmenu {
  padding: 0.25rem 0;
  background: #ffffff;
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  width: 12.5rem;
}

.p-tieredmenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.p-tieredmenu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}

.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}

.p-tieredmenu .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}

.p-tieredmenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #df9eea;
}

.p-tieredmenu.p-tieredmenu-overlay {
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-tieredmenu .p-submenu-list {
  padding: 0.25rem 0;
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #e9ecef;
}

.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}

.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}

.p-tieredmenu .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}

.p-tieredmenu .p-submenu-icon {
  font-size: 0.875rem;
}

.p-inline-message {
  padding: 0.5rem 0.5rem;
  margin: 0;
  border-radius: 3px;
}

.p-inline-message.p-inline-message-info {
  background: #B3E5FC;
  border: solid #0891cf;
  border-width: 0px;
  color: #044868;
}

.p-inline-message.p-inline-message-info .p-inline-message-icon {
  color: #044868;
}

.p-inline-message.p-inline-message-success {
  background: #C8E6C9;
  border: solid #439446;
  border-width: 0px;
  color: #224a23;
}

.p-inline-message.p-inline-message-success .p-inline-message-icon {
  color: #224a23;
}

.p-inline-message.p-inline-message-warn {
  background: #FFECB3;
  border: solid #d9a300;
  border-width: 0px;
  color: #6d5100;
}

.p-inline-message.p-inline-message-warn .p-inline-message-icon {
  color: #6d5100;
}

.p-inline-message.p-inline-message-error {
  background: #FFCDD2;
  border: solid #e60017;
  border-width: 0px;
  color: #73000c;
}

.p-inline-message.p-inline-message-error .p-inline-message-icon {
  color: #73000c;
}

.p-inline-message .p-inline-message-icon {
  font-size: 1rem;
  margin-right: 0.5rem;
}

.p-inline-message .p-inline-message-text {
  font-size: 1rem;
}

.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
  margin-right: 0;
}

.p-message {
  margin: 1rem 0;
  border-radius: 3px;
}

.p-message .p-message-wrapper {
  padding: 1rem 1.5rem;
}

.p-message .p-message-close {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: transparent;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-message .p-message-close:hover {
  background: rgba(255, 255, 255, 0.3);
}

.p-message .p-message-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-message.p-message-info {
  background: #B3E5FC;
  border: solid #0891cf;
  border-width: 0 0 0 6px;
  color: #044868;
}

.p-message.p-message-info .p-message-icon {
  color: #044868;
}

.p-message.p-message-info .p-message-close {
  color: #044868;
}

.p-message.p-message-success {
  background: #C8E6C9;
  border: solid #439446;
  border-width: 0 0 0 6px;
  color: #224a23;
}

.p-message.p-message-success .p-message-icon {
  color: #224a23;
}

.p-message.p-message-success .p-message-close {
  color: #224a23;
}

.p-message.p-message-warn {
  background: #FFECB3;
  border: solid #d9a300;
  border-width: 0 0 0 6px;
  color: #6d5100;
}

.p-message.p-message-warn .p-message-icon {
  color: #6d5100;
}

.p-message.p-message-warn .p-message-close {
  color: #6d5100;
}

.p-message.p-message-error {
  background: #FFCDD2;
  border: solid #e60017;
  border-width: 0 0 0 6px;
  color: #73000c;
}

.p-message.p-message-error .p-message-icon {
  color: #73000c;
}

.p-message.p-message-error .p-message-close {
  color: #73000c;
}

.p-message .p-message-text {
  font-size: 1rem;
  font-weight: 500;
}

.p-message .p-message-icon {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}

.p-toast {
  opacity: 0.9;
}

.p-toast .p-toast-message {
  margin: 0 0 1rem 0;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.p-toast .p-toast-message .p-toast-message-content {
  padding: 1rem;
  border-width: 0 0 0 6px;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
  margin: 0 0 0 1rem;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
  font-size: 2rem;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
  font-weight: 700;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
  margin: 0.5rem 0 0 0;
}

.p-toast .p-toast-message .p-toast-icon-close {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: transparent;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-toast .p-toast-message .p-toast-icon-close:hover {
  background: rgba(255, 255, 255, 0.3);
}

.p-toast .p-toast-message .p-toast-icon-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-toast .p-toast-message.p-toast-message-info {
  background: #B3E5FC;
  border: solid #0891cf;
  border-width: 0 0 0 6px;
  color: #044868;
}

.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
  color: #044868;
}

.p-toast .p-toast-message.p-toast-message-success {
  background: #C8E6C9;
  border: solid #439446;
  border-width: 0 0 0 6px;
  color: #224a23;
}

.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
  color: #224a23;
}

.p-toast .p-toast-message.p-toast-message-warn {
  background: #FFECB3;
  border: solid #d9a300;
  border-width: 0 0 0 6px;
  color: #6d5100;
}

.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
  color: #6d5100;
}

.p-toast .p-toast-message.p-toast-message-error {
  background: #FFCDD2;
  border: solid #e60017;
  border-width: 0 0 0 6px;
  color: #73000c;
}

.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
  color: #73000c;
}

.p-galleria .p-galleria-close {
  margin: 0.5rem;
  background: transparent;
  color: #f8f9fa;
  width: 4rem;
  height: 4rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}

.p-galleria .p-galleria-close .p-galleria-close-icon {
  font-size: 2rem;
}

.p-galleria .p-galleria-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}

.p-galleria .p-galleria-item-nav {
  background: transparent;
  color: #f8f9fa;
  width: 4rem;
  height: 4rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
  margin: 0 0.5rem;
}

.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
  font-size: 2rem;
}

.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}

.p-galleria .p-galleria-caption {
  background: rgba(0, 0, 0, 0.5);
  color: #f8f9fa;
  padding: 1rem;
}

.p-galleria .p-galleria-indicators {
  padding: 1rem;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator button {
  background-color: #e9ecef;
  width: 1rem;
  height: 1rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
  background: #dee2e6;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background: #F3E5F5;
  color: #495057;
}

.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
  margin-right: 0.5rem;
}

.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
  margin-bottom: 0.5rem;
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
  background: rgba(0, 0, 0, 0.5);
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
  background: rgba(255, 255, 255, 0.4);
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
  background: rgba(255, 255, 255, 0.6);
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background: #F3E5F5;
  color: #495057;
}

.p-galleria .p-galleria-thumbnail-container {
  background: rgba(0, 0, 0, 0.9);
  padding: 1rem 0.25rem;
}

.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
  margin: 0.5rem;
  background-color: transparent;
  color: #f8f9fa;
  width: 2rem;
  height: 2rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}

.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}

.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-galleria-mask {
  --maskbg: rgba(0, 0, 0, 0.9);
}

.p-image-mask {
  --maskbg: rgba(0, 0, 0, 0.9);
}

.p-image-preview-indicator {
  background-color: transparent;
  color: #f8f9fa;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-image-preview-container:hover > .p-image-preview-indicator {
  background-color: rgba(0, 0, 0, 0.5);
}

.p-image-toolbar {
  padding: 1rem;
}

.p-image-action.p-link {
  color: #f8f9fa;
  background-color: transparent;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin-right: 0.5rem;
}

.p-image-action.p-link:last-child {
  margin-right: 0;
}

.p-image-action.p-link:hover {
  color: #f8f9fa;
  background-color: rgba(255, 255, 255, 0.1);
}

.p-image-action.p-link i {
  font-size: 1.5rem;
}

.p-avatar {
  background-color: #dee2e6;
  border-radius: 3px;
}

.p-avatar.p-avatar-lg {
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
}

.p-avatar.p-avatar-lg .p-avatar-icon {
  font-size: 1.5rem;
}

.p-avatar.p-avatar-xl {
  width: 4rem;
  height: 4rem;
  font-size: 2rem;
}

.p-avatar.p-avatar-xl .p-avatar-icon {
  font-size: 2rem;
}

.p-avatar-group .p-avatar {
  border: 2px solid #ffffff;
}

.p-badge {
  background: #9C27B0;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}

.p-badge.p-badge-secondary {
  background-color: #607D8B;
  color: #ffffff;
}

.p-badge.p-badge-success {
  background-color: #689F38;
  color: #ffffff;
}

.p-badge.p-badge-info {
  background-color: #0288D1;
  color: #ffffff;
}

.p-badge.p-badge-warning {
  background-color: #FBC02D;
  color: #212529;
}

.p-badge.p-badge-danger {
  background-color: #D32F2F;
  color: #ffffff;
}

.p-badge.p-badge-lg {
  font-size: 1.125rem;
  min-width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
}

.p-badge.p-badge-xl {
  font-size: 1.5rem;
  min-width: 3rem;
  height: 3rem;
  line-height: 3rem;
}

.p-chip {
  background-color: #dee2e6;
  color: #495057;
  border-radius: 16px;
  padding: 0 0.5rem;
}

.p-chip .p-chip-text {
  line-height: 1.5;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.p-chip .p-chip-icon {
  margin-right: 0.5rem;
}

.p-chip img {
  width: 2rem;
  height: 2rem;
  margin-left: -0.5rem;
  margin-right: 0.5rem;
}

.p-chip .p-chip-remove-icon {
  margin-left: 0.5rem;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-chip .p-chip-remove-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-inplace .p-inplace-display {
  padding: 0.5rem 0.5rem;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-inplace .p-inplace-display:not(.p-disabled):hover {
  background: #e9ecef;
  color: #495057;
}

.p-inplace .p-inplace-display:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-progressbar {
  border: 0 none;
  height: 1.5rem;
  background: #dee2e6;
  border-radius: 3px;
}

.p-progressbar .p-progressbar-value {
  border: 0 none;
  margin: 0;
  background: #9C27B0;
}

.p-progressbar .p-progressbar-label {
  color: #ffffff;
  line-height: 1.5rem;
}

.p-scrolltop {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-scrolltop.p-link {
  background: rgba(0, 0, 0, 0.7);
}

.p-scrolltop.p-link:hover {
  background: rgba(0, 0, 0, 0.8);
}

.p-scrolltop .p-scrolltop-icon {
  font-size: 1.5rem;
  color: #f8f9fa;
}

.p-skeleton {
  background-color: #e9ecef;
  border-radius: 3px;
}

.p-skeleton:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}

.p-tag {
  background: #9C27B0;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.4rem;
  border-radius: 3px;
}

.p-tag.p-tag-success {
  background-color: #689F38;
  color: #ffffff;
}

.p-tag.p-tag-info {
  background-color: #0288D1;
  color: #ffffff;
}

.p-tag.p-tag-warning {
  background-color: #FBC02D;
  color: #212529;
}

.p-tag.p-tag-danger {
  background-color: #D32F2F;
  color: #ffffff;
}

.p-tag .p-tag-icon {
  margin-right: 0.25rem;
  font-size: 0.75rem;
}

.p-terminal {
  background: #ffffff;
  color: #495057;
  border: 1px solid #dee2e6;
  padding: 1rem;
}

.p-terminal .p-terminal-input {
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* Customizations to the designer theme should be defined here */

.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  background-color: #9C27B0;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background-color: #9C27B0;
}

.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 #9C27B0;
}

.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 #9C27B0;
}

.p-component,.p-component *{box-sizing:border-box}

.p-hidden{display:none}

.p-hidden-space{visibility:hidden}

.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}

.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}

.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}

.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}

.p-overflow-hidden{overflow:hidden}

.p-unselectable-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}

.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}

@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}

input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}

.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}

.p-link:disabled{cursor:default}

.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}

.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}

.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}

.p-connected-overlay-enter{opacity:0;transform:scaleY(0.8)}

.p-connected-overlay-leave-to{opacity:0}

.p-connected-overlay-enter-active{transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}

.p-connected-overlay-leave-active{transition:opacity .1s linear}

.p-toggleable-content-enter,.p-toggleable-content-leave-to{max-height:0}

.p-toggleable-content-enter-to,.p-toggleable-content-leave{max-height:1000px}

.p-toggleable-content-leave-active{overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1)}

.p-toggleable-content-enter-active{overflow:hidden;transition:max-height 1s ease-in-out}

.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}

.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}

.p-overlay-badge{position:relative}

.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}

.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}

.p-badge-no-gutter{padding:0;border-radius:50%}

.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}

.p-button-label{flex:1 1 auto}

.p-button-icon-right{order:1}

.p-button:disabled{cursor:default}

.p-button-icon-only{justify-content:center}

.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}

.p-button-vertical{flex-direction:column}

.p-button-icon-bottom{order:2}

.p-buttonset .p-button{margin:0}

.p-buttonset .p-button:not(:last-child){border-right:0 none}

.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}

.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}

.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}

.p-buttonset .p-button:focus{position:relative;z-index:1}

.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:bottom;position:relative}

.p-checkbox-box{display:flex;justify-content:center;align-items:center}

.p-colorpicker-panel .p-colorpicker-color{background:transparent url(/_nuxt/_/_/node_modules/primevue/resources/images/color.png) no-repeat left top}

.p-colorpicker-panel .p-colorpicker-hue{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAACWCAIAAAC3uvTNAAAA7ElEQVRYw+2YUQqDQAxEh9GWuqV6Be9/JT88RN0VRUuv0ElBwhKY3yF5m90kLKd+mF/975r6geNyjm9Fy0kgqTJ6nqoIdGKczjmPJU5tZxA8wWPL7YOHKhZAlcmTAVVcxSCrMbfgqY/H6JEOoASPe56tgSrqLR7U2zWojwWjJ3jq47HEiZoGTwJxP1RRXw8y9RZfCMhbhTHOVTxXnUFtPJ5rGjzu35y2KfKGQxWT2K4TQL1d2zz6KAH1kRU8wfOXx+37qY3Hct+aDaqot2u7R/wMuDS3qnj0z0HqK4X/+kRNHdfUwFP2Nisqe/sFuUZiVjC9HCUAAAAASUVORK5CYII=) no-repeat left top}

.p-inputtext{margin:0}

.p-fluid .p-inputtext{width:100%}

.p-inputgroup{display:flex;align-items:stretch;width:100%}

.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}

.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}

.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-fluid .p-inputgroup .p-input{flex:1 1 auto;width:1%}

.p-float-label{display:block;position:relative}

.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}

.p-float-label textarea ~ label{top:1rem}

.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}

.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}

.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}

.p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem}

.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}

.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:bottom}

.p-radiobutton-box{display:flex;justify-content:center;align-items:center}

.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}

.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}

.p-ripple{overflow:hidden;position:relative}

.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0);pointer-events:none}

.p-ink-active{animation:ripple .4s linear}

.p-ripple-disabled .p-ink{display:none !important}

@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}

.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}

.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}

.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}

.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}

.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}

.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}

.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}

.p-tooltip.p-tooltip-top{padding:.25em 0}

.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}

.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}

/* Make clicks pass-through */

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */

#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow, .skin-view {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm, .start-blocks .start-block .start-block-index, .sale-wrapper, .mini-profile {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-1 {
  --bs-border-width: 1px;
}

.border-2 {
  --bs-border-width: 2px;
}

.border-3 {
  --bs-border-width: 3px;
}

.border-4 {
  --bs-border-width: 4px;
}

.border-5 {
  --bs-border-width: 5px;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded, .rounded canvas, .news-image-full canvas, .mini-profile canvas, .start-blocks .start-block .start-block-index canvas, .social-blocks a.discord canvas, .social-blocks a.telegram canvas, .social-blocks a.youtube canvas, .social-blocks a.youtube, .social-blocks a.telegram, .social-blocks a.discord, .start-blocks .start-block .start-block-index, .mini-profile, .news-image-full {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-circle, .rounded-circle canvas {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}

@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

.container, .vs-navbar,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container, .vs-navbar {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-md, .container-sm, .container, .vs-navbar {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container, .vs-navbar {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container, .vs-navbar {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .vs-navbar {
    max-width: 1320px;
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

.dark-mode {
  /* Customizations to the designer theme should be defined here */
}

.dark-mode :root {
  --surface-a: #1e1e1e;
  --surface-b: #121212;
  --surface-c: rgba(255, 255, 255, 0.03);
  --surface-d: #383838;
  --surface-e: #1e1e1e;
  --surface-f: #1e1e1e;
  --text-color: rgba(255, 255, 255, 0.87);
  --text-color-secondary: rgba(255, 255, 255, 0.6);
  --primary-color: rgba(var(--vs-color), 1);
  --primary-color-text: #ffffff;
  --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji,
    Segoe UI Symbol;
  --surface-0: #121212;
  --surface-50: #2a2a2a;
  --surface-100: #414141;
  --surface-200: #595959;
  --surface-300: #717171;
  --surface-400: #898989;
  --surface-500: #a0a0a0;
  --surface-600: #b8b8b8;
  --surface-700: #d0d0d0;
  --surface-800: #e7e7e7;
  --surface-900: #ffffff;
  --gray-50: #e7e7e7;
  --gray-100: #d0d0d0;
  --gray-200: #b8b8b8;
  --gray-300: #a0a0a0;
  --gray-400: #898989;
  --gray-500: #717171;
  --gray-600: #595959;
  --gray-700: #414141;
  --gray-800: #2a2a2a;
  --gray-900: #121212;
  --content-padding: 1rem;
  --inline-spacing: 0.5rem;
  --border-radius: 3px;
  --surface-ground: #121212;
  --surface-section: #121212;
  --surface-card: #1e1e1e;
  --surface-overlay: #1e1e1e;
  --surface-border: #383838;
  --surface-hover: rgba(255, 255, 255, 0.03);
  --focus-ring: 0 0 0 1px #cf95d9;
  --maskbg: rgba(0, 0, 0, 0.4);
  --bs-border-radius: 8px;
}

.dark-mode * {
  box-sizing: border-box;
}

.dark-mode .p-component {
  font-family: "Unbounded", sans-serif;
  font-size: 1rem;
  font-weight: normal;
}

.dark-mode .p-component-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  transition-duration: 0.2s;
}

.dark-mode .p-disabled,
.dark-mode .p-component:disabled {
  opacity: 0.4;
}

.dark-mode .p-error {
  color: #ef9a9a;
}

.dark-mode .p-text-secondary {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .pi {
  font-size: 1rem;
}

.dark-mode .p-link {
  font-size: 1rem;
  font-family: "Unbounded", sans-serif;
  border-radius: 3px;
}

.dark-mode .p-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-component-overlay-enter {
  animation: p-component-overlay-enter-animation 150ms forwards;
}

.dark-mode .p-component-overlay-leave {
  animation: p-component-overlay-leave-animation 150ms forwards;
}

@keyframes p-component-overlay-enter-animation {
  from {
    background-color: transparent;
  }
  to {
    background-color: var(--maskbg);
  }
}

@keyframes p-component-overlay-leave-animation {
  from {
    background-color: var(--maskbg);
  }
  to {
    background-color: transparent;
  }
}

.dark-mode :root {
  --blue-50: #f4fafe;
  --blue-100: #cae6fc;
  --blue-200: #a0d2fa;
  --blue-300: #75bef8;
  --blue-400: #4baaf5;
  --blue-500: #2196f3;
  --blue-600: #1c80cf;
  --blue-700: #1769aa;
  --blue-800: #125386;
  --blue-900: #0d3c61;
  --green-50: #f6fbf6;
  --green-100: #d4ecd5;
  --green-200: #b2ddb4;
  --green-300: #90cd93;
  --green-400: #6ebe71;
  --green-500: #4caf50;
  --green-600: #419544;
  --green-700: #357b38;
  --green-800: #2a602c;
  --green-900: #1e4620;
  --yellow-50: #fffcf5;
  --yellow-100: #fef0cd;
  --yellow-200: #fde4a5;
  --yellow-300: #fdd87d;
  --yellow-400: #fccc55;
  --yellow-500: #fbc02d;
  --yellow-600: #d5a326;
  --yellow-700: #b08620;
  --yellow-800: #8a6a19;
  --yellow-900: #644d12;
  --cyan-50: #f2fcfd;
  --cyan-100: #c2eff5;
  --cyan-200: #91e2ed;
  --cyan-300: #61d5e4;
  --cyan-400: #30c9dc;
  --cyan-500: #00bcd4;
  --cyan-600: #00a0b4;
  --cyan-700: #008494;
  --cyan-800: #006775;
  --cyan-900: #004b55;
  --pink-50: #fef4f7;
  --pink-100: #fac9da;
  --pink-200: #f69ebc;
  --pink-300: #f1749e;
  --pink-400: #ed4981;
  --pink-500: #e91e63;
  --pink-600: #c61a54;
  --pink-700: #a31545;
  --pink-800: #801136;
  --pink-900: #5d0c28;
  --indigo-50: #f5f6fb;
  --indigo-100: #d1d5ed;
  --indigo-200: #acb4df;
  --indigo-300: #8893d1;
  --indigo-400: #6372c3;
  --indigo-500: #3f51b5;
  --indigo-600: #36459a;
  --indigo-700: #2c397f;
  --indigo-800: #232d64;
  --indigo-900: #192048;
  --teal-50: #f2faf9;
  --teal-100: #c2e6e2;
  --teal-200: #91d2cc;
  --teal-300: #61beb5;
  --teal-400: #30aa9f;
  --teal-500: #009688;
  --teal-600: #008074;
  --teal-700: #00695f;
  --teal-800: #00534b;
  --teal-900: #003c36;
  --orange-50: #fff8f2;
  --orange-100: #fde0c2;
  --orange-200: #fbc791;
  --orange-300: #f9ae61;
  --orange-400: #f79530;
  --orange-500: #f57c00;
  --orange-600: #d06900;
  --orange-700: #ac5700;
  --orange-800: #874400;
  --orange-900: #623200;
  --bluegray-50: #f7f9f9;
  --bluegray-100: #d9e0e3;
  --bluegray-200: #bbc7cd;
  --bluegray-300: #9caeb7;
  --bluegray-400: #7e96a1;
  --bluegray-500: #607d8b;
  --bluegray-600: #526a76;
  --bluegray-700: #435861;
  --bluegray-800: #35454c;
  --bluegray-900: #263238;
  --purple-50: #faf4fb;
  --purple-100: #e7cbec;
  --purple-200: #d4a2dd;
  --purple-300: #c279ce;
  --purple-400: #af50bf;
  --purple-500: #9c27b0;
  --purple-600: #852196;
  --purple-700: #6d1b7b;
  --purple-800: #561561;
  --purple-900: #3e1046;
}

.dark-mode .p-autocomplete .p-autocomplete-loader {
  right: 0.5rem;
}

.dark-mode .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
  right: 2.857rem;
}

.dark-mode .p-autocomplete .p-autocomplete-multiple-container {
  padding: 0.25rem 0.5rem;
}

.dark-mode .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
  padding: 0.25rem 0;
}

.dark-mode .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
  font-family: "Unbounded", sans-serif;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.87);
  padding: 0;
  margin: 0;
}

.dark-mode .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  background: #383838;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 16px;
}

.dark-mode .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
  margin-left: 0.5rem;
}

.dark-mode .p-autocomplete.p-invalid.p-component > .p-inputtext {
  border-color: #ef9a9a;
}

.dark-mode .p-autocomplete-panel {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.dark-mode .p-autocomplete-panel .p-autocomplete-items {
  padding: 0.5rem 0;
}

.dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: rgba(255, 255, 255, 0.87);
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}

.dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  font-weight: 600;
}

.dark-mode .p-calendar.p-invalid.p-component > .p-inputtext {
  border-color: #ef9a9a;
}

.dark-mode .p-datepicker {
  padding: 0.5rem;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
}

.dark-mode .p-datepicker:not(.p-datepicker-inline) {
  background: #1e1e1e;
  border: 1px solid #383838;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.dark-mode .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background: #1e1e1e;
}

.dark-mode .p-datepicker .p-datepicker-header {
  padding: 0.5rem;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  font-weight: 600;
  margin: 0;
  border-bottom: 1px solid #383838;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-prev,
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-next {
  width: 2rem;
  height: 2rem;
  color: rgba(255, 255, 255, 0.6);
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
  color: rgba(255, 255, 255, 0.87);
  border-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-title {
  line-height: 2rem;
}

.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  color: rgba(255, 255, 255, 0.87);
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  font-weight: 600;
  padding: 0.5rem;
}

.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
  color: rgba(var(--vs-color), 1);
}

.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  margin-right: 0.5rem;
}

.dark-mode .p-datepicker table {
  font-size: 1rem;
  margin: 0.5rem 0;
}

.dark-mode .p-datepicker table th {
  padding: 0.5rem;
}

.dark-mode .p-datepicker table th > span {
  width: 2.5rem;
  height: 2.5rem;
}

.dark-mode .p-datepicker table td {
  padding: 0.5rem;
}

.dark-mode .p-datepicker table td > span {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  transition: box-shadow 0.2s;
  border: 1px solid transparent;
}

.dark-mode .p-datepicker table td > span.p-highlight {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-datepicker table td > span:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-datepicker table td.p-datepicker-today > span {
  background: transparent;
  color: rgba(var(--vs-color), 1);
  border-color: transparent;
}

.dark-mode .p-datepicker table td.p-datepicker-today > span.p-highlight {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-datepicker .p-datepicker-buttonbar {
  padding: 1rem 0;
  border-top: 1px solid #383838;
}

.dark-mode .p-datepicker .p-datepicker-buttonbar .p-button {
  width: auto;
}

.dark-mode .p-datepicker .p-timepicker {
  border-top: 1px solid #383838;
  padding: 0.5rem;
}

.dark-mode .p-datepicker .p-timepicker button {
  width: 2rem;
  height: 2rem;
  color: rgba(255, 255, 255, 0.6);
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-datepicker .p-timepicker button:enabled:hover {
  color: rgba(255, 255, 255, 0.87);
  border-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-datepicker .p-timepicker button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-datepicker .p-timepicker button:last-child {
  margin-top: 0.2em;
}

.dark-mode .p-datepicker .p-timepicker span {
  font-size: 1.25rem;
}

.dark-mode .p-datepicker .p-timepicker > div {
  padding: 0 0.5rem;
}

.dark-mode .p-datepicker.p-datepicker-timeonly .p-timepicker {
  border-top: 0 none;
}

.dark-mode .p-datepicker .p-monthpicker {
  margin: 0.5rem 0;
}

.dark-mode .p-datepicker .p-monthpicker .p-monthpicker-month {
  padding: 0.5rem;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}

.dark-mode .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-datepicker .p-yearpicker {
  margin: 0.5rem 0;
}

.dark-mode .p-datepicker .p-yearpicker .p-yearpicker-year {
  padding: 0.5rem;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}

.dark-mode .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-left: 1px solid #383838;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}

.dark-mode .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
  padding-left: 0;
  border-left: 0 none;
}

.dark-mode .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
  padding-right: 0;
}

.dark-mode .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .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 1px #cf95d9;
}

.dark-mode .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

@media screen and (max-width: 769px) {
  .dark-mode .p-datepicker table th,
.dark-mode .p-datepicker table td {
    padding: 0;
  }
}

.dark-mode .p-cascadeselect {
  background: #121212;
  border: 1px solid #383838;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.dark-mode .p-cascadeselect:not(.p-disabled):hover {
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-cascadeselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-cascadeselect .p-cascadeselect-label {
  background: transparent;
  border: 0 none;
  padding: 0.5rem 0.5rem;
}

.dark-mode .p-cascadeselect .p-cascadeselect-label.p-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-cascadeselect .p-cascadeselect-label:enabled:focus {
  outline: 0 none;
  box-shadow: none;
}

.dark-mode .p-cascadeselect .p-cascadeselect-trigger {
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dark-mode .p-cascadeselect.p-invalid.p-component {
  border-color: #ef9a9a;
}

.dark-mode .p-cascadeselect-panel {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.dark-mode .p-cascadeselect-panel .p-cascadeselect-items {
  padding: 0.5rem 0;
}

.dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
  margin: 0;
  border: 0 none;
  color: rgba(255, 255, 255, 0.87);
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}

.dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
  padding: 0.5rem 1rem;
}

.dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
  font-size: 0.875rem;
}

.dark-mode .p-input-filled .p-cascadeselect {
  background: #383838;
}

.dark-mode .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
  background-color: #383838;
}

.dark-mode .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
  background-color: #383838;
}

.dark-mode .p-checkbox {
  width: 20px;
  height: 20px;
}

.dark-mode .p-checkbox .p-checkbox-box {
  border: 2px solid #383838;
  background: #121212;
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-checkbox .p-checkbox-box .p-checkbox-icon {
  transition-duration: 0.2s;
  color: #ffffff;
  font-size: 14px;
}

.dark-mode .p-checkbox .p-checkbox-box.p-highlight {
  border-color: rgba(var(--vs-color), 1);
  background: rgba(var(--vs-color), 1);
}

.dark-mode .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  border-color: #a241b2;
  background: #a241b2;
  color: #ffffff;
}

.dark-mode .p-checkbox.p-invalid > .p-checkbox-box {
  border-color: #ef9a9a;
}

.dark-mode .p-input-filled .p-checkbox .p-checkbox-box {
  background-color: #383838;
}

.dark-mode .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
  background: rgba(var(--vs-color), 1);
}

.dark-mode .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  background-color: #383838;
}

.dark-mode .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  background: #a241b2;
}

.dark-mode .p-chips .p-chips-multiple-container {
  padding: 0.25rem 0.5rem;
}

.dark-mode .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-chips .p-chips-multiple-container .p-chips-token {
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  background: #383838;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 16px;
}

.dark-mode .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
  margin-left: 0.5rem;
}

.dark-mode .p-chips .p-chips-multiple-container .p-chips-input-token {
  padding: 0.25rem 0;
}

.dark-mode .p-chips .p-chips-multiple-container .p-chips-input-token input {
  font-family: "Unbounded", sans-serif;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.87);
  padding: 0;
  margin: 0;
}

.dark-mode .p-chips.p-invalid.p-component > .p-inputtext {
  border-color: #ef9a9a;
}

.dark-mode .p-colorpicker-preview {
  width: 2rem;
  height: 2rem;
}

.dark-mode .p-colorpicker-panel {
  background: #1e1e1e;
  border: 1px solid #383838;
}

.dark-mode .p-colorpicker-panel .p-colorpicker-color-handle,
.dark-mode .p-colorpicker-panel .p-colorpicker-hue-handle {
  border-color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-colorpicker-overlay-panel {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.dark-mode .p-dropdown {
  background: #121212;
  border: 1px solid #383838;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.dark-mode .p-dropdown:not(.p-disabled):hover {
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-dropdown:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-dropdown.p-dropdown-clearable .p-dropdown-label {
  padding-right: 1.5rem;
}

.dark-mode .p-dropdown .p-dropdown-label {
  background: transparent;
  border: 0 none;
}

.dark-mode .p-dropdown .p-dropdown-label.p-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-dropdown .p-dropdown-label:enabled:focus {
  outline: 0 none;
  box-shadow: none;
}

.dark-mode .p-dropdown .p-dropdown-trigger {
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dark-mode .p-dropdown .p-dropdown-clear-icon {
  color: rgba(255, 255, 255, 0.6);
  right: 2.357rem;
}

.dark-mode .p-dropdown.p-invalid.p-component {
  border-color: #ef9a9a;
}

.dark-mode .p-dropdown-panel {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.dark-mode .p-dropdown-panel .p-dropdown-header {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  margin: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
  padding-right: 1.5rem;
  margin-right: -1.5rem;
}

.dark-mode .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
  right: 0.5rem;
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-dropdown-panel .p-dropdown-items {
  padding: 0.5rem 0;
}

.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: rgba(255, 255, 255, 0.87);
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}

.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  font-weight: 600;
}

.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
  padding: 0.5rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  background: transparent;
}

.dark-mode .p-input-filled .p-dropdown {
  background: #383838;
}

.dark-mode .p-input-filled .p-dropdown:not(.p-disabled):hover {
  background-color: #383838;
}

.dark-mode .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
  background-color: #383838;
}

.dark-mode .p-editor-container .p-editor-toolbar {
  background: #1e1e1e;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #383838;
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  stroke: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  fill: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: #1e1e1e;
  border: 1px solid #383838;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  padding: 0.5rem 0;
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
  padding: 0.5rem 1rem;
}

.dark-mode .p-editor-container .p-editor-content {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-editor-container .p-editor-content.ql-snow {
  border: 1px solid #383838;
}

.dark-mode .p-editor-container .p-editor-content .ql-editor {
  background: #121212;
  color: rgba(255, 255, 255, 0.87);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-editor-container .ql-snow.ql-toolbar button:hover,
.dark-mode .p-editor-container .ql-snow.ql-toolbar button:focus {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.dark-mode .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.dark-mode .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-editor-container .ql-snow.ql-toolbar button.ql-active,
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(var(--vs-color), 1);
}

.dark-mode .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: rgba(var(--vs-color), 1);
}

.dark-mode .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: rgba(var(--vs-color), 1);
}

.dark-mode .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
  color: rgba(var(--vs-color), 1);
}

.dark-mode .p-inputgroup-addon {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.6);
  border-top: 1px solid #383838;
  border-left: 1px solid #383838;
  border-bottom: 1px solid #383838;
  padding: 0.5rem 0.5rem;
  min-width: 2.357rem;
}

.dark-mode .p-inputgroup-addon:last-child {
  border-right: 1px solid #383838;
}

.dark-mode .p-inputgroup > .p-component,
.dark-mode .p-inputgroup > .p-inputwrapper > .p-inputtext,
.dark-mode .p-inputgroup > .p-float-label > .p-component {
  border-radius: 0;
  margin: 0;
}

.dark-mode .p-inputgroup > .p-component + .p-inputgroup-addon,
.dark-mode .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
.dark-mode .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
  border-left: 0 none;
}

.dark-mode .p-inputgroup > .p-component:focus,
.dark-mode .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
.dark-mode .p-inputgroup > .p-float-label > .p-component:focus {
  z-index: 1;
}

.dark-mode .p-inputgroup > .p-component:focus ~ label,
.dark-mode .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
.dark-mode .p-inputgroup > .p-float-label > .p-component:focus ~ label {
  z-index: 1;
}

.dark-mode .p-inputgroup-addon:first-child,
.dark-mode .p-inputgroup button:first-child,
.dark-mode .p-inputgroup input:first-child,
.dark-mode .p-inputgroup > .p-inputwrapper:first-child,
.dark-mode .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-inputgroup .p-float-label:first-child input {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-inputgroup-addon:last-child,
.dark-mode .p-inputgroup button:last-child,
.dark-mode .p-inputgroup input:last-child,
.dark-mode .p-inputgroup > .p-inputwrapper:last-child,
.dark-mode .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dark-mode .p-inputgroup .p-float-label:last-child input {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dark-mode .p-fluid .p-inputgroup .p-button {
  width: auto;
}

.dark-mode .p-fluid .p-inputgroup .p-button.p-button-icon-only {
  width: 2.357rem;
}

.dark-mode .p-inputnumber.p-invalid.p-component > .p-inputtext {
  border-color: #ef9a9a;
}

.dark-mode .p-inputswitch {
  width: 3rem;
  height: 1.75rem;
}

.dark-mode .p-inputswitch .p-inputswitch-slider {
  background: #383838;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 30px;
}

.dark-mode .p-inputswitch .p-inputswitch-slider:before {
  background: rgba(255, 255, 255, 0.6);
  width: 1.25rem;
  height: 1.25rem;
  left: 0.25rem;
  margin-top: -0.625rem;
  border-radius: 50%;
  transition-duration: 0.2s;
}

.dark-mode .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  transform: translateX(1.25rem);
}

.dark-mode .p-inputswitch.p-focus .p-inputswitch-slider {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: rgba(var(--vs-color), 1);
}

.dark-mode .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  background: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
  background: #b052c0;
}

.dark-mode .p-inputswitch.p-invalid {
  border-color: #ef9a9a;
}

.dark-mode .p-inputtext {
  font-family: "Unbounded", sans-serif;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.87);
  background: #121212;
  padding: 0.5rem 0.5rem;
  border: 1px solid #383838;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 3px;
}

.dark-mode .p-inputtext:enabled:hover {
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-inputtext:enabled:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-inputtext.p-invalid.p-component {
  border-color: #ef9a9a;
}

.dark-mode .p-inputtext.p-inputtext-sm {
  font-size: 0.875rem;
  padding: 0.4375rem 0.4375rem;
}

.dark-mode .p-inputtext.p-inputtext-lg {
  font-size: 1.25rem;
  padding: 0.625rem 0.625rem;
}

.dark-mode .p-float-label > label {
  left: 0.5rem;
  color: rgba(255, 255, 255, 0.6);
  transition-duration: 0.2s;
}

.dark-mode .p-input-icon-left > i:first-of-type {
  left: 0.5rem;
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-input-icon-left > .p-inputtext {
  padding-left: 2rem;
}

.dark-mode .p-input-icon-left.p-float-label > label {
  left: 2rem;
}

.dark-mode .p-input-icon-right > i:last-of-type {
  right: 0.5rem;
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-input-icon-right > .p-inputtext {
  padding-right: 2rem;
}

.dark-mode ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode :-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-input-filled .p-inputtext {
  background-color: #383838;
}

.dark-mode .p-input-filled .p-inputtext:enabled:hover {
  background-color: #383838;
}

.dark-mode .p-input-filled .p-inputtext:enabled:focus {
  background-color: #383838;
}

.dark-mode .p-inputtext-sm .p-inputtext {
  font-size: 0.875rem;
  padding: 0.4375rem 0.4375rem;
}

.dark-mode .p-inputtext-lg .p-inputtext {
  font-size: 1.25rem;
  padding: 0.625rem 0.625rem;
}

.dark-mode .p-listbox {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
}

.dark-mode .p-listbox .p-listbox-header {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  margin: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-listbox .p-listbox-header .p-listbox-filter {
  padding-right: 1.5rem;
}

.dark-mode .p-listbox .p-listbox-header .p-listbox-filter-icon {
  right: 0.5rem;
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-listbox .p-listbox-list {
  padding: 0.5rem 0;
}

.dark-mode .p-listbox .p-listbox-list .p-listbox-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: rgba(255, 255, 255, 0.87);
  transition: box-shadow 0.2s;
  border-radius: 0;
}

.dark-mode .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-listbox .p-listbox-list .p-listbox-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-listbox .p-listbox-list .p-listbox-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  font-weight: 600;
}

.dark-mode .p-listbox .p-listbox-list .p-listbox-empty-message {
  padding: 0.5rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  background: transparent;
}

.dark-mode .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-listbox.p-invalid {
  border-color: #ef9a9a;
}

.dark-mode .p-multiselect {
  background: #121212;
  border: 1px solid #383838;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.dark-mode .p-multiselect:not(.p-disabled):hover {
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-multiselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-multiselect .p-multiselect-label {
  padding: 0.5rem 0.5rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-multiselect .p-multiselect-label.p-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-multiselect.p-multiselect-chip .p-multiselect-token {
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  background: #383838;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 16px;
}

.dark-mode .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
  margin-left: 0.5rem;
}

.dark-mode .p-multiselect .p-multiselect-trigger {
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dark-mode .p-multiselect.p-invalid.p-component {
  border-color: #ef9a9a;
}

.dark-mode .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
  padding: 0.25rem 0.5rem;
}

.dark-mode .p-multiselect-panel {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.dark-mode .p-multiselect-panel .p-multiselect-header {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  margin: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  padding-right: 1.5rem;
}

.dark-mode .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
  right: 0.5rem;
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-multiselect-panel .p-multiselect-header .p-checkbox {
  margin-right: 0.5rem;
}

.dark-mode .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  margin-left: 0.5rem;
  width: 2rem;
  height: 2rem;
  color: rgba(255, 255, 255, 0.6);
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
  color: rgba(255, 255, 255, 0.87);
  border-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-multiselect-panel .p-multiselect-items {
  padding: 0.5rem 0;
}

.dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: rgba(255, 255, 255, 0.87);
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}

.dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
  margin-right: 0.5rem;
}

.dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  font-weight: 600;
}

.dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
  padding: 0.5rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  background: transparent;
}

.dark-mode .p-input-filled .p-multiselect {
  background: #383838;
}

.dark-mode .p-input-filled .p-multiselect:not(.p-disabled):hover {
  background-color: #383838;
}

.dark-mode .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
  background-color: #383838;
}

.dark-mode .p-password.p-invalid.p-component > .p-inputtext {
  border-color: #ef9a9a;
}

.dark-mode .p-password-panel {
  padding: 1rem;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.dark-mode .p-password-panel .p-password-meter {
  margin-bottom: 0.5rem;
  background: #383838;
}

.dark-mode .p-password-panel .p-password-meter .p-password-strength.weak {
  background: #f48fb1;
}

.dark-mode .p-password-panel .p-password-meter .p-password-strength.medium {
  background: #ffe082;
}

.dark-mode .p-password-panel .p-password-meter .p-password-strength.strong {
  background: #c5e1a5;
}

.dark-mode .p-radiobutton {
  width: 20px;
  height: 20px;
}

.dark-mode .p-radiobutton .p-radiobutton-box {
  border: 2px solid #383838;
  background: #121212;
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 12px;
  height: 12px;
  transition-duration: 0.2s;
  background-color: #ffffff;
}

.dark-mode .p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: rgba(var(--vs-color), 1);
  background: rgba(var(--vs-color), 1);
}

.dark-mode .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  border-color: #a241b2;
  background: #a241b2;
  color: #ffffff;
}

.dark-mode .p-radiobutton.p-invalid > .p-radiobutton-box {
  border-color: #ef9a9a;
}

.dark-mode .p-radiobutton:focus {
  outline: 0 none;
}

.dark-mode .p-input-filled .p-radiobutton .p-radiobutton-box {
  background-color: #383838;
}

.dark-mode .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
  background-color: #383838;
}

.dark-mode .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
  background: rgba(var(--vs-color), 1);
}

.dark-mode .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  background: #a241b2;
}

.dark-mode .p-rating .p-rating-icon {
  color: rgba(255, 255, 255, 0.87);
  margin-left: 0.5rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  font-size: 1.143rem;
}

.dark-mode .p-rating .p-rating-icon.p-rating-cancel {
  color: #f48fb1;
}

.dark-mode .p-rating .p-rating-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-rating .p-rating-icon:first-child {
  margin-left: 0;
}

.dark-mode .p-rating .p-rating-icon.pi-star-fill {
  color: rgba(var(--vs-color), 1);
}

.dark-mode .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
  color: rgba(var(--vs-color), 1);
}

.dark-mode .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
  color: #f48fb1;
}

.dark-mode .p-selectbutton .p-button {
  background: #1e1e1e;
  border: 1px solid #383838;
  color: rgba(255, 255, 255, 0.87);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-selectbutton .p-button .p-button-icon-left,
.dark-mode .p-selectbutton .p-button .p-button-icon-right {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: #383838;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.dark-mode .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-selectbutton .p-button.p-highlight {
  background: rgba(var(--vs-color), 1);
  border-color: rgba(var(--vs-color), 1);
  color: #ffffff;
}

.dark-mode .p-selectbutton .p-button.p-highlight .p-button-icon-left,
.dark-mode .p-selectbutton .p-button.p-highlight .p-button-icon-right {
  color: #ffffff;
}

.dark-mode .p-selectbutton .p-button.p-highlight:hover {
  background: #b052c0;
  border-color: #b052c0;
  color: #ffffff;
}

.dark-mode .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.dark-mode .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
  color: #ffffff;
}

.dark-mode .p-selectbutton.p-invalid > .p-button {
  border-color: #ef9a9a;
}

.dark-mode .p-slider {
  background: #383838;
  border: 0 none;
  border-radius: 3px;
}

.dark-mode .p-slider.p-slider-horizontal {
  height: 0.286rem;
}

.dark-mode .p-slider.p-slider-horizontal .p-slider-handle {
  margin-top: -0.5715rem;
  margin-left: -0.5715rem;
}

.dark-mode .p-slider.p-slider-vertical {
  width: 0.286rem;
}

.dark-mode .p-slider.p-slider-vertical .p-slider-handle {
  margin-left: -0.5715rem;
  margin-bottom: -0.5715rem;
}

.dark-mode .p-slider .p-slider-handle {
  height: 1.143rem;
  width: 1.143rem;
  background: #383838;
  border: 2px solid rgba(var(--vs-color), 1);
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-slider .p-slider-handle:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-slider .p-slider-range {
  background: rgba(var(--vs-color), 1);
}

.dark-mode .p-slider:not(.p-disabled) .p-slider-handle:hover {
  background: rgba(var(--vs-color), 1);
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-treeselect {
  background: #121212;
  border: 1px solid #383838;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.dark-mode .p-treeselect:not(.p-disabled):hover {
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-treeselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
  border-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-treeselect .p-treeselect-label {
  padding: 0.5rem 0.5rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-treeselect .p-treeselect-label.p-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-treeselect.p-treeselect-chip .p-treeselect-token {
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  background: #383838;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 16px;
}

.dark-mode .p-treeselect .p-treeselect-trigger {
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dark-mode .p-treeselect.p-invalid.p-component {
  border-color: #ef9a9a;
}

.dark-mode .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
  padding: 0.25rem 0.5rem;
}

.dark-mode .p-treeselect-panel {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.dark-mode .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
  border: 0 none;
}

.dark-mode .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
  padding: 0.5rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  background: transparent;
}

.dark-mode .p-input-filled .p-treeselect {
  background: #383838;
}

.dark-mode .p-input-filled .p-treeselect:not(.p-disabled):hover {
  background-color: #383838;
}

.dark-mode .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
  background-color: #383838;
}

.dark-mode .p-togglebutton.p-button {
  background: #1e1e1e;
  border: 1px solid #383838;
  color: rgba(255, 255, 255, 0.87);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-togglebutton.p-button .p-button-icon-left,
.dark-mode .p-togglebutton.p-button .p-button-icon-right {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: #383838;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.dark-mode .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-togglebutton.p-button.p-highlight {
  background: rgba(var(--vs-color), 1);
  border-color: rgba(var(--vs-color), 1);
  color: #ffffff;
}

.dark-mode .p-togglebutton.p-button.p-highlight .p-button-icon-left,
.dark-mode .p-togglebutton.p-button.p-highlight .p-button-icon-right {
  color: #ffffff;
}

.dark-mode .p-togglebutton.p-button.p-highlight:hover {
  background: #b052c0;
  border-color: #b052c0;
  color: #ffffff;
}

.dark-mode .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
.dark-mode .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
  color: #ffffff;
}

.dark-mode .p-togglebutton.p-button.p-invalid > .p-button {
  border-color: #ef9a9a;
}

.dark-mode .p-button {
  color: #ffffff;
  background: rgba(var(--vs-color), 1);
  border: 1px solid rgba(var(--vs-color), 1);
  padding: 0.5rem 1rem;
  font-size: 1rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.dark-mode .p-button:enabled:hover {
  background: #b052c0;
  color: #ffffff;
  border-color: #b052c0;
}

.dark-mode .p-button:enabled:active {
  background: #a241b2;
  color: #ffffff;
  border-color: #a241b2;
}

.dark-mode .p-button.p-button-outlined {
  background-color: transparent;
  color: rgba(var(--vs-color), 1);
  border: 1px solid;
}

.dark-mode .p-button.p-button-outlined:enabled:hover {
  background: rgba(10, 158, 60, 0.04);
  color: rgba(var(--vs-color), 1);
  border: 1px solid;
}

.dark-mode .p-button.p-button-outlined:enabled:active {
  background: rgba(10, 158, 60, 0.16);
  color: rgba(var(--vs-color), 1);
  border: 1px solid;
}

.dark-mode .p-button.p-button-outlined.p-button-plain {
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-button.p-button-outlined.p-button-plain:enabled:hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-button.p-button-outlined.p-button-plain:enabled:active {
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-button.p-button-text {
  background-color: transparent;
  color: rgba(var(--vs-color), 1);
  border-color: transparent;
}

.dark-mode .p-button.p-button-text:enabled:hover {
  background: rgba(10, 158, 60, 0.04);
  color: rgba(var(--vs-color), 1);
  border-color: transparent;
}

.dark-mode .p-button.p-button-text:enabled:active {
  background: rgba(10, 158, 60, 0.16);
  color: rgba(var(--vs-color), 1);
  border-color: transparent;
}

.dark-mode .p-button.p-button-text.p-button-plain {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-button.p-button-text.p-button-plain:enabled:hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-button.p-button-text.p-button-plain:enabled:active {
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-button .p-button-icon-left {
  margin-right: 0.5rem;
}

.dark-mode .p-button .p-button-icon-right {
  margin-left: 0.5rem;
}

.dark-mode .p-button .p-button-icon-bottom {
  margin-top: 0.5rem;
}

.dark-mode .p-button .p-button-icon-top {
  margin-bottom: 0.5rem;
}

.dark-mode .p-button .p-badge {
  margin-left: 0.5rem;
  min-width: 1rem;
  height: 1rem;
  line-height: 1rem;
  color: rgba(var(--vs-color), 1);
  background-color: #ffffff;
}

.dark-mode .p-button.p-button-raised {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.dark-mode .p-button.p-button-rounded {
  border-radius: 2rem;
}

.dark-mode .p-button.p-button-icon-only {
  width: 2.357rem;
  padding: 0.5rem 0;
}

.dark-mode .p-button.p-button-icon-only .p-button-icon-left,
.dark-mode .p-button.p-button-icon-only .p-button-icon-right {
  margin: 0;
}

.dark-mode .p-button.p-button-icon-only.p-button-rounded {
  border-radius: 50%;
  height: 2.357rem;
}

.dark-mode .p-button.p-button-sm {
  font-size: 0.875rem;
  padding: 0.4375rem 0.875rem;
}

.dark-mode .p-button.p-button-sm .p-button-icon {
  font-size: 0.875rem;
}

.dark-mode .p-button.p-button-lg {
  font-size: 1.25rem;
  padding: 0.625rem 1.25rem;
}

.dark-mode .p-button.p-button-lg .p-button-icon {
  font-size: 1.25rem;
}

.dark-mode .p-button.p-button-loading-label-only .p-button-label {
  margin-left: 0.5rem;
}

.dark-mode .p-button.p-button-loading-label-only .p-button-loading-icon {
  margin-right: 0;
}

.dark-mode .p-fluid .p-button {
  width: 100%;
}

.dark-mode .p-fluid .p-button-icon-only {
  width: 2.357rem;
}

.dark-mode .p-fluid .p-buttonset {
  display: flex;
}

.dark-mode .p-fluid .p-buttonset .p-button {
  flex: 1;
}

.dark-mode .p-button.p-button-secondary,
.dark-mode .p-buttonset.p-button-secondary > .p-button,
.dark-mode .p-splitbutton.p-button-secondary > .p-button {
  color: #ffffff;
  background: #78909c;
  border: 1px solid #78909c;
}

.dark-mode .p-button.p-button-secondary:enabled:hover,
.dark-mode .p-buttonset.p-button-secondary > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
  background: #69838f;
  color: #ffffff;
  border-color: #69838f;
}

.dark-mode .p-button.p-button-secondary:enabled:focus,
.dark-mode .p-buttonset.p-button-secondary > .p-button:enabled:focus,
.dark-mode .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
  box-shadow: 0 0 0 1px #a1b1ba;
}

.dark-mode .p-button.p-button-secondary:enabled:active,
.dark-mode .p-buttonset.p-button-secondary > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-secondary > .p-button:enabled:active {
  background: #5d747f;
  color: #ffffff;
  border-color: #5d747f;
}

.dark-mode .p-button.p-button-secondary.p-button-outlined,
.dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-outlined,
.dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
  background-color: transparent;
  color: #78909c;
  border: 1px solid;
}

.dark-mode .p-button.p-button-secondary.p-button-outlined:enabled:hover,
.dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover,
.dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
  background: rgba(120, 144, 156, 0.04);
  color: #78909c;
  border: 1px solid;
}

.dark-mode .p-button.p-button-secondary.p-button-outlined:enabled:active,
.dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active,
.dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
  background: rgba(120, 144, 156, 0.16);
  color: #78909c;
  border: 1px solid;
}

.dark-mode .p-button.p-button-secondary.p-button-text,
.dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-text,
.dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-text {
  background-color: transparent;
  color: #78909c;
  border-color: transparent;
}

.dark-mode .p-button.p-button-secondary.p-button-text:enabled:hover,
.dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover,
.dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
  background: rgba(120, 144, 156, 0.04);
  border-color: transparent;
  color: #78909c;
}

.dark-mode .p-button.p-button-secondary.p-button-text:enabled:active,
.dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active,
.dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
  background: rgba(120, 144, 156, 0.16);
  border-color: transparent;
  color: #78909c;
}

.dark-mode .p-button.p-button-info,
.dark-mode .p-buttonset.p-button-info > .p-button,
.dark-mode .p-splitbutton.p-button-info > .p-button {
  color: #121212;
  background: #81d4fa;
  border: 1px solid #81d4fa;
}

.dark-mode .p-button.p-button-info:enabled:hover,
.dark-mode .p-buttonset.p-button-info > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-info > .p-button:enabled:hover {
  background: #5dc8f9;
  color: #121212;
  border-color: #5dc8f9;
}

.dark-mode .p-button.p-button-info:enabled:focus,
.dark-mode .p-buttonset.p-button-info > .p-button:enabled:focus,
.dark-mode .p-splitbutton.p-button-info > .p-button:enabled:focus {
  box-shadow: 0 0 0 1px #a7e1fc;
}

.dark-mode .p-button.p-button-info:enabled:active,
.dark-mode .p-buttonset.p-button-info > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-info > .p-button:enabled:active {
  background: #38bbf7;
  color: #121212;
  border-color: #38bbf7;
}

.dark-mode .p-button.p-button-info.p-button-outlined,
.dark-mode .p-buttonset.p-button-info > .p-button.p-button-outlined,
.dark-mode .p-splitbutton.p-button-info > .p-button.p-button-outlined {
  background-color: transparent;
  color: #81d4fa;
  border: 1px solid;
}

.dark-mode .p-button.p-button-info.p-button-outlined:enabled:hover,
.dark-mode .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover,
.dark-mode .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
  background: rgba(129, 212, 250, 0.04);
  color: #81d4fa;
  border: 1px solid;
}

.dark-mode .p-button.p-button-info.p-button-outlined:enabled:active,
.dark-mode .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active,
.dark-mode .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
  background: rgba(129, 212, 250, 0.16);
  color: #81d4fa;
  border: 1px solid;
}

.dark-mode .p-button.p-button-info.p-button-text,
.dark-mode .p-buttonset.p-button-info > .p-button.p-button-text,
.dark-mode .p-splitbutton.p-button-info > .p-button.p-button-text {
  background-color: transparent;
  color: #81d4fa;
  border-color: transparent;
}

.dark-mode .p-button.p-button-info.p-button-text:enabled:hover,
.dark-mode .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover,
.dark-mode .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
  background: rgba(129, 212, 250, 0.04);
  border-color: transparent;
  color: #81d4fa;
}

.dark-mode .p-button.p-button-info.p-button-text:enabled:active,
.dark-mode .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active,
.dark-mode .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
  background: rgba(129, 212, 250, 0.16);
  border-color: transparent;
  color: #81d4fa;
}

.dark-mode .p-button.p-button-success,
.dark-mode .p-buttonset.p-button-success > .p-button,
.dark-mode .p-splitbutton.p-button-success > .p-button {
  color: #121212;
  background: #c5e1a5;
  border: 1px solid #c5e1a5;
}

.dark-mode .p-button.p-button-success:enabled:hover,
.dark-mode .p-buttonset.p-button-success > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-success > .p-button:enabled:hover {
  background: #b2d788;
  color: #121212;
  border-color: #b2d788;
}

.dark-mode .p-button.p-button-success:enabled:focus,
.dark-mode .p-buttonset.p-button-success > .p-button:enabled:focus,
.dark-mode .p-splitbutton.p-button-success > .p-button:enabled:focus {
  box-shadow: 0 0 0 1px #d6eac0;
}

.dark-mode .p-button.p-button-success:enabled:active,
.dark-mode .p-buttonset.p-button-success > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-success > .p-button:enabled:active {
  background: #9fce6b;
  color: #121212;
  border-color: #9fce6b;
}

.dark-mode .p-button.p-button-success.p-button-outlined,
.dark-mode .p-buttonset.p-button-success > .p-button.p-button-outlined,
.dark-mode .p-splitbutton.p-button-success > .p-button.p-button-outlined {
  background-color: transparent;
  color: #c5e1a5;
  border: 1px solid;
}

.dark-mode .p-button.p-button-success.p-button-outlined:enabled:hover,
.dark-mode .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover,
.dark-mode .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
  background: rgba(197, 225, 165, 0.04);
  color: #c5e1a5;
  border: 1px solid;
}

.dark-mode .p-button.p-button-success.p-button-outlined:enabled:active,
.dark-mode .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active,
.dark-mode .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
  background: rgba(197, 225, 165, 0.16);
  color: #c5e1a5;
  border: 1px solid;
}

.dark-mode .p-button.p-button-success.p-button-text,
.dark-mode .p-buttonset.p-button-success > .p-button.p-button-text,
.dark-mode .p-splitbutton.p-button-success > .p-button.p-button-text {
  background-color: transparent;
  color: #c5e1a5;
  border-color: transparent;
}

.dark-mode .p-button.p-button-success.p-button-text:enabled:hover,
.dark-mode .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover,
.dark-mode .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
  background: rgba(197, 225, 165, 0.04);
  border-color: transparent;
  color: #c5e1a5;
}

.dark-mode .p-button.p-button-success.p-button-text:enabled:active,
.dark-mode .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active,
.dark-mode .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
  background: rgba(197, 225, 165, 0.16);
  border-color: transparent;
  color: #c5e1a5;
}

.dark-mode .p-button.p-button-warning,
.dark-mode .p-buttonset.p-button-warning > .p-button,
.dark-mode .p-splitbutton.p-button-warning > .p-button {
  color: #121212;
  background: #ffe082;
  border: 1px solid #ffe082;
}

.dark-mode .p-button.p-button-warning:enabled:hover,
.dark-mode .p-buttonset.p-button-warning > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-warning > .p-button:enabled:hover {
  background: #ffd65c;
  color: #121212;
  border-color: #ffd65c;
}

.dark-mode .p-button.p-button-warning:enabled:focus,
.dark-mode .p-buttonset.p-button-warning > .p-button:enabled:focus,
.dark-mode .p-splitbutton.p-button-warning > .p-button:enabled:focus {
  box-shadow: 0 0 0 1px #ffe9a8;
}

.dark-mode .p-button.p-button-warning:enabled:active,
.dark-mode .p-buttonset.p-button-warning > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-warning > .p-button:enabled:active {
  background: #ffcd35;
  color: #121212;
  border-color: #ffcd35;
}

.dark-mode .p-button.p-button-warning.p-button-outlined,
.dark-mode .p-buttonset.p-button-warning > .p-button.p-button-outlined,
.dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
  background-color: transparent;
  color: #ffe082;
  border: 1px solid;
}

.dark-mode .p-button.p-button-warning.p-button-outlined:enabled:hover,
.dark-mode .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover,
.dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
  background: rgba(255, 224, 130, 0.04);
  color: #ffe082;
  border: 1px solid;
}

.dark-mode .p-button.p-button-warning.p-button-outlined:enabled:active,
.dark-mode .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active,
.dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
  background: rgba(255, 224, 130, 0.16);
  color: #ffe082;
  border: 1px solid;
}

.dark-mode .p-button.p-button-warning.p-button-text,
.dark-mode .p-buttonset.p-button-warning > .p-button.p-button-text,
.dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-text {
  background-color: transparent;
  color: #ffe082;
  border-color: transparent;
}

.dark-mode .p-button.p-button-warning.p-button-text:enabled:hover,
.dark-mode .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover,
.dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
  background: rgba(255, 224, 130, 0.04);
  border-color: transparent;
  color: #ffe082;
}

.dark-mode .p-button.p-button-warning.p-button-text:enabled:active,
.dark-mode .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active,
.dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
  background: rgba(255, 224, 130, 0.16);
  border-color: transparent;
  color: #ffe082;
}

.dark-mode .p-button.p-button-help,
.dark-mode .p-buttonset.p-button-help > .p-button,
.dark-mode .p-splitbutton.p-button-help > .p-button {
  color: #121212;
  background: #ce93d8;
  border: 1px solid #ce93d8;
}

.dark-mode .p-button.p-button-help:enabled:hover,
.dark-mode .p-buttonset.p-button-help > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-help > .p-button:enabled:hover {
  background: #c278ce;
  color: #121212;
  border-color: #c278ce;
}

.dark-mode .p-button.p-button-help:enabled:focus,
.dark-mode .p-buttonset.p-button-help > .p-button:enabled:focus,
.dark-mode .p-splitbutton.p-button-help > .p-button:enabled:focus {
  box-shadow: 0 0 0 1px #ddb3e4;
}

.dark-mode .p-button.p-button-help:enabled:active,
.dark-mode .p-buttonset.p-button-help > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-help > .p-button:enabled:active {
  background: #b65ec5;
  color: #121212;
  border-color: #b65ec5;
}

.dark-mode .p-button.p-button-help.p-button-outlined,
.dark-mode .p-buttonset.p-button-help > .p-button.p-button-outlined,
.dark-mode .p-splitbutton.p-button-help > .p-button.p-button-outlined {
  background-color: transparent;
  color: #ce93d8;
  border: 1px solid;
}

.dark-mode .p-button.p-button-help.p-button-outlined:enabled:hover,
.dark-mode .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover,
.dark-mode .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
  background: rgba(206, 147, 216, 0.04);
  color: #ce93d8;
  border: 1px solid;
}

.dark-mode .p-button.p-button-help.p-button-outlined:enabled:active,
.dark-mode .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active,
.dark-mode .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
  background: rgba(206, 147, 216, 0.16);
  color: #ce93d8;
  border: 1px solid;
}

.dark-mode .p-button.p-button-help.p-button-text,
.dark-mode .p-buttonset.p-button-help > .p-button.p-button-text,
.dark-mode .p-splitbutton.p-button-help > .p-button.p-button-text {
  background-color: transparent;
  color: #ce93d8;
  border-color: transparent;
}

.dark-mode .p-button.p-button-help.p-button-text:enabled:hover,
.dark-mode .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover,
.dark-mode .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
  background: rgba(206, 147, 216, 0.04);
  border-color: transparent;
  color: #ce93d8;
}

.dark-mode .p-button.p-button-help.p-button-text:enabled:active,
.dark-mode .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active,
.dark-mode .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
  background: rgba(206, 147, 216, 0.16);
  border-color: transparent;
  color: #ce93d8;
}

.dark-mode .p-button.p-button-danger,
.dark-mode .p-buttonset.p-button-danger > .p-button,
.dark-mode .p-splitbutton.p-button-danger > .p-button {
  color: #121212;
  background: #f48fb1;
  border: 1px solid #f48fb1;
}

.dark-mode .p-button.p-button-danger:enabled:hover,
.dark-mode .p-buttonset.p-button-danger > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-danger > .p-button:enabled:hover {
  background: #f16c98;
  color: #121212;
  border-color: #f16c98;
}

.dark-mode .p-button.p-button-danger:enabled:focus,
.dark-mode .p-buttonset.p-button-danger > .p-button:enabled:focus,
.dark-mode .p-splitbutton.p-button-danger > .p-button:enabled:focus {
  box-shadow: 0 0 0 1px #f7b1c8;
}

.dark-mode .p-button.p-button-danger:enabled:active,
.dark-mode .p-buttonset.p-button-danger > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-danger > .p-button:enabled:active {
  background: #ed4980;
  color: #121212;
  border-color: #ed4980;
}

.dark-mode .p-button.p-button-danger.p-button-outlined,
.dark-mode .p-buttonset.p-button-danger > .p-button.p-button-outlined,
.dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
  background-color: transparent;
  color: #f48fb1;
  border: 1px solid;
}

.dark-mode .p-button.p-button-danger.p-button-outlined:enabled:hover,
.dark-mode .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover,
.dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
  background: rgba(244, 143, 177, 0.04);
  color: #f48fb1;
  border: 1px solid;
}

.dark-mode .p-button.p-button-danger.p-button-outlined:enabled:active,
.dark-mode .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active,
.dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
  background: rgba(244, 143, 177, 0.16);
  color: #f48fb1;
  border: 1px solid;
}

.dark-mode .p-button.p-button-danger.p-button-text,
.dark-mode .p-buttonset.p-button-danger > .p-button.p-button-text,
.dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-text {
  background-color: transparent;
  color: #f48fb1;
  border-color: transparent;
}

.dark-mode .p-button.p-button-danger.p-button-text:enabled:hover,
.dark-mode .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover,
.dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
  background: rgba(244, 143, 177, 0.04);
  border-color: transparent;
  color: #f48fb1;
}

.dark-mode .p-button.p-button-danger.p-button-text:enabled:active,
.dark-mode .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active,
.dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
  background: rgba(244, 143, 177, 0.16);
  border-color: transparent;
  color: #f48fb1;
}

.dark-mode .p-button.p-button-link {
  color: rgba(var(--vs-color), 1);
  background: transparent;
  border: transparent;
}

.dark-mode .p-button.p-button-link:enabled:hover {
  background: transparent;
  color: rgba(var(--vs-color), 1);
  border-color: transparent;
}

.dark-mode .p-button.p-button-link:enabled:hover .p-button-label {
  text-decoration: underline;
}

.dark-mode .p-button.p-button-link:enabled:focus {
  background: transparent;
  box-shadow: 0 0 0 1px #cf95d9;
  border-color: transparent;
}

.dark-mode .p-button.p-button-link:enabled:active {
  background: transparent;
  color: rgba(var(--vs-color), 1);
  border-color: transparent;
}

.dark-mode .p-speeddial-button.p-button.p-button-icon-only {
  width: 4rem;
  height: 4rem;
}

.dark-mode .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
  font-size: 1.3rem;
}

.dark-mode .p-speeddial-action {
  width: 3rem;
  height: 3rem;
  background: rgba(255, 255, 255, 0.87);
  color: #121212;
}

.dark-mode .p-speeddial-action:hover {
  background: rgba(255, 255, 255, 0.6);
  color: #121212;
}

.dark-mode .p-speeddial-direction-up .p-speeddial-item {
  margin: 0.25rem 0;
}

.dark-mode .p-speeddial-direction-up .p-speeddial-item:first-child {
  margin-bottom: 0.5rem;
}

.dark-mode .p-speeddial-direction-down .p-speeddial-item {
  margin: 0.25rem 0;
}

.dark-mode .p-speeddial-direction-down .p-speeddial-item:first-child {
  margin-top: 0.5rem;
}

.dark-mode .p-speeddial-direction-left .p-speeddial-item {
  margin: 0 0.25rem;
}

.dark-mode .p-speeddial-direction-left .p-speeddial-item:first-child {
  margin-right: 0.5rem;
}

.dark-mode .p-speeddial-direction-right .p-speeddial-item {
  margin: 0 0.25rem;
}

.dark-mode .p-speeddial-direction-right .p-speeddial-item:first-child {
  margin-left: 0.5rem;
}

.dark-mode .p-speeddial-circle .p-speeddial-item,
.dark-mode .p-speeddial-semi-circle .p-speeddial-item,
.dark-mode .p-speeddial-quarter-circle .p-speeddial-item {
  margin: 0;
}

.dark-mode .p-speeddial-circle .p-speeddial-item:first-child,
.dark-mode .p-speeddial-circle .p-speeddial-item:last-child,
.dark-mode .p-speeddial-semi-circle .p-speeddial-item:first-child,
.dark-mode .p-speeddial-semi-circle .p-speeddial-item:last-child,
.dark-mode .p-speeddial-quarter-circle .p-speeddial-item:first-child,
.dark-mode .p-speeddial-quarter-circle .p-speeddial-item:last-child {
  margin: 0;
}

.dark-mode .p-speeddial-mask {
  background-color: rgba(0, 0, 0, 0.4);
}

.dark-mode .p-carousel .p-carousel-content .p-carousel-prev,
.dark-mode .p-carousel .p-carousel-content .p-carousel-next {
  width: 2rem;
  height: 2rem;
  color: rgba(255, 255, 255, 0.6);
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin: 0.5rem;
}

.dark-mode .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.dark-mode .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
  color: rgba(255, 255, 255, 0.87);
  border-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-carousel .p-carousel-content .p-carousel-prev:focus,
.dark-mode .p-carousel .p-carousel-content .p-carousel-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-carousel .p-carousel-indicators {
  padding: 1rem;
}

.dark-mode .p-carousel .p-carousel-indicators .p-carousel-indicator {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.dark-mode .p-carousel .p-carousel-indicators .p-carousel-indicator button {
  background-color: #383838;
  width: 2rem;
  height: 0.5rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 0;
}

.dark-mode .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
  background: #4c4c4c;
}

.dark-mode .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  background: rgba(10, 158, 60, 0.16);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-datatable .p-paginator-top {
  border-width: 1px 0 1px 0;
  border-radius: 0;
}

.dark-mode .p-datatable .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.dark-mode .p-datatable .p-datatable-header {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #383838;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}

.dark-mode .p-datatable .p-datatable-footer {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}

.dark-mode .p-datatable .p-datatable-thead > tr > th {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #383838;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  transition: box-shadow 0.2s;
}

.dark-mode .p-datatable .p-datatable-tfoot > tr > td {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #383838;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
}

.dark-mode .p-datatable .p-sortable-column .p-sortable-column-icon {
  color: rgba(255, 255, 255, 0.6);
  margin-left: 0.5rem;
}

.dark-mode .p-datatable .p-sortable-column .p-sortable-column-badge {
  border-radius: 50%;
  height: 1.143rem;
  min-width: 1.143rem;
  line-height: 1.143rem;
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
  margin-left: 0.5rem;
}

.dark-mode .p-datatable .p-sortable-column:not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-datatable .p-sortable-column.p-highlight {
  background: #1e1e1e;
  color: rgba(var(--vs-color), 1);
}

.dark-mode .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: rgba(var(--vs-color), 1);
}

.dark-mode .p-datatable .p-sortable-column.p-highlight:hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(var(--vs-color), 1);
}

.dark-mode .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
  color: rgba(var(--vs-color), 1);
}

.dark-mode .p-datatable .p-sortable-column:focus {
  box-shadow: inset 0 0 0 1px #cf95d9;
  outline: 0 none;
}

.dark-mode .p-datatable .p-datatable-tbody > tr {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  transition: box-shadow 0.2s;
}

.dark-mode .p-datatable .p-datatable-tbody > tr > td {
  text-align: left;
  border: 1px solid #383838;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
}

.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
  width: 2rem;
  height: 2rem;
  color: rgba(255, 255, 255, 0.6);
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
  color: rgba(255, 255, 255, 0.87);
  border-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
  margin-right: 0.5rem;
}

.dark-mode .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
  font-weight: 600;
}

.dark-mode .p-datatable .p-datatable-tbody > tr:focus {
  outline: 1px solid #cf95d9;
  outline-offset: -1px;
}

.dark-mode .p-datatable .p-datatable-tbody > tr.p-highlight {
  background: rgba(10, 158, 60, 0.16);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 rgba(10, 158, 60, 0.16);
}

.dark-mode .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 rgba(10, 158, 60, 0.16);
}

.dark-mode .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-datatable .p-column-resizer-helper {
  background: rgba(var(--vs-color), 1);
}

.dark-mode .p-datatable .p-datatable-scrollable-header,
.dark-mode .p-datatable .p-datatable-scrollable-footer {
  background: #1e1e1e;
}

.dark-mode .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
.dark-mode .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
  background-color: #1e1e1e;
}

.dark-mode .p-datatable .p-datatable-loading-icon {
  font-size: 2rem;
}

.dark-mode .p-datatable.p-datatable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}

.dark-mode .p-datatable.p-datatable-gridlines .p-datatable-footer {
  border-width: 0 1px 1px 1px;
}

.dark-mode .p-datatable.p-datatable-gridlines .p-paginator-top {
  border-width: 0 1px 0 1px;
}

.dark-mode .p-datatable.p-datatable-gridlines .p-paginator-bottom {
  border-width: 0 1px 1px 1px;
}

.dark-mode .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
  border-width: 1px 1px 1px 1px;
}

.dark-mode .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
  border-width: 1px;
}

.dark-mode .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
  border-width: 1px;
}

.dark-mode .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
  border-left-width: 0;
}

.dark-mode .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
  border-left-width: 0;
}

.dark-mode .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td,
.dark-mode .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
  border-top-width: 0;
}

.dark-mode .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
  border-left-width: 0;
}

.dark-mode .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.01);
}

.dark-mode .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
  background: rgba(10, 158, 60, 0.16);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-datatable.p-datatable-sm .p-datatable-header {
  padding: 0.5rem 0.5rem;
}

.dark-mode .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
  padding: 0.5rem 0.5rem;
}

.dark-mode .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
  padding: 0.5rem 0.5rem;
}

.dark-mode .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
  padding: 0.5rem 0.5rem;
}

.dark-mode .p-datatable.p-datatable-sm .p-datatable-footer {
  padding: 0.5rem 0.5rem;
}

.dark-mode .p-datatable.p-datatable-lg .p-datatable-header {
  padding: 1.25rem 1.25rem;
}

.dark-mode .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  padding: 1.25rem 1.25rem;
}

.dark-mode .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  padding: 1.25rem 1.25rem;
}

.dark-mode .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
  padding: 1.25rem 1.25rem;
}

.dark-mode .p-datatable.p-datatable-lg .p-datatable-footer {
  padding: 1.25rem 1.25rem;
}

.dark-mode .p-dataview .p-paginator-top {
  border-width: 1px 0 1px 0;
  border-radius: 0;
}

.dark-mode .p-dataview .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.dark-mode .p-dataview .p-dataview-header {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #383838;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}

.dark-mode .p-dataview .p-dataview-content {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 0 none;
  padding: 0;
}

.dark-mode .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
  border: solid #383838;
  border-width: 0 0 1px 0;
}

.dark-mode .p-dataview .p-dataview-footer {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dark-mode .p-column-filter-row .p-column-filter-menu-button,
.dark-mode .p-column-filter-row .p-column-filter-clear-button {
  margin-left: 0.5rem;
}

.dark-mode .p-column-filter-menu-button {
  width: 2rem;
  height: 2rem;
  color: rgba(255, 255, 255, 0.6);
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-column-filter-menu-button:hover {
  color: rgba(255, 255, 255, 0.87);
  border-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-column-filter-menu-button.p-column-filter-menu-button-open,
.dark-mode .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-column-filter-menu-button.p-column-filter-menu-button-active,
.dark-mode .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
  background: rgba(10, 158, 60, 0.16);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-column-filter-menu-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-column-filter-clear-button {
  width: 2rem;
  height: 2rem;
  color: rgba(255, 255, 255, 0.6);
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-column-filter-clear-button:hover {
  color: rgba(255, 255, 255, 0.87);
  border-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-column-filter-clear-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-column-filter-overlay {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  min-width: 12.5rem;
}

.dark-mode .p-column-filter-overlay .p-column-filter-row-items {
  padding: 0.5rem 0;
}

.dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: rgba(255, 255, 255, 0.87);
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}

.dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
  border-top: 1px solid #383838;
  margin: 0.25rem 0;
}

.dark-mode .p-column-filter-overlay-menu .p-column-filter-operator {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  margin: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-column-filter-overlay-menu .p-column-filter-constraint {
  padding: 1rem;
  border-bottom: 1px solid #383838;
}

.dark-mode .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
  margin-bottom: 0.5rem;
}

.dark-mode .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
  margin-top: 0.5rem;
}

.dark-mode .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
  border-bottom: 0 none;
}

.dark-mode .p-column-filter-overlay-menu .p-column-filter-add-rule {
  padding: 0.5rem 1rem;
}

.dark-mode .p-column-filter-overlay-menu .p-column-filter-buttonbar {
  padding: 1rem;
}

.dark-mode .fc {
  /* FullCalendar 4 */
  /* FullCalendar 5 */
}

.dark-mode .fc.fc-unthemed .fc-view-container th {
  background: #1e1e1e;
  border: 1px solid #383838;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .fc.fc-unthemed .fc-view-container td.fc-widget-content {
  border: 1px solid #383838;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .fc.fc-unthemed .fc-view-container td.fc-head-container {
  border: 1px solid #383838;
}

.dark-mode .fc.fc-unthemed .fc-view-container .fc-view {
  background: #1e1e1e;
}

.dark-mode .fc.fc-unthemed .fc-view-container .fc-row {
  border-right: 1px solid #383838;
}

.dark-mode .fc.fc-unthemed .fc-view-container .fc-event {
  background: #b052c0;
  border: 1px solid #b052c0;
  color: #ffffff;
}

.dark-mode .fc.fc-unthemed .fc-view-container .fc-divider {
  background: #1e1e1e;
  border: 1px solid #383838;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button {
  color: #ffffff;
  background: rgba(var(--vs-color), 1);
  border: 1px solid rgba(var(--vs-color), 1);
  font-size: 1rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
  display: flex;
  align-items: center;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
  background: #b052c0;
  color: #ffffff;
  border-color: #b052c0;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
  background: #a241b2;
  color: #ffffff;
  border-color: #a241b2;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: "\e900";
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: "\e901";
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
  background: #1e1e1e;
  border: 1px solid #383838;
  color: rgba(255, 255, 255, 0.87);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: #383838;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
  background: rgba(var(--vs-color), 1);
  border-color: rgba(var(--vs-color), 1);
  color: #ffffff;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
  background: #b052c0;
  border-color: #b052c0;
  color: #ffffff;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
  z-index: 1;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
  border-radius: 0;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
  border-color: #383838;
}

.dark-mode .fc.fc-theme-standard .fc-view-harness th {
  background: #1e1e1e;
  border-color: #383838;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .fc.fc-theme-standard .fc-view-harness td {
  color: rgba(255, 255, 255, 0.87);
  border-color: #383838;
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-view {
  background: #1e1e1e;
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover {
  background: none;
  border: 0 none;
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
  border: 1px solid #383838;
  padding: 1rem;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-family: "PrimeIcons" !important;
  font-size: 1rem;
  width: 2rem;
  height: 2rem;
  color: rgba(255, 255, 255, 0.6);
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
  content: "\e90b";
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
  color: rgba(255, 255, 255, 0.87);
  border-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
  padding: 1rem;
  border: 1px solid #383838;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border-top: 0 none;
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
  color: #ffffff;
  background: #b052c0;
  border-color: #b052c0;
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
  color: #ffffff;
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
  background: #b052c0;
  border-color: #b052c0;
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
  background: #1e1e1e;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button {
  color: #ffffff;
  background: rgba(var(--vs-color), 1);
  border: 1px solid rgba(var(--vs-color), 1);
  font-size: 1rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
  background: #b052c0;
  color: #ffffff;
  border-color: #b052c0;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
  background: #a241b2;
  color: #ffffff;
  border-color: #a241b2;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
  opacity: 0.4;
  color: #ffffff;
  background: rgba(var(--vs-color), 1);
  border: 1px solid rgba(var(--vs-color), 1);
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: "\e900";
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: "\e901";
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
  background: #1e1e1e;
  border: 1px solid #383838;
  color: rgba(255, 255, 255, 0.87);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: #383838;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
  background: rgba(var(--vs-color), 1);
  border-color: rgba(var(--vs-color), 1);
  color: #ffffff;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
  background: #b052c0;
  border-color: #b052c0;
  color: #ffffff;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
  z-index: 1;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
  border-radius: 0;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dark-mode .fc.fc-theme-standard .fc-highlight {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-orderlist .p-orderlist-controls {
  padding: 1rem;
}

.dark-mode .p-orderlist .p-orderlist-controls .p-button {
  margin-bottom: 0.5rem;
}

.dark-mode .p-orderlist .p-orderlist-header {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  padding: 1rem;
  font-weight: 600;
  border-bottom: 0 none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-orderlist .p-orderlist-list {
  border: 1px solid #383838;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  padding: 0.5rem 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-orderlist .p-orderlist-list .p-orderlist-item {
  padding: 0.5rem 1rem;
  margin: 0;
  border: 0 none;
  color: rgba(255, 255, 255, 0.87);
  background: transparent;
  transition: transform 0.2s, box-shadow 0.2s;
}

.dark-mode .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-organizationchart .p-organizationchart-node-content.p-highlight {
  background: rgba(10, 158, 60, 0.16);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
  color: rgba(117, 47, 129, 0.16);
}

.dark-mode .p-organizationchart .p-organizationchart-line-down {
  background: #383838;
}

.dark-mode .p-organizationchart .p-organizationchart-line-left {
  border-right: 1px solid #383838;
  border-color: #383838;
}

.dark-mode .p-organizationchart .p-organizationchart-line-top {
  border-top: 1px solid #383838;
  border-color: #383838;
}

.dark-mode .p-organizationchart .p-organizationchart-node-content {
  border: 1px solid #383838;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  padding: 1rem;
}

.dark-mode .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
  background: inherit;
  color: inherit;
  border-radius: 50%;
}

.dark-mode .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-paginator {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.6);
  border: solid #383838;
  border-width: 1px;
  padding: 0.5rem 1rem;
  border-radius: 3px;
}

.dark-mode .p-paginator .p-paginator-first,
.dark-mode .p-paginator .p-paginator-prev,
.dark-mode .p-paginator .p-paginator-next,
.dark-mode .p-paginator .p-paginator-last {
  background-color: transparent;
  border: 0 none;
  color: rgba(255, 255, 255, 0.6);
  min-width: 2.286em;
  height: 2.286em;
  margin: 0.143rem;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}

.dark-mode .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.dark-mode .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.dark-mode .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.dark-mode .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: transparent;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-paginator .p-paginator-first {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-paginator .p-paginator-last {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dark-mode .p-paginator .p-dropdown {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: 2.286em;
}

.dark-mode .p-paginator .p-dropdown .p-dropdown-label {
  padding-right: 0;
}

.dark-mode .p-paginator .p-paginator-page-input {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.dark-mode .p-paginator .p-paginator-page-input .p-inputtext {
  max-width: 2.286em;
}

.dark-mode .p-paginator .p-paginator-current {
  background-color: transparent;
  border: 0 none;
  color: rgba(255, 255, 255, 0.6);
  min-width: 2.286em;
  height: 2.286em;
  margin: 0.143rem;
  padding: 0 0.5rem;
}

.dark-mode .p-paginator .p-paginator-pages .p-paginator-page {
  background-color: transparent;
  border: 0 none;
  color: rgba(255, 255, 255, 0.6);
  min-width: 2.286em;
  height: 2.286em;
  margin: 0.143rem;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}

.dark-mode .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: rgba(10, 158, 60, 0.16);
  border-color: rgba(10, 158, 60, 0.16);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: transparent;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-picklist .p-picklist-buttons {
  padding: 1rem;
}

.dark-mode .p-picklist .p-picklist-buttons .p-button {
  margin-bottom: 0.5rem;
}

.dark-mode .p-picklist .p-picklist-header {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  padding: 1rem;
  font-weight: 600;
  border-bottom: 0 none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-picklist .p-picklist-list {
  border: 1px solid #383838;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  padding: 0.5rem 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-picklist .p-picklist-list .p-picklist-item {
  padding: 0.5rem 1rem;
  margin: 0;
  border: 0 none;
  color: rgba(255, 255, 255, 0.87);
  background: transparent;
  transition: transform 0.2s, box-shadow 0.2s;
}

.dark-mode .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-picklist .p-picklist-list .p-picklist-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-timeline .p-timeline-event-marker {
  border: 2px solid rgba(var(--vs-color), 1);
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #1e1e1e;
}

.dark-mode .p-timeline .p-timeline-event-connector {
  background-color: #383838;
}

.dark-mode .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.dark-mode .p-timeline.p-timeline-vertical .p-timeline-event-content {
  padding: 0 1rem;
}

.dark-mode .p-timeline.p-timeline-vertical .p-timeline-event-connector {
  width: 2px;
}

.dark-mode .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.dark-mode .p-timeline.p-timeline-horizontal .p-timeline-event-content {
  padding: 1rem 0;
}

.dark-mode .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
  height: 2px;
}

.dark-mode .p-tree {
  border: 1px solid #383838;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  padding: 1rem;
  border-radius: 3px;
}

.dark-mode .p-tree .p-tree-container .p-treenode {
  padding: 0.143rem;
}

.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content {
  border-radius: 3px;
  transition: box-shadow 0.2s;
  padding: 0;
}

.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  color: rgba(255, 255, 255, 0.6);
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
  color: rgba(255, 255, 255, 0.87);
  border-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
  margin-right: 0.5rem;
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
  margin-right: 0.5rem;
}

.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
  background: rgba(10, 158, 60, 0.16);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-tree .p-tree-filter-container {
  margin-bottom: 0.5rem;
}

.dark-mode .p-tree .p-tree-filter-container .p-tree-filter {
  width: 100%;
  padding-right: 1.5rem;
}

.dark-mode .p-tree .p-tree-filter-container .p-tree-filter-icon {
  right: 0.5rem;
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-tree .p-treenode-children {
  padding: 0 0 0 1rem;
}

.dark-mode .p-tree .p-tree-loading-icon {
  font-size: 2rem;
}

.dark-mode .p-treetable .p-paginator-top {
  border-width: 1px 0 1px 0;
  border-radius: 0;
}

.dark-mode .p-treetable .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.dark-mode .p-treetable .p-treetable-header {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #383838;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}

.dark-mode .p-treetable .p-treetable-footer {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}

.dark-mode .p-treetable .p-treetable-thead > tr > th {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #383838;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  transition: box-shadow 0.2s;
}

.dark-mode .p-treetable .p-treetable-tfoot > tr > td {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #383838;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
}

.dark-mode .p-treetable .p-sortable-column {
  outline-color: #cf95d9;
}

.dark-mode .p-treetable .p-sortable-column .p-sortable-column-icon {
  color: rgba(255, 255, 255, 0.6);
  margin-left: 0.5rem;
}

.dark-mode .p-treetable .p-sortable-column .p-sortable-column-badge {
  border-radius: 50%;
  height: 1.143rem;
  min-width: 1.143rem;
  line-height: 1.143rem;
  color: rgba(255, 255, 255, 0.87);
  background: rgba(10, 158, 60, 0.16);
  margin-left: 0.5rem;
}

.dark-mode .p-treetable .p-sortable-column:not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-treetable .p-sortable-column.p-highlight {
  background: #1e1e1e;
  color: rgba(var(--vs-color), 1);
}

.dark-mode .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: rgba(var(--vs-color), 1);
}

.dark-mode .p-treetable .p-treetable-tbody > tr {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  transition: box-shadow 0.2s;
}

.dark-mode .p-treetable .p-treetable-tbody > tr > td {
  text-align: left;
  border: 1px solid #383838;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
}

.dark-mode .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
  width: 2rem;
  height: 2rem;
  color: rgba(255, 255, 255, 0.6);
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin-right: 0.5rem;
}

.dark-mode .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
  color: rgba(255, 255, 255, 0.87);
  border-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
  margin-right: 0.5rem;
}

.dark-mode .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-treetable .p-treetable-tbody > tr:focus {
  outline: 1px solid #cf95d9;
  outline-offset: -1px;
}

.dark-mode .p-treetable .p-treetable-tbody > tr.p-highlight {
  background: rgba(10, 158, 60, 0.16);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-treetable .p-column-resizer-helper {
  background: rgba(var(--vs-color), 1);
}

.dark-mode .p-treetable .p-treetable-scrollable-header,
.dark-mode .p-treetable .p-treetable-scrollable-footer {
  background: #1e1e1e;
}

.dark-mode .p-treetable .p-treetable-loading-icon {
  font-size: 2rem;
}

.dark-mode .p-treetable.p-treetable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}

.dark-mode .p-treetable.p-treetable-gridlines .p-treetable-footer {
  border-width: 0 1px 1px 1px;
}

.dark-mode .p-treetable.p-treetable-gridlines .p-treetable-top {
  border-width: 0 1px 0 1px;
}

.dark-mode .p-treetable.p-treetable-gridlines .p-treetable-bottom {
  border-width: 0 1px 1px 1px;
}

.dark-mode .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
  border-width: 1px;
}

.dark-mode .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
  border-width: 1px;
}

.dark-mode .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
  border-width: 1px;
}

.dark-mode .p-treetable.p-treetable-sm .p-treetable-header {
  padding: 0.875rem 0.875rem;
}

.dark-mode .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
  padding: 0.5rem 0.5rem;
}

.dark-mode .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
  padding: 0.5rem 0.5rem;
}

.dark-mode .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
  padding: 0.5rem 0.5rem;
}

.dark-mode .p-treetable.p-treetable-sm .p-treetable-footer {
  padding: 0.5rem 0.5rem;
}

.dark-mode .p-treetable.p-treetable-lg .p-treetable-header {
  padding: 1.25rem 1.25rem;
}

.dark-mode .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
  padding: 1.25rem 1.25rem;
}

.dark-mode .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
  padding: 1.25rem 1.25rem;
}

.dark-mode .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
  padding: 1.25rem 1.25rem;
}

.dark-mode .p-treetable.p-treetable-lg .p-treetable-footer {
  padding: 1.25rem 1.25rem;
}

.dark-mode .p-accordion .p-accordion-header .p-accordion-header-link {
  padding: 1rem;
  border: 1px solid #383838;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  font-weight: 600;
  border-radius: 3px;
  transition: box-shadow 0.2s;
}

.dark-mode .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  margin-right: 0.5rem;
}

.dark-mode .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
  background: rgba(255, 255, 255, 0.03);
  border-color: #383838;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #1e1e1e;
  border-color: #383838;
  color: rgba(255, 255, 255, 0.87);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.dark-mode .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  border-color: #383838;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-accordion .p-accordion-content {
  padding: 1rem;
  border: 1px solid #383838;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-accordion .p-accordion-tab {
  margin-bottom: 0;
}

.dark-mode .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
  border-radius: 0;
}

.dark-mode .p-accordion .p-accordion-tab .p-accordion-content {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.dark-mode .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
  border-top: 0 none;
}

.dark-mode .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link,
.dark-mode .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  border-top: 0 none;
}

.dark-mode .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-accordion .p-accordion-tab:last-child .p-accordion-content {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-card {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.dark-mode .p-card .p-card-body {
  padding: 1rem;
}

.dark-mode .p-card .p-card-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.dark-mode .p-card .p-card-subtitle {
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-card .p-card-content {
  padding: 1rem 0;
}

.dark-mode .p-card .p-card-footer {
  padding: 1rem 0 0 0;
}

.dark-mode .p-fieldset {
  border: 1px solid #383838;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 3px;
}

.dark-mode .p-fieldset .p-fieldset-legend {
  padding: 1rem;
  border: 1px solid #383838;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  font-weight: 600;
  border-radius: 3px;
}

.dark-mode .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
  padding: 0;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
  padding: 1rem;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 3px;
  transition: box-shadow 0.2s;
}

.dark-mode .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
  margin-right: 0.5rem;
}

.dark-mode .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: #383838;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-fieldset .p-fieldset-content {
  padding: 1rem;
}

.dark-mode .p-divider .p-divider-content {
  background-color: #1e1e1e;
}

.dark-mode .p-divider.p-divider-horizontal {
  margin: 1rem 0;
  padding: 0 1rem;
}

.dark-mode .p-divider.p-divider-horizontal:before {
  border-top: 1px #383838;
}

.dark-mode .p-divider.p-divider-horizontal .p-divider-content {
  padding: 0 0.5rem;
}

.dark-mode .p-divider.p-divider-vertical {
  margin: 0 1rem;
  padding: 1rem 0;
}

.dark-mode .p-divider.p-divider-vertical:before {
  border-left: 1px #383838;
}

.dark-mode .p-divider.p-divider-vertical .p-divider-content {
  padding: 0.5rem 0;
}

.dark-mode .p-panel .p-panel-header {
  border: 1px solid #383838;
  padding: 1rem;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-panel .p-panel-header .p-panel-title {
  font-weight: 600;
}

.dark-mode .p-panel .p-panel-header .p-panel-header-icon {
  width: 2rem;
  height: 2rem;
  color: rgba(255, 255, 255, 0.6);
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
  color: rgba(255, 255, 255, 0.87);
  border-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-panel .p-panel-header .p-panel-header-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-panel.p-panel-toggleable .p-panel-header {
  padding: 0.5rem 1rem;
}

.dark-mode .p-panel .p-panel-content {
  padding: 1rem;
  border: 1px solid #383838;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 0 none;
}

.dark-mode .p-panel .p-panel-footer {
  padding: 0.5rem 1rem;
  border: 1px solid #383838;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border-top: 0 none;
}

.dark-mode .p-scrollpanel .p-scrollpanel-bar {
  background: #383838;
  border: 0 none;
}

.dark-mode .p-splitter {
  border: 1px solid #383838;
  background: #1e1e1e;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-splitter .p-splitter-gutter {
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
  background: #383838;
}

.dark-mode .p-splitter .p-splitter-gutter-resizing {
  background: #383838;
}

.dark-mode .p-tabview .p-tabview-nav {
  background: transparent;
  border: 1px solid #383838;
  border-width: 0 0 2px 0;
}

.dark-mode .p-tabview .p-tabview-nav li {
  margin-right: 0;
}

.dark-mode .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border: solid #383838;
  border-width: 0 0 2px 0;
  border-color: transparent transparent #383838 transparent;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.6);
  padding: 1rem;
  font-weight: 600;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  transition: box-shadow 0.2s;
  margin: 0 0 -2px 0;
}

.dark-mode .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
  background: #1e1e1e;
  border-color: rgba(var(--vs-color), 1);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  background: #1e1e1e;
  border-color: rgba(var(--vs-color), 1);
  color: rgba(var(--vs-color), 1);
}

.dark-mode .p-tabview .p-tabview-nav-btn.p-link {
  background: #1e1e1e;
  color: rgba(var(--vs-color), 1);
  width: 2.357rem;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 0;
}

.dark-mode .p-tabview .p-tabview-nav-btn.p-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-tabview .p-tabview-panels {
  background: #1e1e1e;
  padding: 1rem;
  border: 0 none;
  color: rgba(255, 255, 255, 0.87);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-toolbar {
  background: #1e1e1e;
  border: 1px solid #383838;
  padding: 1rem;
  border-radius: 3px;
}

.dark-mode .p-toolbar .p-toolbar-separator {
  margin: 0 0.5rem;
}

.dark-mode .p-confirm-popup {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.dark-mode .p-confirm-popup .p-confirm-popup-content {
  padding: 1rem;
}

.dark-mode .p-confirm-popup .p-confirm-popup-footer {
  text-align: right;
  padding: 0 1rem 1rem 1rem;
}

.dark-mode .p-confirm-popup .p-confirm-popup-footer button {
  margin: 0 0.5rem 0 0;
  width: auto;
}

.dark-mode .p-confirm-popup .p-confirm-popup-footer button:last-child {
  margin: 0;
}

.dark-mode .p-confirm-popup:after {
  border: solid transparent;
  border-color: rgba(30, 30, 30, 0);
  border-bottom-color: #1e1e1e;
}

.dark-mode .p-confirm-popup:before {
  border: solid transparent;
  border-color: rgba(56, 56, 56, 0);
  border-bottom-color: #383838;
}

.dark-mode .p-confirm-popup.p-confirm-popup-flipped:after {
  border-top-color: #1e1e1e;
}

.dark-mode .p-confirm-popup.p-confirm-popup-flipped:before {
  border-top-color: #383838;
}

.dark-mode .p-confirm-popup .p-confirm-popup-icon {
  font-size: 1.5rem;
}

.dark-mode .p-confirm-popup .p-confirm-popup-message {
  margin-left: 1rem;
}

.dark-mode .p-dialog {
  border-radius: 3px;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  border: 1px solid #383838;
}

.dark-mode .p-dialog .p-dialog-header {
  border-bottom: 0 none;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  padding: 1.5rem;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-dialog .p-dialog-header .p-dialog-title {
  font-weight: 600;
  font-size: 1.25rem;
}

.dark-mode .p-dialog .p-dialog-header .p-dialog-header-icon {
  width: 2rem;
  height: 2rem;
  color: rgba(255, 255, 255, 0.6);
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin-right: 0.5rem;
}

.dark-mode .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
  color: rgba(255, 255, 255, 0.87);
  border-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
  margin-right: 0;
}

.dark-mode .p-dialog .p-dialog-content {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  padding: 0 1.5rem 2rem 1.5rem;
}

.dark-mode .p-dialog .p-dialog-footer {
  border-top: 0 none;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  padding: 0 1.5rem 1.5rem 1.5rem;
  text-align: right;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-dialog .p-dialog-footer button {
  margin: 0 0.5rem 0 0;
  width: auto;
}

.dark-mode .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
  font-size: 2rem;
}

.dark-mode .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
  margin-left: 1rem;
}

.dark-mode .p-overlaypanel {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.dark-mode .p-overlaypanel .p-overlaypanel-content {
  padding: 1rem;
}

.dark-mode .p-overlaypanel .p-overlaypanel-close {
  background: rgba(var(--vs-color), 1);
  color: #ffffff;
  width: 2rem;
  height: 2rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
  position: absolute;
  top: -1rem;
  right: -1rem;
}

.dark-mode .p-overlaypanel .p-overlaypanel-close:enabled:hover {
  background: #b052c0;
  color: #ffffff;
}

.dark-mode .p-overlaypanel:after {
  border: solid transparent;
  border-color: rgba(30, 30, 30, 0);
  border-bottom-color: #1e1e1e;
}

.dark-mode .p-overlaypanel:before {
  border: solid transparent;
  border-color: rgba(56, 56, 56, 0);
  border-bottom-color: #383838;
}

.dark-mode .p-overlaypanel.p-overlaypanel-flipped:after {
  border-top-color: #1e1e1e;
}

.dark-mode .p-overlaypanel.p-overlaypanel-flipped:before {
  border-top-color: #383838;
}

.dark-mode .p-sidebar {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.dark-mode .p-sidebar .p-sidebar-header {
  padding: 1rem;
}

.dark-mode .p-sidebar .p-sidebar-header .p-sidebar-close,
.dark-mode .p-sidebar .p-sidebar-header .p-sidebar-icon {
  width: 2rem;
  height: 2rem;
  color: rgba(255, 255, 255, 0.6);
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
.dark-mode .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
  color: rgba(255, 255, 255, 0.87);
  border-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
.dark-mode .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-sidebar .p-sidebar-header + .p-sidebar-content {
  padding-top: 0;
}

.dark-mode .p-sidebar .p-sidebar-content {
  padding: 1rem;
}

.dark-mode .p-tooltip .p-tooltip-text {
  background: #383838;
  color: #111;
  padding: 0.5rem 0.5rem;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.dark-mode .p-tooltip.p-tooltip-right .p-tooltip-arrow {
  border-right-color: #383838;
}

.dark-mode .p-tooltip.p-tooltip-left .p-tooltip-arrow {
  border-left-color: #383838;
}

.dark-mode .p-tooltip.p-tooltip-top .p-tooltip-arrow {
  border-top-color: #383838;
}

.dark-mode .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  border-bottom-color: #383838;
}

.dark-mode .p-fileupload .p-fileupload-buttonbar {
  background: #1e1e1e;
  padding: 1rem;
  border: 1px solid #383838;
  color: rgba(255, 255, 255, 0.87);
  border-bottom: 0 none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-fileupload .p-fileupload-buttonbar .p-button {
  margin-right: 0.5rem;
}

.dark-mode .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-fileupload .p-fileupload-content {
  background: #1e1e1e;
  padding: 2rem 1rem;
  border: 1px solid #383838;
  color: rgba(255, 255, 255, 0.87);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-fileupload .p-progressbar {
  height: 0.25rem;
}

.dark-mode .p-fileupload .p-fileupload-row > div {
  padding: 1rem 1rem;
}

.dark-mode .p-fileupload.p-fileupload-advanced .p-message {
  margin-top: 0;
}

.dark-mode .p-fileupload-choose:not(.p-disabled):hover {
  background: #b052c0;
  color: #ffffff;
  border-color: #b052c0;
}

.dark-mode .p-fileupload-choose:not(.p-disabled):active {
  background: #a241b2;
  color: #ffffff;
  border-color: #a241b2;
}

.dark-mode .p-breadcrumb {
  background: #1e1e1e;
  border: 1px solid #383838;
  border-radius: 3px;
  padding: 1rem;
}

.dark-mode .p-breadcrumb ul li .p-menuitem-link {
  transition: box-shadow 0.2s;
  border-radius: 3px;
}

.dark-mode .p-breadcrumb ul li .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-breadcrumb ul li.p-breadcrumb-chevron {
  margin: 0 0.5rem 0 0.5rem;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-breadcrumb ul li:last-child .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-breadcrumb ul li:last-child .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-contextmenu {
  padding: 0.25rem 0;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  width: 12.5rem;
}

.dark-mode .p-contextmenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dark-mode .p-contextmenu .p-menuitem-link .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-contextmenu .p-menuitem-link .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.5rem;
}

.dark-mode .p-contextmenu .p-menuitem-link .p-submenu-icon {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-contextmenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-contextmenu .p-submenu-list {
  padding: 0.25rem 0;
  background: #1e1e1e;
  border: 1px solid #383838;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.dark-mode .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-contextmenu .p-menu-separator {
  border-top: 1px solid #383838;
  margin: 0.25rem 0;
}

.dark-mode .p-contextmenu .p-submenu-icon {
  font-size: 0.875rem;
}

.dark-mode .p-dock .p-dock-list-container {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.5rem 0.5rem;
  border-radius: 0.5rem;
}

.dark-mode .p-dock .p-dock-item {
  padding: 0.5rem;
}

.dark-mode .p-dock .p-dock-action {
  width: 4rem;
  height: 4rem;
}

.dark-mode .p-dock.p-dock-top .p-dock-item-second-prev,
.dark-mode .p-dock.p-dock-top .p-dock-item-second-next,
.dark-mode .p-dock.p-dock-bottom .p-dock-item-second-prev,
.dark-mode .p-dock.p-dock-bottom .p-dock-item-second-next {
  margin: 0 0.9rem;
}

.dark-mode .p-dock.p-dock-top .p-dock-item-prev,
.dark-mode .p-dock.p-dock-top .p-dock-item-next,
.dark-mode .p-dock.p-dock-bottom .p-dock-item-prev,
.dark-mode .p-dock.p-dock-bottom .p-dock-item-next {
  margin: 0 1.3rem;
}

.dark-mode .p-dock.p-dock-top .p-dock-item-current,
.dark-mode .p-dock.p-dock-bottom .p-dock-item-current {
  margin: 0 1.5rem;
}

.dark-mode .p-dock.p-dock-left .p-dock-item-second-prev,
.dark-mode .p-dock.p-dock-left .p-dock-item-second-next,
.dark-mode .p-dock.p-dock-right .p-dock-item-second-prev,
.dark-mode .p-dock.p-dock-right .p-dock-item-second-next {
  margin: 0.9rem 0;
}

.dark-mode .p-dock.p-dock-left .p-dock-item-prev,
.dark-mode .p-dock.p-dock-left .p-dock-item-next,
.dark-mode .p-dock.p-dock-right .p-dock-item-prev,
.dark-mode .p-dock.p-dock-right .p-dock-item-next {
  margin: 1.3rem 0;
}

.dark-mode .p-dock.p-dock-left .p-dock-item-current,
.dark-mode .p-dock.p-dock-right .p-dock-item-current {
  margin: 1.5rem 0;
}

@media screen and (max-width: 960px) {
  .dark-mode .p-dock.p-dock-top .p-dock-list-container,
.dark-mode .p-dock.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .dark-mode .p-dock.p-dock-top .p-dock-list-container .p-dock-list,
.dark-mode .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .dark-mode .p-dock.p-dock-left .p-dock-list-container,
.dark-mode .p-dock.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .dark-mode .p-dock.p-dock-left .p-dock-list-container .p-dock-list,
.dark-mode .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .dark-mode .p-dock .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
}

.dark-mode .p-megamenu {
  padding: 0.5rem;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
}

.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 3px;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.5rem;
}

.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: rgba(255, 255, 255, 0.6);
  margin-left: 0.5rem;
}

.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-megamenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dark-mode .p-megamenu .p-menuitem-link .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-megamenu .p-menuitem-link .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.5rem;
}

.dark-mode .p-megamenu .p-menuitem-link .p-submenu-icon {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-megamenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-megamenu .p-megamenu-panel {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.dark-mode .p-megamenu .p-megamenu-submenu-header {
  margin: 0;
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  font-weight: 600;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-megamenu .p-megamenu-submenu {
  padding: 0.25rem 0;
  width: 12.5rem;
}

.dark-mode .p-megamenu .p-megamenu-submenu .p-menu-separator {
  border-top: 1px solid #383838;
  margin: 0.25rem 0;
}

.dark-mode .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-megamenu.p-megamenu-vertical {
  width: 12.5rem;
  padding: 0.25rem 0;
}

.dark-mode .p-menu {
  padding: 0.25rem 0;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
  width: 12.5rem;
}

.dark-mode .p-menu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dark-mode .p-menu .p-menuitem-link .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menu .p-menuitem-link .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.5rem;
}

.dark-mode .p-menu .p-menuitem-link .p-submenu-icon {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-menu .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-menu.p-menu-overlay {
  background: #1e1e1e;
  border: 1px solid #383838;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.dark-mode .p-menu .p-submenu-header {
  margin: 0;
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  font-weight: 600;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.dark-mode .p-menu .p-menu-separator {
  border-top: 1px solid #383838;
  margin: 0.25rem 0;
}

.dark-mode .p-menubar {
  padding: 0.5rem;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
}

.dark-mode .p-menubar .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dark-mode .p-menubar .p-menuitem-link .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menubar .p-menuitem-link .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.5rem;
}

.dark-mode .p-menubar .p-menuitem-link .p-submenu-icon {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-menubar .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menubar .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 3px;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.5rem;
}

.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: rgba(255, 255, 255, 0.6);
  margin-left: 0.5rem;
}

.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menubar .p-submenu-list {
  padding: 0.25rem 0;
  background: #1e1e1e;
  border: 1px solid #383838;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  width: 12.5rem;
}

.dark-mode .p-menubar .p-submenu-list .p-menu-separator {
  border-top: 1px solid #383838;
  margin: 0.25rem 0;
}

.dark-mode .p-menubar .p-submenu-list .p-submenu-icon {
  font-size: 0.875rem;
}

.dark-mode .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

@media screen and (max-width: 960px) {
  .dark-mode .p-menubar {
    position: relative;
  }
  .dark-mode .p-menubar .p-menubar-button {
    display: flex;
    width: 2rem;
    height: 2rem;
    color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .dark-mode .p-menubar .p-menubar-button:hover {
    color: rgba(255, 255, 255, 0.87);
    background: rgba(255, 255, 255, 0.03);
  }
  .dark-mode .p-menubar .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 1px #cf95d9;
  }
  .dark-mode .p-menubar .p-menubar-root-list {
    position: absolute;
    display: none;
    padding: 0.25rem 0;
    background: #1e1e1e;
    border: 1px solid #383838;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    width: 100%;
  }
  .dark-mode .p-menubar .p-menubar-root-list .p-menu-separator {
    border-top: 1px solid #383838;
    margin: 0.25rem 0;
  }
  .dark-mode .p-menubar .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
    padding: 0.75rem 1rem;
    color: rgba(255, 255, 255, 0.87);
    border-radius: 0;
    transition: box-shadow 0.2s;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
    color: rgba(255, 255, 255, 0.87);
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
    color: rgba(255, 255, 255, 0.6);
    margin-right: 0.5rem;
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
    color: rgba(255, 255, 255, 0.6);
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
    background: rgba(255, 255, 255, 0.03);
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: rgba(255, 255, 255, 0.87);
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: rgba(255, 255, 255, 0.87);
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: rgba(255, 255, 255, 0.87);
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 1px #cf95d9;
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .dark-mode .p-menubar .p-menubar-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .dark-mode .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .dark-mode .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .dark-mode .p-menubar .p-menubar-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .dark-mode .p-menubar .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .dark-mode .p-menubar .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .dark-mode .p-menubar .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .dark-mode .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .dark-mode .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }
  .dark-mode .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
    display: flex;
    flex-direction: column;
    top: 100%;
    left: 0;
    z-index: 1;
  }
}

.dark-mode .p-panelmenu .p-panelmenu-header > a {
  padding: 1rem;
  border: 1px solid #383838;
  color: rgba(255, 255, 255, 0.87);
  background: #1e1e1e;
  font-weight: 600;
  border-radius: 3px;
  transition: box-shadow 0.2s;
}

.dark-mode .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
  margin-right: 0.5rem;
}

.dark-mode .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
  margin-right: 0.5rem;
}

.dark-mode .p-panelmenu .p-panelmenu-header > a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: #383838;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-panelmenu .p-panelmenu-header.p-highlight {
  margin-bottom: 0;
}

.dark-mode .p-panelmenu .p-panelmenu-header.p-highlight > a {
  background: #1e1e1e;
  border-color: #383838;
  color: rgba(255, 255, 255, 0.87);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.dark-mode .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
  border-color: #383838;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-panelmenu .p-panelmenu-content {
  padding: 0.25rem 0;
  border: 1px solid #383838;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  margin-bottom: 0;
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.5rem;
}

.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
  margin-right: 0.5rem;
}

.dark-mode .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
  padding: 0 0 0 1rem;
}

.dark-mode .p-panelmenu .p-panelmenu-panel {
  margin-bottom: 0;
}

.dark-mode .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
  border-radius: 0;
}

.dark-mode .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
  border-radius: 0;
}

.dark-mode .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
  border-top: 0 none;
}

.dark-mode .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a,
.dark-mode .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
  border-top: 0 none;
}

.dark-mode .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.dark-mode .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dark-mode .p-steps .p-steps-item .p-menuitem-link {
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 3px;
  background: transparent;
}

.dark-mode .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  color: rgba(255, 255, 255, 0.87);
  border: 0 none;
  background: transparent;
  min-width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 1.143rem;
  z-index: 1;
  border-radius: 50%;
}

.dark-mode .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  margin-top: 0.5rem;
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-steps .p-steps-item.p-highlight .p-steps-number {
  background: rgba(10, 158, 60, 0.16);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-steps .p-steps-item.p-highlight .p-steps-title {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-steps .p-steps-item:before {
  content: " ";
  border-top: 1px solid #383838;
  width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  margin-top: -1rem;
}

.dark-mode .p-tabmenu .p-tabmenu-nav {
  background: transparent;
  border: 1px solid #383838;
  border-width: 0 0 2px 0;
}

.dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
  margin-right: 0;
}

.dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  border: solid #383838;
  border-width: 0 0 2px 0;
  border-color: transparent transparent #383838 transparent;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.6);
  padding: 1rem;
  font-weight: 600;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  transition: box-shadow 0.2s;
  margin: 0 0 -2px 0;
}

.dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
  margin-right: 0.5rem;
}

.dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
  background: #1e1e1e;
  border-color: rgba(var(--vs-color), 1);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
  background: #1e1e1e;
  border-color: rgba(var(--vs-color), 1);
  color: rgba(var(--vs-color), 1);
}

.dark-mode .p-tieredmenu {
  padding: 0.25rem 0;
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  border-radius: 3px;
  width: 12.5rem;
}

.dark-mode .p-tieredmenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dark-mode .p-tieredmenu .p-menuitem-link .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.5rem;
}

.dark-mode .p-tieredmenu .p-menuitem-link .p-submenu-icon {
  color: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-tieredmenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px #cf95d9;
}

.dark-mode .p-tieredmenu.p-tieredmenu-overlay {
  background: #1e1e1e;
  border: 1px solid #383838;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.dark-mode .p-tieredmenu .p-submenu-list {
  padding: 0.25rem 0;
  background: #1e1e1e;
  border: 1px solid #383838;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.dark-mode .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: rgba(255, 255, 255, 0.03);
}

.dark-mode .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-tieredmenu .p-menu-separator {
  border-top: 1px solid #383838;
  margin: 0.25rem 0;
}

.dark-mode .p-tieredmenu .p-submenu-icon {
  font-size: 0.875rem;
}

.dark-mode .p-inline-message {
  padding: 0.5rem 0.5rem;
  margin: 0;
  border-radius: 3px;
}

.dark-mode .p-inline-message.p-inline-message-info {
  background: #b3e5fc;
  border: solid #0891cf;
  border-width: 1px;
  color: #044868;
}

.dark-mode .p-inline-message.p-inline-message-info .p-inline-message-icon {
  color: #044868;
}

.dark-mode .p-inline-message.p-inline-message-success {
  background: #c8e6c9;
  border: solid #439446;
  border-width: 1px;
  color: #224a23;
}

.dark-mode .p-inline-message.p-inline-message-success .p-inline-message-icon {
  color: #224a23;
}

.dark-mode .p-inline-message.p-inline-message-warn {
  background: #ffecb3;
  border: solid #d9a300;
  border-width: 1px;
  color: #6d5100;
}

.dark-mode .p-inline-message.p-inline-message-warn .p-inline-message-icon {
  color: #6d5100;
}

.dark-mode .p-inline-message.p-inline-message-error {
  background: #ffcdd2;
  border: solid #e60017;
  border-width: 1px;
  color: #73000c;
}

.dark-mode .p-inline-message.p-inline-message-error .p-inline-message-icon {
  color: #73000c;
}

.dark-mode .p-inline-message .p-inline-message-icon {
  font-size: 1rem;
  margin-right: 0.5rem;
}

.dark-mode .p-inline-message .p-inline-message-text {
  font-size: 1rem;
}

.dark-mode .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
  margin-right: 0;
}

.dark-mode .p-message {
  margin: 1rem 0;
  border-radius: 3px;
}

.dark-mode .p-message .p-message-wrapper {
  padding: 1rem 1.5rem;
}

.dark-mode .p-message .p-message-close {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: transparent;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-message .p-message-close:hover {
  background: rgba(255, 255, 255, 0.3);
}

.dark-mode .p-message .p-message-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-message.p-message-info {
  background: #b3e5fc;
  border: solid #0891cf;
  border-width: 0 0 0 6px;
  color: #044868;
}

.dark-mode .p-message.p-message-info .p-message-icon {
  color: #044868;
}

.dark-mode .p-message.p-message-info .p-message-close {
  color: #044868;
}

.dark-mode .p-message.p-message-success {
  background: #c8e6c9;
  border: solid #439446;
  border-width: 0 0 0 6px;
  color: #224a23;
}

.dark-mode .p-message.p-message-success .p-message-icon {
  color: #224a23;
}

.dark-mode .p-message.p-message-success .p-message-close {
  color: #224a23;
}

.dark-mode .p-message.p-message-warn {
  background: #ffecb3;
  border: solid #d9a300;
  border-width: 0 0 0 6px;
  color: #6d5100;
}

.dark-mode .p-message.p-message-warn .p-message-icon {
  color: #6d5100;
}

.dark-mode .p-message.p-message-warn .p-message-close {
  color: #6d5100;
}

.dark-mode .p-message.p-message-error {
  background: #ffcdd2;
  border: solid #e60017;
  border-width: 0 0 0 6px;
  color: #73000c;
}

.dark-mode .p-message.p-message-error .p-message-icon {
  color: #73000c;
}

.dark-mode .p-message.p-message-error .p-message-close {
  color: #73000c;
}

.dark-mode .p-message .p-message-text {
  font-size: 1rem;
  font-weight: 500;
}

.dark-mode .p-message .p-message-icon {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}

.dark-mode .p-toast {
  opacity: 0.9;
}

.dark-mode .p-toast .p-toast-message {
  margin: 0 0 1rem 0;
  box-shadow: none;
  border-radius: 3px;
}

.dark-mode .p-toast .p-toast-message .p-toast-message-content {
  padding: 1rem;
  border-width: 0 0 0 6px;
}

.dark-mode .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
  margin: 0 0 0 1rem;
}

.dark-mode .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
  font-size: 2rem;
}

.dark-mode .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
  font-weight: 700;
}

.dark-mode .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
  margin: 0.5rem 0 0 0;
}

.dark-mode .p-toast .p-toast-message .p-toast-icon-close {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: transparent;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-toast .p-toast-message .p-toast-icon-close:hover {
  background: rgba(255, 255, 255, 0.3);
}

.dark-mode .p-toast .p-toast-message .p-toast-icon-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-toast .p-toast-message.p-toast-message-info {
  background: #b3e5fc;
  border: solid #0891cf;
  border-width: 0 0 0 6px;
  color: #044868;
}

.dark-mode .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.dark-mode .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
  color: #044868;
}

.dark-mode .p-toast .p-toast-message.p-toast-message-success {
  background: #c8e6c9;
  border: solid #439446;
  border-width: 0 0 0 6px;
  color: #224a23;
}

.dark-mode .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.dark-mode .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
  color: #224a23;
}

.dark-mode .p-toast .p-toast-message.p-toast-message-warn {
  background: #ffecb3;
  border: solid #d9a300;
  border-width: 0 0 0 6px;
  color: #6d5100;
}

.dark-mode .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.dark-mode .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
  color: #6d5100;
}

.dark-mode .p-toast .p-toast-message.p-toast-message-error {
  background: #ffcdd2;
  border: solid #e60017;
  border-width: 0 0 0 6px;
  color: #73000c;
}

.dark-mode .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.dark-mode .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
  color: #73000c;
}

.dark-mode .p-galleria .p-galleria-close {
  margin: 0.5rem;
  background: transparent;
  color: #f8f9fa;
  width: 4rem;
  height: 4rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}

.dark-mode .p-galleria .p-galleria-close .p-galleria-close-icon {
  font-size: 2rem;
}

.dark-mode .p-galleria .p-galleria-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}

.dark-mode .p-galleria .p-galleria-item-nav {
  background: transparent;
  color: #f8f9fa;
  width: 4rem;
  height: 4rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
  margin: 0 0.5rem;
}

.dark-mode .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.dark-mode .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
  font-size: 2rem;
}

.dark-mode .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}

.dark-mode .p-galleria .p-galleria-caption {
  background: rgba(0, 0, 0, 0.5);
  color: #f8f9fa;
  padding: 1rem;
}

.dark-mode .p-galleria .p-galleria-indicators {
  padding: 1rem;
}

.dark-mode .p-galleria .p-galleria-indicators .p-galleria-indicator button {
  background-color: #383838;
  width: 1rem;
  height: 1rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}

.dark-mode .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
  background: #4c4c4c;
}

.dark-mode .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background: rgba(10, 158, 60, 0.16);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
.dark-mode .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
  margin-right: 0.5rem;
}

.dark-mode .p-galleria.p-galleria-indicators-left .p-galleria-indicator,
.dark-mode .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
  margin-bottom: 0.5rem;
}

.dark-mode .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
  background: rgba(0, 0, 0, 0.5);
}

.dark-mode .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
  background: rgba(255, 255, 255, 0.4);
}

.dark-mode .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
  background: rgba(255, 255, 255, 0.6);
}

.dark-mode .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background: rgba(10, 158, 60, 0.16);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-galleria .p-galleria-thumbnail-container {
  background: rgba(0, 0, 0, 0.9);
  padding: 1rem 0.25rem;
}

.dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
  margin: 0.5rem;
  background-color: transparent;
  color: #f8f9fa;
  width: 2rem;
  height: 2rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}

.dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}

.dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-galleria-mask {
  --maskbg: rgba(0, 0, 0, 0.9);
}

.dark-mode .p-image-mask {
  --maskbg: rgba(0, 0, 0, 0.9);
}

.dark-mode .p-image-preview-indicator {
  background-color: transparent;
  color: #f8f9fa;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-image-preview-container:hover > .p-image-preview-indicator {
  background-color: rgba(0, 0, 0, 0.5);
}

.dark-mode .p-image-toolbar {
  padding: 1rem;
}

.dark-mode .p-image-action.p-link {
  color: #f8f9fa;
  background-color: transparent;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin-right: 0.5rem;
}

.dark-mode .p-image-action.p-link:last-child {
  margin-right: 0;
}

.dark-mode .p-image-action.p-link:hover {
  color: #f8f9fa;
  background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .p-image-action.p-link i {
  font-size: 1.5rem;
}

.dark-mode .p-avatar {
  background-color: #383838;
  border-radius: 3px;
}

.dark-mode .p-avatar.p-avatar-lg {
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
}

.dark-mode .p-avatar.p-avatar-lg .p-avatar-icon {
  font-size: 1.5rem;
}

.dark-mode .p-avatar.p-avatar-xl {
  width: 4rem;
  height: 4rem;
  font-size: 2rem;
}

.dark-mode .p-avatar.p-avatar-xl .p-avatar-icon {
  font-size: 2rem;
}

.dark-mode .p-avatar-group .p-avatar {
  border: 2px solid #1e1e1e;
}

.dark-mode .p-badge {
  background: rgba(var(--vs-color), 1);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}

.dark-mode .p-badge.p-badge-secondary {
  background-color: #78909c;
  color: #ffffff;
}

.dark-mode .p-badge.p-badge-success {
  background-color: #c5e1a5;
  color: #121212;
}

.dark-mode .p-badge.p-badge-info {
  background-color: #81d4fa;
  color: #121212;
}

.dark-mode .p-badge.p-badge-warning {
  background-color: #ffe082;
  color: #121212;
}

.dark-mode .p-badge.p-badge-danger {
  background-color: #f48fb1;
  color: #121212;
}

.dark-mode .p-badge.p-badge-lg {
  font-size: 1.125rem;
  min-width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
}

.dark-mode .p-badge.p-badge-xl {
  font-size: 1.5rem;
  min-width: 3rem;
  height: 3rem;
  line-height: 3rem;
}

.dark-mode .p-chip {
  background-color: #383838;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 16px;
  padding: 0 0.5rem;
}

.dark-mode .p-chip .p-chip-text {
  line-height: 1.5;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.dark-mode .p-chip .p-chip-icon {
  margin-right: 0.5rem;
}

.dark-mode .p-chip img {
  width: 2rem;
  height: 2rem;
  margin-left: -0.5rem;
  margin-right: 0.5rem;
}

.dark-mode .p-chip .p-chip-remove-icon {
  margin-left: 0.5rem;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-chip .p-chip-remove-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-inplace .p-inplace-display {
  padding: 0.5rem 0.5rem;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-inplace .p-inplace-display:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-inplace .p-inplace-display:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #cf95d9;
}

.dark-mode .p-progressbar {
  border: 0 none;
  height: 1.5rem;
  background: #1a1a1a;
  border-radius: 3px;
}

.dark-mode .p-progressbar .p-progressbar-value {
  border: 0 none;
  margin: 0;
  background: rgba(var(--vs-color), 1);
}

.dark-mode .p-progressbar .p-progressbar-label {
  color: #ffffff;
  line-height: 1.5rem;
}

.dark-mode .p-scrolltop {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.dark-mode .p-scrolltop.p-link {
  background: rgba(10, 158, 60, 0.16);
}

.dark-mode .p-scrolltop.p-link:hover {
  background: rgba(10, 158, 60, 0.3616);
}

.dark-mode .p-scrolltop .p-scrolltop-icon {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.87);
}

.dark-mode .p-skeleton {
  background-color: rgba(255, 255, 255, 0.06);
  border-radius: 3px;
}

.dark-mode .p-skeleton:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}

.dark-mode .p-tag {
  background: rgba(var(--vs-color), 1);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.4rem;
  border-radius: 3px;
}

.dark-mode .p-tag.p-tag-success {
  background-color: #c5e1a5;
  color: #121212;
}

.dark-mode .p-tag.p-tag-info {
  background-color: #81d4fa;
  color: #121212;
}

.dark-mode .p-tag.p-tag-warning {
  background-color: #ffe082;
  color: #121212;
}

.dark-mode .p-tag.p-tag-danger {
  background-color: #f48fb1;
  color: #121212;
}

.dark-mode .p-tag .p-tag-icon {
  margin-right: 0.25rem;
  font-size: 0.75rem;
}

.dark-mode .p-terminal {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.87);
  border: 1px solid #383838;
  padding: 1rem;
}

.dark-mode .p-terminal .p-terminal-input {
  font-size: 1rem;
  font-family: "Unbounded", sans-serif;
}

.dark-mode .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  background-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background-color: rgba(var(--vs-color), 1);
}

.dark-mode .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background: rgba(var(--vs-color), 1);
}

.dark-mode .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 rgba(var(--vs-color), 1);
}

.dark-mode .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 rgba(var(--vs-color), 1);
}

.vs-button {
  border-radius: 6px;
}

.vs-button--size-xl > .vs-button__content {
  padding: 10px 25px;
  text-transform: uppercase;
  font-weight: 500;
  min-height: 50px;
}

.vs-button--size-xl > .vs-button__content i {
  font-size: 1.5rem;
}

.vs-button--size-large > .vs-button__content {
  padding: 5px 15px;
  font-weight: 500;
  min-height: 40px;
  font-size: 12px;
}

.vs-button--size-large > .vs-button__content i {
  font-size: 1.2rem;
}

.dark-mode .vs-button--default {
  background: rgba(var(--vs-color), 0.7);
  color: rgba(255, 255, 255, 0.7);
}

.dark-mode .vs-button--default:hover {
  color: #fff;
  background: rgba(var(--vs-color), 1);
  box-shadow: 0 0 30px 0 rgba(24, 89, 59, 0.6);
}

.server-changer .vs-button__content {
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
}

.vs-navbar-content {
  background: #111;
}

.vs-navbar__item {
  font-size: 1rem;
  position: relative;
  color: rgba(var(--vs-text), 0.9) !important;
  opacity: 1 !important;
  transition: all 200ms;
}

.vs-navbar__item i {
  font-size: 1.1rem;
}

.vs-navbar__item::before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 50%;
  width: 0;
  height: 2px;
  transition: all 200ms;
  background-color: rgba(var(--vs-primary), 1);
}

.vs-navbar__item:hover, .vs-navbar__item.nuxt-link-exact-active {
  text-decoration: none !important;
  color: rgba(var(--vs-text), 0.75) !important;
}

.vs-navbar__item:hover::before, .vs-navbar__item.nuxt-link-exact-active::before {
  left: 15px;
  width: calc(100% - 30px);
}

.paddingScroll:not(.paddingScrollActive) {
  background-color: transparent;
}

.paddingScroll:not(.paddingScrollActive) .vs-navbar__item:hover::before, .paddingScroll:not(.paddingScrollActive) .vs-navbar__item.nuxt-link-exact-active::before {
  left: 50%;
  width: 0 !important;
}

.cabinet-navbar .vs-navbar__item.nuxt-link-active {
  text-decoration: none !important;
  color: rgba(var(--vs-text), 0.75) !important;
}

.cabinet-navbar .vs-navbar__item.nuxt-link-active::before {
  left: 15px;
  width: calc(100% - 30px);
}

.paddingScrollActive {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08);
}

.paddingScrollActive .vs-navbar__item:hover::before, .paddingScrollActive .vs-navbar__item.nuxt-link-exact-active::before {
  left: 15px;
  width: calc(100% - 30px);
}

.square {
  height: 100vh;
  position: static;
  overflow: auto;
  width: 100%;
}

.nuxt-link-active .vs-sidebar__item:not(.exact) {
  padding-left: 8px;
  opacity: 1;
}

.nuxt-link-exact-active .vs-sidebar__item {
  padding-left: 8px;
  opacity: 1;
}

.vs-sidebar a:hover, .vs-sidebar a:focus {
  text-decoration: none !important;
}

.vs-sidebar-content {
  background: linear-gradient(to bottom, rgba(17, 17, 17, 0.5), rgb(17, 17, 17));
  border-right: rgba(24, 89, 59, 0.5) solid 2px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
  border-radius: 0px 8px 8px 0px;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}

.unicore-content {
  min-height: calc(100vh - 180px - 72px - 148px);
}

.container, .vs-navbar {
  position: relative;
}

@media (max-width: 575.98px) {
  .container, .vs-navbar {
    max-width: 90%;
  }
}

.news-image-full {
  width: 100%;
  height: 300px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
  background-size: cover;
  background-position: center;
  transition: all 0.15s;
}

.news-block {
  position: relative;
  min-height: 180px;
}

.news-block .news-wrapper {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 180px;
  border-radius: 8px;
}

.news-block .news-image {
  width: 100%;
  height: 100%;
  min-height: 180px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
  background-size: cover;
  background-position: center;
  transition: all 0.15s;
}

.news-block .news-content {
  border-bottom: 1px solid rgba(var(--vs-text), 0.2);
}

.news-block .news-content h1 {
  font-weight: 500;
  transition: all 0.15s;
}

.news-block span {
  opacity: 0.7;
  font-size: 14px;
}

.news-block:hover .news-image {
  transform: scale(1.1);
}

.panel {
  padding: 16px;
  background: linear-gradient(to bottom, rgba(17, 17, 17, 0.5), rgb(17, 17, 17));
  border: rgba(24, 89, 59, 0.5) solid 2px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}

.mini-profile {
  background-color: var(--vs-theme-bg);
  border-radius: 8px !important;
}

.tab-panel .vs-button__content {
  justify-content: start;
}

.server-block {
  position: relative;
  transition: transform 0.15s linear;
}

.server-block * {
  z-index: 1;
}

.server-block .image {
  position: absolute;
  border-radius: 8px;
  background-position: center;
  background-size: cover;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 0;
  transition: all 0.15s linear;
}

a.server-block:hover {
  transform: scale(1.01);
}

a.server-block:hover .image {
  opacity: 0.6;
}

.server-table tr {
  position: relative;
}

.server-table tr td:nth-child(1) {
  color: rgba(var(--vs-text), 0.9) !important;
  padding-right: 40px;
}

.server-table tr td:nth-child(2) {
  color: rgba(var(--vs-text), 0.7) !important;
  font-weight: 500;
}

.server-table tr::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  border-bottom: 1px solid rgba(var(--vs-text), 0.2);
  transition: border-bottom 0.15s linear;
}

.cabinet-container {
  margin-top: 64px;
}

.cabinet-tab-panel {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  padding: 0 !important;
}

.cabinet-tab-panel a {
  border-bottom: 2px solid rgba(var(--vs-text), 0.05);
  position: relative;
  color: rgba(var(--vs-text), 0.7) !important;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0 10px 20px !important;
  background-color: transparent;
  transition: all 200ms;
}

.cabinet-tab-panel a i {
  font-size: 24px;
}

.cabinet-tab-panel a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 100%;
  background-color: transparent;
  transition: all 200ms;
}

.cabinet-tab-panel a:last-of-type {
  border-bottom: none;
  border-radius: 0 0 12px 12px;
}

.cabinet-tab-panel a:last-of-type::before {
  border-radius: 0 0 0 12px;
}

.cabinet-tab-panel a:first-of-type {
  border-radius: 12px 12px 0 0;
}

.cabinet-tab-panel a:first-of-type::before {
  border-radius: 0 0 0 12px;
  border-radius: 12px 0 0 0;
}

.cabinet-tab-panel a:hover, .cabinet-tab-panel a.nuxt-link-exact-active, .cabinet-tab-panel a.nuxt-link-active.no-exact {
  color: rgba(var(--vs-text), 1) !important;
  text-decoration: none;
  padding-left: 25px !important;
  background-color: rgba(var(--vs-primary), 0.1);
}

.cabinet-tab-panel a:hover::before, .cabinet-tab-panel a.nuxt-link-exact-active::before, .cabinet-tab-panel a.nuxt-link-active.no-exact::before {
  background-color: rgba(var(--vs-primary), 1);
}

.skin-view {
  background: url("/images/bg.png") center, linear-gradient(180deg, var(--vs-theme-bg) 120px, rgba(var(--vs-primary), 0.3));
  background-blend-mode: overlay;
  background-size: cover;
  border-radius: 8px;
}

.skin-view .skin-animation {
  display: flex;
  gap: 10px;
}

.skin-view .skin-animation i {
  font-size: 20px;
  color: #fff;
  opacity: 0.7;
  cursor: pointer;
  transition: opacity 200ms;
}

.skin-view .skin-animation i:hover, .skin-view .skin-animation i:focus, .skin-view .skin-animation i.active {
  opacity: 1;
}

.skin-view .skin-2d > canvas {
  opacity: 0.7;
  transition: opacity 200ms;
}

.skin-view .skin-2d > canvas:hover {
  opacity: 1;
}

.player-info h5 {
  font-weight: 500;
}

.player-info-table tr {
  position: relative;
}

.player-info-table tr td:nth-child(1) {
  color: rgba(var(--vs-text), 0.9) !important;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  padding-right: 40px;
}

.player-info-table tr td:nth-child(2) {
  color: rgba(var(--vs-text), 0.7) !important;
  font-size: 14px;
}

.player-info-table tr::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  border-bottom: 1px solid rgba(var(--vs-text), 0.2);
  transition: border-bottom 0.15s linear;
}

.sale-wrapper {
  background-color: rgba(var(--vs-primary), 1);
  color: #fff;
  transition: all 200ms;
  padding: 0 10px;
  border-radius: 5px;
  line-height: 24px;
}

.dark-mode .sale-wrapper {
  color: rgba(0, 0, 0, 0.8);
}

.cab-donate-block {
  border-bottom: 2px solid rgba(var(--vs-text), 0.05);
}

.description-html p {
  margin: 0;
}

.no-overflow-table table {
  min-width: auto;
}

.input-fw .vs-input-parent,
.input-fw .vs-input-content,
.input-fw .vs-input,
.input-fw .vs-select,
.input-fw .vs-select-content {
  width: 100%;
  max-width: 100%;
}

.settings-split input {
  width: 100%;
}

@media (min-width: 1200px) {
  .settings-split {
    padding: 20px 0;
  }
  .settings-split > .col-xl-6 {
    position: relative;
  }
  .settings-split > .col-xl-6::before {
    content: "";
    height: calc(100% + 40px);
    position: absolute;
    top: -20px;
    right: -10px;
    border-right: 2px solid rgba(var(--vs-text), 0.05);
  }
}

.text-sm {
  font-size: 13px;
  line-height: 20px;
}

.buy-dialog .vs-input-parent,
.buy-dialog .vs-input-content,
.buy-dialog .vs-input,
.buy-dialog .vs-select,
.buy-dialog .vs-select-content,
.store-filters .vs-input-parent,
.store-filters .vs-input-content,
.store-filters .vs-input,
.store-filters .vs-select,
.store-filters .vs-select-content {
  width: 100%;
  max-width: 100%;
  font-size: 16px;
}

.buy-dialog .vs-input__label,
.store-filters .vs-input__label {
  font-size: 16px;
}

.buy-dialog .vs-input,
.buy-dialog .vs-select__input,
.store-filters .vs-input,
.store-filters .vs-select__input {
  height: 45px;
}

.calculate > * {
  line-height: 20px;
}

.large-table table {
  min-width: 600px;
}

.p-avatar img {
  height: auto;
}

.bonus-block {
  transition: all 200ms;
  transform: scale(1);
  filter: brightness(100%);
}

.bonus-block.active {
  transform: scale(1.1);
  filter: brightness(110%);
}

.donate-block {
  background: linear-gradient(151.6deg, rgba(var(--vs-second), 0.1) 6.45%, rgba(var(--vs-primary), 0.1) 100%), var(--vs-theme-bg);
  border-radius: 6px;
}

.donate-block h1 {
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.25);
}

.donate-block .kit-image {
  border: 2px solid #555555;
  box-sizing: border-box;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 15px 20px;
  flex-direction: column;
}

.donate-block .kit-image img {
  width: 100%;
}

.start-blocks .start-block {
  margin-bottom: 50px;
}

.start-blocks .start-block h1 {
  margin-top: 45px;
  color: rgba(var(--vs-primary), 1);
  text-transform: uppercase;
}

.start-blocks .start-block .start-block-index {
  width: 100px;
  max-height: 80px;
  height: 80px;
  margin-right: 25px;
  background: rgba(var(--vs-primary), 1);
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 800;
  font-size: 42px;
  padding: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

.social-blocks a {
  transition: all 0.15s;
}

.social-blocks a:hover {
  text-decoration: none !important;
  transform: scale(1.02);
  filter: brightness(110%);
}

.social-blocks a.discord {
  background-color: #7289DA;
  border-radius: 8px;
}

.social-blocks a.discord h2 {
  color: #fff !important;
}

.social-blocks a.telegram {
  background-color: #32AFED;
  border-radius: 8px;
}

.social-blocks a.telegram h2 {
  color: #fff !important;
}

.social-blocks a.youtube {
  background-color: #FF0000;
  border-radius: 8px;
}

.social-blocks a.youtube h2 {
  color: #fff !important;
}

.vote-gift-1 h3 {
  color: #FFC451 !important;
}

.vote-gift-2 h3 {
  color: #BCBCBC !important;
}

html:not(.dark-mode) .vote-gift-2 h3 {
  color: #7c7c7c !important;
}

.vote-gift-3 h3 {
  color: #CF871B !important;
}

.header {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 750px;
  max-height: 750px;
  transition: max-height 0.5s;
}

.header.header-sm {
  max-height: 300px;
}

.header.header-sm .header-render {
  transform: translateX(1000px);
}

.header.header-sm .header-content {
  position: absolute;
  transform: translateX(-1300px);
}

.header.header-sm .header-waves {
  opacity: 0;
}

.header.header-sm .header-content-sm {
  opacity: 1;
  position: static;
}

.header::before {
  content: "";
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: url("/images/bg.png");
  background-blend-mode: overlay;
  background-size: cover;
  background-position: center;
  transition: background-position 0.5s ease;
}

.header .header-waves {
  position: absolute;
  bottom: 0;
  fill: var(--vs-theme-bg);
  transition: all 0.3s;
  opacity: 1;
}

.header .header-content-sm {
  opacity: 0;
  transition: all 0.3s;
  position: absolute;
}

.header .header-content {
  transition: all 2s;
  transform: translateX(0);
  transition: transform 0.3s;
}

.header .container, .header .vs-navbar {
  position: relative;
  height: 100%;
}

.header .header-render {
  position: absolute;
  right: 0;
  height: 618px;
  bottom: 0;
  opacity: 1;
  transition: transform 0.3s;
  transform: translateX(0);
  z-index: -1;
}

.header h1 {
  color: rgba(var(--vs-text), 0.8);
  font-size: 2.5rem;
  line-height: 140%;
}

.header h1 b {
  color: rgba(var(--vs-text), 0.9);
}

.header h1 span {
  font-size: 32px;
}

.download-content span {
  font-weight: 500;
}

.dark-mode .header::before {
  background: url("/images/bg.png");
  background-position: center;
}

html:not(.dark-mode) .header .download-content span {
  color: rgba(var(--vs-second), 0.75);
}

html:not(.dark-mode) .header .vs-button--transparent {
  color: rgba(var(--vs-second), 0.75);
}

.firefly {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.4vw;
  height: 0.4vw;
  margin: -0.2vw 0 0 9.8vw;
  animation: ease 200s alternate infinite;
  pointer-events: none;
}

.firefly::before, .firefly::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform-origin: -10vw;
}

.firefly::before {
  background: rgb(var(--vs-background));
  opacity: 0.4;
  animation: drift ease alternate infinite;
}

.firefly::after {
  background: rgb(var(--vs-primary));
  opacity: 0;
  box-shadow: 0 0 0vw 0vw rgba(var(--vs-primary), 0.9);
  animation: drift ease alternate infinite, flash ease infinite;
}

.firefly:nth-child(1) {
  animation-name: move1;
}

.firefly:nth-child(1)::before {
  animation-duration: 18s;
}

.firefly:nth-child(1)::after {
  animation-duration: 18s, 9667ms;
  animation-delay: 0ms, 7687ms;
}

@keyframes move1 {
  0% {
    transform: translateX(17vw) translateY(14vh) scale(0.48);
  }
  3.5714285714% {
    transform: translateX(1vw) translateY(-25vh) scale(0.76);
  }
  7.1428571429% {
    transform: translateX(-17vw) translateY(38vh) scale(0.37);
  }
  10.7142857143% {
    transform: translateX(37vw) translateY(48vh) scale(0.93);
  }
  14.2857142857% {
    transform: translateX(-10vw) translateY(45vh) scale(0.91);
  }
  17.8571428571% {
    transform: translateX(33vw) translateY(-29vh) scale(0.45);
  }
  21.4285714286% {
    transform: translateX(-43vw) translateY(-42vh) scale(0.82);
  }
  25% {
    transform: translateX(21vw) translateY(-21vh) scale(0.36);
  }
  28.5714285714% {
    transform: translateX(-7vw) translateY(10vh) scale(0.63);
  }
  32.1428571429% {
    transform: translateX(-31vw) translateY(18vh) scale(0.7);
  }
  35.7142857143% {
    transform: translateX(-30vw) translateY(34vh) scale(0.32);
  }
  39.2857142857% {
    transform: translateX(15vw) translateY(31vh) scale(0.96);
  }
  42.8571428571% {
    transform: translateX(-43vw) translateY(-36vh) scale(0.74);
  }
  46.4285714286% {
    transform: translateX(7vw) translateY(-28vh) scale(0.93);
  }
  50% {
    transform: translateX(9vw) translateY(-34vh) scale(0.37);
  }
  53.5714285714% {
    transform: translateX(-36vw) translateY(46vh) scale(0.75);
  }
  57.1428571429% {
    transform: translateX(8vw) translateY(-34vh) scale(0.65);
  }
  60.7142857143% {
    transform: translateX(2vw) translateY(43vh) scale(0.64);
  }
  64.2857142857% {
    transform: translateX(41vw) translateY(11vh) scale(0.81);
  }
  67.8571428571% {
    transform: translateX(-44vw) translateY(-14vh) scale(0.77);
  }
  71.4285714286% {
    transform: translateX(50vw) translateY(45vh) scale(0.35);
  }
  75% {
    transform: translateX(16vw) translateY(27vh) scale(0.26);
  }
  78.5714285714% {
    transform: translateX(-22vw) translateY(18vh) scale(0.69);
  }
  82.1428571429% {
    transform: translateX(-3vw) translateY(32vh) scale(0.9);
  }
  85.7142857143% {
    transform: translateX(-42vw) translateY(-7vh) scale(0.76);
  }
  89.2857142857% {
    transform: translateX(-35vw) translateY(28vh) scale(0.64);
  }
  92.8571428571% {
    transform: translateX(43vw) translateY(-24vh) scale(0.69);
  }
  96.4285714286% {
    transform: translateX(45vw) translateY(37vh) scale(0.74);
  }
  100% {
    transform: translateX(16vw) translateY(-34vh) scale(0.58);
  }
}

.firefly:nth-child(2) {
  animation-name: move2;
}

.firefly:nth-child(2)::before {
  animation-duration: 16s;
}

.firefly:nth-child(2)::after {
  animation-duration: 16s, 5400ms;
  animation-delay: 0ms, 8354ms;
}

@keyframes move2 {
  0% {
    transform: translateX(8vw) translateY(-28vh) scale(0.74);
  }
  4.5454545455% {
    transform: translateX(12vw) translateY(28vh) scale(0.6);
  }
  9.0909090909% {
    transform: translateX(-27vw) translateY(27vh) scale(0.59);
  }
  13.6363636364% {
    transform: translateX(-47vw) translateY(-4vh) scale(0.6);
  }
  18.1818181818% {
    transform: translateX(23vw) translateY(12vh) scale(0.55);
  }
  22.7272727273% {
    transform: translateX(-39vw) translateY(-21vh) scale(0.39);
  }
  27.2727272727% {
    transform: translateX(20vw) translateY(-21vh) scale(0.85);
  }
  31.8181818182% {
    transform: translateX(-16vw) translateY(-1vh) scale(0.64);
  }
  36.3636363636% {
    transform: translateX(-44vw) translateY(8vh) scale(0.76);
  }
  40.9090909091% {
    transform: translateX(-29vw) translateY(8vh) scale(0.88);
  }
  45.4545454545% {
    transform: translateX(-26vw) translateY(6vh) scale(0.82);
  }
  50% {
    transform: translateX(7vw) translateY(-37vh) scale(0.88);
  }
  54.5454545455% {
    transform: translateX(-2vw) translateY(-37vh) scale(0.82);
  }
  59.0909090909% {
    transform: translateX(-43vw) translateY(-28vh) scale(0.88);
  }
  63.6363636364% {
    transform: translateX(-27vw) translateY(-41vh) scale(0.87);
  }
  68.1818181818% {
    transform: translateX(-11vw) translateY(29vh) scale(0.78);
  }
  72.7272727273% {
    transform: translateX(21vw) translateY(18vh) scale(0.88);
  }
  77.2727272727% {
    transform: translateX(-48vw) translateY(-39vh) scale(0.93);
  }
  81.8181818182% {
    transform: translateX(-20vw) translateY(27vh) scale(0.97);
  }
  86.3636363636% {
    transform: translateX(48vw) translateY(32vh) scale(0.29);
  }
  90.9090909091% {
    transform: translateX(10vw) translateY(-26vh) scale(0.99);
  }
  95.4545454545% {
    transform: translateX(-48vw) translateY(45vh) scale(0.98);
  }
  100% {
    transform: translateX(48vw) translateY(-15vh) scale(0.78);
  }
}

.firefly:nth-child(3) {
  animation-name: move3;
}

.firefly:nth-child(3)::before {
  animation-duration: 10s;
}

.firefly:nth-child(3)::after {
  animation-duration: 10s, 10940ms;
  animation-delay: 0ms, 3628ms;
}

@keyframes move3 {
  0% {
    transform: translateX(7vw) translateY(-23vh) scale(0.42);
  }
  3.5714285714% {
    transform: translateX(-30vw) translateY(38vh) scale(0.58);
  }
  7.1428571429% {
    transform: translateX(-6vw) translateY(49vh) scale(0.97);
  }
  10.7142857143% {
    transform: translateX(6vw) translateY(-1vh) scale(0.87);
  }
  14.2857142857% {
    transform: translateX(30vw) translateY(-47vh) scale(0.53);
  }
  17.8571428571% {
    transform: translateX(-43vw) translateY(-42vh) scale(0.81);
  }
  21.4285714286% {
    transform: translateX(-42vw) translateY(40vh) scale(0.42);
  }
  25% {
    transform: translateX(-33vw) translateY(15vh) scale(0.61);
  }
  28.5714285714% {
    transform: translateX(-11vw) translateY(1vh) scale(0.36);
  }
  32.1428571429% {
    transform: translateX(31vw) translateY(-27vh) scale(0.66);
  }
  35.7142857143% {
    transform: translateX(-37vw) translateY(-9vh) scale(0.51);
  }
  39.2857142857% {
    transform: translateX(-29vw) translateY(42vh) scale(0.3);
  }
  42.8571428571% {
    transform: translateX(42vw) translateY(-21vh) scale(0.74);
  }
  46.4285714286% {
    transform: translateX(43vw) translateY(-22vh) scale(0.49);
  }
  50% {
    transform: translateX(16vw) translateY(-15vh) scale(0.63);
  }
  53.5714285714% {
    transform: translateX(-20vw) translateY(35vh) scale(0.42);
  }
  57.1428571429% {
    transform: translateX(2vw) translateY(38vh) scale(0.52);
  }
  60.7142857143% {
    transform: translateX(-13vw) translateY(13vh) scale(0.82);
  }
  64.2857142857% {
    transform: translateX(39vw) translateY(47vh) scale(0.29);
  }
  67.8571428571% {
    transform: translateX(-36vw) translateY(-46vh) scale(0.33);
  }
  71.4285714286% {
    transform: translateX(-36vw) translateY(48vh) scale(0.49);
  }
  75% {
    transform: translateX(47vw) translateY(14vh) scale(0.76);
  }
  78.5714285714% {
    transform: translateX(3vw) translateY(35vh) scale(0.86);
  }
  82.1428571429% {
    transform: translateX(-21vw) translateY(-10vh) scale(0.39);
  }
  85.7142857143% {
    transform: translateX(34vw) translateY(22vh) scale(0.33);
  }
  89.2857142857% {
    transform: translateX(-18vw) translateY(19vh) scale(0.46);
  }
  92.8571428571% {
    transform: translateX(-41vw) translateY(-25vh) scale(0.91);
  }
  96.4285714286% {
    transform: translateX(8vw) translateY(-45vh) scale(0.62);
  }
  100% {
    transform: translateX(28vw) translateY(7vh) scale(0.48);
  }
}

.firefly:nth-child(4) {
  animation-name: move4;
}

.firefly:nth-child(4)::before {
  animation-duration: 18s;
}

.firefly:nth-child(4)::after {
  animation-duration: 18s, 5432ms;
  animation-delay: 0ms, 611ms;
}

@keyframes move4 {
  0% {
    transform: translateX(-40vw) translateY(-11vh) scale(0.26);
  }
  3.7037037037% {
    transform: translateX(7vw) translateY(39vh) scale(0.64);
  }
  7.4074074074% {
    transform: translateX(49vw) translateY(27vh) scale(0.41);
  }
  11.1111111111% {
    transform: translateX(41vw) translateY(-48vh) scale(0.81);
  }
  14.8148148148% {
    transform: translateX(8vw) translateY(-25vh) scale(0.92);
  }
  18.5185185185% {
    transform: translateX(49vw) translateY(-23vh) scale(0.61);
  }
  22.2222222222% {
    transform: translateX(45vw) translateY(-17vh) scale(0.42);
  }
  25.9259259259% {
    transform: translateX(5vw) translateY(-32vh) scale(0.85);
  }
  29.6296296296% {
    transform: translateX(15vw) translateY(-42vh) scale(0.53);
  }
  33.3333333333% {
    transform: translateX(12vw) translateY(43vh) scale(0.39);
  }
  37.037037037% {
    transform: translateX(15vw) translateY(24vh) scale(0.73);
  }
  40.7407407407% {
    transform: translateX(6vw) translateY(45vh) scale(0.83);
  }
  44.4444444444% {
    transform: translateX(-6vw) translateY(-43vh) scale(0.86);
  }
  48.1481481481% {
    transform: translateX(-7vw) translateY(22vh) scale(0.5);
  }
  51.8518518519% {
    transform: translateX(-17vw) translateY(44vh) scale(0.72);
  }
  55.5555555556% {
    transform: translateX(45vw) translateY(-49vh) scale(0.95);
  }
  59.2592592593% {
    transform: translateX(-46vw) translateY(29vh) scale(0.75);
  }
  62.962962963% {
    transform: translateX(-5vw) translateY(4vh) scale(0.8);
  }
  66.6666666667% {
    transform: translateX(20vw) translateY(49vh) scale(0.93);
  }
  70.3703703704% {
    transform: translateX(-45vw) translateY(-27vh) scale(0.56);
  }
  74.0740740741% {
    transform: translateX(22vw) translateY(48vh) scale(0.72);
  }
  77.7777777778% {
    transform: translateX(45vw) translateY(12vh) scale(0.94);
  }
  81.4814814815% {
    transform: translateX(-9vw) translateY(-42vh) scale(0.72);
  }
  85.1851851852% {
    transform: translateX(3vw) translateY(-23vh) scale(0.27);
  }
  88.8888888889% {
    transform: translateX(49vw) translateY(6vh) scale(0.4);
  }
  92.5925925926% {
    transform: translateX(-19vw) translateY(26vh) scale(0.63);
  }
  96.2962962963% {
    transform: translateX(27vw) translateY(31vh) scale(0.77);
  }
  100% {
    transform: translateX(10vw) translateY(18vh) scale(0.33);
  }
}

.firefly:nth-child(5) {
  animation-name: move5;
}

.firefly:nth-child(5)::before {
  animation-duration: 17s;
}

.firefly:nth-child(5)::after {
  animation-duration: 17s, 6690ms;
  animation-delay: 0ms, 8376ms;
}

@keyframes move5 {
  0% {
    transform: translateX(33vw) translateY(41vh) scale(0.41);
  }
  3.5714285714% {
    transform: translateX(-5vw) translateY(31vh) scale(0.67);
  }
  7.1428571429% {
    transform: translateX(-42vw) translateY(4vh) scale(0.67);
  }
  10.7142857143% {
    transform: translateX(-34vw) translateY(-13vh) scale(0.83);
  }
  14.2857142857% {
    transform: translateX(-27vw) translateY(35vh) scale(0.75);
  }
  17.8571428571% {
    transform: translateX(-40vw) translateY(-30vh) scale(0.52);
  }
  21.4285714286% {
    transform: translateX(-10vw) translateY(-16vh) scale(0.31);
  }
  25% {
    transform: translateX(14vw) translateY(-5vh) scale(0.37);
  }
  28.5714285714% {
    transform: translateX(-12vw) translateY(45vh) scale(0.71);
  }
  32.1428571429% {
    transform: translateX(35vw) translateY(-16vh) scale(0.41);
  }
  35.7142857143% {
    transform: translateX(-16vw) translateY(-30vh) scale(0.86);
  }
  39.2857142857% {
    transform: translateX(17vw) translateY(33vh) scale(0.63);
  }
  42.8571428571% {
    transform: translateX(7vw) translateY(-44vh) scale(0.34);
  }
  46.4285714286% {
    transform: translateX(-5vw) translateY(34vh) scale(0.9);
  }
  50% {
    transform: translateX(-36vw) translateY(-5vh) scale(0.59);
  }
  53.5714285714% {
    transform: translateX(18vw) translateY(42vh) scale(0.54);
  }
  57.1428571429% {
    transform: translateX(-6vw) translateY(34vh) scale(0.98);
  }
  60.7142857143% {
    transform: translateX(35vw) translateY(-15vh) scale(0.6);
  }
  64.2857142857% {
    transform: translateX(-42vw) translateY(-7vh) scale(0.56);
  }
  67.8571428571% {
    transform: translateX(-10vw) translateY(15vh) scale(0.77);
  }
  71.4285714286% {
    transform: translateX(-19vw) translateY(-20vh) scale(0.64);
  }
  75% {
    transform: translateX(40vw) translateY(35vh) scale(0.69);
  }
  78.5714285714% {
    transform: translateX(23vw) translateY(-22vh) scale(0.57);
  }
  82.1428571429% {
    transform: translateX(49vw) translateY(-28vh) scale(0.91);
  }
  85.7142857143% {
    transform: translateX(30vw) translateY(-17vh) scale(0.35);
  }
  89.2857142857% {
    transform: translateX(-35vw) translateY(38vh) scale(0.41);
  }
  92.8571428571% {
    transform: translateX(-7vw) translateY(-4vh) scale(0.98);
  }
  96.4285714286% {
    transform: translateX(-44vw) translateY(-25vh) scale(0.56);
  }
  100% {
    transform: translateX(24vw) translateY(44vh) scale(0.52);
  }
}

.firefly:nth-child(6) {
  animation-name: move6;
}

.firefly:nth-child(6)::before {
  animation-duration: 11s;
}

.firefly:nth-child(6)::after {
  animation-duration: 11s, 6502ms;
  animation-delay: 0ms, 665ms;
}

@keyframes move6 {
  0% {
    transform: translateX(-18vw) translateY(-31vh) scale(0.59);
  }
  3.7037037037% {
    transform: translateX(43vw) translateY(-22vh) scale(0.46);
  }
  7.4074074074% {
    transform: translateX(35vw) translateY(35vh) scale(1);
  }
  11.1111111111% {
    transform: translateX(-42vw) translateY(-38vh) scale(0.63);
  }
  14.8148148148% {
    transform: translateX(31vw) translateY(9vh) scale(0.63);
  }
  18.5185185185% {
    transform: translateX(-13vw) translateY(-7vh) scale(0.26);
  }
  22.2222222222% {
    transform: translateX(20vw) translateY(29vh) scale(0.83);
  }
  25.9259259259% {
    transform: translateX(-26vw) translateY(-12vh) scale(0.74);
  }
  29.6296296296% {
    transform: translateX(-20vw) translateY(-29vh) scale(0.78);
  }
  33.3333333333% {
    transform: translateX(-32vw) translateY(32vh) scale(0.43);
  }
  37.037037037% {
    transform: translateX(-1vw) translateY(-36vh) scale(0.51);
  }
  40.7407407407% {
    transform: translateX(24vw) translateY(-24vh) scale(0.66);
  }
  44.4444444444% {
    transform: translateX(-4vw) translateY(-49vh) scale(0.36);
  }
  48.1481481481% {
    transform: translateX(-42vw) translateY(40vh) scale(0.42);
  }
  51.8518518519% {
    transform: translateX(-33vw) translateY(19vh) scale(0.4);
  }
  55.5555555556% {
    transform: translateX(22vw) translateY(-44vh) scale(0.37);
  }
  59.2592592593% {
    transform: translateX(14vw) translateY(33vh) scale(0.6);
  }
  62.962962963% {
    transform: translateX(37vw) translateY(37vh) scale(0.82);
  }
  66.6666666667% {
    transform: translateX(36vw) translateY(1vh) scale(0.3);
  }
  70.3703703704% {
    transform: translateX(6vw) translateY(-17vh) scale(0.65);
  }
  74.0740740741% {
    transform: translateX(14vw) translateY(25vh) scale(0.45);
  }
  77.7777777778% {
    transform: translateX(7vw) translateY(-37vh) scale(0.84);
  }
  81.4814814815% {
    transform: translateX(-25vw) translateY(-13vh) scale(0.53);
  }
  85.1851851852% {
    transform: translateX(19vw) translateY(-17vh) scale(0.72);
  }
  88.8888888889% {
    transform: translateX(-35vw) translateY(38vh) scale(0.98);
  }
  92.5925925926% {
    transform: translateX(-7vw) translateY(44vh) scale(0.87);
  }
  96.2962962963% {
    transform: translateX(38vw) translateY(-7vh) scale(0.26);
  }
  100% {
    transform: translateX(-17vw) translateY(40vh) scale(0.45);
  }
}

.firefly:nth-child(7) {
  animation-name: move7;
}

.firefly:nth-child(7)::before {
  animation-duration: 9s;
}

.firefly:nth-child(7)::after {
  animation-duration: 9s, 10712ms;
  animation-delay: 0ms, 3125ms;
}

@keyframes move7 {
  0% {
    transform: translateX(-42vw) translateY(-2vh) scale(0.49);
  }
  4% {
    transform: translateX(2vw) translateY(21vh) scale(0.58);
  }
  8% {
    transform: translateX(41vw) translateY(-1vh) scale(0.74);
  }
  12% {
    transform: translateX(40vw) translateY(40vh) scale(0.74);
  }
  16% {
    transform: translateX(-49vw) translateY(48vh) scale(0.4);
  }
  20% {
    transform: translateX(-45vw) translateY(-24vh) scale(0.35);
  }
  24% {
    transform: translateX(-2vw) translateY(12vh) scale(0.95);
  }
  28% {
    transform: translateX(-39vw) translateY(43vh) scale(0.33);
  }
  32% {
    transform: translateX(-18vw) translateY(44vh) scale(0.66);
  }
  36% {
    transform: translateX(23vw) translateY(-42vh) scale(0.82);
  }
  40% {
    transform: translateX(12vw) translateY(35vh) scale(0.52);
  }
  44% {
    transform: translateX(32vw) translateY(-49vh) scale(0.95);
  }
  48% {
    transform: translateX(-18vw) translateY(-49vh) scale(0.28);
  }
  52% {
    transform: translateX(-17vw) translateY(-33vh) scale(0.31);
  }
  56% {
    transform: translateX(-29vw) translateY(-38vh) scale(0.89);
  }
  60% {
    transform: translateX(-24vw) translateY(-28vh) scale(0.43);
  }
  64% {
    transform: translateX(-22vw) translateY(17vh) scale(0.48);
  }
  68% {
    transform: translateX(-14vw) translateY(32vh) scale(0.67);
  }
  72% {
    transform: translateX(-13vw) translateY(-34vh) scale(0.45);
  }
  76% {
    transform: translateX(30vw) translateY(46vh) scale(0.58);
  }
  80% {
    transform: translateX(-45vw) translateY(35vh) scale(0.57);
  }
  84% {
    transform: translateX(-44vw) translateY(-19vh) scale(0.69);
  }
  88% {
    transform: translateX(45vw) translateY(-30vh) scale(0.87);
  }
  92% {
    transform: translateX(-39vw) translateY(4vh) scale(0.82);
  }
  96% {
    transform: translateX(50vw) translateY(29vh) scale(0.77);
  }
  100% {
    transform: translateX(-21vw) translateY(-49vh) scale(0.71);
  }
}

.firefly:nth-child(8) {
  animation-name: move8;
}

.firefly:nth-child(8)::before {
  animation-duration: 18s;
}

.firefly:nth-child(8)::after {
  animation-duration: 18s, 7562ms;
  animation-delay: 0ms, 3561ms;
}

@keyframes move8 {
  0% {
    transform: translateX(-38vw) translateY(19vh) scale(0.78);
  }
  4.7619047619% {
    transform: translateX(-45vw) translateY(49vh) scale(0.92);
  }
  9.5238095238% {
    transform: translateX(-9vw) translateY(-4vh) scale(0.89);
  }
  14.2857142857% {
    transform: translateX(-26vw) translateY(-31vh) scale(0.96);
  }
  19.0476190476% {
    transform: translateX(36vw) translateY(6vh) scale(0.92);
  }
  23.8095238095% {
    transform: translateX(34vw) translateY(-39vh) scale(0.49);
  }
  28.5714285714% {
    transform: translateX(-6vw) translateY(8vh) scale(0.71);
  }
  33.3333333333% {
    transform: translateX(19vw) translateY(41vh) scale(0.55);
  }
  38.0952380952% {
    transform: translateX(-38vw) translateY(-11vh) scale(0.41);
  }
  42.8571428571% {
    transform: translateX(30vw) translateY(9vh) scale(0.44);
  }
  47.619047619% {
    transform: translateX(-35vw) translateY(-9vh) scale(0.85);
  }
  52.380952381% {
    transform: translateX(3vw) translateY(43vh) scale(0.79);
  }
  57.1428571429% {
    transform: translateX(23vw) translateY(5vh) scale(0.66);
  }
  61.9047619048% {
    transform: translateX(-5vw) translateY(38vh) scale(0.69);
  }
  66.6666666667% {
    transform: translateX(-3vw) translateY(-35vh) scale(0.94);
  }
  71.4285714286% {
    transform: translateX(-31vw) translateY(-40vh) scale(0.71);
  }
  76.1904761905% {
    transform: translateX(47vw) translateY(-36vh) scale(0.55);
  }
  80.9523809524% {
    transform: translateX(37vw) translateY(-6vh) scale(0.98);
  }
  85.7142857143% {
    transform: translateX(-18vw) translateY(17vh) scale(0.99);
  }
  90.4761904762% {
    transform: translateX(43vw) translateY(-32vh) scale(0.99);
  }
  95.2380952381% {
    transform: translateX(-19vw) translateY(-15vh) scale(0.98);
  }
  100% {
    transform: translateX(-10vw) translateY(36vh) scale(1);
  }
}

.firefly:nth-child(9) {
  animation-name: move9;
}

.firefly:nth-child(9)::before {
  animation-duration: 11s;
}

.firefly:nth-child(9)::after {
  animation-duration: 11s, 8661ms;
  animation-delay: 0ms, 5777ms;
}

@keyframes move9 {
  0% {
    transform: translateX(-25vw) translateY(37vh) scale(0.79);
  }
  5.5555555556% {
    transform: translateX(-30vw) translateY(20vh) scale(0.72);
  }
  11.1111111111% {
    transform: translateX(12vw) translateY(-33vh) scale(0.66);
  }
  16.6666666667% {
    transform: translateX(-43vw) translateY(-12vh) scale(0.34);
  }
  22.2222222222% {
    transform: translateX(39vw) translateY(11vh) scale(0.98);
  }
  27.7777777778% {
    transform: translateX(25vw) translateY(-9vh) scale(0.96);
  }
  33.3333333333% {
    transform: translateX(-23vw) translateY(42vh) scale(0.89);
  }
  38.8888888889% {
    transform: translateX(28vw) translateY(-7vh) scale(0.76);
  }
  44.4444444444% {
    transform: translateX(25vw) translateY(-17vh) scale(0.58);
  }
  50% {
    transform: translateX(-42vw) translateY(-27vh) scale(0.64);
  }
  55.5555555556% {
    transform: translateX(-12vw) translateY(-8vh) scale(0.55);
  }
  61.1111111111% {
    transform: translateX(31vw) translateY(-26vh) scale(0.42);
  }
  66.6666666667% {
    transform: translateX(27vw) translateY(9vh) scale(0.9);
  }
  72.2222222222% {
    transform: translateX(30vw) translateY(-4vh) scale(0.42);
  }
  77.7777777778% {
    transform: translateX(24vw) translateY(20vh) scale(0.84);
  }
  83.3333333333% {
    transform: translateX(12vw) translateY(-9vh) scale(0.96);
  }
  88.8888888889% {
    transform: translateX(22vw) translateY(-26vh) scale(0.65);
  }
  94.4444444444% {
    transform: translateX(-32vw) translateY(43vh) scale(0.76);
  }
  100% {
    transform: translateX(-19vw) translateY(37vh) scale(0.62);
  }
}

.firefly:nth-child(10) {
  animation-name: move10;
}

.firefly:nth-child(10)::before {
  animation-duration: 13s;
}

.firefly:nth-child(10)::after {
  animation-duration: 13s, 8669ms;
  animation-delay: 0ms, 7174ms;
}

@keyframes move10 {
  0% {
    transform: translateX(36vw) translateY(-24vh) scale(0.76);
  }
  5.8823529412% {
    transform: translateX(-38vw) translateY(-32vh) scale(0.59);
  }
  11.7647058824% {
    transform: translateX(0vw) translateY(23vh) scale(0.41);
  }
  17.6470588235% {
    transform: translateX(41vw) translateY(-18vh) scale(0.94);
  }
  23.5294117647% {
    transform: translateX(14vw) translateY(-44vh) scale(0.75);
  }
  29.4117647059% {
    transform: translateX(-3vw) translateY(-8vh) scale(0.81);
  }
  35.2941176471% {
    transform: translateX(28vw) translateY(-14vh) scale(0.51);
  }
  41.1764705882% {
    transform: translateX(-2vw) translateY(-21vh) scale(0.98);
  }
  47.0588235294% {
    transform: translateX(-48vw) translateY(-4vh) scale(0.64);
  }
  52.9411764706% {
    transform: translateX(43vw) translateY(45vh) scale(0.69);
  }
  58.8235294118% {
    transform: translateX(-11vw) translateY(47vh) scale(0.86);
  }
  64.7058823529% {
    transform: translateX(44vw) translateY(-9vh) scale(0.69);
  }
  70.5882352941% {
    transform: translateX(-46vw) translateY(-44vh) scale(0.27);
  }
  76.4705882353% {
    transform: translateX(16vw) translateY(-27vh) scale(0.89);
  }
  82.3529411765% {
    transform: translateX(37vw) translateY(2vh) scale(0.89);
  }
  88.2352941176% {
    transform: translateX(-31vw) translateY(-10vh) scale(0.42);
  }
  94.1176470588% {
    transform: translateX(-27vw) translateY(-42vh) scale(0.28);
  }
  100% {
    transform: translateX(-44vw) translateY(-36vh) scale(0.41);
  }
}

.firefly:nth-child(11) {
  animation-name: move11;
}

.firefly:nth-child(11)::before {
  animation-duration: 10s;
}

.firefly:nth-child(11)::after {
  animation-duration: 10s, 6089ms;
  animation-delay: 0ms, 1291ms;
}

@keyframes move11 {
  0% {
    transform: translateX(-47vw) translateY(-15vh) scale(0.41);
  }
  3.7037037037% {
    transform: translateX(-32vw) translateY(-7vh) scale(0.71);
  }
  7.4074074074% {
    transform: translateX(24vw) translateY(29vh) scale(0.97);
  }
  11.1111111111% {
    transform: translateX(-19vw) translateY(-22vh) scale(0.48);
  }
  14.8148148148% {
    transform: translateX(29vw) translateY(50vh) scale(0.27);
  }
  18.5185185185% {
    transform: translateX(-1vw) translateY(-18vh) scale(0.46);
  }
  22.2222222222% {
    transform: translateX(17vw) translateY(-46vh) scale(0.83);
  }
  25.9259259259% {
    transform: translateX(4vw) translateY(-7vh) scale(0.63);
  }
  29.6296296296% {
    transform: translateX(30vw) translateY(13vh) scale(0.75);
  }
  33.3333333333% {
    transform: translateX(31vw) translateY(9vh) scale(0.52);
  }
  37.037037037% {
    transform: translateX(-43vw) translateY(17vh) scale(0.57);
  }
  40.7407407407% {
    transform: translateX(-1vw) translateY(-13vh) scale(0.97);
  }
  44.4444444444% {
    transform: translateX(-6vw) translateY(-12vh) scale(0.29);
  }
  48.1481481481% {
    transform: translateX(0vw) translateY(-49vh) scale(0.51);
  }
  51.8518518519% {
    transform: translateX(-45vw) translateY(-12vh) scale(0.82);
  }
  55.5555555556% {
    transform: translateX(47vw) translateY(-9vh) scale(0.58);
  }
  59.2592592593% {
    transform: translateX(-28vw) translateY(-19vh) scale(0.83);
  }
  62.962962963% {
    transform: translateX(38vw) translateY(21vh) scale(0.53);
  }
  66.6666666667% {
    transform: translateX(0vw) translateY(-8vh) scale(0.97);
  }
  70.3703703704% {
    transform: translateX(22vw) translateY(-4vh) scale(0.76);
  }
  74.0740740741% {
    transform: translateX(-40vw) translateY(44vh) scale(0.68);
  }
  77.7777777778% {
    transform: translateX(-13vw) translateY(34vh) scale(0.5);
  }
  81.4814814815% {
    transform: translateX(13vw) translateY(-48vh) scale(0.85);
  }
  85.1851851852% {
    transform: translateX(24vw) translateY(-1vh) scale(0.94);
  }
  88.8888888889% {
    transform: translateX(-16vw) translateY(-49vh) scale(0.93);
  }
  92.5925925926% {
    transform: translateX(-23vw) translateY(-23vh) scale(0.79);
  }
  96.2962962963% {
    transform: translateX(-37vw) translateY(-40vh) scale(0.63);
  }
  100% {
    transform: translateX(-39vw) translateY(-43vh) scale(0.65);
  }
}

.firefly:nth-child(12) {
  animation-name: move12;
}

.firefly:nth-child(12)::before {
  animation-duration: 13s;
}

.firefly:nth-child(12)::after {
  animation-duration: 13s, 10892ms;
  animation-delay: 0ms, 4220ms;
}

@keyframes move12 {
  0% {
    transform: translateX(41vw) translateY(-20vh) scale(0.32);
  }
  5.5555555556% {
    transform: translateX(28vw) translateY(20vh) scale(0.48);
  }
  11.1111111111% {
    transform: translateX(-9vw) translateY(-24vh) scale(0.46);
  }
  16.6666666667% {
    transform: translateX(19vw) translateY(-41vh) scale(0.32);
  }
  22.2222222222% {
    transform: translateX(15vw) translateY(7vh) scale(0.85);
  }
  27.7777777778% {
    transform: translateX(17vw) translateY(31vh) scale(0.95);
  }
  33.3333333333% {
    transform: translateX(17vw) translateY(-22vh) scale(0.91);
  }
  38.8888888889% {
    transform: translateX(-32vw) translateY(-17vh) scale(0.78);
  }
  44.4444444444% {
    transform: translateX(11vw) translateY(45vh) scale(0.94);
  }
  50% {
    transform: translateX(28vw) translateY(31vh) scale(0.55);
  }
  55.5555555556% {
    transform: translateX(-11vw) translateY(-40vh) scale(0.75);
  }
  61.1111111111% {
    transform: translateX(17vw) translateY(-15vh) scale(0.92);
  }
  66.6666666667% {
    transform: translateX(35vw) translateY(-21vh) scale(0.88);
  }
  72.2222222222% {
    transform: translateX(18vw) translateY(-19vh) scale(0.59);
  }
  77.7777777778% {
    transform: translateX(8vw) translateY(-13vh) scale(0.75);
  }
  83.3333333333% {
    transform: translateX(46vw) translateY(34vh) scale(0.96);
  }
  88.8888888889% {
    transform: translateX(1vw) translateY(25vh) scale(0.8);
  }
  94.4444444444% {
    transform: translateX(-9vw) translateY(-29vh) scale(0.71);
  }
  100% {
    transform: translateX(31vw) translateY(-11vh) scale(0.73);
  }
}

.firefly:nth-child(13) {
  animation-name: move13;
}

.firefly:nth-child(13)::before {
  animation-duration: 12s;
}

.firefly:nth-child(13)::after {
  animation-duration: 12s, 8896ms;
  animation-delay: 0ms, 1750ms;
}

@keyframes move13 {
  0% {
    transform: translateX(-34vw) translateY(26vh) scale(0.26);
  }
  3.8461538462% {
    transform: translateX(-45vw) translateY(10vh) scale(0.53);
  }
  7.6923076923% {
    transform: translateX(-9vw) translateY(-1vh) scale(0.84);
  }
  11.5384615385% {
    transform: translateX(0vw) translateY(41vh) scale(0.87);
  }
  15.3846153846% {
    transform: translateX(-43vw) translateY(37vh) scale(0.56);
  }
  19.2307692308% {
    transform: translateX(-47vw) translateY(-44vh) scale(0.68);
  }
  23.0769230769% {
    transform: translateX(-32vw) translateY(-1vh) scale(0.76);
  }
  26.9230769231% {
    transform: translateX(37vw) translateY(2vh) scale(0.39);
  }
  30.7692307692% {
    transform: translateX(48vw) translateY(-48vh) scale(0.81);
  }
  34.6153846154% {
    transform: translateX(-30vw) translateY(-43vh) scale(0.34);
  }
  38.4615384615% {
    transform: translateX(-39vw) translateY(21vh) scale(0.26);
  }
  42.3076923077% {
    transform: translateX(-34vw) translateY(-37vh) scale(0.27);
  }
  46.1538461538% {
    transform: translateX(20vw) translateY(-11vh) scale(0.74);
  }
  50% {
    transform: translateX(43vw) translateY(43vh) scale(0.79);
  }
  53.8461538462% {
    transform: translateX(-16vw) translateY(1vh) scale(0.57);
  }
  57.6923076923% {
    transform: translateX(4vw) translateY(-29vh) scale(0.67);
  }
  61.5384615385% {
    transform: translateX(37vw) translateY(7vh) scale(0.57);
  }
  65.3846153846% {
    transform: translateX(-36vw) translateY(14vh) scale(0.26);
  }
  69.2307692308% {
    transform: translateX(-25vw) translateY(-40vh) scale(0.6);
  }
  73.0769230769% {
    transform: translateX(-15vw) translateY(-8vh) scale(0.3);
  }
  76.9230769231% {
    transform: translateX(-37vw) translateY(7vh) scale(0.75);
  }
  80.7692307692% {
    transform: translateX(37vw) translateY(-18vh) scale(0.72);
  }
  84.6153846154% {
    transform: translateX(39vw) translateY(-41vh) scale(0.6);
  }
  88.4615384615% {
    transform: translateX(-9vw) translateY(31vh) scale(0.55);
  }
  92.3076923077% {
    transform: translateX(-30vw) translateY(-36vh) scale(0.87);
  }
  96.1538461538% {
    transform: translateX(-13vw) translateY(-5vh) scale(0.48);
  }
  100% {
    transform: translateX(22vw) translateY(-11vh) scale(0.92);
  }
}

.firefly:nth-child(14) {
  animation-name: move14;
}

.firefly:nth-child(14)::before {
  animation-duration: 13s;
}

.firefly:nth-child(14)::after {
  animation-duration: 13s, 9597ms;
  animation-delay: 0ms, 1520ms;
}

@keyframes move14 {
  0% {
    transform: translateX(-13vw) translateY(50vh) scale(0.82);
  }
  3.7037037037% {
    transform: translateX(-3vw) translateY(17vh) scale(0.93);
  }
  7.4074074074% {
    transform: translateX(-10vw) translateY(-19vh) scale(0.66);
  }
  11.1111111111% {
    transform: translateX(27vw) translateY(42vh) scale(0.71);
  }
  14.8148148148% {
    transform: translateX(1vw) translateY(-44vh) scale(0.68);
  }
  18.5185185185% {
    transform: translateX(-37vw) translateY(22vh) scale(0.76);
  }
  22.2222222222% {
    transform: translateX(-16vw) translateY(33vh) scale(0.86);
  }
  25.9259259259% {
    transform: translateX(46vw) translateY(-12vh) scale(0.38);
  }
  29.6296296296% {
    transform: translateX(31vw) translateY(22vh) scale(0.68);
  }
  33.3333333333% {
    transform: translateX(41vw) translateY(18vh) scale(0.47);
  }
  37.037037037% {
    transform: translateX(37vw) translateY(-2vh) scale(0.45);
  }
  40.7407407407% {
    transform: translateX(-40vw) translateY(29vh) scale(0.49);
  }
  44.4444444444% {
    transform: translateX(-46vw) translateY(-18vh) scale(0.35);
  }
  48.1481481481% {
    transform: translateX(-5vw) translateY(9vh) scale(0.92);
  }
  51.8518518519% {
    transform: translateX(-26vw) translateY(-44vh) scale(0.59);
  }
  55.5555555556% {
    transform: translateX(30vw) translateY(-5vh) scale(0.83);
  }
  59.2592592593% {
    transform: translateX(-19vw) translateY(-24vh) scale(0.33);
  }
  62.962962963% {
    transform: translateX(-10vw) translateY(-18vh) scale(0.37);
  }
  66.6666666667% {
    transform: translateX(-45vw) translateY(22vh) scale(0.26);
  }
  70.3703703704% {
    transform: translateX(28vw) translateY(49vh) scale(0.71);
  }
  74.0740740741% {
    transform: translateX(17vw) translateY(37vh) scale(0.46);
  }
  77.7777777778% {
    transform: translateX(4vw) translateY(-27vh) scale(0.4);
  }
  81.4814814815% {
    transform: translateX(-8vw) translateY(50vh) scale(0.46);
  }
  85.1851851852% {
    transform: translateX(7vw) translateY(-46vh) scale(0.55);
  }
  88.8888888889% {
    transform: translateX(44vw) translateY(-36vh) scale(0.61);
  }
  92.5925925926% {
    transform: translateX(-38vw) translateY(18vh) scale(0.69);
  }
  96.2962962963% {
    transform: translateX(-12vw) translateY(40vh) scale(0.73);
  }
  100% {
    transform: translateX(-43vw) translateY(46vh) scale(0.76);
  }
}

.firefly:nth-child(15) {
  animation-name: move15;
}

.firefly:nth-child(15)::before {
  animation-duration: 16s;
}

.firefly:nth-child(15)::after {
  animation-duration: 16s, 9938ms;
  animation-delay: 0ms, 3007ms;
}

@keyframes move15 {
  0% {
    transform: translateX(-27vw) translateY(4vh) scale(0.81);
  }
  5.5555555556% {
    transform: translateX(-47vw) translateY(1vh) scale(0.82);
  }
  11.1111111111% {
    transform: translateX(15vw) translateY(-10vh) scale(0.38);
  }
  16.6666666667% {
    transform: translateX(-29vw) translateY(-16vh) scale(0.61);
  }
  22.2222222222% {
    transform: translateX(44vw) translateY(26vh) scale(0.78);
  }
  27.7777777778% {
    transform: translateX(-43vw) translateY(35vh) scale(0.29);
  }
  33.3333333333% {
    transform: translateX(-1vw) translateY(-24vh) scale(0.57);
  }
  38.8888888889% {
    transform: translateX(-47vw) translateY(15vh) scale(0.26);
  }
  44.4444444444% {
    transform: translateX(-15vw) translateY(44vh) scale(0.4);
  }
  50% {
    transform: translateX(9vw) translateY(39vh) scale(0.78);
  }
  55.5555555556% {
    transform: translateX(35vw) translateY(-44vh) scale(0.28);
  }
  61.1111111111% {
    transform: translateX(45vw) translateY(-9vh) scale(0.71);
  }
  66.6666666667% {
    transform: translateX(-38vw) translateY(-45vh) scale(0.41);
  }
  72.2222222222% {
    transform: translateX(-19vw) translateY(-17vh) scale(0.7);
  }
  77.7777777778% {
    transform: translateX(-21vw) translateY(-41vh) scale(0.85);
  }
  83.3333333333% {
    transform: translateX(50vw) translateY(7vh) scale(0.3);
  }
  88.8888888889% {
    transform: translateX(49vw) translateY(2vh) scale(0.94);
  }
  94.4444444444% {
    transform: translateX(29vw) translateY(45vh) scale(0.76);
  }
  100% {
    transform: translateX(-30vw) translateY(47vh) scale(0.31);
  }
}

@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes flash {
  0%, 30%, 100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw rgba(var(--vs-primary), 0.9);
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.4vw rgba(var(--vs-primary), 0.9);
  }
}

footer.app-footer {
  margin-top: 40px;
  background-color: var(--vs-theme-layout);
  padding: 30px 0;
  min-height: 180px;
}

footer.app-footer .footer-desc {
  font-size: 12px;
  margin: 10px 0;
  line-height: 18px;
}

footer.app-footer .links {
  display: flex;
  flex-direction: column;
}

footer.app-footer .links a {
  color: rgba(var(--vs-text), 0.75) !important;
  font-size: 12px;
}

footer.app-footer .links a:hover, footer.app-footer .links a:visited:hover {
  color: #111;
  text-decoration-color: rgba(var(--vs-primary), 0.7);
}

:root {
  --vs-primary: 156, 39, 176;
  --vs-second: 238, 242, 245;
  --vs-theme-bg: #1a1a1a;
  --vs-theme-color: #212529;
  --vs-theme-layout: #fff;
  --vs-theme-bg2: #eef2f5;
  --vs-theme-code: #3f3d56;
  --vs-theme-code2: #363449;
  --vs-text: 0, 0, 0;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
}

.dark-mode {
  --vs-primary: 10, 158, 60;
  --vs-theme-bg: #1a1a1a;
  --vs-theme-color: #fff;
  --vs-theme-layout: #111;
  --vs-theme-bg2: #141417;
  --vs-theme-code: #141417;
  --vs-theme-code2: #161619;
  --vs-background: #1a1a1a;
  --vs-text: 255, 255, 255;
  --vs-gray-1: 24, 25, 28;
  --vs-gray-2: 20, 20, 23;
  --vs-gray-3: 15, 16, 19;
  --vs-gray-4: 10, 11, 14;
  --vs-shadow-opacity: 0.3;
  --vs-dark: 0, 0, 0;
  --vs-background-opacity: 0.6;
  @import 'primevue/resources/themes/bootstrap4-dark-blue/theme.css';
}

.vs-loading {
  --vs-color: var(--vs-primary);
  --vs-background: var(--vs-gray-1);
  --vs-opacity: 0.6;
}

.her {
  background: url("/images/bg.png") center no-repeat, linear-gradient(180deg, var(--vs-theme-bg) 120px, rgba(var(--vs-primary), 0.3));
  background-blend-mode: overlay;
  background-size: cover;
}

body {
  font-family: "Brutal Type";
  background-color: var(--vs-theme-bg);
  transition: background-color 0.3s;
  color: rgba(var(--vs-text), 0.75);
  line-height: 180%;
  height: 100%;
  overflow-x: hidden;
  font-family: "Unbounded";
}

body.landing-body {
  overflow: hidden !important;
  padding-bottom: 400px;
}

body.auth-body {
  overflow: hidden !important;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 16px;
}

h4, span {
  font-size: 12px;
}

h5 {
  font-size: 10px;
}

h6 {
  font-size: 8px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgba(var(--vs-text), 0.85);
}

html:not(.dark-mode) .vs-notification__content__header h4 {
  color: var(--vs-theme-layout);
}

b {
  font-weight: 800;
}

a,
a:visited {
  color: rgb(var(--vs-primary));
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:visited:hover {
  text-decoration: underline;
  text-decoration-color: rgba(var(--vs-primary), 0.5);
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

a.without-underline:hover,
a:visited.without-underline:hover {
  text-decoration: none !important;
}

.circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(var(--vs-primary), 1);
}

#nprogress {
  z-index: 9999;
  position: absolute;
}

#nprogress .bar {
  background: rgb(var(--vs-primary));
}

#nprogress .spinner-icon {
  border-top-color: rgb(var(--vs-primary));
  border-left-color: rgb(var(--vs-primary));
}

.page-enter-active {
  transition: all 0.3s ease;
}

.page-leave-active {
  transition: all 0.5s cubic-bezier(1, 0.5, 0.8, 1);
}

.page-enter,
.page-leave-to {
  transform: translateX(10px);
  opacity: 0;
}

.layout-enter-active,
.layout-leave-active {
  transition: opacity 0.3s;
}

.layout-enter,
.layout-leave-to {
  opacity: 0;
}

.auth-layout,
.error-layout {
  background: url("/images/bg.png") center no-repeat, linear-gradient(180deg, var(--vs-theme-bg) 120px, rgba(var(--vs-primary), 0.3));
  background-blend-mode: overlay;
}

.auth-layout .header-render,
.error-layout .header-render {
  position: absolute;
  right: 0;
  bottom: 0;
}

.auth-layout .vs-input-parent,
.auth-layout .vs-input-content,
.auth-layout .vs-input,
.error-layout .vs-input-parent,
.error-layout .vs-input-content,
.error-layout .vs-input {
  width: 100%;
  font-size: 16px;
}

.auth-layout .vs-input__label,
.error-layout .vs-input__label {
  font-size: 16px;
}

.auth-layout .vs-input,
.error-layout .vs-input {
  height: 45px;
}

.auth-layout .panel,
.error-layout .panel {
  min-width: 500px;
  max-width: 500px;
}

@media (max-width: 575.98px) {
  .auth-layout .panel,
.error-layout .panel {
    min-width: 95%;
    max-width: 95%;
    padding: 0 20px !important;
  }
}

.vs-dialog--autoWidth {
  min-width: 400px !important;
}

@media (max-width: 575.98px) {
  [data-aos] {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}

.pixalated {
  image-rendering: pixelated;
}

hr {
  border: 1px solid rgba(var(--vs-text), 0.05);
}

.store-table-overflow {
  overflow-y: auto;
}

.store-table {
  width: 100%;
  min-width: 500px;
  border-collapse: collapse;
}

.store-table tr {
  border-bottom: 2px solid rgba(var(--vs-text), 0.05);
}

.store-table tr td {
  position: relative;
  padding: 7px 0;
}

.store-table h4,
.store-table h5,
.store-table span,
.store-table strike {
  line-height: 15px;
}

.store-table .sale-wrapper {
  position: absolute;
  top: 7px;
  line-height: 20px;
}

.ql-align-right {
  text-align: right;
}

.ql-align-center {
  text-align: center;
}

.ql-align-left {
  text-align: left;
}
@font-face {
  font-family: "Unbounded";
  src: url(/_nuxt/assets/fonts/Unbounded-Medium.eot);
  src: local("Unbounded Medium"), local("./Unbounded-Medium"), url(/_nuxt/assets/fonts/Unbounded-Medium.eot?#iefix) format("embedded-opentype"), url(/_nuxt/assets/fonts/Unbounded-Medium.woff2) format("woff2"), url(/_nuxt/assets/fonts/Unbounded-Medium.woff) format("woff"), url(/_nuxt/assets/fonts/Unbounded-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Unbounded";
  src: url(/_nuxt/assets/fonts/Unbounded-Bold.eot);
  src: local("Unbounded Bold"), local("./Unbounded-Bold"), url(/_nuxt/assets/fonts/Unbounded-Bold.eot?#iefix) format("embedded-opentype"), url(/_nuxt/assets/fonts/Unbounded-Bold.woff2) format("woff2"), url(/_nuxt/assets/fonts/Unbounded-Bold.woff) format("woff"), url(/_nuxt/assets/fonts/Unbounded-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Unbounded";
  src: url(/_nuxt/assets/fonts/Unbounded-Black.eot);
  src: local("Unbounded Black"), local("./Unbounded-Black"), url(/_nuxt/assets/fonts/Unbounded-Black.eot?#iefix) format("embedded-opentype"), url(/_nuxt/assets/fonts/Unbounded-Black.woff2) format("woff2"), url(/_nuxt/assets/fonts/Unbounded-Black.woff) format("woff"), url(/_nuxt/assets/fonts/Unbounded-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Unbounded";
  src: url(/_nuxt/assets/fonts/Unbounded-Light.eot);
  src: local("Unbounded Light"), local("./Unbounded-Light"), url(/_nuxt/assets/fonts/Unbounded-Light.eot?#iefix) format("embedded-opentype"), url(/_nuxt/assets/fonts/Unbounded-Light.woff2) format("woff2"), url(/_nuxt/assets/fonts/Unbounded-Light.woff) format("woff"), url(/_nuxt/assets/fonts/Unbounded-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Unbounded";
  src: url(/_nuxt/assets/fonts/Unbounded-Regular.eot);
  src: local("Unbounded Regular"), local("./Unbounded-Regular"), url(/_nuxt/assets/fonts/Unbounded-Regular.eot?#iefix) format("embedded-opentype"), url(/_nuxt/assets/fonts/Unbounded-Regular.woff2) format("woff2"), url(/_nuxt/assets/fonts/Unbounded-Regular.woff) format("woff"), url(/_nuxt/assets/fonts/Unbounded-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Consolas";
  src: url(/_nuxt/assets/fonts/Consolas.eot);
  src: local("Consolas"), url(/_nuxt/assets/fonts/Consolas.eot?#iefix) format("embedded-opentype"), url(/_nuxt/assets/fonts/Consolas.woff2) format("woff2"), url(/_nuxt/assets/fonts/Consolas.woff) format("woff"), url(/_nuxt/assets/fonts/Consolas.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Consolas";
  src: url(/_nuxt/assets/fonts/Consolas-Italic.eot);
  src: local("Consolas Italic"), local("./Consolas-Italic"), url(/_nuxt/assets/fonts/Consolas-Italic.eot?#iefix) format("embedded-opentype"), url(/_nuxt/assets/fonts/Consolas-Italic.woff2) format("woff2"), url(/_nuxt/assets/fonts/Consolas-Italic.woff) format("woff"), url(/_nuxt/assets/fonts/Consolas-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Consolas";
  src: url(/_nuxt/assets/fonts/Consolas-BoldItalic.eot);
  src: local("Consolas Bold Italic"), local("./Consolas-BoldItalic"), url(/_nuxt/assets/fonts/Consolas-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/_nuxt/assets/fonts/Consolas-BoldItalic.woff2) format("woff2"), url(/_nuxt/assets/fonts/Consolas-BoldItalic.woff) format("woff"), url(/_nuxt/assets/fonts/Consolas-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Consolas";
  src: url(/_nuxt/assets/fonts/Consolas-Bold.eot);
  src: local("Consolas Bold"), local("./Consolas-Bold"), url(/_nuxt/assets/fonts/Consolas-Bold.eot?#iefix) format("embedded-opentype"), url(/_nuxt/assets/fonts/Consolas-Bold.woff2) format("woff2"), url(/_nuxt/assets/fonts/Consolas-Bold.woff) format("woff"), url(/_nuxt/assets/fonts/Consolas-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}