@charset "UTF-8";

/* node_modules/primeng/resources/themes/saga-blue/theme.css */
:root {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --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: #2196F3;
  --primary-color-text: #ffffff;
  --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;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #E3F2FD;
  --highlight-text-color: #495057;
  --focus-ring: 0 0 0 0.2rem #a6d5fa;
  color-scheme: light;
}
: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;
  --primary-50:#f4fafe;
  --primary-100:#cae6fc;
  --primary-200:#a0d2fa;
  --primary-300:#75bef8;
  --primary-400:#4baaf5;
  --primary-500:#2196f3;
  --primary-600:#1c80cf;
  --primary-700:#1769aa;
  --primary-800:#125386;
  --primary-900:#0d3c61;
}
.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: #2196F3;
}
.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: #2196F3;
}
.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: #2196F3;
}
.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: #2196F3;
}
@layer primeng {
  * {
    box-sizing: border-box;
  }
  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    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-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 3px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 0.5rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 2.857rem;
  }
  .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
    border-color: #2196F3;
  }
  .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.25rem 0.5rem;
    gap: 0.5rem;
  }
  .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: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.25rem 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-autocomplete-multiple-container .p-autocomplete-token.p-focus {
    background: #ced4da;
    color: #495057;
  }
  .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:first-child {
    margin-top: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
    border-color: #f44336;
  }
  p-autocomplete.p-autocomplete-clearable .p-inputtext {
    padding-right: 2rem;
  }
  p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
    color: #6c757d;
    right: 0.5rem;
  }
  p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
    color: #6c757d;
    right: 2.857rem;
  }
  p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
    border-color: #f44336;
  }
  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .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-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: #2196F3;
  }
  .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: #E3F2FD;
  }
  .p-datepicker table td > span:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: #E3F2FD;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: #E3F2FD;
  }
  .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: #E3F2FD;
  }
  .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 #a6d5fa;
  }
  .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 #a6d5fa;
  }
  .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 #a6d5fa;
  }
  p-calendar.p-calendar-clearable .p-inputtext {
    padding-right: 2rem;
  }
  p-calendar.p-calendar-clearable .p-calendar-clear-icon {
    color: #6c757d;
    right: 0.5rem;
  }
  p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
    color: #6c757d;
    right: 2.857rem;
  }
  @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: #2196F3;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .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.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .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:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .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-item-content {
    padding: 0.5rem 1rem;
  }
  .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-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
    border-color: #f44336;
  }
  p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
    padding-right: 0.5rem;
  }
  p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel {
    box-shadow: none;
    border-radius: 0;
    padding: 0.25rem 0 0.25rem 0.5rem;
  }
  .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon {
    transform: rotate(90deg);
  }
  .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;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box.p-highlight {
    border-color: #2196F3;
    background: #2196F3;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #2196F3;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    border-color: #0b7ad1;
    background: #0b7ad1;
    color: #ffffff;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
    background: #2196F3;
  }
  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: #0b7ad1;
  }
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .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: #2196F3;
  }
  .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: #0b7ad1;
  }
  .p-checkbox-label {
    margin-left: 0.5rem;
  }
  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
    border-color: #f44336;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #2196F3;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.25rem 0.5rem;
    gap: 0.5rem;
  }
  .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-focus {
    background: #ced4da;
    color: #495057;
  }
  .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: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
    border-color: #f44336;
  }
  p-chips.p-chips-clearable .p-inputtext {
    padding-right: 1.5rem;
  }
  p-chips.p-chips-clearable .p-chips-clear-icon {
    color: #6c757d;
    right: 0.5rem;
  }
  .p-colorpicker-preview,
  .p-fluid .p-colorpicker-preview.p-inputtext {
    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: #2196F3;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .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:focus,
  .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.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .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:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .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-dropdown.ng-dirty.ng-invalid > .p-dropdown {
    border-color: #f44336;
  }
  .p-icon-field .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .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-component,
  .p-inputgroup > .p-inputwrapper:first-child > .p-component > .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-component,
  .p-inputgroup > .p-inputwrapper:last-child > .p-component > .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-icon-field-left .p-input-icon:first-of-type {
    left: 0.5rem;
    color: #6c757d;
  }
  .p-icon-field-right .p-input-icon:last-of-type {
    right: 0.5rem;
    color: #6c757d;
  }
  p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
    border-color: #f44336;
  }
  p-inputmask.p-inputmask-clearable .p-inputtext {
    padding-right: 2rem;
  }
  p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
    color: #6c757d;
    right: 0.5rem;
  }
  .p-inputmask.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-inputmask.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-inputmask.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
    border-color: #f44336;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
    padding-right: 2rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
    color: #6c757d;
    right: 0.5rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
    right: 2.857rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
    right: 2.857rem;
  }
  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
    background-color: #f8f9fa;
  }
  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
    background-color: #f8f9fa;
  }
  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 2rem;
  }
  .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 #a6d5fa;
  }
  .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
    background: #b6bfc8;
  }
  .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background: #2196F3;
  }
  .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    background: #ffffff;
  }
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
    background: #0d89ec;
  }
  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
    border-color: #f44336;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    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;
    appearance: none;
    border-radius: 3px;
  }
  .p-inputtext:enabled:hover {
    border-color: #2196F3;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-inputtext.ng-dirty.ng-invalid {
    border-color: #f44336;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .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-float-label > .ng-invalid.ng-dirty + label {
    color: #f44336;
  }
  .p-input-icon-left > .p-icon-wrapper.p-icon,
  .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 > .p-icon-wrapper,
  .p-input-icon-right > i:last-of-type {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-input-icon-right > .p-inputtext {
    padding-right: 2rem;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 2rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 2rem;
  }
  .p-icon-field-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;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .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-header .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-listbox .p-listbox-list {
    padding: 0.5rem 0;
    outline: 0 none;
  }
  .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:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
    margin-right: 0.5rem;
  }
  .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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  p-listbox.ng-dirty.ng-invalid > .p-listbox {
    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: #2196F3;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .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-variant-filled {
    background: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-multiselect-clearable .p-multiselect-label-container {
    padding-right: 1.5rem;
  }
  .p-multiselect-clearable .p-multiselect-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .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 .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-multiselect.ng-dirty.ng-invalid > .p-multiselect {
    border-color: #f44336;
  }
  p-password.ng-invalid.ng-dirty > .p-password > .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-password.p-password-clearable .p-password-input {
    padding-right: 2rem;
  }
  p-password.p-password-clearable .p-password-clear-icon {
    color: #6c757d;
    right: 0.5rem;
  }
  p-password.p-password-clearable.p-password-mask .p-password-input {
    padding-right: 3.5rem;
  }
  p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
    color: #6c757d;
    right: 2rem;
  }
  .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;
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
    border-color: #2196F3;
  }
  .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .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: #2196F3;
    background: #2196F3;
  }
  .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    border-color: #0b7ad1;
    background: #0b7ad1;
    color: #ffffff;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
    background: #2196F3;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    background: #0b7ad1;
  }
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
    border-color: #f44336;
  }
  .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: #2196F3;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    background: #0b7ad1;
  }
  .p-radiobutton-label {
    margin-left: 0.5rem;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    border-radius: 50%;
    outline-color: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #495057;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #e74c3c;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #2196F3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #2196F3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    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: #2196F3;
    border-color: #2196F3;
    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: #0d89ec;
    border-color: #0d89ec;
    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.ng-dirty.ng-invalid > .p-selectbutton > .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 {
    height: 100%;
    width: 0.286rem;
  }
  .p-slider.p-slider-vertical .p-slider-handle {
    height: 1.143rem;
    width: 1.143rem;
    margin-left: -0.5715rem;
    margin-bottom: -0.5715rem;
  }
  .p-slider .p-slider-handle {
    height: 1.143rem;
    width: 1.143rem;
    background: #ffffff;
    border: 2px solid #2196F3;
    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 #a6d5fa;
  }
  .p-slider .p-slider-range {
    background: #2196F3;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #2196F3;
    border-color: #2196F3;
  }
  .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s,
      left 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
    transition: width 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s,
      bottom 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
    transition: height 0.2s;
  }
  .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: #2196F3;
    border-color: #2196F3;
    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: #0d89ec;
    border-color: #0d89ec;
    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.ng-dirty.ng-invalid > .p-togglebutton.p-button {
    border-color: #f44336;
  }
  .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: #2196F3;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .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-variant-filled {
    background-color: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
    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-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-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 3rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 2rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    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-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-treeselect.p-treeselect-clearable .p-treeselect-label-container {
    padding-right: 1.5rem;
  }
  p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-button {
    color: #ffffff;
    background: #2196F3;
    border: 1px solid #2196F3;
    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;
    outline-color: transparent;
  }
  .p-button:not(:disabled):hover {
    background: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
  }
  .p-button:not(:disabled):active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #2196F3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196F3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196F3;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #2196F3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196F3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196F3;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .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: #2196F3;
    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-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
    background: #56717d;
    color: #ffffff;
    border-color: #56717d;
  }
  .p-button.p-button-secondary:not(:disabled):focus,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #beccd2;
  }
  .p-button.p-button-secondary:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
    background: #4d646f;
    color: #ffffff;
    border-color: #4d646f;
  }
  .p-button.p-button-secondary.p-button-outlined,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-info,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
    background: #027abc;
    color: #ffffff;
    border-color: #027abc;
  }
  .p-button.p-button-info:not(:disabled):focus,
  .p-button-group.p-button-info > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #89d4fe;
  }
  .p-button.p-button-info:not(:disabled):active,
  .p-button-group.p-button-info > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
    background: #026da7;
    color: #ffffff;
    border-color: #026da7;
  }
  .p-button.p-button-info.p-button-outlined,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active,
  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-success,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
    background: #5e8f32;
    color: #ffffff;
    border-color: #5e8f32;
  }
  .p-button.p-button-success:not(:disabled):focus,
  .p-button-group.p-button-success > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #c2e0a8;
  }
  .p-button.p-button-success:not(:disabled):active,
  .p-button-group.p-button-success > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
    background: #537f2d;
    color: #ffffff;
    border-color: #537f2d;
  }
  .p-button.p-button-success.p-button-outlined,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active,
  .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-warning,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
    background: #fab710;
    color: #212529;
    border-color: #fab710;
  }
  .p-button.p-button-warning:not(:disabled):focus,
  .p-button-group.p-button-warning > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fde6ab;
  }
  .p-button.p-button-warning:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
    background: #e8a704;
    color: #212529;
    border-color: #e8a704;
  }
  .p-button.p-button-warning.p-button-outlined,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-help,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
    background: #8c239e;
    color: #ffffff;
    border-color: #8c239e;
  }
  .p-button.p-button-help:not(:disabled):focus,
  .p-button-group.p-button-help > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #df9eea;
  }
  .p-button.p-button-help:not(:disabled):active,
  .p-button-group.p-button-help > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
    background: #7d1f8d;
    color: #ffffff;
    border-color: #7d1f8d;
  }
  .p-button.p-button-help.p-button-outlined,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active,
  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-danger,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
    background: #c02929;
    color: #ffffff;
    border-color: #c02929;
  }
  .p-button.p-button-danger:not(:disabled):focus,
  .p-button-group.p-button-danger > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #edacac;
  }
  .p-button.p-button-danger:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
    background: #aa2424;
    color: #ffffff;
    border-color: #aa2424;
  }
  .p-button.p-button-danger.p-button-outlined,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-link {
    color: #0b7ad1;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #0b7ad1;
    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-button.p-button.p-button-icon-only .p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .p-speeddial-item.p-focus > .p-speeddial-action {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .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-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-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: #E3F2FD;
    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: #E3F2FD;
    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: #2196F3;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196F3;
  }
  .p-datatable .p-sortable-column.p-highlight:hover {
    background: #e9ecef;
    color: #2196F3;
  }
  .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
    color: #2196F3;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
    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-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #E3F2FD;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #E3F2FD;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #E3F2FD;
  }
  .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: #2196F3;
  }
  .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,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .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 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .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: #E3F2FD;
    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-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-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-emptymessage {
    padding: 1rem;
  }
  .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: #E3F2FD;
    color: #495057;
  }
  .p-column-filter-menu-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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:first-child {
    margin-top: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .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;
  }
  .p-orderlist .p-orderlist-controls {
    padding: 1rem;
  }
  .p-orderlist .p-orderlist-controls .p-button {
    margin-bottom: 0.5rem;
  }
  .p-orderlist .p-orderlist-list-container {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-orderlist .p-orderlist-list-container.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-orderlist .p-orderlist-header {
    color: #495057;
    padding: 1rem;
    font-weight: 600;
  }
  .p-orderlist .p-orderlist-header .p-orderlist-title {
    font-weight: 600;
  }
  .p-orderlist .p-orderlist-filter-container {
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-bottom: 0 none;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
    padding-right: 1.5rem;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-orderlist .p-orderlist-list {
    color: #495057;
    padding: 0.5rem 0;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list:not(:first-child) {
    border-top: 1px solid #dee2e6;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
    margin-top: 0;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
  }
  .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .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-orderlist-item.cdk-drag-preview {
    padding: 0.5rem 1rem;
    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: 0 none;
    color: #495057;
    background: #ffffff;
    margin: 0;
  }
  .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: #E3F2FD;
    color: #495057;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
    color: #6cbbf5;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: #E3F2FD;
    border-color: #E3F2FD;
    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-list-wrapper {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-picklist .p-picklist-list-wrapper.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-picklist .p-picklist-header {
    color: #495057;
    padding: 1rem;
    font-weight: 600;
  }
  .p-picklist .p-picklist-header .p-picklist-title {
    font-weight: 600;
  }
  .p-picklist .p-picklist-filter-container {
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-bottom: 0 none;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
    padding-right: 1.5rem;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-picklist .p-picklist-list {
    color: #495057;
    padding: 0.5rem 0;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list:not(:first-child) {
    border-top: 1px solid #dee2e6;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:first-child {
    margin-top: 0;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-picklist .p-picklist-list .p-picklist-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
  }
  .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .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-picklist-item.cdk-drag-preview {
    padding: 0.5rem 1rem;
    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: 0 none;
    color: #495057;
    background: #ffffff;
    margin: 0;
  }
  .p-timeline .p-timeline-event-marker {
    border: 2px solid #2196F3;
    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;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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 .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
    background: #2196F3;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
    background-color: #f8f9fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
    background: #0b7ad1;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #E3F2FD;
    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-container .p-treenode .p-treenode-content.p-treenode-dragover {
    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-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background-color: #89c8f7;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
    border-radius: 3px;
    border: 1px solid #dee2e6;
    background-color: #ffffff;
    color: #495057;
    padding: 0;
    transition: box-shadow 0.2s;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
    background-color: #E3F2FD;
    color: #495057;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #495057;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
    background-color: inherit;
    color: inherit;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: #a6d5fa;
  }
  .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: #E3F2FD;
    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: #2196F3;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196F3;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
    background: #2196F3;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
    background-color: #f8f9fa;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
    background: #0b7ad1;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight {
    background: #E3F2FD;
    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: #2196F3;
  }
  .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-loading-icon.p-icon {
    width: 2rem;
    height: 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-virtualscroller .p-virtualscroller-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-virtualscroller .p-virtualscroller-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 0;
  }
  .p-virtualscroller .p-virtualscroller-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-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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .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-accordiontab .p-accordion-tab {
    margin-bottom: 0;
  }
  .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
    border-radius: 0;
  }
  .p-accordion p-accordiontab .p-accordion-content {
    border-radius: 0;
  }
  .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link,
  .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-accordion p-accordiontab: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-accordiontab: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-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-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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-fieldset .p-fieldset-content {
    padding: 1rem;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-top: 0 none;
  }
  .p-panel .p-panel-content:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panel .p-panel-footer {
    padding: 0.5rem 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-icons-end {
    order: 2;
    margin-left: auto;
  }
  .p-panel .p-panel-icons-start {
    order: 0;
    margin-right: 0.5rem;
  }
  .p-panel .p-panel-icons-center {
    order: 2;
    width: 100%;
    text-align: center;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: #f8f9fa;
    border: 0 none;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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 .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #dee2e6;
  }
  .p-tabview .p-tabview-nav-content {
    scroll-padding-inline: 2.357rem;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .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: #2196F3;
    color: #2196F3;
  }
  .p-tabview .p-tabview-left-icon {
    margin-right: 0.5rem;
  }
  .p-tabview .p-tabview-right-icon {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #2196F3;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .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;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-stepper .p-stepper-nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow-x: auto;
  }
  .p-stepper-vertical .p-stepper-nav {
    flex-direction: column;
  }
  .p-stepper-header {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
  }
  .p-stepper-header:last-of-type {
    flex: initial;
  }
  .p-stepper-header .p-stepper-action {
    border: 0 none;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
  }
  .p-stepper-header .p-stepper-action:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper.p-stepper-readonly .p-stepper-header {
    cursor: auto;
  }
  .p-stepper-header.p-highlight .p-stepper-action {
    cursor: default;
  }
  .p-stepper-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .p-stepper-number {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-stepper-separator {
    flex: 1 1 0;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: box-shadow 0.2s;
    border-radius: 3px;
    background: #ffffff;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 2px;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #6c757d;
    font-weight: 600;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #E3F2FD;
    color: #495057;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #495057;
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #2196F3;
  }
  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 1rem;
    color: #495057;
  }
  .p-stepper .p-stepper-separator {
    background-color: #dee2e6;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: box-shadow 0.2s;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: #495057;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #2196F3;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }
  .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.5rem 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-icon.p-icon {
    width: 1.5rem;
    height: 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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-content:last-of-type {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .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-icon.p-icon {
    width: 2rem;
    height: 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: #2196F3;
    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: #0d89ec;
    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: #f2f2f2;
  }
  .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-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1rem;
  }
  .p-sidebar .p-sidebar-footer {
    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 #a6d5fa;
  }
  .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-fileupload-content.p-fileupload-highlight {
    border-color: 1px dashed #2196F3;
    border-style: dashed;
    background-color: #E3F2FD;
  }
  .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: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
  }
  .p-fileupload-choose:not(.p-disabled):active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
  }
  .p-breadcrumb {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    padding: 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list 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-contextmenu-root-list {
    outline: 0 none;
  }
  .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-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 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-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 3px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .p-dock .p-dock-link {
    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 {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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);
    border-radius: 3px;
  }
  .p-megamenu .p-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-submenu-list {
    padding: 0.25rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menu .p-menuitem-badge {
    background: #2196F3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 3px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .p-menubar {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .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;
    border-radius: 3px;
  }
  .p-menubar .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar .p-submenu-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  @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 #a6d5fa;
    }
    .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-menuitem-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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 2.25rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 3.75rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 5.25rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 6.75rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      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 {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
    color: #495057;
    padding: 1rem;
    font-weight: 600;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.25rem 0;
    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-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
    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 .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content,
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
    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-slidemenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-slidemenu .p-slidemenu-root-list {
    outline: 0 none;
  }
  .p-slidemenu .p-submenu-list {
    outline: 0 none;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1rem;
    color: #495057;
  }
  .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-slidemenu .p-menuitem-badge {
    background: #2196F3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 3px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #E3F2FD;
    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-menuitem-badge {
    background: #2196F3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 3px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .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: #2196F3;
    color: #2196F3;
  }
  .p-tabmenu .p-tabmenu-left-icon {
    margin-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-right-icon {
    margin-left: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav-btn.p-link {
    background: #ffffff;
    color: #2196F3;
    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-tabmenu .p-tabmenu-nav-btn.p-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tieredmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .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-tieredmenu-root-list {
    outline: 0 none;
  }
  .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);
    border-radius: 3px;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 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-icon {
    width: 1rem;
    height: 1rem;
  }
  .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.5);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-message .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-message .p-message-summary {
    font-weight: 700;
  }
  .p-message .p-message-detail {
    margin-left: 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-icon:not(.p-toast-icon-close-icon) {
    width: 2rem;
    height: 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.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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 .p-icon-wrapper .p-icon {
    width: 2rem;
    height: 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 .p-icon-wrapper .p-icon {
    width: 2rem;
    height: 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: #E3F2FD;
    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: #E3F2FD;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 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: #2196F3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
  }
  .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 .pi-chip-remove-icon {
    margin-left: 0.5rem;
  }
  .p-chip img {
    width: 2rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .p-chip .pi-chip-remove-icon {
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-chip .pi-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-chip .pi-chip-remove-icon:focus {
    outline: 0 none;
  }
  .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 #a6d5fa;
  }
  .p-metergroup {
    display: flex;
  }
  .p-metergroup-meters {
    display: flex;
  }
  .p-metergroup-vertical .p-metergroup-meters {
    flex-direction: column;
  }
  .p-metergroup-labels {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-metergroup-vertical .p-metergroup-labels {
    align-items: start;
  }
  .p-metergroup-labels-vertical {
    flex-direction: column;
  }
  .p-metergroup-label {
    display: inline-flex;
    align-items: center;
  }
  .p-metergroup-label-marker {
    display: inline-flex;
  }
  .p-metergroup {
    gap: 1rem;
  }
  .p-metergroup .p-metergroup-meters {
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #2196F3;
  }
  .p-metergroup .p-metergroup-labels .p-metergroup-label {
    gap: 0.5rem;
  }
  .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
    background: #2196F3;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
  }
  .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
    gap: 0.5rem;
  }
  .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
    gap: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal {
    flex-direction: column;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical {
    flex-direction: row;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #2196F3;
  }
  .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-scrolltop .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .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: #2196F3;
    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-tag .p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-terminal {
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
}
@layer primeng {
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #2196F3;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #2196F3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #2196F3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #2196F3;
  }
}
@layer primeng, primeng, primeng, primeng, primeng, primeng, primeng, primeng, primeng, primeng;

/* node_modules/primeflex/primeflex.css */
.p-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}
.p-grid > .p-col,
.p-grid > [class*=p-col] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.p-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}
.p-nogutter > .p-col,
.p-nogutter > [class*=p-col-] {
  padding: 0;
}
.p-col {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  padding: 0.5rem;
}
.p-col-fixed {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.5rem;
}
.p-col-1,
.p-col-2,
.p-col-3,
.p-col-4,
.p-col-5,
.p-col-6,
.p-col-7,
.p-col-8,
.p-col-9,
.p-col-10,
.p-col-11,
.p-col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.5rem;
}
.p-col-1 {
  width: 8.3333%;
}
.p-col-2 {
  width: 16.6667%;
}
.p-col-3 {
  width: 25%;
}
.p-col-4 {
  width: 33.3333%;
}
.p-col-5 {
  width: 41.6667%;
}
.p-col-6 {
  width: 50%;
}
.p-col-7 {
  width: 58.3333%;
}
.p-col-8 {
  width: 66.6667%;
}
.p-col-9 {
  width: 75%;
}
.p-col-10 {
  width: 83.3333%;
}
.p-col-11 {
  width: 91.6667%;
}
.p-col-12 {
  width: 100%;
}
.p-offset-12 {
  margin-left: 100%;
}
.p-offset-11 {
  margin-left: 91.66666667%;
}
.p-offset-10 {
  margin-left: 83.33333333%;
}
.p-offset-9 {
  margin-left: 75%;
}
.p-offset-8 {
  margin-left: 66.66666667%;
}
.p-offset-7 {
  margin-left: 58.33333333%;
}
.p-offset-6 {
  margin-left: 50%;
}
.p-offset-5 {
  margin-left: 41.66666667%;
}
.p-offset-4 {
  margin-left: 33.33333333%;
}
.p-offset-3 {
  margin-left: 25%;
}
.p-offset-2 {
  margin-left: 16.66666667%;
}
.p-offset-1 {
  margin-left: 8.33333333%;
}
.p-offset-0 {
  margin-left: 0%;
}
.p-sm-1,
.p-sm-2,
.p-sm-3,
.p-sm-4,
.p-sm-5,
.p-sm-6,
.p-sm-7,
.p-sm-8,
.p-sm-9,
.p-sm-10,
.p-sm-11,
.p-sm-12,
.p-md-1,
.p-md-2,
.p-md-3,
.p-md-4,
.p-md-5,
.p-md-6,
.p-md-7,
.p-md-8,
.p-md-9,
.p-md-10,
.p-md-11,
.p-md-12,
.p-lg-1,
.p-lg-2,
.p-lg-3,
.p-lg-4,
.p-lg-5,
.p-lg-6,
.p-lg-7,
.p-lg-8,
.p-lg-9,
.p-lg-10,
.p-lg-11,
.p-lg-12,
.p-xl-1,
.p-xl-2,
.p-xl-3,
.p-xl-4,
.p-xl-5,
.p-xl-6,
.p-xl-7,
.p-xl-8,
.p-xl-9,
.p-xl-10,
.p-xl-11,
.p-xl-12 {
  padding: 0.5rem;
}
.p-col-nogutter {
  padding: 0;
}
@media screen and (min-width: 576px) {
  .p-sm-1,
  .p-sm-2,
  .p-sm-3,
  .p-sm-4,
  .p-sm-5,
  .p-sm-6,
  .p-sm-7,
  .p-sm-8,
  .p-sm-9,
  .p-sm-10,
  .p-sm-11,
  .p-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .p-sm-1 {
    width: 8.3333%;
  }
  .p-sm-2 {
    width: 16.6667%;
  }
  .p-sm-3 {
    width: 25%;
  }
  .p-sm-4 {
    width: 33.3333%;
  }
  .p-sm-5 {
    width: 41.6667%;
  }
  .p-sm-6 {
    width: 50%;
  }
  .p-sm-7 {
    width: 58.3333%;
  }
  .p-sm-8 {
    width: 66.6667%;
  }
  .p-sm-9 {
    width: 75%;
  }
  .p-sm-10 {
    width: 83.3333%;
  }
  .p-sm-11 {
    width: 91.6667%;
  }
  .p-sm-12 {
    width: 100%;
  }
  .p-sm-offset-12 {
    margin-left: 100%;
  }
  .p-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .p-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .p-sm-offset-9 {
    margin-left: 75%;
  }
  .p-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .p-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .p-sm-offset-6 {
    margin-left: 50%;
  }
  .p-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .p-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .p-sm-offset-3 {
    margin-left: 25%;
  }
  .p-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .p-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .p-sm-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 768px) {
  .p-md-1,
  .p-md-2,
  .p-md-3,
  .p-md-4,
  .p-md-5,
  .p-md-6,
  .p-md-7,
  .p-md-8,
  .p-md-9,
  .p-md-10,
  .p-md-11,
  .p-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .p-md-1 {
    width: 8.3333%;
  }
  .p-md-2 {
    width: 16.6667%;
  }
  .p-md-3 {
    width: 25%;
  }
  .p-md-4 {
    width: 33.3333%;
  }
  .p-md-5 {
    width: 41.6667%;
  }
  .p-md-6 {
    width: 50%;
  }
  .p-md-7 {
    width: 58.3333%;
  }
  .p-md-8 {
    width: 66.6667%;
  }
  .p-md-9 {
    width: 75%;
  }
  .p-md-10 {
    width: 83.3333%;
  }
  .p-md-11 {
    width: 91.6667%;
  }
  .p-md-12 {
    width: 100%;
  }
  .p-md-offset-12 {
    margin-left: 100%;
  }
  .p-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .p-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .p-md-offset-9 {
    margin-left: 75%;
  }
  .p-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .p-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .p-md-offset-6 {
    margin-left: 50%;
  }
  .p-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .p-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .p-md-offset-3 {
    margin-left: 25%;
  }
  .p-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .p-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .p-md-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-1,
  .p-lg-2,
  .p-lg-3,
  .p-lg-4,
  .p-lg-5,
  .p-lg-6,
  .p-lg-7,
  .p-lg-8,
  .p-lg-9,
  .p-lg-10,
  .p-lg-11,
  .p-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .p-lg-1 {
    width: 8.3333%;
  }
  .p-lg-2 {
    width: 16.6667%;
  }
  .p-lg-3 {
    width: 25%;
  }
  .p-lg-4 {
    width: 33.3333%;
  }
  .p-lg-5 {
    width: 41.6667%;
  }
  .p-lg-6 {
    width: 50%;
  }
  .p-lg-7 {
    width: 58.3333%;
  }
  .p-lg-8 {
    width: 66.6667%;
  }
  .p-lg-9 {
    width: 75%;
  }
  .p-lg-10 {
    width: 83.3333%;
  }
  .p-lg-11 {
    width: 91.6667%;
  }
  .p-lg-12 {
    width: 100%;
  }
  .p-lg-offset-12 {
    margin-left: 100%;
  }
  .p-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .p-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .p-lg-offset-9 {
    margin-left: 75%;
  }
  .p-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .p-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .p-lg-offset-6 {
    margin-left: 50%;
  }
  .p-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .p-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .p-lg-offset-3 {
    margin-left: 25%;
  }
  .p-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .p-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .p-lg-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 1200px) {
  .p-xl-1,
  .p-xl-2,
  .p-xl-3,
  .p-xl-4,
  .p-xl-5,
  .p-xl-6,
  .p-xl-7,
  .p-xl-8,
  .p-xl-9,
  .p-xl-10,
  .p-xl-11,
  .p-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .p-xl-1 {
    width: 8.3333%;
  }
  .p-xl-2 {
    width: 16.6667%;
  }
  .p-xl-3 {
    width: 25%;
  }
  .p-xl-4 {
    width: 33.3333%;
  }
  .p-xl-5 {
    width: 41.6667%;
  }
  .p-xl-6 {
    width: 50%;
  }
  .p-xl-7 {
    width: 58.3333%;
  }
  .p-xl-8 {
    width: 66.6667%;
  }
  .p-xl-9 {
    width: 75%;
  }
  .p-xl-10 {
    width: 83.3333%;
  }
  .p-xl-11 {
    width: 91.6667%;
  }
  .p-xl-12 {
    width: 100%;
  }
  .p-xl-offset-12 {
    margin-left: 100%;
  }
  .p-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .p-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .p-xl-offset-9 {
    margin-left: 75%;
  }
  .p-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .p-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .p-xl-offset-6 {
    margin-left: 50%;
  }
  .p-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .p-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .p-xl-offset-3 {
    margin-left: 25%;
  }
  .p-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .p-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .p-xl-offset-0 {
    margin-left: 0%;
  }
}
.p-justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.p-justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.p-justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.p-justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.p-justify-even {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
.p-align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.p-align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.p-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.p-align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.p-col-align-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.p-col-align-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.p-col-align-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.p-col-align-baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}
.p-col-align-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}
.p-dir-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.p-dir-rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.p-dir-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.p-dir-col-rev {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.p-dir-col > .p-col,
.p-dir-col-rev > .p-col {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.p-col-order-first {
  -ms-flex-order: -1;
  order: -1;
}
.p-col-order-last {
  -ms-flex-order: 13;
  order: 13;
}
.p-col-order-0 {
  -ms-flex-order: 0;
  order: 0;
}
.p-col-order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.p-col-order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.p-col-order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.p-col-order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.p-col-order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.p-col-order-6 {
  -ms-flex-order: 6;
  order: 6;
}
.p-col-order-7 {
  -ms-flex-order: 7;
  order: 7;
}
.p-col-order-8 {
  -ms-flex-order: 8;
  order: 8;
}
.p-col-order-9 {
  -ms-flex-order: 9;
  order: 9;
}
.p-col-order-10 {
  -ms-flex-order: 10;
  order: 10;
}
.p-col-order-11 {
  -ms-flex-order: 11;
  order: 11;
}
.p-col-order-12 {
  -ms-flex-order: 12;
  order: 12;
}
@media screen and (min-width: 576px) {
  .p-sm-order-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .p-sm-order-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .p-sm-order-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .p-sm-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .p-sm-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .p-sm-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .p-sm-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .p-sm-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .p-sm-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .p-sm-order-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .p-sm-order-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .p-sm-order-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .p-sm-order-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .p-sm-order-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .p-sm-order-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}
@media screen and (min-width: 768px) {
  .p-md-order-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .p-md-order-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .p-md-order-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .p-md-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .p-md-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .p-md-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .p-md-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .p-md-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .p-md-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .p-md-order-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .p-md-order-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .p-md-order-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .p-md-order-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .p-md-order-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .p-md-order-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-order-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .p-lg-order-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .p-lg-order-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .p-lg-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .p-lg-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .p-lg-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .p-lg-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .p-lg-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .p-lg-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .p-lg-order-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .p-lg-order-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .p-lg-order-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .p-lg-order-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .p-lg-order-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .p-lg-order-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}
@media screen and (min-width: 1200px) {
  .p-xl-order-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .p-xl-order-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .p-xl-order-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .p-xl-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .p-xl-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .p-xl-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .p-xl-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .p-xl-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .p-xl-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .p-xl-order-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .p-xl-order-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .p-xl-order-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .p-xl-order-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .p-xl-order-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .p-xl-order-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}
.p-field {
  margin-bottom: 1rem;
}
.p-field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.p-field.p-grid > label {
  display: flex;
  align-items: center;
}
.p-field > small {
  margin-top: 0.25rem;
}
.p-field.p-grid,
.p-formgrid.p-grid {
  margin-top: 0;
}
.p-field.p-grid .p-col-fixed,
.p-formgrid.p-grid .p-col-fixed,
.p-field.p-grid .p-col,
.p-formgrid.p-grid .p-col,
.p-field.p-grid .p-col-1,
.p-formgrid.p-grid .p-col-1,
.p-field.p-grid .p-col-2,
.p-formgrid.p-grid .p-col-2,
.p-field.p-grid .p-col-3,
.p-formgrid.p-grid .p-col-3,
.p-field.p-grid .p-col-4,
.p-formgrid.p-grid .p-col-4,
.p-field.p-grid .p-col-5,
.p-formgrid.p-grid .p-col-5,
.p-field.p-grid .p-col-6,
.p-formgrid.p-grid .p-col-6,
.p-field.p-grid .p-col-7,
.p-formgrid.p-grid .p-col-7,
.p-field.p-grid .p-col-8,
.p-formgrid.p-grid .p-col-8,
.p-field.p-grid .p-col-9,
.p-formgrid.p-grid .p-col-9,
.p-field.p-grid .p-col-10,
.p-formgrid.p-grid .p-col-10,
.p-field.p-grid .p-col-11,
.p-formgrid.p-grid .p-col-11,
.p-field.p-grid .p-col-12,
.p-formgrid.p-grid .p-col-12 {
  padding-top: 0;
  padding-bottom: 0;
}
.p-formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.p-formgroup-inline .p-field,
.p-formgroup-inline .p-field-checkbox,
.p-formgroup-inline .p-field-radiobutton {
  margin-right: 1rem;
}
.p-formgroup-inline .p-field > label,
.p-formgroup-inline .p-field-checkbox > label,
.p-formgroup-inline .p-field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.p-field-checkbox,
.p-field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.p-field-checkbox > label,
.p-field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}
.p-d-none {
  display: none !important;
}
.p-d-inline {
  display: inline !important;
}
.p-d-inline-block {
  display: inline-block !important;
}
.p-d-block {
  display: block !important;
}
.p-d-flex {
  display: flex !important;
}
.p-d-inline-flex {
  display: inline-flex !important;
}
@media screen and (min-width: 576px) {
  .p-d-sm-none {
    display: none !important;
  }
  .p-d-sm-inline {
    display: inline !important;
  }
  .p-d-sm-inline-block {
    display: inline-block !important;
  }
  .p-d-sm-block {
    display: block !important;
  }
  .p-d-sm-flex {
    display: flex !important;
  }
  .p-d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .p-d-md-none {
    display: none !important;
  }
  .p-d-md-inline {
    display: inline !important;
  }
  .p-d-md-inline-block {
    display: inline-block !important;
  }
  .p-d-md-block {
    display: block !important;
  }
  .p-d-md-flex {
    display: flex !important;
  }
  .p-d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .p-d-lg-none {
    display: none !important;
  }
  .p-d-lg-inline {
    display: inline !important;
  }
  .p-d-lg-inline-block {
    display: inline-block !important;
  }
  .p-d-lg-block {
    display: block !important;
  }
  .p-d-lg-flex {
    display: flex !important;
  }
  .p-d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-d-xl-none {
    display: none !important;
  }
  .p-d-xl-inline {
    display: inline !important;
  }
  .p-d-xl-inline-block {
    display: inline-block !important;
  }
  .p-d-xl-block {
    display: block !important;
  }
  .p-d-xl-flex {
    display: flex !important;
  }
  .p-d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .p-d-print-none {
    display: none !important;
  }
  .p-d-print-inline {
    display: inline !important;
  }
  .p-d-print-inline-block {
    display: inline-block !important;
  }
  .p-d-print-block {
    display: block !important;
  }
  .p-d-print-flex {
    display: flex !important;
  }
  .p-d-print-inline-flex {
    display: inline-flex !important;
  }
}
.p-text-justify {
  text-align: justify !important;
}
.p-text-left {
  text-align: left !important;
}
.p-text-right {
  text-align: right !important;
}
.p-text-center {
  text-align: center !important;
}
.p-text-nowrap {
  white-space: nowrap !important;
}
.p-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-text-lowercase {
  text-transform: lowercase !important;
}
.p-text-uppercase {
  text-transform: uppercase !important;
}
.p-text-capitalize {
  text-transform: capitalize !important;
}
.p-text-bold {
  font-weight: 700 !important;
}
.p-text-normal {
  font-weight: 400 !important;
}
.p-text-light {
  font-weight: 300 !important;
}
.p-text-italic {
  font-style: italic !important;
}
@media screen and (min-width: 576px) {
  .p-text-sm-justify {
    text-align: justify !important;
  }
  .p-text-sm-left {
    text-align: left !important;
  }
  .p-text-sm-right {
    text-align: right !important;
  }
  .p-text-sm-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 768px) {
  .p-text-md-justify {
    text-align: justify !important;
  }
  .p-text-md-left {
    text-align: left !important;
  }
  .p-text-md-right {
    text-align: right !important;
  }
  .p-text-md-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 992px) {
  .p-text-lg-justify {
    text-align: justify !important;
  }
  .p-text-lg-left {
    text-align: left !important;
  }
  .p-text-lg-right {
    text-align: right !important;
  }
  .p-text-lg-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-text-xl-justify {
    text-align: justify !important;
  }
  .p-text-xl-left {
    text-align: left !important;
  }
  .p-text-xl-right {
    text-align: right !important;
  }
  .p-text-xl-center {
    text-align: center !important;
  }
}
.p-flex-row {
  flex-direction: row !important;
}
.p-flex-row-reverse {
  flex-direction: row-reverse !important;
}
.p-flex-column {
  flex-direction: column !important;
}
.p-flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media screen and (min-width: 576px) {
  .p-flex-sm-row {
    flex-direction: row !important;
  }
  .p-flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .p-flex-sm-column {
    flex-direction: column !important;
  }
  .p-flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .p-flex-md-row {
    flex-direction: row !important;
  }
  .p-flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .p-flex-md-column {
    flex-direction: column !important;
  }
  .p-flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .p-flex-lg-row {
    flex-direction: row !important;
  }
  .p-flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .p-flex-lg-column {
    flex-direction: column !important;
  }
  .p-flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-flex-xl-row {
    flex-direction: row !important;
  }
  .p-flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .p-flex-xl-column {
    flex-direction: column !important;
  }
  .p-flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.p-jc-start {
  justify-content: flex-start;
}
.p-jc-end {
  justify-content: flex-end;
}
.p-jc-center {
  justify-content: center;
}
.p-jc-between {
  justify-content: space-between;
}
.p-jc-around {
  justify-content: space-around;
}
.p-jc-evenly {
  justify-content: space-evenly;
}
@media screen and (min-width: 576px) {
  .p-jc-sm-start {
    justify-content: flex-start;
  }
  .p-jc-sm-end {
    justify-content: flex-end;
  }
  .p-jc-sm-center {
    justify-content: center;
  }
  .p-jc-sm-between {
    justify-content: space-between;
  }
  .p-jc-sm-around {
    justify-content: space-around;
  }
  .p-jc-sm-evenly {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 768px) {
  .p-jc-md-start {
    justify-content: flex-start;
  }
  .p-jc-md-end {
    justify-content: flex-end;
  }
  .p-jc-md-center {
    justify-content: center;
  }
  .p-jc-md-between {
    justify-content: space-between;
  }
  .p-jc-md-around {
    justify-content: space-around;
  }
  .p-jc-md-evenly {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 992px) {
  .p-jc-lg-start {
    justify-content: flex-start;
  }
  .p-jc-lg-end {
    justify-content: flex-end;
  }
  .p-jc-lg-center {
    justify-content: center;
  }
  .p-jc-lg-between {
    justify-content: space-between;
  }
  .p-jc-lg-around {
    justify-content: space-around;
  }
  .p-jc-lg-evenly {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1200px) {
  .p-jc-xl-start {
    justify-content: flex-start;
  }
  .p-jc-xl-end {
    justify-content: flex-end;
  }
  .p-jc-xl-center {
    justify-content: center;
  }
  .p-jc-xl-between {
    justify-content: space-between;
  }
  .p-jc-xl-around {
    justify-content: space-around;
  }
  .p-jc-xl-evenly {
    justify-content: space-evenly;
  }
}
.p-ai-start {
  align-items: flex-start;
}
.p-ai-end {
  align-items: flex-end;
}
.p-ai-center {
  align-items: center;
}
.p-ai-baseline {
  align-items: baseline;
}
.p-ai-stretch {
  align-items: stretch;
}
@media screen and (min-width: 576px) {
  .p-ai-sm-start {
    align-items: flex-start;
  }
  .p-ai-sm-end {
    align-items: flex-end;
  }
  .p-ai-sm-center {
    align-items: center;
  }
  .p-ai-sm-baseline {
    align-items: baseline;
  }
  .p-ai-sm-stretch {
    align-items: stretch;
  }
}
@media screen and (min-width: 768px) {
  .p-ai-md-start {
    align-items: flex-start;
  }
  .p-ai-md-end {
    align-items: flex-end;
  }
  .p-ai-md-center {
    align-items: center;
  }
  .p-ai-md-baseline {
    align-items: baseline;
  }
  .p-ai-md-stretch {
    align-items: stretch;
  }
}
@media screen and (min-width: 992px) {
  .p-ai-lg-start {
    align-items: flex-start;
  }
  .p-ai-lg-end {
    align-items: flex-end;
  }
  .p-ai-lg-center {
    align-items: center;
  }
  .p-ai-lg-baseline {
    align-items: baseline;
  }
  .p-ai-lg-stretch {
    align-items: stretch;
  }
}
@media screen and (min-width: 1200px) {
  .p-ai-xl-start {
    align-items: flex-start;
  }
  .p-ai-xl-end {
    align-items: flex-end;
  }
  .p-ai-xl-center {
    align-items: center;
  }
  .p-ai-xl-baseline {
    align-items: baseline;
  }
  .p-ai-xl-stretch {
    align-items: stretch;
  }
}
.p-as-start {
  align-self: start;
}
.p-as-end {
  align-self: flex-end;
}
.p-as-center {
  align-self: center;
}
.p-as-baseline {
  align-self: baseline;
}
.p-as-stretch {
  align-self: stretch;
}
@media screen and (min-width: 576px) {
  .p-as-sm-start {
    align-self: start;
  }
  .p-as-sm-end {
    align-self: flex-end;
  }
  .p-as-sm-center {
    align-self: center;
  }
  .p-as-sm-baseline {
    align-self: baseline;
  }
  .p-as-sm-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 768px) {
  .p-as-md-start {
    align-self: start;
  }
  .p-as-md-end {
    align-self: flex-end;
  }
  .p-as-md-center {
    align-self: center;
  }
  .p-as-md-baseline {
    align-self: baseline;
  }
  .p-as-md-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 992px) {
  .p-as-lg-start {
    align-self: start;
  }
  .p-as-lg-end {
    align-self: flex-end;
  }
  .p-as-lg-center {
    align-self: center;
  }
  .p-as-lg-baseline {
    align-self: baseline;
  }
  .p-as-lg-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 1200px) {
  .p-as-xl-start {
    align-self: start;
  }
  .p-as-xl-end {
    align-self: flex-end;
  }
  .p-as-xl-center {
    align-self: center;
  }
  .p-as-xl-baseline {
    align-self: baseline;
  }
  .p-as-xl-stretch {
    align-self: stretch;
  }
}
.p-ac-start {
  align-content: flex-start;
}
.p-ac-end {
  align-content: flex-end;
}
.p-ac-center {
  align-content: center;
}
.p-ac-around {
  align-content: space-around;
}
.p-ac-stretch {
  align-content: stretch;
}
.p-ac-between {
  align-content: space-between;
}
@media screen and (min-width: 576px) {
  .p-ac-sm-start {
    align-content: flex-start;
  }
  .p-ac-sm-end {
    align-content: flex-end;
  }
  .p-ac-sm-center {
    align-content: center;
  }
  .p-ac-sm-around {
    align-content: space-around;
  }
  .p-ac-sm-stretch {
    align-content: stretch;
  }
  .p-ac-sm-between {
    align-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-ac-md-start {
    align-content: flex-start;
  }
  .p-ac-md-end {
    align-content: flex-end;
  }
  .p-ac-md-center {
    align-content: center;
  }
  .p-ac-md-around {
    align-content: space-around;
  }
  .p-ac-md-stretch {
    align-content: stretch;
  }
  .p-ac-md-between {
    align-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  .p-ac-lg-start {
    align-content: flex-start;
  }
  .p-ac-lg-end {
    align-content: flex-end;
  }
  .p-ac-lg-center {
    align-content: center;
  }
  .p-ac-lg-around {
    align-content: space-around;
  }
  .p-ac-lg-stretch {
    align-content: stretch;
  }
  .p-ac-lg-between {
    align-content: space-between;
  }
}
@media screen and (min-width: 1200px) {
  .p-ac-xl-start {
    align-content: flex-start;
  }
  .p-ac-xl-end {
    align-content: flex-end;
  }
  .p-ac-xl-center {
    align-content: center;
  }
  .p-ac-xl-around {
    align-content: space-around;
  }
  .p-ac-xl-stretch {
    align-content: stretch;
  }
  .p-ac-xl-between {
    align-content: space-between;
  }
}
.p-order-0 {
  order: 0;
}
.p-order-1 {
  order: 1;
}
.p-order-2 {
  order: 2;
}
.p-order-3 {
  order: 3;
}
.p-order-4 {
  order: 4;
}
.p-order-5 {
  order: 5;
}
.p-order-6 {
  order: 6;
}
@media screen and (min-width: 576px) {
  .p-order-sm-0 {
    order: 0;
  }
  .p-order-sm-1 {
    order: 1;
  }
  .p-order-sm-2 {
    order: 2;
  }
  .p-order-sm-3 {
    order: 3;
  }
  .p-order-sm-4 {
    order: 4;
  }
  .p-order-sm-5 {
    order: 5;
  }
  .p-order-sm-6 {
    order: 6;
  }
}
@media screen and (min-width: 768px) {
  .p-order-md-0 {
    order: 0;
  }
  .p-order-md-1 {
    order: 1;
  }
  .p-order-md-2 {
    order: 2;
  }
  .p-order-md-3 {
    order: 3;
  }
  .p-order-md-4 {
    order: 4;
  }
  .p-order-md-5 {
    order: 5;
  }
  .p-order-md-6 {
    order: 6;
  }
}
@media screen and (min-width: 992px) {
  .p-order-lg-0 {
    order: 0;
  }
  .p-order-lg-1 {
    order: 1;
  }
  .p-order-lg-2 {
    order: 2;
  }
  .p-order-lg-3 {
    order: 3;
  }
  .p-order-lg-4 {
    order: 4;
  }
  .p-order-lg-5 {
    order: 5;
  }
  .p-order-lg-6 {
    order: 6;
  }
}
@media screen and (min-width: 1200px) {
  .p-order-xl-0 {
    order: 0;
  }
  .p-order-xl-1 {
    order: 1;
  }
  .p-order-xl-2 {
    order: 2;
  }
  .p-order-xl-3 {
    order: 3;
  }
  .p-order-xl-4 {
    order: 4;
  }
  .p-order-xl-5 {
    order: 5;
  }
  .p-order-xl-6 {
    order: 6;
  }
}
.p-flex-nowrap {
  flex-wrap: nowrap;
}
.p-flex-wrap {
  flex-wrap: wrap;
}
.p-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
@media screen and (min-width: 576px) {
  .p-flex-sm-nowrap {
    flex-wrap: nowrap;
  }
  .p-flex-sm-wrap {
    flex-wrap: wrap;
  }
  .p-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 768px) {
  .p-flex-md-nowrap {
    flex-wrap: nowrap;
  }
  .p-flex-md-wrap {
    flex-wrap: wrap;
  }
  .p-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 992px) {
  .p-flex-lg-nowrap {
    flex-wrap: nowrap;
  }
  .p-flex-lg-wrap {
    flex-wrap: wrap;
  }
  .p-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .p-flex-xl-nowrap {
    flex-wrap: nowrap;
  }
  .p-flex-xl-wrap {
    flex-wrap: wrap;
  }
  .p-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
.p-pt-0 {
  padding-top: 0 !important;
}
.p-pt-1 {
  padding-top: 0.25rem !important;
}
.p-pt-2 {
  padding-top: 0.5rem !important;
}
.p-pt-3 {
  padding-top: 1rem !important;
}
.p-pt-4 {
  padding-top: 1.5rem !important;
}
.p-pt-5 {
  padding-top: 2rem !important;
}
.p-pt-6 {
  padding-top: 3rem !important;
}
.p-pr-0 {
  padding-right: 0 !important;
}
.p-pr-1 {
  padding-right: 0.25rem !important;
}
.p-pr-2 {
  padding-right: 0.5rem !important;
}
.p-pr-3 {
  padding-right: 1rem !important;
}
.p-pr-4 {
  padding-right: 1.5rem !important;
}
.p-pr-5 {
  padding-right: 2rem !important;
}
.p-pr-6 {
  padding-right: 3rem !important;
}
.p-pl-0 {
  padding-left: 0 !important;
}
.p-pl-1 {
  padding-left: 0.25rem !important;
}
.p-pl-2 {
  padding-left: 0.5rem !important;
}
.p-pl-3 {
  padding-left: 1rem !important;
}
.p-pl-4 {
  padding-left: 1.5rem !important;
}
.p-pl-5 {
  padding-left: 2rem !important;
}
.p-pl-6 {
  padding-left: 3rem !important;
}
.p-pb-0 {
  padding-bottom: 0 !important;
}
.p-pb-1 {
  padding-bottom: 0.25rem !important;
}
.p-pb-2 {
  padding-bottom: 0.5rem !important;
}
.p-pb-3 {
  padding-bottom: 1rem !important;
}
.p-pb-4 {
  padding-bottom: 1.5rem !important;
}
.p-pb-5 {
  padding-bottom: 2rem !important;
}
.p-pb-6 {
  padding-bottom: 3rem !important;
}
.p-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.p-px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.p-px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.p-px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.p-px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.p-px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.p-px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.p-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.p-py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.p-py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.p-py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.p-py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.p-py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.p-p-0 {
  padding: 0 !important;
}
.p-p-1 {
  padding: 0.25rem !important;
}
.p-p-2 {
  padding: 0.5rem !important;
}
.p-p-3 {
  padding: 1rem !important;
}
.p-p-4 {
  padding: 1.5rem !important;
}
.p-p-5 {
  padding: 2rem !important;
}
.p-p-6 {
  padding: 3rem !important;
}
@media screen and (min-width: 576px) {
  .p-pt-sm-0 {
    padding-top: 0 !important;
  }
  .p-pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .p-pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .p-pt-sm-3 {
    padding-top: 1rem !important;
  }
  .p-pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .p-pt-sm-5 {
    padding-top: 2rem !important;
  }
  .p-pt-sm-6 {
    padding-top: 3rem !important;
  }
  .p-pr-sm-0 {
    padding-right: 0 !important;
  }
  .p-pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .p-pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .p-pr-sm-3 {
    padding-right: 1rem !important;
  }
  .p-pr-sm-4 {
    padding-right: 1.5rem !important;
  }
  .p-pr-sm-5 {
    padding-right: 2rem !important;
  }
  .p-pr-sm-6 {
    padding-right: 3rem !important;
  }
  .p-pl-sm-0 {
    padding-left: 0 !important;
  }
  .p-pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-pl-sm-3 {
    padding-left: 1rem !important;
  }
  .p-pl-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-pl-sm-5 {
    padding-left: 2rem !important;
  }
  .p-pl-sm-6 {
    padding-left: 3rem !important;
  }
  .p-pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .p-pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .p-pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .p-pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .p-pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .p-pb-sm-5 {
    padding-bottom: 2rem !important;
  }
  .p-pb-sm-6 {
    padding-bottom: 3rem !important;
  }
  .p-px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .p-px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .p-px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .p-px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .p-px-sm-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .p-px-sm-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .p-py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-py-sm-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-py-sm-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-p-sm-0 {
    padding: 0 !important;
  }
  .p-p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-p-sm-3 {
    padding: 1rem !important;
  }
  .p-p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-p-sm-5 {
    padding: 2rem !important;
  }
  .p-p-sm-6 {
    padding: 3rem !important;
  }
}
@media screen and (min-width: 768px) {
  .p-pt-md-0 {
    padding-top: 0 !important;
  }
  .p-pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .p-pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .p-pt-md-3 {
    padding-top: 1rem !important;
  }
  .p-pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .p-pt-md-5 {
    padding-top: 2rem !important;
  }
  .p-pt-md-6 {
    padding-top: 3rem !important;
  }
  .p-pr-md-0 {
    padding-right: 0 !important;
  }
  .p-pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .p-pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .p-pr-md-3 {
    padding-right: 1rem !important;
  }
  .p-pr-md-4 {
    padding-right: 1.5rem !important;
  }
  .p-pr-md-5 {
    padding-right: 2rem !important;
  }
  .p-pr-md-6 {
    padding-right: 3rem !important;
  }
  .p-pl-md-0 {
    padding-left: 0 !important;
  }
  .p-pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-pl-md-3 {
    padding-left: 1rem !important;
  }
  .p-pl-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-pl-md-5 {
    padding-left: 2rem !important;
  }
  .p-pl-md-6 {
    padding-left: 3rem !important;
  }
  .p-pb-md-0 {
    padding-bottom: 0 !important;
  }
  .p-pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .p-pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .p-pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .p-pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .p-pb-md-5 {
    padding-bottom: 2rem !important;
  }
  .p-pb-md-6 {
    padding-bottom: 3rem !important;
  }
  .p-px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .p-px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .p-px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .p-px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .p-px-md-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .p-px-md-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .p-py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-py-md-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-py-md-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-p-md-0 {
    padding: 0 !important;
  }
  .p-p-md-1 {
    padding: 0.25rem !important;
  }
  .p-p-md-2 {
    padding: 0.5rem !important;
  }
  .p-p-md-3 {
    padding: 1rem !important;
  }
  .p-p-md-4 {
    padding: 1.5rem !important;
  }
  .p-p-md-5 {
    padding: 2rem !important;
  }
  .p-p-md-6 {
    padding: 3rem !important;
  }
}
@media screen and (min-width: 992px) {
  .p-pt-lg-0 {
    padding-top: 0 !important;
  }
  .p-pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .p-pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .p-pt-lg-3 {
    padding-top: 1rem !important;
  }
  .p-pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .p-pt-lg-5 {
    padding-top: 2rem !important;
  }
  .p-pt-lg-6 {
    padding-top: 3rem !important;
  }
  .p-pt-lg-auto {
    padding-top: 3rem !important;
  }
  .p-pr-lg-0 {
    padding-right: 0 !important;
  }
  .p-pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .p-pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .p-pr-lg-3 {
    padding-right: 1rem !important;
  }
  .p-pr-lg-4 {
    padding-right: 1.5rem !important;
  }
  .p-pr-lg-5 {
    padding-right: 2rem !important;
  }
  .p-pr-lg-6 {
    padding-right: 3rem !important;
  }
  .p-pl-lg-0 {
    padding-left: 0 !important;
  }
  .p-pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-pl-lg-3 {
    padding-left: 1rem !important;
  }
  .p-pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-pl-lg-5 {
    padding-left: 2rem !important;
  }
  .p-pl-lg-6 {
    padding-left: 3rem !important;
  }
  .p-pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .p-pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .p-pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .p-pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .p-pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .p-pb-lg-5 {
    padding-bottom: 2rem !important;
  }
  .p-pb-lg-6 {
    padding-bottom: 3rem !important;
  }
  .p-px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .p-px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .p-px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .p-px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .p-px-lg-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .p-px-lg-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .p-py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-py-lg-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-py-lg-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-p-lg-0 {
    padding: 0 !important;
  }
  .p-p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-p-lg-3 {
    padding: 1rem !important;
  }
  .p-p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-p-lg-5 {
    padding: 2rem !important;
  }
  .p-p-lg-6 {
    padding: 3rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-pt-xl-0 {
    padding-top: 0 !important;
  }
  .p-pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .p-pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .p-pt-xl-3 {
    padding-top: 1rem !important;
  }
  .p-pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .p-pt-xl-5 {
    padding-top: 2rem !important;
  }
  .p-pt-xl-6 {
    padding-top: 3rem !important;
  }
  .p-pr-xl-0 {
    padding-right: 0 !important;
  }
  .p-pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .p-pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .p-pr-xl-3 {
    padding-right: 1rem !important;
  }
  .p-pr-xl-4 {
    padding-right: 1.5rem !important;
  }
  .p-pr-xl-5 {
    padding-right: 2rem !important;
  }
  .p-pr-xl-6 {
    padding-right: 3rem !important;
  }
  .p-pl-xl-0 {
    padding-left: 0 !important;
  }
  .p-pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-pl-xl-3 {
    padding-left: 1rem !important;
  }
  .p-pl-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-pl-xl-5 {
    padding-left: 2rem !important;
  }
  .p-pl-xl-6 {
    padding-left: 3rem !important;
  }
  .p-pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .p-pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .p-pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .p-pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .p-pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .p-pb-xl-5 {
    padding-bottom: 2rem !important;
  }
  .p-pb-xl-6 {
    padding-bottom: 3rem !important;
  }
  .p-px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .p-px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .p-px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .p-px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .p-px-xl-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .p-px-xl-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .p-py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-py-xl-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-py-xl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-p-xl-0 {
    padding: 0 !important;
  }
  .p-p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-p-xl-3 {
    padding: 1rem !important;
  }
  .p-p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-p-xl-5 {
    padding: 2rem !important;
  }
  .p-p-xl-6 {
    padding: 3rem !important;
  }
}
.p-mt-0 {
  margin-top: 0 !important;
}
.p-mt-1 {
  margin-top: 0.25rem !important;
}
.p-mt-2 {
  margin-top: 0.5rem !important;
}
.p-mt-3 {
  margin-top: 1rem !important;
}
.p-mt-4 {
  margin-top: 1.5rem !important;
}
.p-mt-5 {
  margin-top: 2rem !important;
}
.p-mt-6 {
  margin-top: 3rem !important;
}
.p-mt-auto {
  margin-top: auto !important;
}
.p-mr-0 {
  margin-right: 0 !important;
}
.p-mr-1 {
  margin-right: 0.25rem !important;
}
.p-mr-2 {
  margin-right: 0.5rem !important;
}
.p-mr-3 {
  margin-right: 1rem !important;
}
.p-mr-4 {
  margin-right: 1.5rem !important;
}
.p-mr-5 {
  margin-right: 2rem !important;
}
.p-mr-6 {
  margin-right: 3rem !important;
}
.p-mr-auto {
  margin-right: auto !important;
}
.p-ml-0 {
  margin-left: 0 !important;
}
.p-ml-1 {
  margin-left: 0.25rem !important;
}
.p-ml-2 {
  margin-left: 0.5rem !important;
}
.p-ml-3 {
  margin-left: 1rem !important;
}
.p-ml-4 {
  margin-left: 1.5rem !important;
}
.p-ml-5 {
  margin-left: 2rem !important;
}
.p-ml-6 {
  margin-left: 3rem !important;
}
.p-ml-auto {
  margin-left: auto !important;
}
.p-mb-0 {
  margin-bottom: 0 !important;
}
.p-mb-1 {
  margin-bottom: 0.25rem !important;
}
.p-mb-2 {
  margin-bottom: 0.5rem !important;
}
.p-mb-3 {
  margin-bottom: 1rem !important;
}
.p-mb-4 {
  margin-bottom: 1.5rem !important;
}
.p-mb-5 {
  margin-bottom: 2rem !important;
}
.p-mb-6 {
  margin-bottom: 3rem !important;
}
.p-mb-auto {
  margin-bottom: auto !important;
}
.p-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.p-mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.p-mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.p-mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.p-mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.p-mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.p-mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.p-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.p-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.p-my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.p-my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.p-my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.p-my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.p-my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.p-my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.p-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.p-m-0 {
  margin: 0 !important;
}
.p-m-1 {
  margin: 0.25rem !important;
}
.p-m-2 {
  margin: 0.5rem !important;
}
.p-m-3 {
  margin: 1rem !important;
}
.p-m-4 {
  margin: 1.5rem !important;
}
.p-m-5 {
  margin: 2rem !important;
}
.p-m-6 {
  margin: 3rem !important;
}
.p-m-auto {
  margin: auto !important;
}
@media screen and (min-width: 576px) {
  .p-mt-sm-0 {
    margin-top: 0 !important;
  }
  .p-mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .p-mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .p-mt-sm-3 {
    margin-top: 1rem !important;
  }
  .p-mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .p-mt-sm-5 {
    margin-top: 2rem !important;
  }
  .p-mt-sm-6 {
    margin-top: 3rem !important;
  }
  .p-mt-sm-auto {
    margin-top: 3rem !important;
  }
  .p-mr-sm-0 {
    margin-right: 0 !important;
  }
  .p-mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .p-mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .p-mr-sm-3 {
    margin-right: 1rem !important;
  }
  .p-mr-sm-4 {
    margin-right: 1.5rem !important;
  }
  .p-mr-sm-5 {
    margin-right: 2rem !important;
  }
  .p-mr-sm-6 {
    margin-right: 3rem !important;
  }
  .p-mr-sm-auto {
    margin-right: auto !important;
  }
  .p-ml-sm-0 {
    margin-left: 0 !important;
  }
  .p-ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .p-ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .p-ml-sm-3 {
    margin-left: 1rem !important;
  }
  .p-ml-sm-4 {
    margin-left: 1.5rem !important;
  }
  .p-ml-sm-5 {
    margin-left: 2rem !important;
  }
  .p-ml-sm-6 {
    margin-left: 3rem !important;
  }
  .p-ml-sm-auto {
    margin-left: auto !important;
  }
  .p-mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .p-mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .p-mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .p-mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .p-mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .p-mb-sm-5 {
    margin-bottom: 2rem !important;
  }
  .p-mb-sm-6 {
    margin-bottom: 3rem !important;
  }
  .p-mb-sm-auto {
    margin-bottom: auto !important;
  }
  .p-mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .p-mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .p-mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .p-mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .p-mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .p-mx-sm-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .p-mx-sm-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .p-mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .p-my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-my-sm-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .p-my-sm-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-m-sm-0 {
    margin: 0 !important;
  }
  .p-m-sm-1 {
    margin: 0.25rem !important;
  }
  .p-m-sm-2 {
    margin: 0.5rem !important;
  }
  .p-m-sm-3 {
    margin: 1rem !important;
  }
  .p-m-sm-4 {
    margin: 1.5rem !important;
  }
  .p-m-sm-5 {
    margin: 2rem !important;
  }
  .p-m-sm-6 {
    margin: 3rem !important;
  }
  .p-m-sm-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .p-mt-md-0 {
    margin-top: 0 !important;
  }
  .p-mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .p-mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .p-mt-md-3 {
    margin-top: 1rem !important;
  }
  .p-mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .p-mt-md-5 {
    margin-top: 2rem !important;
  }
  .p-mt-md-6 {
    margin-top: 3rem !important;
  }
  .p-mt-md-auto {
    margin-top: 3rem !important;
  }
  .p-mr-md-0 {
    margin-right: 0 !important;
  }
  .p-mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .p-mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .p-mr-md-3 {
    margin-right: 1rem !important;
  }
  .p-mr-md-4 {
    margin-right: 1.5rem !important;
  }
  .p-mr-md-5 {
    margin-right: 2rem !important;
  }
  .p-mr-md-6 {
    margin-right: 3rem !important;
  }
  .p-mr-md-auto {
    margin-right: auto !important;
  }
  .p-ml-md-0 {
    margin-left: 0 !important;
  }
  .p-ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .p-ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .p-ml-md-3 {
    margin-left: 1rem !important;
  }
  .p-ml-md-4 {
    margin-left: 1.5rem !important;
  }
  .p-ml-md-5 {
    margin-left: 2rem !important;
  }
  .p-ml-md-6 {
    margin-left: 3rem !important;
  }
  .p-ml-md-auto {
    margin-left: auto !important;
  }
  .p-mb-md-0 {
    margin-bottom: 0 !important;
  }
  .p-mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .p-mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .p-mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .p-mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .p-mb-md-5 {
    margin-bottom: 2rem !important;
  }
  .p-mb-md-6 {
    margin-bottom: 3rem !important;
  }
  .p-mb-md-auto {
    margin-bottom: auto !important;
  }
  .p-mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .p-mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .p-mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .p-mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .p-mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .p-mx-md-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .p-mx-md-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .p-mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .p-my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-my-md-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .p-my-md-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-m-md-0 {
    margin: 0 !important;
  }
  .p-m-md-1 {
    margin: 0.25rem !important;
  }
  .p-m-md-2 {
    margin: 0.5rem !important;
  }
  .p-m-md-3 {
    margin: 1rem !important;
  }
  .p-m-md-4 {
    margin: 1.5rem !important;
  }
  .p-m-md-5 {
    margin: 2rem !important;
  }
  .p-m-md-6 {
    margin: 3rem !important;
  }
  .p-m-md-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .p-mt-lg-0 {
    margin-top: 0 !important;
  }
  .p-mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .p-mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .p-mt-lg-3 {
    margin-top: 1rem !important;
  }
  .p-mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .p-mt-lg-5 {
    margin-top: 2rem !important;
  }
  .p-mt-lg-6 {
    margin-top: 3rem !important;
  }
  .p-mt-lg-auto {
    margin-top: 3rem !important;
  }
  .p-mr-lg-0 {
    margin-right: 0 !important;
  }
  .p-mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .p-mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .p-mr-lg-3 {
    margin-right: 1rem !important;
  }
  .p-mr-lg-4 {
    margin-right: 1.5rem !important;
  }
  .p-mr-lg-5 {
    margin-right: 2rem !important;
  }
  .p-mr-lg-6 {
    margin-right: 3rem !important;
  }
  .p-mr-lg-auto {
    margin-right: auto !important;
  }
  .p-ml-lg-0 {
    margin-left: 0 !important;
  }
  .p-ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .p-ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .p-ml-lg-3 {
    margin-left: 1rem !important;
  }
  .p-ml-lg-4 {
    margin-left: 1.5rem !important;
  }
  .p-ml-lg-5 {
    margin-left: 2rem !important;
  }
  .p-ml-lg-6 {
    margin-left: 3rem !important;
  }
  .p-ml-lg-auto {
    margin-left: auto !important;
  }
  .p-mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .p-mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .p-mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .p-mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .p-mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .p-mb-lg-5 {
    margin-bottom: 2rem !important;
  }
  .p-mb-lg-6 {
    margin-bottom: 3rem !important;
  }
  .p-mb-lg-auto {
    margin-bottom: auto !important;
  }
  .p-mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .p-mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .p-mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .p-mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .p-mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .p-mx-lg-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .p-mx-lg-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .p-mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .p-my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-my-lg-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .p-my-lg-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-m-lg-0 {
    margin: 0 !important;
  }
  .p-m-lg-1 {
    margin: 0.25rem !important;
  }
  .p-m-lg-2 {
    margin: 0.5rem !important;
  }
  .p-m-lg-3 {
    margin: 1rem !important;
  }
  .p-m-lg-4 {
    margin: 1.5rem !important;
  }
  .p-m-lg-5 {
    margin: 2rem !important;
  }
  .p-m-lg-6 {
    margin: 3rem !important;
  }
  .p-m-lg-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-mt-xl-0 {
    margin-top: 0 !important;
  }
  .p-mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .p-mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .p-mt-xl-3 {
    margin-top: 1rem !important;
  }
  .p-mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .p-mt-xl-5 {
    margin-top: 2rem !important;
  }
  .p-mt-xl-6 {
    margin-top: 3rem !important;
  }
  .p-mt-xl-auto {
    margin-top: 3rem !important;
  }
  .p-mr-xl-0 {
    margin-right: 0 !important;
  }
  .p-mr-xl-1 {
    margin-right: 0.25rem !important;
  }
  .p-mr-xl-2 {
    margin-right: 0.5rem !important;
  }
  .p-mr-xl-3 {
    margin-right: 1rem !important;
  }
  .p-mr-xl-4 {
    margin-right: 1.5rem !important;
  }
  .p-mr-xl-5 {
    margin-right: 2rem !important;
  }
  .p-mr-xl-6 {
    margin-right: 3rem !important;
  }
  .p-mr-xl-auto {
    margin-right: auto !important;
  }
  .p-ml-xl-0 {
    margin-left: 0 !important;
  }
  .p-ml-xl-1 {
    margin-left: 0.25rem !important;
  }
  .p-ml-xl-2 {
    margin-left: 0.5rem !important;
  }
  .p-ml-xl-3 {
    margin-left: 1rem !important;
  }
  .p-ml-xl-4 {
    margin-left: 1.5rem !important;
  }
  .p-ml-xl-5 {
    margin-left: 2rem !important;
  }
  .p-ml-xl-6 {
    margin-left: 3rem !important;
  }
  .p-ml-xl-auto {
    margin-left: auto !important;
  }
  .p-mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .p-mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .p-mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .p-mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .p-mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .p-mb-xl-5 {
    margin-bottom: 2rem !important;
  }
  .p-mb-xl-6 {
    margin-bottom: 3rem !important;
  }
  .p-mb-xl-auto {
    margin-bottom: auto !important;
  }
  .p-mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .p-mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .p-mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .p-mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .p-mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .p-mx-xl-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .p-mx-xl-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .p-mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .p-my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-my-xl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .p-my-xl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-m-xl-0 {
    margin: 0 !important;
  }
  .p-m-xl-1 {
    margin: 0.25rem !important;
  }
  .p-m-xl-2 {
    margin: 0.5rem !important;
  }
  .p-m-xl-3 {
    margin: 1rem !important;
  }
  .p-m-xl-4 {
    margin: 1.5rem !important;
  }
  .p-m-xl-5 {
    margin: 2rem !important;
  }
  .p-m-xl-6 {
    margin: 3rem !important;
  }
  .p-m-xl-auto {
    margin: auto !important;
  }
}
.p-shadow-1 {
  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);
}
.p-shadow-2 {
  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-shadow-3 {
  box-shadow:
    0 3px 3px -2px rgba(0, 0, 0, 0.2),
    0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.p-shadow-4 {
  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-shadow-5 {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 5px 8px 0 rgba(0, 0, 0, 0.14),
    0 1px 14px 0 rgba(0, 0, 0, 0.12);
}
.p-shadow-6 {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.p-shadow-7 {
  box-shadow:
    0 4px 5px -2px rgba(0, 0, 0, 0.2),
    0 7px 10px 1px rgba(0, 0, 0, 0.14),
    0 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.p-shadow-8 {
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.p-shadow-9 {
  box-shadow:
    0 5px 6px -3px rgba(0, 0, 0, 0.2),
    0 9px 12px 1px rgba(0, 0, 0, 0.14),
    0 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.p-shadow-10 {
  box-shadow:
    0 6px 6px -3px rgba(0, 0, 0, 0.2),
    0 10px 14px 1px rgba(0, 0, 0, 0.14),
    0 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.p-shadow-11 {
  box-shadow:
    0 6px 7px -4px rgba(0, 0, 0, 0.2),
    0 11px 15px 1px rgba(0, 0, 0, 0.14),
    0 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.p-shadow-12 {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 12px 17px 2px rgba(0, 0, 0, 0.14),
    0 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.p-shadow-13 {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 13px 19px 2px rgba(0, 0, 0, 0.14),
    0 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.p-shadow-14 {
  box-shadow:
    0 7px 9px -4px rgba(0, 0, 0, 0.2),
    0 14px 21px 2px rgba(0, 0, 0, 0.14),
    0 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.p-shadow-15 {
  box-shadow:
    0 8px 9px -5px rgba(0, 0, 0, 0.2),
    0 15px 22px 2px rgba(0, 0, 0, 0.14),
    0 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.p-shadow-16 {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.p-shadow-17 {
  box-shadow:
    0 8px 11px -5px rgba(0, 0, 0, 0.2),
    0 17px 26px 2px rgba(0, 0, 0, 0.14),
    0 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.p-shadow-18 {
  box-shadow:
    0 9px 11px -5px rgba(0, 0, 0, 0.2),
    0 18px 28px 2px rgba(0, 0, 0, 0.14),
    0 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.p-shadow-19 {
  box-shadow:
    0 9px 12px -6px rgba(0, 0, 0, 0.2),
    0 19px 29px 2px rgba(0, 0, 0, 0.14),
    0 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.p-shadow-20 {
  box-shadow:
    0 10px 13px -6px rgba(0, 0, 0, 0.2),
    0 20px 31px 3px rgba(0, 0, 0, 0.14),
    0 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.p-shadow-21 {
  box-shadow:
    0 10px 13px -6px rgba(0, 0, 0, 0.2),
    0 21px 33px 3px rgba(0, 0, 0, 0.14),
    0 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.p-shadow-22 {
  box-shadow:
    0 10px 14px -6px rgba(0, 0, 0, 0.2),
    0 22px 35px 3px rgba(0, 0, 0, 0.14),
    0 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.p-shadow-23 {
  box-shadow:
    0 11px 14px -7px rgba(0, 0, 0, 0.2),
    0 23px 36px 3px rgba(0, 0, 0, 0.14),
    0 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.p-shadow-24 {
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, 0.2),
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12);
}

/* node_modules/quill/dist/quill.snow.css */
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: "\2022";
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: "\2611";
}
.ql-editor ul[data-checked=false] > li::before {
  content: "\2610";
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: "Save";
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons.eot");
  src:
    url("./media/primeicons.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons.woff2") format("woff2"),
    url("./media/primeicons.woff") format("woff"),
    url("./media/primeicons.ttf") format("truetype"),
    url("./media/primeicons.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}

/* node_modules/primeng/resources/themes/nova-accent/theme.css */
:root {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --surface-a: #ffffff;
  --surface-b: #f4f4f4;
  --surface-c: #eaeaea;
  --surface-d: #c8c8c8;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #333333;
  --text-color-secondary: #848484;
  --primary-color: #007ad9;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #eef1f2;
  --surface-100: #dde2e4;
  --surface-200: #bbc5ca;
  --surface-300: #98a8af;
  --surface-400: #768b95;
  --surface-500: #546e7a;
  --surface-600: #435862;
  --surface-700: #324249;
  --surface-800: #222c31;
  --surface-900: #111618;
  --gray-50: #eef1f2;
  --gray-100: #dde2e4;
  --gray-200: #bbc5ca;
  --gray-300: #98a8af;
  --gray-400: #768b95;
  --gray-500: #546e7a;
  --gray-600: #435862;
  --gray-700: #324249;
  --gray-800: #222c31;
  --gray-900: #111618;
  --content-padding: 0.571rem 1rem;
  --inline-spacing: 0.5rem;
  --border-radius: 3px;
  --surface-ground: #f4f4f4;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #c8c8c8;
  --surface-hover: #eaeaea;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #e02365;
  --highlight-text-color: #ffffff;
  --focus-ring: 0 0 0 0.2rem #8dcdff;
  color-scheme: light;
}
:root {
  --blue-50:#f3f8fc;
  --blue-100:#c6dcef;
  --blue-200:#98c1e3;
  --blue-300:#6ba5d7;
  --blue-400:#3d8aca;
  --blue-500:#106ebe;
  --blue-600:#0e5ea2;
  --blue-700:#0b4d85;
  --blue-800:#093d69;
  --blue-900:#062c4c;
  --green-50:#f7fbf6;
  --green-100:#d6ead1;
  --green-200:#b6d9ad;
  --green-300:#96c889;
  --green-400:#76b765;
  --green-500:#56a641;
  --green-600:#498d37;
  --green-700:#3c742e;
  --green-800:#2f5b24;
  --green-900:#22421a;
  --yellow-50:#fffcf5;
  --yellow-100:#fdefcd;
  --yellow-200:#fbe3a6;
  --yellow-300:#f9d67f;
  --yellow-400:#f8ca57;
  --yellow-500:#f6bd30;
  --yellow-600:#d1a129;
  --yellow-700:#ac8422;
  --yellow-800:#87681a;
  --yellow-900:#624c13;
  --cyan-50:#f4fbfd;
  --cyan-100:#ccebf5;
  --cyan-200:#a4dbed;
  --cyan-300:#7ccce5;
  --cyan-400:#54bcdd;
  --cyan-500:#2cacd5;
  --cyan-600:#2592b5;
  --cyan-700:#1f7895;
  --cyan-800:#185f75;
  --cyan-900:#124555;
  --pink-50:#fdf4f9;
  --pink-100:#f6cce0;
  --pink-200:#eea3c7;
  --pink-300:#e77aae;
  --pink-400:#df5296;
  --pink-500:#d8297d;
  --pink-600:#b8236a;
  --pink-700:#971d58;
  --pink-800:#771745;
  --pink-900:#561032;
  --indigo-50:#f4f6fd;
  --indigo-100:#ccd3f5;
  --indigo-200:#a4b0ed;
  --indigo-300:#7c8de5;
  --indigo-400:#546add;
  --indigo-500:#2c47d5;
  --indigo-600:#253cb5;
  --indigo-700:#1f3295;
  --indigo-800:#182775;
  --indigo-900:#121c55;
  --teal-50:#f6fbfa;
  --teal-100:#d1eae5;
  --teal-200:#add9d1;
  --teal-300:#89c8bd;
  --teal-400:#65b7a8;
  --teal-500:#41a694;
  --teal-600:#378d7e;
  --teal-700:#2e7468;
  --teal-800:#245b51;
  --teal-900:#1a423b;
  --orange-50:#fff9f5;
  --orange-100:#fde4cd;
  --orange-200:#fbcfa6;
  --orange-300:#f9ba7f;
  --orange-400:#f8a457;
  --orange-500:#f68f30;
  --orange-600:#d17a29;
  --orange-700:#ac6422;
  --orange-800:#874f1a;
  --orange-900:#623913;
  --bluegray-50:#f7f8f9;
  --bluegray-100:#dae0e3;
  --bluegray-200:#bdc7cd;
  --bluegray-300:#a0aeb6;
  --bluegray-400:#8295a0;
  --bluegray-500:#657c8a;
  --bluegray-600:#566975;
  --bluegray-700:#475761;
  --bluegray-800:#38444c;
  --bluegray-900:#283237;
  --purple-50:#f9f8fd;
  --purple-100:#e1dff7;
  --purple-200:#cac5f1;
  --purple-300:#b2abeb;
  --purple-400:#9b92e4;
  --purple-500:#8378de;
  --purple-600:#6f66bd;
  --purple-700:#5c549b;
  --purple-800:#48427a;
  --purple-900:#343059;
  --red-50:#fdf4f3;
  --red-100:#f6ccc6;
  --red-200:#eea39a;
  --red-300:#e77b6d;
  --red-400:#df5240;
  --red-500:#d82a13;
  --red-600:#b82410;
  --red-700:#971d0d;
  --red-800:#77170a;
  --red-900:#561108;
  --primary-50:#f2f8fd;
  --primary-100:#c2dff6;
  --primary-200:#91c6ef;
  --primary-300:#61ade7;
  --primary-400:#3093e0;
  --primary-500:#007ad9;
  --primary-600:#0068b8;
  --primary-700:#005598;
  --primary-800:#004377;
  --primary-900:#003157;
}
.p-editor-container .p-editor-toolbar {
  background: #007ad9;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #007ad9;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #848484;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #848484;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #848484;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  color: #333333;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  stroke: #333333;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  fill: #333333;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #333333;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #333333;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #333333;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: #333333;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: #333333;
  background: #eaeaea;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
  padding: 0.429rem 0.857rem;
}
.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 #c8c8c8;
}
.p-editor-container .p-editor-content .ql-editor {
  background: #ffffff;
  color: #333333;
  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: #333333;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #333333;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: #333333;
}
.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: #007ad9;
}
.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: #007ad9;
}
.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: #007ad9;
}
.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: #007ad9;
}
@layer primeng {
  * {
    box-sizing: border-box;
  }
  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    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.5;
  }
  .p-error {
    color: #a80000;
  }
  .p-text-secondary {
    color: #848484;
  }
  .pi {
    font-size: 1rem;
  }
  .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 3px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .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;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 0.429rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 2.786rem;
  }
  .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
    border-color: #212121;
  }
  .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: #007ad9;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.2145rem 0.429rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.2145rem 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #333333;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.2145rem 0.429rem;
    background: #c8c8c8;
    color: #333333;
    border-radius: 16px;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
    background: #bababa;
    color: #333333;
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #a80000;
  }
  .p-autocomplete-panel {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-autocomplete-panel .p-autocomplete-items {
    padding: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
    margin: 0;
    padding: 0.429rem 0.857rem;
    border: 0 none;
    color: #333333;
    background: transparent;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
    margin-top: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
    color: #ffffff;
    background: #e02365;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
    background: #e02365;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #333333;
    background: #d6d6d6;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.857rem;
    color: #333333;
    background: #f4f4f4;
    font-weight: 700;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
    padding: 0.429rem 0.857rem;
    color: #333333;
    background: transparent;
  }
  p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
    border-color: #a80000;
  }
  p-autocomplete.p-autocomplete-clearable .p-inputtext {
    padding-right: 1.858rem;
  }
  p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
    color: #848484;
    right: 0.429rem;
  }
  p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
    color: #848484;
    right: 2.786rem;
  }
  p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
    border-color: #a80000;
  }
  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: #007ad9;
  }
  .p-datepicker {
    padding: 0.857rem;
    background: #ffffff;
    color: #333333;
    border: 1px solid #a6a6a6;
    border-radius: 3px;
  }
  .p-datepicker:not(.p-datepicker-inline) {
    background: #ffffff;
    border: 1px solid #c8c8c8;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background: #ffffff;
  }
  .p-datepicker .p-datepicker-header {
    padding: 0.5rem;
    color: #333333;
    background: #ffffff;
    font-weight: 700;
    margin: 0;
    border-bottom: 0 none;
    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: #a6a6a6;
    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: #007ad9;
    border-color: transparent;
    background: transparent;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .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: #333333;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    font-weight: 700;
    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: #007ad9;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    margin-right: 0.5rem;
  }
  .p-datepicker table {
    font-size: 1rem;
    margin: 0.857rem 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: 3px;
    transition: background-color 0.2s, box-shadow 0.2s;
    border: 1px solid transparent;
  }
  .p-datepicker table td > span.p-highlight {
    color: #ffffff;
    background: #e02365;
  }
  .p-datepicker table td > span:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-datepicker table td.p-datepicker-today > span {
    background: #d0d0d0;
    color: #333333;
    border-color: transparent;
  }
  .p-datepicker table td.p-datepicker-today > span.p-highlight {
    color: #ffffff;
    background: #e02365;
  }
  .p-datepicker .p-datepicker-buttonbar {
    padding: 0.857rem 0 0.429rem 0;
    border-top: 1px solid #d8dae2;
  }
  .p-datepicker .p-datepicker-buttonbar .p-button {
    width: auto;
  }
  .p-datepicker .p-timepicker {
    border-top: 1px solid #d8dae2;
    padding: 0.857rem 0 0.429rem 0;
  }
  .p-datepicker .p-timepicker button {
    width: 2rem;
    height: 2rem;
    color: #a6a6a6;
    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: #007ad9;
    border-color: transparent;
    background: transparent;
  }
  .p-datepicker .p-timepicker button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-datepicker .p-timepicker button:last-child {
    margin-top: 0.2em;
  }
  .p-datepicker .p-timepicker span {
    font-size: 1.286rem;
  }
  .p-datepicker .p-timepicker > div {
    padding: 0 0.429rem;
  }
  .p-datepicker.p-datepicker-timeonly .p-timepicker {
    border-top: 0 none;
  }
  .p-datepicker .p-monthpicker {
    margin: 0.857rem 0;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month {
    padding: 0.5rem;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #ffffff;
    background: #e02365;
  }
  .p-datepicker .p-yearpicker {
    margin: 0.857rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #ffffff;
    background: #e02365;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 1px solid #d8dae2;
    padding-right: 0.857rem;
    padding-left: 0.857rem;
    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: #eaeaea;
  }
  .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 #8dcdff;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #eaeaea;
  }
  .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 #8dcdff;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #eaeaea;
  }
  .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 #8dcdff;
  }
  p-calendar.p-calendar-clearable .p-inputtext {
    padding-right: 1.858rem;
  }
  p-calendar.p-calendar-clearable .p-calendar-clear-icon {
    color: #848484;
    right: 0.429rem;
  }
  p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
    color: #848484;
    right: 2.786rem;
  }
  @media screen and (max-width: 769px) {
    .p-datepicker table th,
    .p-datepicker table td {
      padding: 0.25rem;
    }
  }
  .p-cascadeselect {
    background: #ffffff;
    border: 1px solid #a6a6a6;
    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: #212121;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: #007ad9;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.429rem 0.429rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #666666;
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #848484;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #a80000;
  }
  .p-cascadeselect.p-variant-filled {
    background-color: #f4f4f4;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #f4f4f4;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #f4f4f4;
  }
  .p-cascadeselect-panel {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-cascadeselect-panel .p-cascadeselect-items {
    padding: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
    margin: 0;
    border: 0 none;
    color: #333333;
    background: transparent;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #ffffff;
    background: #e02365;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: #e02365;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #333333;
    background: #d6d6d6;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
    padding: 0.429rem 0.857rem;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
    font-size: 0.875rem;
  }
  .p-input-filled .p-cascadeselect {
    background: #f4f4f4;
  }
  .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
    background-color: #f4f4f4;
  }
  .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
    background-color: #f4f4f4;
  }
  p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
    border-color: #a80000;
  }
  p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
    padding-right: 0.429rem;
  }
  p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
    color: #848484;
    right: 2.357rem;
  }
  .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel {
    box-shadow: none;
    border-radius: 0;
    padding: 0.25rem 0 0.25rem 0.5rem;
  }
  .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon {
    transform: rotate(90deg);
  }
  .p-checkbox {
    width: 20px;
    height: 20px;
  }
  .p-checkbox .p-checkbox-box {
    border: 1px solid #a6a6a6;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #333333;
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box.p-highlight {
    border-color: #007ad9;
    background: #007ad9;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #212121;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: #007ad9;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    border-color: #005b9f;
    background: #005b9f;
    color: #ffffff;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f4f4f4;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
    background: #007ad9;
  }
  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    background-color: #f4f4f4;
  }
  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: #005b9f;
  }
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
    border-color: #a80000;
  }
  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f4f4f4;
  }
  .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
    background: #007ad9;
  }
  .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    background-color: #f4f4f4;
  }
  .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: #005b9f;
  }
  .p-checkbox-label {
    margin-left: 0.5rem;
  }
  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
    border-color: #a80000;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #212121;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: #007ad9;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.2145rem 0.429rem;
    gap: 0.5rem;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.2145rem 0.429rem;
    margin-right: 0.5rem;
    background: #c8c8c8;
    color: #333333;
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #bababa;
    color: #333333;
  }
  .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.2145rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #333333;
    padding: 0;
    margin: 0;
  }
  p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
    border-color: #a80000;
  }
  p-chips.p-chips-clearable .p-inputtext {
    padding-right: 1.429rem;
  }
  p-chips.p-chips-clearable .p-chips-clear-icon {
    color: #848484;
    right: 0.429rem;
  }
  .p-colorpicker-preview,
  .p-fluid .p-colorpicker-preview.p-inputtext {
    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 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-dropdown {
    background: #ffffff;
    border: 1px solid #a6a6a6;
    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: #212121;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: #007ad9;
  }
  .p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding-right: 1.429rem;
  }
  .p-dropdown .p-dropdown-label {
    background: transparent;
    border: 0 none;
  }
  .p-dropdown .p-dropdown-label.p-placeholder {
    color: #666666;
  }
  .p-dropdown .p-dropdown-label:focus,
  .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #848484;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: #848484;
    right: 2.357rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #a80000;
  }
  .p-dropdown.p-variant-filled {
    background-color: #f4f4f4;
  }
  .p-dropdown.p-variant-filled:enabled:hover {
    background-color: #f4f4f4;
  }
  .p-dropdown.p-variant-filled:enabled:focus {
    background-color: #f4f4f4;
  }
  .p-dropdown-panel {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-dropdown-panel .p-dropdown-header {
    padding: 0.429rem 0.857rem;
    border-bottom: 1px solid #eaeaea;
    color: #333333;
    background: #ffffff;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
    padding-right: 1.429rem;
    margin-right: -1.429rem;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    right: 0.429rem;
    color: #848484;
  }
  .p-dropdown-panel .p-dropdown-items {
    padding: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    margin: 0;
    padding: 0.429rem 0.857rem;
    border: 0 none;
    color: #333333;
    background: transparent;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: #ffffff;
    background: #e02365;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: #e02365;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #333333;
    background: #d6d6d6;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
    margin: 0;
    padding: 0.857rem;
    color: #333333;
    background: #f4f4f4;
    font-weight: 700;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.429rem 0.857rem;
    color: #333333;
    background: transparent;
  }
  .p-input-filled .p-dropdown {
    background: #f4f4f4;
  }
  .p-input-filled .p-dropdown:not(.p-disabled):hover {
    background-color: #f4f4f4;
  }
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
    background-color: #f4f4f4;
  }
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
    border-color: #a80000;
  }
  .p-icon-field .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-inputgroup-addon {
    background: #eaeaea;
    color: #848484;
    border-top: 1px solid #a6a6a6;
    border-left: 1px solid #a6a6a6;
    border-bottom: 1px solid #a6a6a6;
    padding: 0.429rem 0.429rem;
    min-width: 2.357rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid #a6a6a6;
  }
  .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-component,
  .p-inputgroup > .p-inputwrapper:first-child > .p-component > .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-component,
  .p-inputgroup > .p-inputwrapper:last-child > .p-component > .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-icon-field-left .p-input-icon:first-of-type {
    left: 0.429rem;
    color: #848484;
  }
  .p-icon-field-right .p-input-icon:last-of-type {
    right: 0.429rem;
    color: #848484;
  }
  p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
    border-color: #a80000;
  }
  p-inputmask.p-inputmask-clearable .p-inputtext {
    padding-right: 1.858rem;
  }
  p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
    color: #848484;
    right: 0.429rem;
  }
  .p-inputmask.p-variant-filled {
    background-color: #f4f4f4;
  }
  .p-inputmask.p-variant-filled:enabled:hover {
    background-color: #f4f4f4;
  }
  .p-inputmask.p-variant-filled:enabled:focus {
    background-color: #f4f4f4;
  }
  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
    border-color: #a80000;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
    padding-right: 1.858rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
    color: #848484;
    right: 0.429rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
    right: 2.786rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
    right: 2.786rem;
  }
  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
    background-color: #f4f4f4;
  }
  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
    background-color: #f4f4f4;
  }
  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
    background-color: #f4f4f4;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 1.858rem;
  }
  .p-inputswitch {
    width: 3rem;
    height: 1.75rem;
  }
  .p-inputswitch .p-inputswitch-slider {
    background: #cccccc;
    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 #8dcdff;
  }
  .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
    background: #b7b7b7;
  }
  .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background: #007ad9;
  }
  .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    background: #cccccc;
  }
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
    background: #116fbf;
  }
  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
    border-color: #a80000;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #333333;
    background: #ffffff;
    padding: 0.429rem 0.429rem;
    border: 1px solid #a6a6a6;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    appearance: none;
    border-radius: 3px;
  }
  .p-inputtext:enabled:hover {
    border-color: #212121;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: #007ad9;
  }
  .p-inputtext.ng-dirty.ng-invalid {
    border-color: #a80000;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f4f4f4;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f4f4f4;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #f4f4f4;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.375375rem 0.375375rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.53625rem 0.53625rem;
  }
  .p-float-label > label {
    left: 0.429rem;
    color: #666666;
    transition-duration: 0.2s;
  }
  .p-float-label > .ng-invalid.ng-dirty + label {
    color: #a80000;
  }
  .p-input-icon-left > .p-icon-wrapper.p-icon,
  .p-input-icon-left > i:first-of-type {
    left: 0.429rem;
    color: #848484;
  }
  .p-input-icon-left > .p-inputtext {
    padding-left: 1.858rem;
  }
  .p-input-icon-left.p-float-label > label {
    left: 1.858rem;
  }
  .p-input-icon-right > .p-icon-wrapper,
  .p-input-icon-right > i:last-of-type {
    right: 0.429rem;
    color: #848484;
  }
  .p-input-icon-right > .p-inputtext {
    padding-right: 1.858rem;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 1.858rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 1.858rem;
  }
  .p-icon-field-right > .p-inputtext {
    padding-right: 1.858rem;
  }
  ::-webkit-input-placeholder {
    color: #666666;
  }
  :-moz-placeholder {
    color: #666666;
  }
  ::-moz-placeholder {
    color: #666666;
  }
  :-ms-input-placeholder {
    color: #666666;
  }
  .p-input-filled .p-inputtext {
    background-color: #f4f4f4;
  }
  .p-input-filled .p-inputtext:enabled:hover {
    background-color: #f4f4f4;
  }
  .p-input-filled .p-inputtext:enabled:focus {
    background-color: #f4f4f4;
  }
  .p-inputtext-sm .p-inputtext {
    font-size: 0.875rem;
    padding: 0.375375rem 0.375375rem;
  }
  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.53625rem 0.53625rem;
  }
  .p-listbox {
    background: #ffffff;
    color: #333333;
    border: 1px solid #a6a6a6;
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-listbox .p-listbox-header {
    padding: 0.429rem 0.857rem;
    border-bottom: 1px solid #eaeaea;
    color: #333333;
    background: #ffffff;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-listbox .p-listbox-header .p-listbox-filter {
    padding-right: 1.429rem;
  }
  .p-listbox .p-listbox-header .p-listbox-filter-icon {
    right: 0.429rem;
    color: #848484;
  }
  .p-listbox .p-listbox-header .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-listbox .p-listbox-list {
    padding: 0;
    outline: 0 none;
  }
  .p-listbox .p-listbox-list .p-listbox-item {
    margin: 0;
    padding: 0.429rem 0.857rem;
    border: 0 none;
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #ffffff;
    background: #e02365;
  }
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-listbox .p-listbox-list .p-listbox-item-group {
    margin: 0;
    padding: 0.857rem;
    color: #333333;
    background: #f4f4f4;
    font-weight: 700;
  }
  .p-listbox .p-listbox-list .p-listbox-empty-message {
    padding: 0.429rem 0.857rem;
    color: #333333;
    background: transparent;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
    background: #e02365;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #333333;
    background: #eaeaea;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: #333333;
    background: #eaeaea;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: #007ad9;
  }
  p-listbox.ng-dirty.ng-invalid > .p-listbox {
    border-color: #a80000;
  }
  .p-multiselect {
    background: #ffffff;
    border: 1px solid #a6a6a6;
    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: #212121;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: #007ad9;
  }
  .p-multiselect .p-multiselect-label {
    padding: 0.429rem 0.429rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-multiselect .p-multiselect-label.p-placeholder {
    color: #666666;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.2145rem 0.429rem;
    margin-right: 0.5rem;
    background: #c8c8c8;
    color: #333333;
    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: #848484;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-multiselect.p-variant-filled {
    background: #f4f4f4;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f4f4f4;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #f4f4f4;
  }
  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.2145rem 0.429rem;
  }
  .p-multiselect-clearable .p-multiselect-label-container {
    padding-right: 1.429rem;
  }
  .p-multiselect-clearable .p-multiselect-clear-icon {
    color: #848484;
    right: 2.357rem;
  }
  .p-multiselect-panel {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-multiselect-panel .p-multiselect-header {
    padding: 0.429rem 0.857rem;
    border-bottom: 1px solid #eaeaea;
    color: #333333;
    background: #ffffff;
    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.429rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.429rem;
    color: #848484;
  }
  .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: #a6a6a6;
    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: #007ad9;
    border-color: transparent;
    background: transparent;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-multiselect-panel .p-multiselect-items {
    padding: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    margin: 0;
    padding: 0.429rem 0.857rem;
    border: 0 none;
    color: #333333;
    background: transparent;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #ffffff;
    background: #e02365;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
    background: #e02365;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #333333;
    background: #eaeaea;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    color: #333333;
    background: #eaeaea;
  }
  .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.857rem;
    color: #333333;
    background: #f4f4f4;
    font-weight: 700;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
    padding: 0.429rem 0.857rem;
    color: #333333;
    background: transparent;
  }
  .p-input-filled .p-multiselect {
    background: #f4f4f4;
  }
  .p-input-filled .p-multiselect:not(.p-disabled):hover {
    background-color: #f4f4f4;
  }
  .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
    background-color: #f4f4f4;
  }
  p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
    border-color: #a80000;
  }
  p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
    border-color: #a80000;
  }
  .p-password-panel {
    padding: 0.571rem 1rem;
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 3px;
  }
  .p-password-panel .p-password-meter {
    margin-bottom: 0.5rem;
    background: #eaeaea;
  }
  .p-password-panel .p-password-meter .p-password-strength.weak {
    background: #e91224;
  }
  .p-password-panel .p-password-meter .p-password-strength.medium {
    background: #ffba01;
  }
  .p-password-panel .p-password-meter .p-password-strength.strong {
    background: #34a835;
  }
  p-password.p-password-clearable .p-password-input {
    padding-right: 1.858rem;
  }
  p-password.p-password-clearable .p-password-clear-icon {
    color: #848484;
    right: 0.429rem;
  }
  p-password.p-password-clearable.p-password-mask .p-password-input {
    padding-right: 3.287rem;
  }
  p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
    color: #848484;
    right: 1.858rem;
  }
  .p-radiobutton {
    width: 20px;
    height: 20px;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 1px solid #a6a6a6;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #333333;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
    border-color: #212121;
  }
  .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: #007ad9;
  }
  .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: #007ad9;
    background: #007ad9;
  }
  .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    border-color: #005b9f;
    background: #005b9f;
    color: #ffffff;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f4f4f4;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
    background-color: #f4f4f4;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
    background: #007ad9;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    background: #005b9f;
  }
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
    border-color: #a80000;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f4f4f4;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
    background-color: #f4f4f4;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
    background: #007ad9;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    background: #005b9f;
  }
  .p-radiobutton-label {
    margin-left: 0.5rem;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    border-radius: 50%;
    outline-color: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #333333;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #e4018d;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #007ad9;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #007ad9;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #b5019f;
  }
  .p-selectbutton .p-button {
    background: #dadada;
    border: 1px solid #dadada;
    color: #333333;
    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: #666666;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #c8c8c8;
    border-color: #c8c8c8;
    color: #333333;
  }
  .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: #212121;
  }
  .p-selectbutton .p-button.p-highlight {
    background: #007ad9;
    border-color: #007ad9;
    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: #116fbf;
    border-color: #116fbf;
    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.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
    border-color: #a80000;
  }
  .p-slider {
    background: #c8c8c8;
    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 {
    height: 100%;
    width: 0.286rem;
  }
  .p-slider.p-slider-vertical .p-slider-handle {
    height: 1.143rem;
    width: 1.143rem;
    margin-left: -0.5715rem;
    margin-bottom: -0.5715rem;
  }
  .p-slider .p-slider-handle {
    height: 1.143rem;
    width: 1.143rem;
    background: #ffffff;
    border: 2px solid #666666;
    border-radius: 100%;
    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 #8dcdff;
  }
  .p-slider .p-slider-range {
    background: #007ad9;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #666666;
    border-color: #007ad9;
  }
  .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s,
      left 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
    transition: width 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s,
      bottom 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
    transition: height 0.2s;
  }
  .p-togglebutton.p-button {
    background: #dadada;
    border: 1px solid #dadada;
    color: #333333;
    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: #666666;
  }
  .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #c8c8c8;
    border-color: #c8c8c8;
    color: #333333;
  }
  .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: #212121;
  }
  .p-togglebutton.p-button.p-highlight {
    background: #007ad9;
    border-color: #007ad9;
    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: #116fbf;
    border-color: #116fbf;
    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.ng-dirty.ng-invalid > .p-togglebutton.p-button {
    border-color: #a80000;
  }
  .p-treeselect {
    background: #ffffff;
    border: 1px solid #a6a6a6;
    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: #212121;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: #007ad9;
  }
  .p-treeselect .p-treeselect-label {
    padding: 0.429rem 0.429rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-treeselect .p-treeselect-label.p-placeholder {
    color: #666666;
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.2145rem 0.429rem;
    margin-right: 0.5rem;
    background: #c8c8c8;
    color: #333333;
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #848484;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-treeselect.p-variant-filled {
    background-color: #f4f4f4;
  }
  .p-treeselect.p-variant-filled:enabled:hover {
    background-color: #f4f4f4;
  }
  .p-treeselect.p-variant-filled:enabled:focus {
    background-color: #f4f4f4;
  }
  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
    border-color: #a80000;
  }
  .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.2145rem 0.429rem;
  }
  .p-treeselect-panel {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-treeselect-panel .p-treeselect-header {
    padding: 0.429rem 0.857rem;
    border-bottom: 1px solid #eaeaea;
    color: #333333;
    background: #ffffff;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.429rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.429rem;
    color: #848484;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 2.858rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 1.858rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #a6a6a6;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #007ad9;
    border-color: transparent;
    background: transparent;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .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.429rem 0.857rem;
    color: #333333;
    background: transparent;
  }
  .p-input-filled .p-treeselect {
    background: #f4f4f4;
  }
  .p-input-filled .p-treeselect:not(.p-disabled):hover {
    background-color: #f4f4f4;
  }
  .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
    background-color: #f4f4f4;
  }
  p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
    padding-right: 1.429rem;
  }
  p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
    color: #848484;
    right: 2.357rem;
  }
  .p-button {
    color: #ffffff;
    background: #007ad9;
    border: 1px solid #007ad9;
    padding: 0.429rem 1rem;
    font-size: 1rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 3px;
    outline-color: transparent;
  }
  .p-button:not(:disabled):hover {
    background: #116fbf;
    color: #ffffff;
    border-color: #116fbf;
  }
  .p-button:not(:disabled):active {
    background: #005b9f;
    color: #ffffff;
    border-color: #005b9f;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #007ad9;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(0, 122, 217, 0.04);
    color: #007ad9;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(0, 122, 217, 0.16);
    color: #007ad9;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #848484;
    border-color: #848484;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #eaeaea;
    color: #848484;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #d2d2d2;
    color: #848484;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #007ad9;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(0, 122, 217, 0.04);
    color: #007ad9;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(0, 122, 217, 0.16);
    color: #007ad9;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #848484;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #eaeaea;
    color: #848484;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #d2d2d2;
    color: #848484;
  }
  .p-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .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: #007ad9;
    background-color: #ffffff;
  }
  .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);
  }
  .p-button.p-button-rounded {
    border-radius: 2rem;
  }
  .p-button.p-button-icon-only {
    width: 2.357rem;
    padding: 0.429rem 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.375375rem 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.53625rem 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-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
    background: #546e7a;
    color: #ffffff;
    border-color: #546e7a;
  }
  .p-button.p-button-secondary:not(:disabled):focus,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #b0bec5;
  }
  .p-button.p-button-secondary:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
    background: #455a64;
    color: #ffffff;
    border-color: #455a64;
  }
  .p-button.p-button-secondary.p-button-outlined,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-info,
  .p-button-group.p-button-info > .p-button,
  .p-splitbutton.p-button-info > .p-button {
    color: #ffffff;
    background: #007ad9;
    border: 1px solid #007ad9;
  }
  .p-button.p-button-info:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
    background: #116fbf;
    color: #ffffff;
    border-color: #116fbf;
  }
  .p-button.p-button-info:not(:disabled):focus,
  .p-button-group.p-button-info > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-button.p-button-info:not(:disabled):active,
  .p-button-group.p-button-info > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
    background: #005b9f;
    color: #ffffff;
    border-color: #005b9f;
  }
  .p-button.p-button-info.p-button-outlined,
  .p-button-group.p-button-info > .p-button.p-button-outlined,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined {
    background-color: transparent;
    color: #007ad9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(0, 122, 217, 0.04);
    color: #007ad9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(0, 122, 217, 0.16);
    color: #007ad9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text,
  .p-button-group.p-button-info > .p-button.p-button-text,
  .p-splitbutton.p-button-info > .p-button.p-button-text {
    background-color: transparent;
    color: #007ad9;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(0, 122, 217, 0.04);
    border-color: transparent;
    color: #007ad9;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active,
  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
    background: rgba(0, 122, 217, 0.16);
    border-color: transparent;
    color: #007ad9;
  }
  .p-button.p-button-success,
  .p-button-group.p-button-success > .p-button,
  .p-splitbutton.p-button-success > .p-button {
    color: #ffffff;
    background: #34a835;
    border: 1px solid #34a835;
  }
  .p-button.p-button-success:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
    background: #107d11;
    color: #ffffff;
    border-color: #107d11;
  }
  .p-button.p-button-success:not(:disabled):focus,
  .p-button-group.p-button-success > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #aae5aa;
  }
  .p-button.p-button-success:not(:disabled):active,
  .p-button-group.p-button-success > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
    background: #0c6b0d;
    color: #ffffff;
    border-color: #0c6b0d;
  }
  .p-button.p-button-success.p-button-outlined,
  .p-button-group.p-button-success > .p-button.p-button-outlined,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined {
    background-color: transparent;
    color: #34a835;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(52, 168, 53, 0.04);
    color: #34a835;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(52, 168, 53, 0.16);
    color: #34a835;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text,
  .p-button-group.p-button-success > .p-button.p-button-text,
  .p-splitbutton.p-button-success > .p-button.p-button-text {
    background-color: transparent;
    color: #34a835;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(52, 168, 53, 0.04);
    border-color: transparent;
    color: #34a835;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active,
  .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
    background: rgba(52, 168, 53, 0.16);
    border-color: transparent;
    color: #34a835;
  }
  .p-button.p-button-warning,
  .p-button-group.p-button-warning > .p-button,
  .p-splitbutton.p-button-warning > .p-button {
    color: #333333;
    background: #ffba01;
    border: 1px solid #ffba01;
  }
  .p-button.p-button-warning:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
    background: #ed990b;
    color: #333333;
    border-color: #ed990b;
  }
  .p-button.p-button-warning:not(:disabled):focus,
  .p-button-group.p-button-warning > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #ffeab4;
  }
  .p-button.p-button-warning:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
    background: #d38b10;
    color: #333333;
    border-color: #d38b10;
  }
  .p-button.p-button-warning.p-button-outlined,
  .p-button-group.p-button-warning > .p-button.p-button-outlined,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
    background-color: transparent;
    color: #ffba01;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(255, 186, 1, 0.04);
    color: #ffba01;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(255, 186, 1, 0.16);
    color: #ffba01;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text,
  .p-button-group.p-button-warning > .p-button.p-button-text,
  .p-splitbutton.p-button-warning > .p-button.p-button-text {
    background-color: transparent;
    color: #ffba01;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(255, 186, 1, 0.04);
    border-color: transparent;
    color: #ffba01;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
    background: rgba(255, 186, 1, 0.16);
    border-color: transparent;
    color: #ffba01;
  }
  .p-button.p-button-help,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
    background: #8e24aa;
    color: #ffffff;
    border-color: #8e24aa;
  }
  .p-button.p-button-help:not(:disabled):focus,
  .p-button-group.p-button-help > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #ce93d8;
  }
  .p-button.p-button-help:not(:disabled):active,
  .p-button-group.p-button-help > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
    background: #7b1fa2;
    color: #ffffff;
    border-color: #7b1fa2;
  }
  .p-button.p-button-help.p-button-outlined,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text,
  .p-button-group.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:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active,
  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-danger,
  .p-button-group.p-button-danger > .p-button,
  .p-splitbutton.p-button-danger > .p-button {
    color: #ffffff;
    background: #e91224;
    border: 1px solid #e91224;
  }
  .p-button.p-button-danger:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
    background: #c01120;
    color: #ffffff;
    border-color: #c01120;
  }
  .p-button.p-button-danger:not(:disabled):focus,
  .p-button-group.p-button-danger > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #f9b4ba;
  }
  .p-button.p-button-danger:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
    background: #a90000;
    color: #ffffff;
    border-color: #a90000;
  }
  .p-button.p-button-danger.p-button-outlined,
  .p-button-group.p-button-danger > .p-button.p-button-outlined,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
    background-color: transparent;
    color: #e91224;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(233, 18, 36, 0.04);
    color: #e91224;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(233, 18, 36, 0.16);
    color: #e91224;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text,
  .p-button-group.p-button-danger > .p-button.p-button-text,
  .p-splitbutton.p-button-danger > .p-button.p-button-text {
    background-color: transparent;
    color: #e91224;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(233, 18, 36, 0.04);
    border-color: transparent;
    color: #e91224;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
    background: rgba(233, 18, 36, 0.16);
    border-color: transparent;
    color: #e91224;
  }
  .p-button.p-button-link {
    color: #005b9f;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #005b9f;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #005b9f;
    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-button.p-button.p-button-icon-only .p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .p-speeddial-item.p-focus > .p-speeddial-action {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-speeddial-action {
    width: 3rem;
    height: 3rem;
    background: #324249;
    color: #fff;
  }
  .p-speeddial-action:hover {
    background: #222c31;
    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-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.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);
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #a6a6a6;
    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: #007ad9;
    border-color: transparent;
    background: transparent;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .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: #f4f4f4;
    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: #eaeaea;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: #e02365;
    color: #ffffff;
  }
  .p-datatable .p-paginator-top {
    border-width: 1px 1px 0 1px;
    border-radius: 0;
  }
  .p-datatable .p-paginator-bottom {
    border-width: 0 1px 1px 1px;
    border-radius: 0;
  }
  .p-datatable .p-datatable-header {
    background: #007ad9;
    color: #ffffff;
    border: 1px solid #007ad9;
    border-width: 1px 1px 0 1px;
    padding: 0.857rem 1rem;
    font-weight: 700;
  }
  .p-datatable .p-datatable-footer {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-width: 0 1px 1px 1px;
    padding: 0.571rem 1rem;
    font-weight: normal;
  }
  .p-datatable .p-datatable-thead > tr > th {
    text-align: left;
    padding: 0.571rem 0.857rem;
    border: 1px solid #c8c8c8;
    border-width: 1px 1px 1px 1px;
    font-weight: 700;
    color: #333333;
    background: #f4f4f4;
    transition: background-color 0.2s, box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tfoot > tr > td {
    text-align: left;
    padding: 0.571rem 0.857rem;
    border: 1px solid #c8c8c8;
    border-width: 1px;
    font-weight: 700;
    color: #333333;
    background: #f4f4f4;
  }
  .p-datatable .p-sortable-column .p-sortable-column-icon {
    color: #848484;
    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: #ffffff;
    background: #e02365;
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):hover {
    background: #e0e0e0;
    color: #333333;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #333333;
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #e02365;
    color: #ffffff;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #ffffff;
  }
  .p-datatable .p-sortable-column.p-highlight:hover {
    background: #e02365;
    color: #ffffff;
  }
  .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
    color: #ffffff;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #8dcdff;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #c8c8c8;
    border-width: 1px;
    padding: 0.571rem 0.857rem;
  }
  .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: #a6a6a6;
    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: #007ad9;
    border-color: transparent;
    background: transparent;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr:focus-visible {
    outline: 0.15rem solid #8dcdff;
    outline-offset: -0.15rem;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #e02365;
    color: #ffffff;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #e02365;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #e02365;
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
    background: #eaeaea;
    color: #333333;
  }
  .p-datatable .p-column-resizer-helper {
    background: #007ad9;
  }
  .p-datatable .p-datatable-scrollable-header,
  .p-datatable .p-datatable-scrollable-footer {
    background: #007ad9;
  }
  .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,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #f4f4f4;
  }
  .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 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
    background: #f9f9f9;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
    background: #e02365;
    color: #ffffff;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
    color: #ffffff;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
    color: #ffffff;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.72845rem 0.85rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.48535rem 0.72845rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.48535rem 0.72845rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
    padding: 0.48535rem 0.85rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-footer {
    padding: 0.48535rem 0.85rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-header {
    padding: 1.07125rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 0.71375rem 1.07125rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 0.71375rem 1.07125rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
    padding: 0.71375rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-footer {
    padding: 0.71375rem 1.25rem;
  }
  .p-dataview .p-paginator-top {
    border-width: 1px 1px 0 1px;
    border-radius: 0;
  }
  .p-dataview .p-paginator-bottom {
    border-width: 0 1px 1px 1px;
    border-radius: 0;
  }
  .p-dataview .p-dataview-header {
    background: #007ad9;
    color: #ffffff;
    border: 1px solid #007ad9;
    border-width: 1px 1px 0 1px;
    padding: 0.857rem 1rem;
    font-weight: 700;
  }
  .p-dataview .p-dataview-content {
    background: #ffffff;
    color: #333333;
    border: 0 none;
    padding: 0;
  }
  .p-dataview .p-dataview-footer {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-width: 0 1px 1px 1px;
    padding: 0.571rem 1rem;
    font-weight: normal;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-emptymessage {
    padding: 0.571rem 1rem;
  }
  .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: #a6a6a6;
    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: #007ad9;
    border-color: transparent;
    background: transparent;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-open,
  .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    background: transparent;
    color: #007ad9;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-active,
  .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
    background: #e02365;
    color: #ffffff;
  }
  .p-column-filter-menu-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #a6a6a6;
    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: #007ad9;
    border-color: transparent;
    background: transparent;
  }
  .p-column-filter-clear-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-column-filter-overlay {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    min-width: 12.5rem;
  }
  .p-column-filter-overlay .p-column-filter-row-items {
    padding: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
    margin: 0;
    padding: 0.429rem 0.857rem;
    border: 0 none;
    color: #333333;
    background: transparent;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
    margin-top: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
    color: #ffffff;
    background: #e02365;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #8dcdff;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
    border-top: 1px solid #d8dae2;
    margin: 0;
  }
  .p-column-filter-overlay-menu .p-column-filter-operator {
    padding: 0.429rem 0.857rem;
    border-bottom: 1px solid #eaeaea;
    color: #333333;
    background: #ffffff;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint {
    padding: 0.571rem 1rem;
    border-bottom: 1px solid #d8dae2;
  }
  .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.571rem 1rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-buttonbar {
    padding: 0.571rem 1rem;
  }
  .p-orderlist .p-orderlist-controls {
    padding: 0.571rem 1rem;
  }
  .p-orderlist .p-orderlist-controls .p-button {
    margin-bottom: 0.5rem;
  }
  .p-orderlist .p-orderlist-list-container {
    background: #ffffff;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-orderlist .p-orderlist-list-container.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: #007ad9;
  }
  .p-orderlist .p-orderlist-header {
    color: #ffffff;
    padding: 0.857rem 1rem;
    font-weight: 700;
  }
  .p-orderlist .p-orderlist-header .p-orderlist-title {
    font-weight: 700;
  }
  .p-orderlist .p-orderlist-filter-container {
    padding: 0.857rem 1rem;
    background: #ffffff;
    border: 1px solid #007ad9;
    border-bottom: 0 none;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
    padding-right: 1.429rem;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
    right: 0.429rem;
    color: #848484;
  }
  .p-orderlist .p-orderlist-list {
    color: #333333;
    padding: 0;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list:not(:first-child) {
    border-top: 1px solid #c8c8c8;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.429rem 0.857rem;
    margin: 0;
    border: 0 none;
    color: #333333;
    background: transparent;
    transition: background-color 0.2s, box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
    margin-top: 0;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #eaeaea;
    color: #333333;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #333333;
    background: #d6d6d6;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #ffffff;
    background: #e02365;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: #e02365;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
    padding: 0.429rem 0.857rem;
    color: #333333;
  }
  .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
    background: #eaeaea;
    color: #333333;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #f9f9f9;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #eaeaea;
  }
  .p-orderlist-item.cdk-drag-preview {
    padding: 0.429rem 0.857rem;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: 0 none;
    color: #333333;
    background: #ffffff;
    margin: 0;
  }
  .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
    background: #eaeaea;
    color: #333333;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight {
    background: #e02365;
    color: #ffffff;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
    color: #731033;
  }
  .p-organizationchart .p-organizationchart-line-down {
    background: #c8c8c8;
  }
  .p-organizationchart .p-organizationchart-line-left {
    border-right: 1px solid #c8c8c8;
    border-color: #c8c8c8;
  }
  .p-organizationchart .p-organizationchart-line-top {
    border-top: 1px solid #c8c8c8;
    border-color: #c8c8c8;
  }
  .p-organizationchart .p-organizationchart-node-content {
    border: 1px solid #c8c8c8;
    background: #ffffff;
    color: #333333;
    padding: 0.571rem 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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-paginator {
    background: #f4f4f4;
    color: #333333;
    border: solid #c8c8c8;
    border-width: 1px;
    padding: 0;
    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: #848484;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .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: #e0e0e0;
    border-color: transparent;
    color: #333333;
  }
  .p-paginator .p-paginator-first {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .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: #848484;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0;
    padding: 0 0.5rem;
  }
  .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    border: 0 none;
    color: #848484;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #e02365;
    border-color: #e02365;
    color: #ffffff;
  }
  .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
    background: #e0e0e0;
    border-color: transparent;
    color: #333333;
  }
  .p-picklist .p-picklist-buttons {
    padding: 0.571rem 1rem;
  }
  .p-picklist .p-picklist-buttons .p-button {
    margin-bottom: 0.5rem;
  }
  .p-picklist .p-picklist-list-wrapper {
    background: #ffffff;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-picklist .p-picklist-list-wrapper.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
    border-color: #007ad9;
  }
  .p-picklist .p-picklist-header {
    color: #ffffff;
    padding: 0.857rem 1rem;
    font-weight: 700;
  }
  .p-picklist .p-picklist-header .p-picklist-title {
    font-weight: 700;
  }
  .p-picklist .p-picklist-filter-container {
    padding: 0.857rem 1rem;
    background: #ffffff;
    border: 1px solid #007ad9;
    border-bottom: 0 none;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
    padding-right: 1.429rem;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
    right: 0.429rem;
    color: #848484;
  }
  .p-picklist .p-picklist-list {
    color: #333333;
    padding: 0;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list:not(:first-child) {
    border-top: 1px solid #c8c8c8;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.429rem 0.857rem;
    margin: 0;
    border: 0 none;
    color: #333333;
    background: transparent;
    transition: background-color 0.2s, box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:first-child {
    margin-top: 0;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #eaeaea;
    color: #333333;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #333333;
    background: #d6d6d6;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #ffffff;
    background: #e02365;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: #e02365;
  }
  .p-picklist .p-picklist-list .p-picklist-empty-message {
    padding: 0.429rem 0.857rem;
    color: #333333;
  }
  .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
    background: #eaeaea;
    color: #333333;
  }
  .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
    background: #f9f9f9;
  }
  .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
    background: #eaeaea;
  }
  .p-picklist-item.cdk-drag-preview {
    padding: 0.429rem 0.857rem;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: 0 none;
    color: #333333;
    background: #ffffff;
    margin: 0;
  }
  .p-timeline .p-timeline-event-marker {
    border: 0 none;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #e02365;
  }
  .p-timeline .p-timeline-event-connector {
    background-color: #c8c8c8;
  }
  .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 #c8c8c8;
    background: #ffffff;
    color: #333333;
    padding: 0.571rem 1rem;
    border-radius: 3px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #8dcdff;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 3px;
    transition: background-color 0.2s, 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: #a6a6a6;
    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: #007ad9;
    border-color: transparent;
    background: transparent;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #848484;
  }
  .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: #333333;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f4f4f4;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
    background: #007ad9;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
    background-color: #f4f4f4;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
    background: #005b9f;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #e02365;
    color: #ffffff;
  }
  .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: #ffffff;
  }
  .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: #ffffff;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #eaeaea;
    color: #333333;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
    background: #eaeaea;
    color: #333333;
  }
  .p-tree .p-tree-filter-container {
    margin-bottom: 0.5rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter {
    width: 100%;
    padding-right: 1.429rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter-icon {
    right: 0.429rem;
    color: #848484;
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background-color: #b61a50;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
    border-radius: 3px;
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    color: #333333;
    padding: 0;
    transition: background-color 0.2s, box-shadow 0.2s;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
    background-color: #e02365;
    color: #ffffff;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #ffffff;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
    color: #848484;
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
    background-color: inherit;
    color: inherit;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #eaeaea;
    color: #333333;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-treetable .p-paginator-top {
    border-width: 1px 1px 0 1px;
    border-radius: 0;
  }
  .p-treetable .p-paginator-bottom {
    border-width: 0 1px 1px 1px;
    border-radius: 0;
  }
  .p-treetable .p-treetable-header {
    background: #007ad9;
    color: #ffffff;
    border: 1px solid #007ad9;
    border-width: 1px 1px 0 1px;
    padding: 0.857rem 1rem;
    font-weight: 700;
  }
  .p-treetable .p-treetable-footer {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-width: 0 1px 1px 1px;
    padding: 0.571rem 1rem;
    font-weight: normal;
  }
  .p-treetable .p-treetable-thead > tr > th {
    text-align: left;
    padding: 0.571rem 0.857rem;
    border: 1px solid #c8c8c8;
    border-width: 1px 1px 1px 1px;
    font-weight: 700;
    color: #333333;
    background: #f4f4f4;
    transition: background-color 0.2s, box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tfoot > tr > td {
    text-align: left;
    padding: 0.571rem 0.857rem;
    border: 1px solid #c8c8c8;
    border-width: 1px;
    font-weight: 700;
    color: #333333;
    background: #f4f4f4;
  }
  .p-treetable .p-sortable-column {
    outline-color: #8dcdff;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #848484;
    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: #ffffff;
    background: #e02365;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover {
    background: #e0e0e0;
    color: #333333;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #333333;
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #e02365;
    color: #ffffff;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #ffffff;
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #c8c8c8;
    border-width: 1px;
    padding: 0.571rem 0.857rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #a6a6a6;
    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: #007ad9;
    border-color: transparent;
    background: transparent;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #333333;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f4f4f4;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
    background: #007ad9;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
    background-color: #f4f4f4;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
    background: #005b9f;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #8dcdff;
    outline-offset: -0.15rem;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight {
    background: #e02365;
    color: #ffffff;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
    color: #ffffff;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
    color: #ffffff;
  }
  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: #eaeaea;
    color: #333333;
  }
  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
    color: #333333;
  }
  .p-treetable .p-column-resizer-helper {
    background: #007ad9;
  }
  .p-treetable .p-treetable-scrollable-header,
  .p-treetable .p-treetable-scrollable-footer {
    background: #007ad9;
  }
  .p-treetable .p-treetable-loading-icon {
    font-size: 2rem;
  }
  .p-treetable .p-treetable-loading-icon.p-icon {
    width: 2rem;
    height: 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.749875rem 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.48535rem 0.72845rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.48535rem 0.72845rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
    padding: 0.48535rem 0.85rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-footer {
    padding: 0.48535rem 0.85rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-header {
    padding: 1.07125rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 0.71375rem 1.07125rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 0.71375rem 1.07125rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
    padding: 0.71375rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-footer {
    padding: 0.71375rem 1.25rem;
  }
  .p-virtualscroller .p-virtualscroller-header {
    background: #007ad9;
    color: #ffffff;
    border: 1px solid #007ad9;
    border-width: 1px 1px 0 1px;
    padding: 0.857rem 1rem;
    font-weight: 700;
  }
  .p-virtualscroller .p-virtualscroller-content {
    background: #ffffff;
    color: #333333;
    border: 0 none;
    padding: 0;
  }
  .p-virtualscroller .p-virtualscroller-footer {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-width: 0 1px 1px 1px;
    padding: 0.571rem 1rem;
    font-weight: normal;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 0.857rem 1rem;
    border: 1px solid #007ad9;
    color: #ffffff;
    background: #007ad9;
    font-weight: 700;
    border-radius: 3px;
    transition: background-color 0.2s, 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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #8dcdff;
  }
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
    background: #dbdbdb;
    border-color: #dbdbdb;
    color: #333333;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
    background: #007ad9;
    border-color: #007ad9;
    color: #ffffff;
    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: #005b9f;
    background: #005b9f;
    color: #ffffff;
  }
  .p-accordion .p-accordion-content {
    padding: 0.571rem 1rem;
    border: 1px solid #c8c8c8;
    background: #ffffff;
    color: #333333;
    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-accordiontab .p-accordion-tab {
    margin-bottom: 2px;
  }
  .p-card {
    background: #ffffff;
    color: #333333;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    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: 700;
    margin-bottom: 0.5rem;
    color: #848484;
  }
  .p-card .p-card-content {
    padding: 1rem 0;
  }
  .p-card .p-card-footer {
    padding: 1rem 0 0 0;
  }
  .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 #c8c8c8;
  }
  .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 #c8c8c8;
  }
  .p-divider.p-divider-vertical .p-divider-content {
    padding: 0.5rem 0;
  }
  .p-fieldset {
    border: 1px solid #c8c8c8;
    background: #ffffff;
    color: #333333;
    border-radius: 3px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 0.857rem 1rem;
    border: 1px solid #007ad9;
    color: #ffffff;
    background: #007ad9;
    font-weight: 700;
    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: 0.857rem 1rem;
    color: #ffffff;
    border-radius: 3px;
    transition: background-color 0.2s, box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
    margin-right: 0.5rem;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #dbdbdb;
    border-color: #dbdbdb;
    color: #333333;
  }
  .p-fieldset .p-fieldset-content {
    padding: 0.571rem 1rem;
  }
  .p-panel .p-panel-header {
    border: 1px solid #007ad9;
    padding: 0.857rem 1rem;
    background: #007ad9;
    color: #ffffff;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 700;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #a6a6a6;
    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: #007ad9;
    border-color: transparent;
    background: transparent;
  }
  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.857rem 1rem;
  }
  .p-panel .p-panel-content {
    padding: 0.571rem 1rem;
    border: 1px solid #c8c8c8;
    background: #ffffff;
    color: #333333;
    border-top: 0 none;
  }
  .p-panel .p-panel-content:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panel .p-panel-footer {
    padding: 0.571rem 1rem;
    border: 1px solid #c8c8c8;
    background: #ffffff;
    color: #333333;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 0 none;
  }
  .p-panel .p-panel-icons-end {
    order: 2;
    margin-left: auto;
  }
  .p-panel .p-panel-icons-start {
    order: 0;
    margin-right: 0.5rem;
  }
  .p-panel .p-panel-icons-center {
    order: 2;
    width: 100%;
    text-align: center;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: #f8f8f8;
    border: 0 none;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-splitter {
    border: 1px solid #c8c8c8;
    background: #ffffff;
    border-radius: 3px;
    color: #333333;
  }
  .p-splitter .p-splitter-gutter {
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    background: #eaeaea;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
    background: #d8dae2;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #d8dae2;
  }
  .p-tabview .p-tabview-nav-content {
    scroll-padding-inline: 2.357rem;
  }
  .p-tabview .p-tabview-nav {
    background: transparent;
    border: 0 none;
    border-width: 1px;
  }
  .p-tabview .p-tabview-nav li {
    margin-right: 2px;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border: 1px solid #007ad9;
    border-width: 1px;
    border-color: #007ad9;
    background: #007ad9;
    color: #ffffff;
    padding: 0.857rem 1rem;
    font-weight: 700;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: background-color 0.2s, box-shadow 0.2s;
    margin: 0 0 -1px 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #8dcdff;
  }
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #dbdbdb;
    border-color: #dbdbdb;
    color: #333333;
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #007ad9;
    border-color: #007ad9;
    color: #ffffff;
  }
  .p-tabview .p-tabview-left-icon {
    margin-right: 0.5rem;
  }
  .p-tabview .p-tabview-right-icon {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #007ad9;
    color: #ffffff;
    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;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #8dcdff;
  }
  .p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 0.571rem 1rem;
    border: 1px solid #c8c8c8;
    color: #333333;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-toolbar {
    background: #007ad9;
    border: 1px solid #007ad9;
    padding: 0.857rem 1rem;
    border-radius: 3px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-stepper .p-stepper-nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow-x: auto;
  }
  .p-stepper-vertical .p-stepper-nav {
    flex-direction: column;
  }
  .p-stepper-header {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
  }
  .p-stepper-header:last-of-type {
    flex: initial;
  }
  .p-stepper-header .p-stepper-action {
    border: 0 none;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
  }
  .p-stepper-header .p-stepper-action:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-stepper.p-stepper-readonly .p-stepper-header {
    cursor: auto;
  }
  .p-stepper-header.p-highlight .p-stepper-action {
    cursor: default;
  }
  .p-stepper-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .p-stepper-number {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-stepper-separator {
    flex: 1 1 0;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
    background: #ffffff;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #333333;
    border: 1px solid #dee2e6;
    border-width: 2px;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #848484;
    font-weight: 700;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #e02365;
    color: #ffffff;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #333333;
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #007ad9;
  }
  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 0.571rem 1rem;
    color: #333333;
  }
  .p-stepper .p-stepper-separator {
    background-color: #c8c8c8;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: background-color 0.2s, box-shadow 0.2s;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: #333333;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #007ad9;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }
  .p-confirm-popup {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-confirm-popup .p-confirm-popup-content {
    padding: 0.571rem 1rem;
  }
  .p-confirm-popup .p-confirm-popup-footer {
    text-align: right;
    padding: 0.571rem 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(200, 200, 200, 0);
    border-bottom-color: #c8c8c8;
  }
  .p-confirm-popup.p-confirm-popup-flipped:after {
    border-top-color: #ffffff;
  }
  .p-confirm-popup.p-confirm-popup-flipped:before {
    border-top-color: #c8c8c8;
  }
  .p-confirm-popup .p-confirm-popup-icon {
    font-size: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }
  .p-dialog {
    border-radius: 3px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    border: 1px solid #c8c8c8;
  }
  .p-dialog .p-dialog-header {
    border-bottom: 1px solid #007ad9;
    background: #007ad9;
    color: #ffffff;
    padding: 1rem;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-dialog .p-dialog-header .p-dialog-title {
    font-weight: 700;
    font-size: 1rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    width: 2rem;
    height: 2rem;
    color: #a6a6a6;
    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: #007ad9;
    border-color: transparent;
    background: transparent;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #333333;
    padding: 1rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-dialog .p-dialog-footer {
    border-top: 1px solid #c8c8c8;
    background: #ffffff;
    color: #333333;
    padding: 0.571rem 1rem;
    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-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }
  .p-overlaypanel {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-overlaypanel .p-overlaypanel-content {
    padding: 0.571rem 1rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #007ad9;
    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: #116fbf;
    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(200, 200, 200, 0);
    border-bottom-color: #bebebe;
  }
  .p-overlaypanel.p-overlaypanel-flipped:after {
    border-top-color: #ffffff;
  }
  .p-overlaypanel.p-overlaypanel-flipped:before {
    border-top-color: #c8c8c8;
  }
  .p-sidebar {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-sidebar .p-sidebar-header {
    padding: 0.857rem 1rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
  .p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #a6a6a6;
    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: #007ad9;
    border-color: transparent;
    background: transparent;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 0.571rem 1rem;
  }
  .p-sidebar .p-sidebar-footer {
    padding: 0.857rem 1rem;
  }
  .p-tooltip .p-tooltip-text {
    background: #333333;
    color: #ffffff;
    padding: 0.429rem 0.429rem;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 3px;
  }
  .p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: #333333;
  }
  .p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: #333333;
  }
  .p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: #333333;
  }
  .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: #333333;
  }
  .p-fileupload .p-fileupload-buttonbar {
    background: #007ad9;
    padding: 0.857rem 1rem;
    border: 1px solid #007ad9;
    color: #ffffff;
    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 #8dcdff;
  }
  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 0.571rem 1rem;
    border: 1px solid #c8c8c8;
    color: #333333;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-fileupload .p-fileupload-content.p-fileupload-highlight {
    border-color: 1px dashed #007ad9;
    border-style: dashed;
    background-color: #e02365;
  }
  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 0.571rem 0.857rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }
  .p-fileupload-choose:not(.p-disabled):hover {
    background: #116fbf;
    color: #ffffff;
    border-color: #116fbf;
  }
  .p-fileupload-choose:not(.p-disabled):active {
    background: #005b9f;
    color: #ffffff;
    border-color: #005b9f;
  }
  .p-breadcrumb {
    background: #ffffff;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    padding: 0.571rem 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #333333;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #333333;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #333333;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #333333;
  }
  .p-contextmenu {
    padding: 0;
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .p-contextmenu .p-submenu-list {
    padding: 0;
    background: #ffffff;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 3px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #333333;
    padding: 0.857rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #333333;
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #333333;
    background: #eaeaea;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #eaeaea;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #333333;
    background: #d6d6d6;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #d8dae2;
    margin: 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 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-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 3px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #8dcdff;
  }
  .p-dock .p-dock-link {
    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: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #333333;
    padding: 0.857rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #333333;
    margin-right: 0.5rem;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #333333;
    background: #eaeaea;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #eaeaea;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #333333;
    background: #d6d6d6;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-megamenu .p-megamenu-panel {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 3px;
  }
  .p-megamenu .p-submenu-header {
    margin: 0;
    padding: 0.857rem;
    color: #333333;
    background: #f4f4f4;
    font-weight: 700;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #d8dae2;
    margin: 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.857rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #333333;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-menu {
    padding: 0;
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #333333;
    padding: 0.857rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #333333;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #333333;
    background: #eaeaea;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #eaeaea;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #333333;
    background: #d6d6d6;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-menu.p-menu-overlay {
    background: #ffffff;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-menu .p-submenu-header {
    margin: 0;
    padding: 0.857rem;
    color: #333333;
    background: #f4f4f4;
    font-weight: 700;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-menu .p-menuitem-separator {
    border-top: 1px solid #d8dae2;
    margin: 0;
  }
  .p-menu .p-menuitem-badge {
    background: #007ad9;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 3px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .p-menubar {
    padding: 0.5rem;
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.857rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #333333;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #333333;
    padding: 0.857rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #333333;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #333333;
    background: #eaeaea;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #eaeaea;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #333333;
    background: #d6d6d6;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-menubar .p-submenu-list {
    padding: 0;
    background: #ffffff;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    width: 12.5rem;
    border-radius: 3px;
  }
  .p-menubar .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #d8dae2;
    margin: 0;
  }
  .p-menubar .p-submenu-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: #333333;
      border-radius: 50%;
      transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: #333333;
      background: #eaeaea;
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #8dcdff;
    }
    .p-menubar .p-menubar-root-list {
      position: absolute;
      display: none;
      padding: 0;
      background: #ffffff;
      border: 1px solid #c8c8c8;
      box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
      width: 100%;
    }
    .p-menubar .p-menubar-root-list .p-menuitem-separator {
      border-top: 1px solid #d8dae2;
      margin: 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 2.571rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 4.285rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 5.999rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 7.713rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 9.427rem;
    }
    .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 {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #007ad9;
    color: #ffffff;
    background: #007ad9;
    border-radius: 3px;
    transition: background-color 0.2s, box-shadow 0.2s;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
    color: #ffffff;
    padding: 0.857rem 1rem;
    font-weight: 700;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #8dcdff;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #dbdbdb;
    border-color: #dbdbdb;
    color: #333333;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #007ad9;
    border-color: #007ad9;
    color: #ffffff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #005b9f;
    background: #005b9f;
    color: #ffffff;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0;
    border: 1px solid #c8c8c8;
    background: #ffffff;
    color: #333333;
    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-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #333333;
    padding: 0.857rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #333333;
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #333333;
    background: #eaeaea;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #eaeaea;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #333333;
    background: #d6d6d6;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #d8dae2;
    margin: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 2px;
  }
  .p-slidemenu {
    padding: 0;
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-slidemenu .p-slidemenu-root-list {
    outline: 0 none;
  }
  .p-slidemenu .p-submenu-list {
    outline: 0 none;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content {
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #333333;
    padding: 0.857rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #333333;
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #333333;
    background: #eaeaea;
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #eaeaea;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #333333;
    background: #d6d6d6;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-slidemenu.p-slidemenu-overlay {
    background: #ffffff;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-slidemenu .p-slidemenu-list {
    padding: 0;
    background: #ffffff;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-slidemenu .p-menuitem-separator {
    border-top: 1px solid #d8dae2;
    margin: 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.857rem;
    color: #333333;
  }
  .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #8dcdff;
  }
  .p-slidemenu .p-menuitem-badge {
    background: #007ad9;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 3px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
    background: #ffffff;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    color: #333333;
    border: 1px solid #dee2e6;
    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: #848484;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #e02365;
    color: #ffffff;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 700;
    color: #333333;
  }
  .p-steps .p-steps-item:before {
    content: " ";
    border-top: 1px solid #d8dae2;
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute;
    margin-top: -1rem;
  }
  .p-tabmenu .p-tabmenu-nav {
    background: transparent;
    border: 0 none;
    border-width: 1px;
  }
  .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
    background: #007ad9;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 3px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
    margin-right: 2px;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    border: 1px solid #007ad9;
    border-width: 1px;
    border-color: #007ad9;
    background: #007ad9;
    color: #ffffff;
    padding: 0.857rem 1rem;
    font-weight: 700;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: background-color 0.2s, box-shadow 0.2s;
    margin: 0 0 -1px 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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #8dcdff;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #dbdbdb;
    border-color: #dbdbdb;
    color: #333333;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #007ad9;
    border-color: #007ad9;
    color: #ffffff;
  }
  .p-tabmenu .p-tabmenu-left-icon {
    margin-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-right-icon {
    margin-left: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav-btn.p-link {
    background: #007ad9;
    color: #ffffff;
    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;
  }
  .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #8dcdff;
  }
  .p-tieredmenu {
    padding: 0;
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-tieredmenu.p-tieredmenu-overlay {
    background: #ffffff;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .p-tieredmenu .p-tieredmenu-root-list {
    outline: 0 none;
  }
  .p-tieredmenu .p-submenu-list {
    padding: 0;
    background: #ffffff;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 3px;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content {
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #333333;
    padding: 0.857rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #333333;
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #333333;
    background: #eaeaea;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #eaeaea;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #333333;
    background: #d6d6d6;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #333333;
    background: #eaeaea;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #d8dae2;
    margin: 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-inline-message {
    padding: 0.5rem;
    margin: 0;
    border-radius: 3px;
  }
  .p-inline-message.p-inline-message-info {
    background: #7fbcec;
    border: 0 none;
    border-width: 0;
    color: #212121;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #212121;
  }
  .p-inline-message.p-inline-message-success {
    background: #b7d8b7;
    border: 0 none;
    border-width: 0;
    color: #212121;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #212121;
  }
  .p-inline-message.p-inline-message-warn {
    background: #ffe399;
    border: 0 none;
    border-width: 0;
    color: #212121;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #212121;
  }
  .p-inline-message.p-inline-message-error {
    background: #f8b7bd;
    border: 0 none;
    border-width: 0;
    color: #212121;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #212121;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .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;
  }
  .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.5);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-message.p-message-info {
    background: #7fbcec;
    border: 0 none;
    border-width: 0;
    color: #212121;
  }
  .p-message.p-message-info .p-message-icon {
    color: #212121;
  }
  .p-message.p-message-info .p-message-close {
    color: #212121;
  }
  .p-message.p-message-success {
    background: #b7d8b7;
    border: 0 none;
    border-width: 0;
    color: #212121;
  }
  .p-message.p-message-success .p-message-icon {
    color: #212121;
  }
  .p-message.p-message-success .p-message-close {
    color: #212121;
  }
  .p-message.p-message-warn {
    background: #ffe399;
    border: 0 none;
    border-width: 0;
    color: #212121;
  }
  .p-message.p-message-warn .p-message-icon {
    color: #212121;
  }
  .p-message.p-message-warn .p-message-close {
    color: #212121;
  }
  .p-message.p-message-error {
    background: #f8b7bd;
    border: 0 none;
    border-width: 0;
    color: #212121;
  }
  .p-message.p-message-error .p-message-icon {
    color: #212121;
  }
  .p-message.p-message-error .p-message-close {
    color: #212121;
  }
  .p-message .p-message-text {
    font-size: 1rem;
    font-weight: normal;
  }
  .p-message .p-message-icon {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }
  .p-message .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-message .p-message-summary {
    font-weight: 700;
  }
  .p-message .p-message-detail {
    margin-left: 0.5rem;
  }
  .p-toast {
    opacity: 0.9;
  }
  .p-toast .p-toast-message {
    margin: 0 0 1rem 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 3px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
    border-width: 0;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
    margin: 0 0 0 0.5rem;
  }
  .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-icon:not(.p-toast-icon-close-icon) {
    width: 2rem;
    height: 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.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: #7fbcec;
    border: 0 none;
    border-width: 0;
    color: #212121;
  }
  .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: #212121;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: #b7d8b7;
    border: 0 none;
    border-width: 0;
    color: #212121;
  }
  .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: #212121;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: #ffe399;
    border: 0 none;
    border-width: 0;
    color: #212121;
  }
  .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: #212121;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: #f8b7bd;
    border: 0 none;
    border-width: 0;
    color: #212121;
  }
  .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: #212121;
  }
  .p-galleria .p-galleria-close {
    margin: 0.5rem;
    background: transparent;
    color: #ebedef;
    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 .p-icon-wrapper .p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ebedef;
  }
  .p-galleria .p-galleria-item-nav {
    background: rgba(0, 0, 0, 0.2);
    color: #aeb6bf;
    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 .p-icon-wrapper .p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
    background: rgba(0, 0, 0, 0.3);
    color: #ebedef;
  }
  .p-galleria .p-galleria-caption {
    background: rgba(0, 0, 0, 0.5);
    color: #ebedef;
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators {
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button {
    background-color: #f4f4f4;
    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: #eaeaea;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #e02365;
    color: #ffffff;
  }
  .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: #e02365;
    color: #ffffff;
  }
  .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: #aeb6bf;
    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: #aeb6bf;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .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-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-avatar {
    background-color: #c8c8c8;
    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: #007ad9;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
  }
  .p-badge.p-badge-success {
    background-color: #34a835;
    color: #ffffff;
  }
  .p-badge.p-badge-info {
    background-color: #007ad9;
    color: #ffffff;
  }
  .p-badge.p-badge-warning {
    background-color: #ffba01;
    color: #333333;
  }
  .p-badge.p-badge-danger {
    background-color: #e91224;
    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: #c8c8c8;
    color: #333333;
    border-radius: 16px;
    padding: 0 0.429rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.2145rem;
    margin-bottom: 0.2145rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip .pi-chip-remove-icon {
    margin-left: 0.5rem;
  }
  .p-chip img {
    width: 1.929rem;
    height: 1.929rem;
    margin-left: -0.429rem;
    margin-right: 0.5rem;
  }
  .p-chip .pi-chip-remove-icon {
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-chip .pi-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-chip .pi-chip-remove-icon:focus {
    outline: 0 none;
  }
  .p-inplace .p-inplace-display {
    padding: 0.429rem 0.429rem;
    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: #eaeaea;
    color: #333333;
  }
  .p-inplace .p-inplace-display:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #8dcdff;
  }
  .p-metergroup {
    display: flex;
  }
  .p-metergroup-meters {
    display: flex;
  }
  .p-metergroup-vertical .p-metergroup-meters {
    flex-direction: column;
  }
  .p-metergroup-labels {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-metergroup-vertical .p-metergroup-labels {
    align-items: start;
  }
  .p-metergroup-labels-vertical {
    flex-direction: column;
  }
  .p-metergroup-label {
    display: inline-flex;
    align-items: center;
  }
  .p-metergroup-label-marker {
    display: inline-flex;
  }
  .p-metergroup {
    gap: 1rem;
  }
  .p-metergroup .p-metergroup-meters {
    background: #eaeaea;
    border-radius: 3px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #007ad9;
  }
  .p-metergroup .p-metergroup-labels .p-metergroup-label {
    gap: 0.5rem;
  }
  .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
    background: #007ad9;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
  }
  .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
    gap: 0.5rem;
  }
  .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
    gap: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal {
    flex-direction: column;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical {
    flex-direction: row;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-progressbar {
    border: 0 none;
    height: 24px;
    background: #eaeaea;
    border-radius: 3px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #007ad9;
  }
  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 24px;
  }
  .p-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    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: #f4f4f4;
  }
  .p-scrolltop .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-skeleton {
    background-color: #eaeaea;
    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: #007ad9;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #34a835;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #007ad9;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #ffba01;
    color: #333333;
  }
  .p-tag.p-tag-danger {
    background-color: #e91224;
    color: #ffffff;
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-terminal {
    background: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571rem 1rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
}
@layer primeng {
  .p-panel .p-panel-header .p-panel-header-icon {
    color: #ffffff;
  }
  .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
    color: #5ab7ff;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    color: #ffffff;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
    color: #5ab7ff;
  }
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
  background-color: #27a0ff;
  border-color: #27a0ff;
  color: #ffffff;
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #e02365;
  border-color: #e02365;
  color: #ffffff;
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  background: #e96694;
  border-color: #e96694;
  color: #ffffff;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
  background-color: #27a0ff;
  border-color: #27a0ff;
  color: #ffffff;
}

/* node_modules/primeng/resources/primeng.min.css */
.p-overflow-hidden {
  overflow: hidden;
  padding-right: var(--scrollbar-width);
}
@layer primeng {
  .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;
  }
  .p-component-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-unselectable-text {
    -webkit-user-select: none;
    user-select: none;
  }
  .p-scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
  }
  @-webkit-keyframes p-fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @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;
    user-select: none;
  }
  .p-link:disabled {
    cursor: default;
  }
  .p-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
  }
  .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-toggleable-content.ng-animating {
    overflow: hidden;
  }
  .p-icon-wrapper {
    display: inline-flex;
  }
  .p-icon {
    display: inline-block;
  }
  .p-icon-spin {
    -webkit-animation: p-icon-spin 2s infinite linear;
    animation: p-icon-spin 2s infinite linear;
  }
}
@-webkit-keyframes p-icon-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes p-icon-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@layer primeng {
  .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%;
  }
}
@layer primeng {
  .p-button {
    margin: 0;
    display: inline-flex;
    cursor: pointer;
    -webkit-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;
    pointer-events: none;
  }
  .p-button-icon-only {
    justify-content: center;
  }
  .p-button-icon-only:after {
    content: "p";
    visibility: hidden;
    clip: rect(0 0 0 0);
    width: 0;
  }
  .p-button-vertical {
    flex-direction: column;
  }
  .p-button-icon-bottom {
    order: 2;
  }
  .p-button-group .p-button {
    margin: 0;
  }
  .p-button-group .p-button:focus,
  .p-button-group p-button:focus .p-button,
  .p-buttonset .p-button:focus,
  .p-buttonset .p-button:focus,
  .p-buttonset p-button:focus .p-button,
  .p-buttonset .p-button:focus {
    position: relative;
    z-index: 1;
  }
  .p-button-group .p-button:not(:last-child),
  .p-button-group .p-button:not(:last-child):hover,
  .p-button-group p-button:not(:last-child) .p-button,
  .p-button-group p-button:not(:last-child) .p-button:hover,
  .p-buttonset .p-button:not(:last-child),
  .p-buttonset .p-button:not(:last-child):hover,
  .p-buttonset p-button:not(:last-child) .p-button,
  .p-buttonset p-button:not(:last-child) .p-button:hover {
    border-right: 0 none;
  }
  .p-button-group .p-button:not(:first-of-type):not(:last-of-type),
  .p-button-group p-button:not(:first-of-type):not(:last-of-type) .p-button,
  .p-buttonset .p-button:not(:first-of-type):not(:last-of-type),
  .p-buttonset p-button:not(:first-of-type):not(:last-of-type) .p-button {
    border-radius: 0;
  }
  .p-button-group .p-button:first-of-type:not(:only-of-type),
  .p-button-group p-button:first-of-type:not(:only-of-type) .p-button,
  .p-buttonset .p-button:first-of-type:not(:only-of-type),
  .p-buttonset p-button:first-of-type:not(:only-of-type) .p-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-button-group .p-button:last-of-type:not(:only-of-type),
  .p-button-group p-button:last-of-type:not(:only-of-type) .p-button,
  .p-buttonset .p-button:last-of-type:not(:only-of-type),
  .p-buttonset p-button:last-of-type:not(:only-of-type) .p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  p-button[iconpos=right] spinnericon {
    order: 1;
  }
}
@layer primeng {
  .p-checkbox {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
    position: relative;
  }
  .p-checkbox-disabled {
    cursor: default !important;
    pointer-events: none;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  p-checkbox {
    display: inline-flex;
    vertical-align: bottom;
    align-items: center;
  }
  .p-checkbox-label {
    line-height: 1;
  }
}
.p-colorpicker-panel .p-colorpicker-color {
  background: transparent url("./media/color.png") no-repeat left top;
}
.p-colorpicker-panel .p-colorpicker-hue {
  background: transparent url("./media/hue.png") no-repeat left top;
}
@layer primeng {
  .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-inputgroup .p-inputwrapper > .p-component {
    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: -0.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: -0.75rem;
    font-size: 12px;
  }
  .p-float-label .input:-webkit-autofill ~ label {
    top: -20px;
    font-size: 12px;
  }
  .p-float-label .p-placeholder,
  .p-float-label input::placeholder,
  .p-float-label .p-inputtext::placeholder {
    opacity: 0;
    transition-property: all;
    transition-timing-function: ease;
  }
  .p-float-label .p-focus .p-placeholder,
  .p-float-label input:focus::placeholder,
  .p-float-label .p-inputtext:focus::placeholder {
    opacity: 1;
    transition-property: all;
    transition-timing-function: ease;
  }
  .p-input-icon-left,
  .p-input-icon-right {
    position: relative;
    display: inline-block;
  }
  .p-input-icon-left > i,
  .p-input-icon-left > .p-icon-wrapper,
  .p-input-icon-right > i,
  .p-input-icon-right > .p-icon-wrapper {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-input-icon-left,
  .p-fluid .p-input-icon-right {
    display: block;
    width: 100%;
  }
}
@layer primeng {
  .p-inputtextarea-resizable {
    overflow: hidden;
    resize: none;
  }
  .p-fluid .p-inputtextarea {
    width: 100%;
  }
}
@layer primeng {
  .p-password {
    position: relative;
    display: inline-flex;
  }
  .p-password-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-password .p-password-panel {
    min-width: 100%;
  }
  .p-password-meter {
    height: 10px;
  }
  .p-password-strength {
    height: 100%;
    width: 0;
    transition: width 1s ease-in-out;
  }
  .p-fluid .p-password {
    display: flex;
  }
  .p-password-input::-ms-reveal,
  .p-password-input::-ms-clear {
    display: none;
  }
  .p-password-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    cursor: pointer;
  }
  .p-password .p-icon {
    cursor: pointer;
  }
  .p-password-clearable.p-password-mask .p-password-clear-icon {
    margin-top: unset;
  }
  .p-password-clearable {
    position: relative;
  }
}
@layer primeng {
  .p-radiobutton {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
    position: relative;
  }
  .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(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton-box.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }
  p-radiobutton {
    display: inline-flex;
    vertical-align: bottom;
    align-items: center;
  }
  .p-radiobutton-label {
    line-height: 1;
  }
}
@layer primeng {
  .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);
  }
  .p-ink-active {
    animation: ripple .4s linear;
  }
  .p-ripple-disabled .p-ink {
    display: none !important;
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@layer primeng {
  .p-tooltip {
    position: absolute;
    display: none;
    padding: .25em .5rem;
    max-width: 12.5rem;
    pointer-events: none;
  }
  .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 {
    scale: 2;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .p-tooltip-right .p-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -0.25rem;
    border-width: .25em .25em .25em 0;
  }
  .p-tooltip-left .p-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -0.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: -0.25rem;
    border-width: .25em .25em 0;
  }
  .p-tooltip-bottom .p-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -0.25rem;
    border-width: 0 .25em .25rem;
  }
}

/* src/styles.scss */
.ov-btn-primary,
.common-button,
.button,
.global-button {
  background: #0055ff;
  color: #fff;
  outline: none;
  border-radius: 4px !important;
  border: 1px solid transparent;
  transition: 0.5s;
  padding: 0.25rem 0.15rem;
}
.ov-btn-primary:hover,
.common-button:hover,
.button:hover,
.global-button:hover {
  background: #0055dd;
  color: #fff;
  transition: 0.5s;
}
.ov-btn-primary:focus,
.common-button:focus,
.button:focus,
.global-button:focus {
  box-shadow: 0 0 0 5px rgba(0, 85, 255, 0.5);
}
button {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  cursor: pointer;
  border-radius: 4px !important;
  margin: 0;
}
.button,
.global-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
}
.button--disabled {
  background-color: rgb(99.2679425837, 162.7703349282, 252.7320574163) !important;
}
.button__submit-button {
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
}
@media only screen and (max-width: 1200px) {
  .button__submit-button {
    min-width: fit-content;
    margin: 0;
  }
}
.button__submit-button--background-color,
.global-button,
.common-button {
  background-color: #3185FC;
}
.button__submit-button--color,
.global-button,
.common-button {
  color: white !important;
}
.button__submit-button--fit-content {
  width: fit-content !important;
}
.button__add-button,
.button__remove-button {
  min-width: 2.5rem;
  min-height: 2.5rem;
}
.button__add-button--background-color {
  background: #13ce66 !important;
}
.button__remove-button--background-color {
  background: #CF0A0A !important;
}
.button__save-button {
  color: #ffffff !important;
  padding: 1rem 6rem;
}
.button__save-button--background-color {
  background-color: #173753 !important;
}
.button__decline-button {
  color: #ffffff;
  padding: 1rem 4rem;
}
.button__decline-button--background-color {
  background-color: #CF0A0A !important;
}
.button__filter-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: fit-content;
  height: 30px;
  border-radius: 3px;
  background-color: #ffffff;
  color: #000000;
}
.button--width-40p {
  width: 40% !important;
}
.p-button.p-button-icon-only {
  height: 2.5rem;
  display: inline-flex;
}
.common-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  border: none;
  padding: 0.5rem 1.5rem;
}
@media only screen and (max-width: 1200px) {
  .common-button {
    min-width: fit-content;
    margin: 0;
  }
}
.global-button {
  border: none;
  padding: 0.5rem 1.5rem;
}
.spinner {
  animation: spin 1s infinite linear;
  border: solid 2vmin transparent;
  border-radius: 50%;
  border-right-color: rgb(199.8038277512, 222.3110047847, 254.1961722488);
  border-top-color: rgb(199.8038277512, 222.3110047847, 254.1961722488);
  box-sizing: border-box;
  height: 20vmin;
  left: calc(50% - 10vmin);
  position: fixed;
  top: calc(50% - 10vmin);
  width: 20vmin;
  z-index: 2;
}
.spinner:before {
  animation: spin 2s infinite linear;
  border: solid 2vmin transparent;
  border-radius: 50%;
  border-right-color: rgb(107.6453488372, 163.5755813953, 217.3546511628);
  border-top-color: rgb(107.6453488372, 163.5755813953, 217.3546511628);
  box-sizing: border-box;
  content: "";
  height: 16vmin;
  left: 0;
  position: absolute;
  top: 0;
  width: 16vmin;
}
.spinner:after {
  animation: spin 3s infinite linear;
  border: solid 2vmin transparent;
  border-radius: 50%;
  border-right-color: rgb(58.4622641509, 134.2358490566, 200.5377358491);
  border-top-color: rgb(58.4622641509, 134.2358490566, 200.5377358491);
  box-sizing: border-box;
  content: "";
  height: 12vmin;
  left: 2vmin;
  position: absolute;
  top: 2vmin;
  width: 12vmin;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.spinner-background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  opacity: 70%;
  z-index: 1;
}
.navbar-bh {
  display: grid;
  grid-auto-flow: column;
  border-bottom: 5px solid red;
  background-color: #173753;
  padding: 0.5rem 0;
  height: auto;
}
.navbar-bh__app-logo {
  align-self: center;
  cursor: pointer;
}
.navbar-bh__app-logo--desktop {
  width: 14vw;
  margin-left: 1.1rem;
}
.navbar-bh__app-logo--terminal {
  width: 20vw;
  margin-left: 0.5rem;
}
.navbar-bh__functionalities-container {
  cursor: pointer;
  align-items: center;
  display: grid;
  gap: 3rem;
}
.navbar-bh__functionalities-container--desktop {
  grid-auto-flow: column;
  margin: 0 0.5rem;
}
.navbar-bh__functionalities-container--terminal {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 0.5rem 0 0.25rem;
}
.navbar-bh__functionalities {
  color: white;
  margin: 0.1rem;
}
.navbar-bh__functionalities--desktop {
  border-radius: 15px;
  font-size: 1.25rem;
}
.navbar-bh__functionalities--terminal {
  font-size: 2rem;
  width: max-content;
  height: max-content;
  border-radius: 35px;
}
.navbar-bh__functionalities--terminal div > span {
  font-size: 2rem;
  margin: 0.5rem;
}
.navbar-bh__user-logo-dropdown {
  align-self: center;
  justify-self: end;
}
.navbar-bh__margin {
  margin: 0 0.75rem;
}
.navbar-bh__user-logo {
  border-radius: 50%;
}
.navbar-bh__user-logo--desktop {
  height: 4rem;
  width: 4rem;
}
.navbar-bh__user-logo--terminal {
  height: 6rem;
  width: 6rem;
}
.active-functionality {
  font-weight: bold;
  color: #ffffff !important;
  background-color: #3185FC !important;
}
.inactive-functionality {
  color: #ffffff !important;
  font-weight: normal;
  background: transparent;
  cursor: pointer;
}
.functionality {
  text-align: center;
}
.functionality:hover {
  font-weight: bold;
}
@media (700px <= width <= 1250px) {
  .navbar-bh__functionalities-container {
    gap: 0.5rem;
    grid-template-rows: repeat(2, 1fr);
  }
  .navbar-bh__app-logo {
    width: 19vw;
  }
}
@media (width < 699px) {
  .navbar-bh__functionalities-container {
    gap: 0.5rem;
    grid-template-rows: repeat(3, 1fr);
  }
  .navbar-bh__app-logo {
    width: 21vw;
  }
}
.sidebar {
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: var(--sidebar-color-bv);
  position: fixed;
  height: 100%;
  overflow: auto;
}
.main {
  height: 100%;
  padding-bottom: 0.1rem;
}
.sidebar-width {
  width: 190px;
}
.sidebar a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
}
.sidebar a.active,
.sidebar a.base__nav__tab--active {
  background-color: var(--secondary-color-bv);
  color: var(--primary-color-bv);
}
.sidebar a:hover:not(.active):not(.base__nav__tab--active) {
  background-color: var(--hoover-color-bv);
  color: var(--primary-color-bv);
}
@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar a {
    float: left;
  }
  div.content {
    margin-left: 0;
  }
}
@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}
@media only screen and (max-width: 1418px) {
  .base__tabs-container {
    display: flex;
  }
}
@media only screen and (max-width: 1418px) {
  .base__left-side-bar {
    background-color: #173753;
    width: 5vw;
  }
}
.base__nav__tabs {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto;
  background: #ffffff;
  border-bottom: none;
}
@media only screen and (max-width: 1418px) {
  .base__nav__tabs {
    flex-direction: column;
  }
}
.base__nav__tabs li.base__nav__tab:first-child:nth-last-child(1),
.base__nav__tabs li.base__nav__tab:first-child:nth-last-child(1) ~ li.base__nav__tab {
  width: 100%;
  max-width: fit-content;
}
.base__nav__tabs li.base__nav__tab:first-child:nth-last-child(2),
.base__nav__tabs li.base__nav__tab:first-child:nth-last-child(2) ~ li.base__nav__tab {
  width: 50%;
  max-width: fit-content;
}
.base__nav__tabs li.base__nav__tab:first-child:nth-last-child(3),
.base__nav__tabs li.base__nav__tab:first-child:nth-last-child(3) ~ li.base__nav__tab {
  width: 33.3333333333%;
  max-width: fit-content;
}
.base__nav__tabs li.base__nav__tab:first-child:nth-last-child(4),
.base__nav__tabs li.base__nav__tab:first-child:nth-last-child(4) ~ li.base__nav__tab {
  width: 25%;
  max-width: fit-content;
}
.base__nav__tabs li.base__nav__tab:first-child:nth-last-child(5),
.base__nav__tabs li.base__nav__tab:first-child:nth-last-child(5) ~ li.base__nav__tab {
  width: 20%;
  max-width: fit-content;
}
.base__nav__tab {
  align-self: flex-end;
  margin: 0 0.25rem;
  padding: 0.1% 2%;
  text-align: center;
  list-style: none;
  cursor: pointer;
  color: white;
}
@media only screen and (max-width: 1418px) {
  .base__nav__tab {
    width: 100% !important;
    align-self: flex-start;
    border-bottom: 2px solid #173753;
    margin: 0;
    padding: 0;
  }
}
.base__nav__tab__title--active {
  font-size: 1.7rem;
  font-weight: 500;
  overflow-y: visible;
  max-height: 3rem;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1000px) {
  .base__nav__tab__title--active {
    font-size: unset;
  }
}
.base__nav__tab__title p {
  overflow-y: visible;
  max-height: 3rem;
  margin: 0;
  padding: 0;
}
.base__nav__tab__title--inactive {
  font-size: 1.4rem;
  font-weight: 400;
}
@media only screen and (max-width: 700px) {
  .base__nav__tab__title--inactive {
    font-size: unset;
  }
}
.base__nav__tab--inactive {
  color: #ffffff;
  background-color: #3185FC;
  border-bottom-color: transparent;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}
@media only screen and (max-width: 1418px) {
  .base__nav__tab--inactive {
    max-width: 80% !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transition-property: max-width;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
  }
}
.base__nav__tab--active {
  margin-left: 0;
  padding: 1rem 2rem;
  color: #ffffff;
  background-color: #173753;
  border-bottom-color: transparent;
}
@media only screen and (max-width: 1418px) {
  .base__nav__tab--active {
    max-width: 100% !important;
    transition-property: max-width;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
  }
}
.base__nav__tab__panel {
  margin: 1rem 3rem;
  padding: 0;
  color: #000000;
}
@media only screen and (max-width: 700px) {
  .base__nav__tab__panel {
    margin: 0 1rem;
  }
}
.debug-bg-color {
  background-color: aqua;
}
.no-padding {
  padding: 0;
}
.whole-width {
  width: 100%;
}
.main-calendar .p-calendar .p-datepicker {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.main-calendar .p-datepicker:not(.p-datepicker-inline) {
  background: #173753;
  border: 4px solid #3185FC;
  color: #F2F2F2;
  text-align: center;
}
.main-calendar .p-datepicker table td.p-datepicker-today > span {
  background: #3185FC;
  color: #F2F2F2;
  border-color: transparent;
}
.main-calendar .p-datepicker table td > span {
  border-radius: 50%;
  transition: box-shadow 0.2s;
  border: 1px solid transparent;
}
.main-calendar .p-datepicker table td {
  border: 1px solid #000000;
}
.main-calendar .p-datepicker .p-datepicker-buttonbar .p-button {
  width: auto;
  color: white;
  background-color: #3185FC;
}
.main-calendar .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  color: white;
  background: transparent;
}
.main-calendar .p-datepicker table td > span:hover {
  color: black;
}
.p-datepicker-group-container {
  display: block;
}
.p-calendar-w-btn .p-inputtext {
  background-color: #ffffff;
}
.p-datepicker table td > span.p-highlight {
  background-color: #CF0A0A;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  background: #173753;
}
#virtualKeyboardChromeExtension table td span.kClose {
  display: none !important;
}
html {
  font-size: 16px;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input:disabled,
input[readonly] {
  background-color: #f2f2f2;
  opacity: 1;
}
select:disabled,
select[readonly] {
  background-color: #f2f2f2;
  color: #7f7f7f;
  opacity: 1;
}
select:disabled::-ms-expand,
select[readonly]::-ms-expand {
  background-color: transparent !important;
}
.p-dropdown-panel .ui-dropdown-item.ui-state-disabled {
  background-color: #e9ecef;
  color: #7f7f7f;
  cursor: not-allowed !important;
  opacity: 1;
}
.p-dropdown-label.p-disabled {
  color: #7f7f7f !important;
  opacity: 1;
}
.global-test-dropdown .p-dropdown .p-dropdown-label {
  display: none;
}
.global-test-dropdown .p-dropdown .p-dropdown-trigger {
  background-color: #3185FC;
  color: white;
}
.global-test-dropdown .p-dropdown {
  display: inline-flex !important;
}
.global-test-dropdown .fa-equal-sign:before {
  content: "=" !important;
}
.global-test-dropdown .fa-not-equal-sign:before {
  content: "\2260" !important;
}
.global-test-dropdown .fa-more-sign:before {
  content: ">" !important;
}
.global-test-dropdown .fa-less-sign:before {
  content: "<" !important;
}
.global-test-dropdown .fa-greater-than-or-equal-sign:before {
  content: ">=" !important;
}
.global-test-dropdown .fa-less-than-or-equal-sign:before {
  content: "<=" !important;
}
.global-test-dropdown .fa-range-sign:before {
  content: "<->" !important;
}
.p-calendar input:disabled,
.p-calendar input[readonly] {
  background-color: #e9ecef;
  color: #7f7f7f;
  opacity: 1;
}
.p-calendar .p-disabled .p-datepicker-month,
.p-calendar .p-disabled .p-datepicker-year {
  color: #7f7f7f;
  background-color: #e9ecef;
  opacity: 1;
}
input[type=checkbox]:disabled + .checkbox {
  opacity: 1;
  cursor: not-allowed !important;
}
input:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25), 0 0 0;
}
a {
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
h3,
.h3 {
  font-size: calc(1.3rem + 0.6vw);
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
blockquote {
  margin: 0 0 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
hr {
  margin-top: 3rem;
  margin-bottom: 3rem;
  border: 0;
  border-top: 1px solid #e9ecef;
}
label {
  display: inline-block;
}
.expand {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: max-height 1s;
}
.collapse {
  max-height: 100vh;
  opacity: 1;
  visibility: visible;
  transition: max-height 2s;
}
textarea {
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  font-family: sans-serif;
}
input {
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input,
p-dropdown,
select,
textarea {
  width: available;
  width: -moz-available;
  width: -webkit-fill-available;
}
ul {
  list-style: none;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 0;
  font-size: 1rem;
  line-height: 1.5;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
}
.p-datatable > .p-datatable-wrapper {
  overflow: visible !important;
}
[disabled],
[disabled]:hover,
[disabled]:focus,
[disabled]:active {
  pointer-events: none !important;
  opacity: 0.65;
}
.btn[disabled],
.btn.disabled,
fieldset[disabled] .btn {
  opacity: 0.65;
}
.form-control[disabled],
select[disabled].form-control,
textarea[disabled].form-control,
.form-control[disabled]:hover,
select[disabled].form-control:hover,
textarea[disabled].form-control:hover,
.form-control[disabled]:focus,
select[disabled].form-control:focus,
textarea[disabled].form-control:focus {
  opacity: 0.65;
  pointer-events: none;
}
a[disabled],
a[disabled]:hover,
a[disabled]:focus {
  opacity: 0.65;
  pointer-events: none;
  text-decoration: none;
  cursor: not-allowed;
}
.global-max-height {
  height: 90vh;
}
.global-flex-1 {
  flex: 1;
}
.global-max-height--1rem {
  max-height: 1rem;
}
.global-max-height--60vh {
  max-height: 60vh;
}
.global-max-height--100 {
  max-height: 100%;
}
.global-max-height--3rem {
  max-height: 3rem;
}
.global-p-calendar-icon .p-button.p-button-icon-only {
  padding: 2rem;
  margin: 0;
}
.global-max-width--short-forms {
  max-width: 50vw;
}
.global-max-width--30vw {
  max-width: 30vw;
}
.global-max-width--20vw {
  max-width: 20vw;
}
.global-max-width--unset {
  max-width: unset !important;
}
.global-max-width--number-input {
  max-width: 10rem;
}
.global-div-disabled-click-event {
  pointer-events: none;
}
.global-full-height {
  height: 100%;
}
.global-white-space-no-wrap {
  white-space: nowrap;
}
.global-white-space-brake-spaces {
  white-space: break-spaces;
}
.global-no-border-and-padding {
  border: none !important;
  padding: 0 !important;
}
.global-align--self-center,
.global__missing-items h1 {
  align-self: center;
}
.global-align--self-end {
  align-self: flex-end;
}
.global-align--self-start {
  align-self: start;
}
.global-align__items-self-end {
  align-items: self-end;
}
.global-align__items-center {
  align-items: center;
}
.global-align__items-end {
  align-items: flex-end;
}
.global-align__items-baseline {
  align-items: baseline;
}
.global-logo {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}
.global-white-color {
  color: #ffffff;
}
.global-padding--1vh {
  padding: 1vh;
}
.global-padding__small-right {
  padding-right: 1.5vh;
}
.global-padding__small-top {
  padding-top: 1.5vh;
}
.global-padding__small-bottom {
  padding-bottom: 2vh;
}
.global-padding__frames {
  padding: 1rem 4rem;
}
.global-padding__none {
  padding: 0;
}
.global-padding__small {
  padding: 1rem;
}
.global-padding__2rem {
  padding: 2rem;
}
.global-padding__3rem {
  padding: 3rem;
}
.global-padding__1-5rem-bottom {
  padding-bottom: 1.5rem !important;
}
.global-padding--02-top {
  padding-top: 0.2rem;
}
.global-padding--02-bottom {
  padding-bottom: 0.2rem;
}
.global-padding--05rem {
  padding: 0.5rem !important;
}
.global-padding--025 {
  padding: 0.25rem;
}
.global-justify__center,
.global-mobile-tile,
.global-placeholder,
.global-data-container,
.global__missing-items,
.global__placeholder {
  justify-content: center;
}
.global-justify__space-evenly {
  justify-content: space-evenly;
}
.global-justify__flex-start {
  justify-content: flex-start;
}
.global-justify__flex-end {
  justify-content: flex-end;
}
.global-justify__space-between {
  justify-content: space-between !important;
}
.global-justify__space-around {
  justify-content: space-around !important;
}
.global-flex,
.global-mobile-tile,
.global-placeholder,
.global-data-container,
.global-hide-container,
.global__missing-items,
.global__placeholder,
.global-flex-wrap,
.global-justify {
  display: flex;
}
.global-flex-direction__column,
.global__missing-items {
  flex-direction: column;
}
.global-flex-direction__row {
  flex-direction: row;
}
.global-flex-direction__row-reverse {
  flex-direction: row-reverse;
}
.global-flex-wrap {
  flex-wrap: wrap;
}
.global-flex-basis-100 {
  flex-basis: 100%;
}
.global-no-wrap {
  white-space: nowrap;
}
.global-break-spaces {
  white-space: break-spaces;
}
.global-break-line-anywhere {
  line-break: anywhere;
}
.global-container--flex {
  display: flex;
}
.global-container--flex--column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.global-container--flex--row {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.global-container--flex--row-buttons {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.global-container--side-padding {
  padding: 0 4rem;
}
.ov-input-bootstrap,
.global-input {
  outline: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.ov-input-bootstrap:focus,
.global-input:focus {
  border: 1px solid #56b4ef;
  box-shadow: 0 0 3px 1px #c8def0;
}
.global-input--number {
  max-height: 2rem;
  max-width: 5rem;
}
.global-input--inactive {
  background-color: #d4d4d4 !important;
  color: #848484 !important;
}
.global-input--inactive .p-dropdown .p-dropdown-trigger {
  background-color: #d4d4d4 !important;
}
.global-input--inactive .p-dropdown .p-dropdown-label {
  background-color: #d4d4d4 !important;
}
.global-input--inactive .p-dropdown .p-dropdown-items {
  background-color: #d4d4d4 !important;
}
.global-input-no-border-no-padding {
  border: none !important;
  padding: unset !important;
}
.global-p-input-display-contents p-inputnumber span {
  display: contents;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  background-color: #3185FC !important;
}
.global-pointer {
  cursor: pointer;
}
.global-pointer--unset {
  cursor: unset;
}
.global-overlay-hover {
  background-color: #CF0A0A;
  color: #173753;
  text-align: center;
  border: none;
  padding: 16px 32px;
  font-size: 16px;
  margin: 4px 2px;
  transition: 0.4s;
}
.global-overlay-hover:hover {
  background-color: rgb(246.198156682, 72.801843318, 72.801843318);
  color: #173753;
}
.global-underscore-border {
  border-bottom: 3px solid #266dd3;
}
input[type=file] {
  display: none;
}
audio {
  min-width: 0;
  padding: 0;
}
.terminal-scrollbar ::-webkit-scrollbar {
  width: 4.5rem;
}
.terminal-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(207, 10, 10, 0.8);
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgb(246.198156682, 72.801843318, 72.801843318);
  text-decoration: none;
}
::-webkit-scrollbar-thumb:active {
  background-color: rgb(158.3502304147, 7.6497695853, 7.6497695853);
}
::-webkit-scrollbar-corner {
  background: transparent;
}
::-webkit-scrollbar-thumb:hover {
  background: rgb(246.198156682, 72.801843318, 72.801843318);
}
.customBreadcrumb .p-breadcrumb {
  border: none !important;
  margin-bottom: 10px;
}
.p-datepicker-month {
  color: white !important;
}
.p-datepicker-year {
  color: white !important;
}
.margin {
  margin: 10px;
}
.margin--top {
  margin-top: 1.5rem;
}
.margin--top-20vh {
  margin-top: 20vh;
}
.margin--top-2vh {
  margin-top: 2vh;
}
.global-text-align__left {
  text-align: left;
}
.global-text-align__center,
.global-mobile-tile {
  text-align: center;
}
.global-text-align__start {
  text-align: start;
}
.global-border-radius,
.global-mobile-tile,
.global-data-container,
.global-text-area-form,
.global__missing-items {
  border-radius: 15px;
}
.global-border-radius--none {
  border-radius: 0;
}
.global-border-style--inset {
  border-style: inset;
}
.global-border-style--outset {
  border-style: outset;
}
.global-color--black {
  color: #000000 !important;
}
.global-color--bright-blue {
  color: #3185FC !important;
}
.global-color--white,
.global-primeng-checkbox .p-checkbox-label {
  color: #ffffff !important;
}
.global-color--background-like {
  color: #173753 !important;
}
.global-color--red,
.global__missing-items h1,
.global-error-message {
  color: #CF0A0A !important;
}
.global-line-height__3rem {
  line-height: 3rem !important;
}
.global-background-color--red,
.print-modal__close-button {
  background-color: #CF0A0A !important;
}
.global-background-color--none {
  background-color: none;
}
.global-background-color--transparent {
  background-color: transparent;
}
.global-background-color--white,
.global-mobile-tile,
.global-placeholder,
.global-data-container,
.global__missing-items {
  background-color: #ffffff;
}
.global-background-color--forms {
  background-color: #235789 !important;
}
.global-background-color--bright-blue {
  background-color: #3185FC;
}
.global-background-color--inactive-forms {
  background-color: rgba(255, 255, 255, 0.2);
}
.global-background-color--background,
.primeng-table__edit--tab-padding {
  background-color: #173753 !important;
}
.global-background-color--green {
  background-color: #13ce66;
}
.global-background-color--dark-green {
  background-color: #1B4353;
}
.global-margin-top__5rem {
  margin-top: 5rem;
}
.global-margin-top__2rem {
  margin-top: 2rem;
}
.global-margin-top__1rem {
  margin-top: 1rem;
}
.global-margin-right {
  margin-right: 1vw;
}
.important-padding-top-60px {
  padding: 60px 0 25px 0 !important;
}
.global-margin--special--top {
  margin-top: 4rem !important;
  overflow-x: overlay;
  -ms-overflow-x: visible;
}
.global-margin--special--bottom {
  margin-bottom: 28% !important;
  overflow-x: overlay;
  -ms-overflow-y: visible;
}
.global-margin--30p-left {
  margin-left: 30%;
}
.global-margin--auto-left {
  margin-left: auto;
}
.global-margin--auto-right {
  margin-right: auto;
}
.global-margin--left-5vw {
  margin-left: 5vw !important;
}
.global-margin--05rem-left {
  margin-left: 0.5rem;
}
.global-margin--025rem-left {
  margin-left: 0.25rem;
}
.global-margin--1rem-left {
  margin-left: 1rem;
}
.global-margin--2rem-left {
  margin-left: 2rem;
}
.global-margin--minimum {
  margin: 0.1rem;
}
.global-margin--small-side {
  margin: 0 1rem;
}
.global-margin--frames {
  margin: 1rem 4rem;
}
.global-margin__small-right {
  margin-right: 0.5em !important;
}
.global-margin__small-left {
  margin: 0 0 0 0.5em;
}
.global-margin__auto-left {
  margin-left: auto;
}
.global-margin__small-top {
  margin: 0.5em 0 0 0;
}
.global-margin__small-bottom {
  margin: 0 0 0.5em 0;
}
.global-margin__small {
  margin: 1rem;
}
.global-margin__top-space {
  margin-top: 2.5rem;
}
.global-margin--bottom-space {
  margin-bottom: 2.5rem;
}
.global-margin--bottom-2rem,
.global__placeholder {
  margin-bottom: 2rem;
}
.global-margin--bottom-8-percent {
  margin-bottom: 2%;
}
.global-margin--bottom-1rem {
  margin-bottom: 1rem;
}
.global-margin--side-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.global-margin--none {
  margin: unset !important;
}
.global-margin--zero {
  margin: 0 !important;
}
.global-margin__space-right {
  margin-right: 2rem;
}
.global-margin--2rem {
  margin: 2rem;
}
.global-margin--03rem {
  margin: 0.3rem;
}
.global-margin--0_5rem {
  margin: 0.5rem;
}
.global-margin--1rem_2rem {
  margin: 1rem 2rem;
}
.global-margin--0-1rem {
  margin: 0 1rem;
}
.global-margin__4rem-top {
  margin-top: 4rem;
}
.global-opacity {
  opacity: 25%;
}
.global-min-width--unset {
  min-width: unset;
}
.global-min-width--max-content {
  min-width: max-content;
}
.global-min-width--fit-content {
  min-width: fit-content;
}
.global-min-width--8vw {
  min-width: 8vw;
}
.global-width--unset {
  width: unset;
}
.global-width--fit-content,
.global-mobile-tile {
  width: fit-content;
}
.global-width--space-break {
  width: 2rem;
}
.global-width--3rem {
  width: 3rem;
}
.global-width--5 {
  width: 5%;
}
.global-width--5vw {
  width: 5vw;
}
.global-width--10 {
  width: 10%;
}
.global-width--15 {
  width: 15%;
}
.global-width--20 {
  width: 20%;
}
.global-width--20vw {
  width: 20vw;
}
.global-width--important-20vw {
  width: 20vw !important;
}
.global-width--25 {
  width: 25%;
}
.global-width--30 {
  width: 30%;
}
.global-width--30vw {
  width: 30vw;
}
.global-width--15vw-important {
  width: 15vw !important;
}
.global-width--40 {
  width: 40% !important;
}
.global-width--40vw {
  width: 40vw;
}
.global-width--45 {
  width: 45%;
}
.global-width--50 {
  width: 50% !important;
}
.global-width--60,
.global-big-hero-img {
  width: 60%;
}
.global-width--70 {
  width: 70%;
}
.global-width--75 {
  width: 75%;
}
.global-width--80 {
  width: 80%;
}
.global-width--80vw {
  width: 80vw;
}
.global-width--15vw {
  width: 15vw;
}
.global-width--100 {
  width: 100%;
}
.global-width--200 {
  width: 200% !important;
}
.global-width--unset {
  width: unset;
}
.global-width--auto {
  width: auto;
}
.global-width--fill-available {
  width: available !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
}
.global-width--max-content {
  width: max-content !important;
}
.global-width--min-content {
  width: min-content !important;
}
.global-width--3rem {
  width: 3rem;
}
.global-width--7vw {
  width: 7vw;
}
.global-width--8rem {
  width: 8rem;
}
.global-width--12rem {
  width: 12rem;
}
.global-width--25vw {
  width: 25vw;
}
.global-width--20vwImportant {
  width: 20vw !important;
}
.global-width--64vw {
  width: 64vw;
}
.global-width--65vw {
  width: 65vw;
}
.global-width--95vw {
  width: 95vw;
}
.global-width--100vw {
  width: 100vw;
}
.global-width--90vw {
  width: 90vw;
}
.global-panel-padding {
  padding: 1rem 0 0 1rem;
}
.global-display-block {
  display: block;
}
.global-display-grid {
  display: grid;
}
.global-height--inherit {
  height: inherit;
}
.global-height--0,
.global-hide-container {
  height: 0;
}
.global-height--6vh {
  height: 6vh;
}
.global-height--5vh {
  height: 5vh;
}
.global-height--8vh {
  height: 8vh;
}
.global-height--20vh {
  height: 20vh;
}
.global-height--40vh {
  height: 40vh;
}
.global-height--30 {
  height: 30%;
}
.global-height--70 {
  height: 70%;
}
.global-height--75vh {
  height: 75vh;
}
.global-height--80 {
  height: 80%;
}
.global-height--80vh {
  height: 80vh;
}
.global-height--100 {
  height: 100%;
}
.global-height--05rem {
  height: 0.5rem;
}
.global-height--1rem {
  height: 1rem !important;
}
.global-height--2-5rem {
  height: 2.5rem;
}
.global-height--4rem {
  height: 4rem !important;
}
.global-height--fit-content {
  height: fit-content !important;
}
.global-height--fill-available {
  height: available !important;
  height: -moz-available !important;
  height: -webkit-fill-available !important;
}
.global-height--max-content {
  height: max-content;
}
.global-height--10vh {
  height: 10vh;
}
.global-height--100vh {
  width: 100vh;
}
.inline-edit-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.global-borders--solid {
  border: 1px solid black;
}
.global-borders--none {
  border: none;
}
.global-borders__radius-left {
  border-radius: 5px 0 0 5px;
}
.global-borders--sorting {
  border: 5px solid #CF0A0A;
}
.global-borders--transparent {
  border: 5px solid transparent;
}
.global-title {
  font-size: 1.5rem;
  font-weight: 500;
}
.global-subtitle {
  font-size: 1.2rem;
  font-weight: 450;
}
.global-label {
  font-size: 1.7rem !important;
  font-weight: 450;
}
.global-p {
  font-size: 1.5rem;
}
.global-font-size__larger,
.global-mobile-tile {
  font-size: larger;
}
.global-font-size__large {
  font-size: large;
}
.global-font-size__x-large {
  font-size: x-large;
}
.global-font-size__xx-large {
  font-size: xx-large;
}
.global-font-size__0_75 {
  font-size: 0.75rem;
}
.global-font-size__1-3rem {
  font-size: 1.3rem;
}
.global-font-size__1-5rem {
  font-size: 1.5rem;
}
.global-font-size--2rem {
  font-size: 2rem;
}
.global-font-size--3rem {
  font-size: 3rem;
}
.global-font-size--3-5rem {
  font-size: 3.5rem;
}
.global-font-weight--bold {
  font-weight: bold;
}
.visibility--true {
  visibility: visible;
}
.visibility--false {
  visibility: hidden;
}
.display--true {
  display: block;
}
.display--false {
  display: none !important;
}
.global-overflow--overlay {
  overflow: overlay;
}
.grid-column-template--1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid-column-template--2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-column-template--3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-column-template--4 {
  grid-template-columns: repeat(4, 1fr);
}
.test-width {
  width: 49vw;
}
.global-grid {
  display: grid;
}
.global-font-size--small {
  font-size: 0.7rem !important;
}
.global-invalid-input-box-shadow {
  box-shadow: 0 0 3px 3px #CF0A0A !important;
}
@media print {
  body * {
    visibility: hidden;
    overflow: hidden !important;
    page-break-inside: auto;
  }
  .printable,
  .printable * {
    visibility: visible;
  }
  .printable {
    margin: 0 !important;
    padding: 0 !important;
  }
  .no-print,
  .no-print * {
    display: none !important;
  }
}
.global-hide-number-input-spinners input::-webkit-inner-spin-button,
.global-hide-number-input-spinners input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.print-modal__close-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  width: fit-content !important;
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 1;
  margin: 5px;
  min-width: unset;
}
@media only screen and (max-width: 1200px) {
  .print-modal__close-button {
    min-width: fit-content;
    margin: 0;
  }
}
.print-modal__container {
  border-radius: 4px;
  background-color: #fff;
  margin: 24px;
  padding: 24px;
  position: absolute;
  top: 0;
  left: 0;
}
.terminal-p-toast .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
  font-size: 5rem;
  max-width: 90%;
}
.terminal-p-toast .p-toast .p-toast-message .p-toast-message-content .p-toast-detail button {
  height: 3rem;
  width: 3rem;
}
.terminal-p-toast .p-toast {
  position: fixed;
  width: unset !important;
}
.terminal-p-toast .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.terminal-p-toast .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close,
.terminal-p-toast .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon span,
.terminal-p-toast .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close span {
  font-size: 3rem;
}
.terminal-p-toast .p-toast .p-toast-message .p-toast-icon-close {
  width: 4rem;
  height: 4rem;
}
.terminal-p-toast .global-white-space-pre-wrap,
.terminal-p-toast .p-toast-message .p-toast-message-content {
  white-space: pre-wrap;
}
.terminal-p-toast .p-toast-top-right {
  left: 20px;
}
.mobile-p-toast .p-toast .p-toast-message .p-toast-message-content {
  font-size: 1rem;
  max-width: 80%;
}
.mobile-p-toast .p-toast-top-right {
  left: 20px;
}
p-checkbox {
  display: flex;
  position: relative;
  align-items: start;
}
.global-primeng-checkbox .p-checkbox .p-checkbox-box {
  width: 50px !important;
  height: 50px;
}
.global-primeng-checkbox .p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 45px;
  width: 50px;
  height: 50px;
}
.global-primeng-checkbox .p-checkbox-label {
  margin-left: 3rem;
  font-size: 1.75rem;
  height: 0;
}
.global__missing-items button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
}
@media only screen and (max-width: 1200px) {
  .global__missing-items button {
    min-width: fit-content;
    margin: 0;
  }
}
.global__missing-items h1 {
  padding: 1rem 2rem;
}
.global-button-margin {
  margin: 0.25rem 0.25rem 0 auto;
}
.global-schema-step-description {
  font-weight: bold;
  width: -webkit-fill-available;
  text-align: center;
  border: solid #CF0A0A;
  border-radius: 5px;
}
.global-hide-container {
  visibility: hidden;
}
.p-datatable .p-datatable-tbody > tr:focus {
  outline: none;
  outline-offset: unset;
}
.p-datatable-wrapper {
  overflow: visible;
  overflow-x: unset !important;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
.global-text-area-form {
  width: 30vw;
  height: 15vh;
  border: 5px solid red;
}
.global-p-panel-padding .p-panel .p-panel-content {
  padding: 1rem 0 0 1rem;
}
.global-data-container {
  border: 5px solid red;
  padding: 2rem;
  width: fit-content;
  margin-bottom: 2rem;
}
p-multiSelectItem > li > div > div {
  display: none !important;
}
.global-table-action-button-container {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  background: #3185FC !important;
  font-weight: 500;
}
.global-position-relative {
  position: relative;
}
.global-top__3-rem {
  top: 3rem;
}
.global-top__0 {
  top: 0;
}
.global-left__2_5rem {
  left: 2.5rem;
}
.global-left__3-rem {
  left: 3rem;
}
.global-right__2_5-rem {
  right: 2.5rem !important;
}
.global-big-hero-img {
  position: relative;
  left: 2.5rem;
}
.terminal-tab {
  white-space: nowrap;
  font-size: 1.75rem;
}
.terminal-icon-button .p-button.p-button-icon-only {
  width: 3.5rem !important;
  height: 3.5rem;
}
.terminal-icon-button .pi {
  font-size: 2rem;
}
.create-customer-p-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  width: 25vw;
}
.create-customer-p-dropdown .p-dropdown-item {
  white-space: break-spaces;
}
.global-placeholder {
  padding: 2rem;
  border-radius: 15px;
  border: 5px solid red;
  width: fit-content;
  margin-bottom: 2rem;
}
.global-border {
  border: 5px solid red;
}
.global-border-bottom {
  border-bottom: 1px solid red;
}
.global-mobile-tile {
  margin-bottom: 2vh;
  padding: 1rem;
  border: 5px solid #CF0A0A;
}
.login {
  display: flex;
  flex-direction: row;
  width: 100%;
  color: white;
  height: 100vh;
  z-index: 100;
}
.login__banner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 10vh;
  max-width: 20vw;
  background: #CF0A0A;
}
@media only screen and (max-width: 555px) {
  .login__banner-container {
    display: none;
  }
}
.login__banner-container__company-logo {
  width: 100%;
  height: 100%;
  padding: 1rem;
  color: #ffffff;
  white-space: nowrap;
}
.login__main-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  z-index: 100;
}
@media only screen and (max-width: 555px) {
  .login__main-container {
    width: 100vw;
  }
}
.login__main-container__background-animation-area {
  width: 80vw;
  height: 100%;
  position: fixed;
  z-index: 0;
  margin-top: -4rem;
  margin-bottom: -1rem;
}
.login__main-container__background-animation-area__animation-objects {
  position: relative;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.login__main-container__background-animation-area__animation-objects li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-timing-function: linear;
  overflow: hidden;
}
.login__main-container__app-name {
  width: 40%;
  max-width: 80%;
}
.login__main-container__app-name--desktop {
  margin-top: 2rem;
}
.login__main-container__app-name--terminal {
  margin-top: 0;
}
.login__main-container__login-form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  z-index: 10;
}
.login__main-container__login-form-container--email-input-keyboard-placeholder {
  height: 23vh;
}
.login__main-container__login-form-container--password-input-keyboard-placeholder {
  height: 33vh;
}
.login__main-container__login-form-container__submit-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  border-radius: 5px;
}
.login__main-container__login-form-container__submit-button--desktop {
  line-height: 1.5rem;
}
.login__main-container__login-form-container__submit-button--terminal {
  margin-top: 1.5rem;
}
.login__main-container__login-form-container__submit-button--width {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
}
.login__main-container__login-form-container__submit-button--background-color {
  background: #3185FC;
}
.login__main-container__login-form-container__forgot-password-button {
  background: #0055ff;
  color: #fff;
  outline: none;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: 0.5s;
  padding: 0.25rem 0.15rem;
  background: #1B4353;
  line-height: 1.5rem;
  border-radius: 5px;
}
.login__main-container__login-form-container__forgot-password-button--terminal,
.login__main-container__login-form-container__submit-button--terminal {
  font-size: 2.5rem;
  height: 4.2rem;
  line-height: 3rem;
}
.login__main-container__login-form-container label {
  color: white;
  align-self: flex-start;
  font-size: 1.5rem;
}
.login__main-container__login-form-container__input {
  background: rgba(255, 255, 255, 0.6);
  border: none;
  border-radius: 10px;
  padding: 0.2rem 1rem;
}
.login__main-container__login-form-container__input--desktop {
  line-height: 2.5rem;
}
.login__main-container__login-form-container__input--desktop::placeholder {
  color: #ffffff;
}
.login__main-container__login-form-container__input--terminal {
  line-height: 3rem;
  font-size: 2rem;
}
.login__main-container__login-form-container__input--terminal::placeholder {
  font-size: 2.2rem;
}
.login__main-container__development-year {
  margin-bottom: 1rem;
}
.login__main-container__development-year p {
  margin: 0;
  font-size: 2rem;
}
.formGroupStyle {
  color: white;
}
.formGroupStyle :last-child {
  margin: 0;
}
.login-footer {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-around !important;
  align-items: center;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(1) {
  left: 10%;
  bottom: -10%;
  width: 80px;
  height: 80px;
  animation: animateUp 30s linear infinite;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(2) {
  left: 15%;
  top: -10%;
  width: 20px;
  height: 20px;
  animation: animateDown 30s linear infinite;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(3) {
  left: -10%;
  top: 10%;
  width: 20px;
  height: 20px;
  animation: animateRight 30s linear infinite;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(4) {
  left: 110%;
  top: 20%;
  width: 60px;
  height: 60px;
  animation: animateLeft 30s linear infinite;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(5) {
  left: 25%;
  top: 110%;
  width: 20px;
  height: 20px;
  animation: animateUp 30s linear infinite;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(6) {
  left: 20%;
  top: -15%;
  width: 110px;
  height: 110px;
  animation: animateDown 30s linear infinite;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(7) {
  left: 110%;
  top: 35%;
  width: 150px;
  height: 150px;
  animation: animateLeft 50s linear infinite;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(8) {
  left: -10%;
  top: 50%;
  width: 25px;
  height: 25px;
  animation: animateRight 50s linear infinite;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(9) {
  left: 50%;
  top: 110%;
  width: 15px;
  height: 15px;
  animation: animateUp 50s linear infinite;
  animation-duration: 35s;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(10) {
  left: 65%;
  top: -10%;
  width: 150px;
  height: 150px;
  animation: animateDown 50s linear infinite;
  animation-duration: 55s;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(11) {
  left: 10%;
  top: 65%;
  width: 150px;
  height: 150px;
  animation: animateRight 50s linear infinite;
  animation-duration: 55s;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(12) {
  left: 110%;
  top: 75%;
  width: 150px;
  height: 150px;
  animation: animateLeft 50s linear infinite;
  animation-duration: 55s;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(13) {
  left: -10%;
  top: 80%;
  width: 25px;
  height: 25px;
  animation: animateRight 50s linear infinite;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(14) {
  left: 70%;
  top: 110%;
  width: 15px;
  height: 15px;
  animation: animateUp 50s linear infinite;
  animation-duration: 35s;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(10) {
  left: 85%;
  top: -10%;
  width: 150px;
  height: 150px;
  animation: animateDown 50s linear infinite;
  animation-duration: 55s;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(11) {
  left: -10%;
  top: 95%;
  width: 150px;
  height: 150px;
  animation: animateRight 50s linear infinite;
  animation-duration: 55s;
}
.login__main-container__background-animation-area__animation-objects li:nth-child(12) {
  left: 110%;
  top: 90%;
  width: 150px;
  height: 150px;
  animation: animateLeft 50s linear infinite;
  animation-duration: 55s;
}
@keyframes animateUp {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}
@keyframes animateDown {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateY(1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}
@keyframes animateRight {
  0% {
    transform: translateX(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateX(1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}
@keyframes animateLeft {
  0% {
    transform: translateX(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateX(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}
section {
  visibility: hidden;
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: opacity 250ms ease-in;
}
section.open {
  visibility: inherit;
  opacity: 1;
}
section > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  background: white;
  padding: 64px;
  border-radius: 8px;
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.1);
}
section button.close {
  background: none;
  color: inherit;
  border: none;
  font: inherit;
  cursor: pointer;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 16px;
}
.additional-address-line-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 10rem;
}
.additional-address-line-component__buttons {
  display: flex;
  flex-direction: row-reverse;
  align-self: flex-end;
}
.additional-address-line-table {
  display: flex;
  flex-direction: column;
}
.additional-address-line-table__title {
  margin: 2rem 0;
  font-size: 3rem;
  color: #ffffff;
}
.additional-address-line-table__headers,
.production-planning-manual-table__row {
  background: #235789;
  color: #ffffff;
  height: 4.3rem;
}
.additional-address-line-table__headers--border,
.production-planning-manual-table__header {
  border: 1px solid black;
}
.additional-address-line-table__body,
.production-planning-manual-table__records {
  background: #ffffff;
  color: #000000;
  height: 4.3rem;
}
.additional-address-line-table__body--border,
.production-planning-manual-table__single-record {
  border: 1px solid black;
}
.additional-address-line-table__body--margin {
  margin: 0 1rem;
}
.additional-address-line-table__edit-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1700px) {
  .additional-address-line-table__edit-container {
    flex-direction: column;
  }
}
.additional-address-line-table__edit-container__base-form {
  display: flex;
  flex-direction: column;
  margin: 2rem 1rem;
  padding: 0 1rem;
  border-radius: 15px;
  background: #235789;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1100px) {
  .additional-address-line-table__edit-container__base-form {
    flex-direction: column;
  }
}
.additional-address-line-table__edit-container__base-form__records {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
@media only screen and (max-width: 1100px) {
  .additional-address-line-table__edit-container__base-form__records {
    flex-direction: column;
  }
}
.additional-address-line-table__edit-container__base-form__records__single-record {
  margin: 0 1rem;
}
.additional-address-line-table__buttons {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}
.theme-creator__image-size {
  height: 100px;
  width: 100px;
}
.form {
  display: flex;
  flex-direction: column;
}
.form__container {
  display: flex;
  justify-content: space-between;
  max-height: 50vh;
}
.form__field {
  padding-bottom: 8%;
  color: #ffffff;
}
.form-button {
  width: 20%;
}
.form-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.form-standalone {
  width: 20%;
  padding-bottom: 14%;
}
.form-center,
.create-workspace-instance-form__content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-container,
.create-workspace-instance-form {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.form-container__card,
.create-workspace-instance-form__content {
  background-color: #235789;
  width: fit-content;
  height: fit-content;
  border-radius: 15px;
  padding: 2rem 7rem;
  flex-direction: column;
  margin: 4rem 0;
}
.form-container__title {
  font-size: x-large;
  font-weight: bold;
  text-align: center;
  padding-bottom: 2rem;
}
.form-container__title--color {
  color: #ffffff;
}
.roles .p-tree-toggler {
  display: none !important;
}
.roles .p-tree {
  border: 0;
}
.roles .p-component {
  background-color: var(--sidebar-color-bv);
}
.roles-max-height {
  height: 100%;
}
.main-table-header .p-datatable {
  margin: 0 1.1rem 1.1rem 1.1rem;
}
.main-table-header .p-datatable .p-datatable-tbody > tr.p-highlight {
  background: white;
  color: #333333;
}
.main-table-header .p-datatable .p-datatable-thead > tr > th {
  text-align: center;
  padding: 0.571rem 0.857rem;
  border: 1px solid black;
  font-weight: 700;
  color: white;
  background: #235789;
  transition: background-color 0.2s, box-shadow 0.2s;
}
.main-table-header .p-datatable .p-paginator-bottom {
  background-color: white;
}
.main-table-header .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: #235789;
}
.main-table-header tr {
  height: 4.3rem;
}
.main-table-header .p-datatable .p-datatable-tbody > tr > td {
  text-align: center;
  text-align: -webkit-center;
  border: 1px solid black;
}
.main-table-header .p-datatable .p-sortable-column.p-highlight {
  background-color: #3185FC;
}
.p-datatable-tbody > tr > td {
  overflow-wrap: break-word;
}
p-multiSelect > div {
  border: none !important;
}
.sub-navbar {
  display: flex;
  align-items: center;
  background-color: #173753;
  flex-wrap: nowrap;
}
.sub-navbar--desktop-margin {
  padding: 1rem 0;
}
.sub-navbar--terminal-margin {
  padding: 1rem 0 0 0;
}
.sub-navbar__content {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 18px;
  padding-left: 18px;
  width: 100%;
  margin-left: 1.1rem;
  margin-right: 1.1rem;
  background-color: #235789;
  flex-wrap: nowrap;
}
.sub-navbar__content--content-color {
  background-color: #235789;
}
.sub-navbar__functionality-list-container {
  display: flex;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  align-items: center;
}
.sub-navbar__functionalities-container--desktop {
  padding: 0.2rem 1.5rem;
  border-radius: 15px;
  margin: 0 0.5rem;
}
.sub-navbar__functionalities-container--terminal {
  padding: 0.4rem 2rem;
  border-radius: 15px;
  margin: 0.5rem 1rem;
}
.sub-navbar--functionality-name--color {
  color: #ffffff !important;
}
.sub-navbar--functionality-name--terminal {
  font-size: 2rem;
}
.text-dngr {
  color: #CF0A0A;
}
.text-transparent {
  color: transparent;
}
p-dropdown {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  min-width: min-content;
  min-width: -moz-min-content;
  min-width: -webkit-min-content;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: fit-content;
  border-radius: 5px;
  box-shadow:
    rgba(0, 0, 0, 0.07) 0 1px 1px,
    rgba(0, 0, 0, 0.07) 0 2px 2px,
    rgba(0, 0, 0, 0.07) 0 4px 4px,
    rgba(0, 0, 0, 0.07) 0 8px 8px,
    rgba(0, 0, 0, 0.07) 0 16px 16px;
  z-index: 1;
  right: 0;
  overflow: hidden;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover {
  background-color: #3185FC;
  color: #ffffff;
}
.dropdown-item--terminal {
  font-size: 3rem !important;
  background-color: #3185FC;
  color: #ffffff;
}
.dropdown-item--terminal:hover {
  background-color: #ffffff;
  color: #000000;
}
select > option {
  font-family: "Roboto", sans-serif;
  color: #333;
  font-size: 1.2rem;
  margin: 0 auto;
  padding: 1.5rem 2rem;
  border-radius: 0.2rem;
  background-color: rgb(255, 255, 255);
  border: none;
  width: 90%;
  display: block;
  border-bottom: 0.3rem solid transparent;
  transition: all 0.3s;
}
select > option:after {
  border: solid 5px red;
}
select > option:before {
  border: solid 5px blue;
}
.customer-overview-body {
  display: flex;
  flex-direction: column;
  color: #ffffff !important;
}
.customer-overview-body__buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 1rem 0;
}
@media only screen and (max-width: 1100px) {
  .customer-overview-body__buttons {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
  }
}
.customer-overview-body__form-fields {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  padding: 0 4rem;
}
@media only screen and (max-width: 1600px) {
  .customer-overview-body__form-fields {
    flex-direction: column;
  }
}
.customer-overview-body__form-fields__address,
.offer-overview-body__offer-details,
.customer-overview-body__form-fields__company {
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 90%;
  margin: 1rem;
  padding: 1rem 2rem;
  border-radius: 15px;
  background: #235789;
}
@media only screen and (max-width: 1600px) {
  .customer-overview-body__form-fields__address,
  .offer-overview-body__offer-details,
  .customer-overview-body__form-fields__company {
    padding: 0 1rem;
    width: 100%;
  }
}
.customer-overview-body__offer-create-container {
  display: flex;
  display: flex;
  justify-content: center;
  padding: 2rem;
}
.customer-overview-body__offer-create-buttons {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background-color: #235789;
  padding: 2rem;
  width: fit-content;
}
.customer-overview-body__offer-return-button {
  display: flex;
  align-items: end;
  flex-direction: column;
}
.customer-address-create {
  display: flex;
  flex-direction: column;
  padding: 2rem 0 2rem 0;
}
.customer-address-create__forms {
  display: flex;
  flex-direction: column;
  align-self: center;
  border-radius: 15px;
  padding: 1rem 4rem;
  width: 100%;
}
.customer-address-create__forms__flex-row-display {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
}
@media only screen and (max-width: 1300px) {
  .customer-address-create__forms__flex-row-display {
    flex-direction: unset;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 700px) {
  .customer-address-create__forms__flex-row-display {
    flex-direction: column;
  }
}
.customer-address-create__additional-address-line-table {
  text-align: center;
  width: 100%;
  margin-top: 2rem;
}
.customer-address__buttons {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: flex-end !important;
}
.customer-create-new {
  padding: 1rem 4rem;
  background: #173753;
  text-align: center;
}
.customer-create-new__action-buttons {
  display: flex;
  flex-direction: row-reverse;
}
.customer-create-new__base-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
}
.user-profile__avatar {
  width: 25VH;
  height: 25VH;
  border-radius: 10%;
}
.password-change,
.user-self-management {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 1rem 4rem;
}
.password-change,
.password-change__form,
.password-change__form__fields,
.password-change__form__fields__record,
.user-self-management,
.user-self-management__form,
.user-self-management__form__fields,
.user-self-management__form__fields__record {
  display: flex;
  flex-direction: column;
}
.password-change h1,
.user-self-management h1 {
  color: white;
  margin-bottom: 2.5rem;
}
.password-change__form,
.user-self-management__form {
  background-color: #235789 !important;
  border-radius: 15px;
  padding: 1rem 4rem;
}
.password-change__form__fields,
.user-self-management__form__fields {
  margin-bottom: 2.5rem;
}
.password-change__form__fields__record,
.user-self-management__form__fields__record {
  margin-bottom: 2.5rem;
}
.password-change__form__fields__record label,
.user-self-management__form__fields__record label {
  font-size: 1.2rem;
  font-weight: 450;
  color: white;
}
.password-change__form__buttons,
.user-self-management__form__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: space-evenly !important;
}
.password-change__form__buttons button,
.user-self-management__form__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .password-change__form__buttons button,
  .user-self-management__form__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.user-overview {
  display: flex;
  flex-direction: row;
  padding: 2rem 5rem 2rem 0;
}
.user-overview__avatar {
  display: flex;
  width: 50%;
  justify-content: center;
}
.user-overview__user-details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  color: #ffffff;
  width: 50%;
  line-height: 3rem;
  margin: 1rem;
  padding: 1rem 2rem;
  border-radius: 15px;
  background: #235789;
  justify-content: center;
  align-content: center;
}
.user-overview__user-details__label {
  font-weight: 600;
  font-style: normal;
  font-variant: normal;
  font-size: 1.2rem;
}
.user-overview__user-details__value {
  font-style: normal;
  font-variant: normal;
  font-size: 1.1rem;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1.5rem;
}
.user-role {
  padding: 1rem 4rem;
}
.user-role__table__action-row {
  justify-content: space-around;
  display: table-cell;
}
.user-role__action-container__add-role {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding: 2rem 0;
}
.user-role__action-container__add-role__buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.user-role__action-container__add-role__buttons__select,
.enum-entity-translations__body__translation-field p-dropdown,
.create-mold-type__select-dropdown {
  height: 100%;
}
.user-role__history {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-content: center;
  justify-items: center;
  align-items: center;
  max-height: 60vh;
}
.user-role__history__display-data {
  justify-items: center;
  overflow-y: scroll;
}
.user-role__history__display-data--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.user-role__history__display-data--column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.user-role__history__display-data__container {
  display: flex;
  flex-direction: column;
  width: 95%;
  color: #ffffff;
  line-height: 3rem;
  margin: 1rem;
  padding: 1rem 2rem;
  border-radius: 15px;
  background: #235789;
  justify-content: center;
  align-content: center;
  height: max-content;
}
.user-role__history__display-data__container__record {
  display: flex;
  flex-direction: row;
}
.user-role__placeholder {
  border-radius: 15px;
  background-color: #ffffff;
  border: 5px solid red;
  padding: 2rem;
}
.create-user {
  padding: 1rem 4rem;
  align-items: center;
  display: flex;
  justify-content: center;
}
.create-user,
.create-user__form,
.create-user__form__fields,
.create-user__form__fields__record {
  display: flex;
  flex-direction: column;
}
.create-user__form {
  background-color: #235789 !important;
  padding: 1rem 4rem;
  border-radius: 15px;
}
.create-user__form__fields {
  margin-bottom: 2.5rem;
}
.create-user__form__fields__record label {
  font-size: 1.2rem;
  font-weight: 450;
  color: white;
}
.create-user__form__buttons {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
}
.create-user__form__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .create-user__form__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.create-user__form__buttons:first-child {
  background-color: #173753;
}
.main-calendar .p-calendar .p-datepicker {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.main-calendar .p-datepicker:not(.p-datepicker-inline) {
  background: #173753;
  border: 4px solid #3185FC;
  color: #F2F2F2;
  text-align: center;
}
.main-calendar .p-datepicker table td.p-datepicker-today > span {
  background: #3185FC;
  color: #F2F2F2;
  border-color: transparent;
}
.main-calendar .p-datepicker table td > span {
  border-radius: 50%;
  transition: box-shadow 0.2s;
  border: 1px solid transparent;
}
.main-calendar .p-datepicker table td {
  border: 1px solid #000000;
}
.main-calendar .p-datepicker .p-datepicker-buttonbar .p-button {
  width: auto;
  color: white;
  background-color: #3185FC;
}
.main-calendar .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  color: white;
  background: transparent;
}
.main-calendar .p-datepicker table td > span:hover {
  color: black;
}
.p-datepicker-group-container {
  display: block;
}
.p-calendar-w-btn .p-inputtext {
  background-color: #ffffff;
}
.p-datepicker table td > span.p-highlight {
  background-color: #CF0A0A;
}
.offer-overview-body {
  display: flex;
  flex-direction: column;
  color: #ffffff;
  padding: 1rem 4rem;
}
.offer-overview-body__request-info {
  display: flex;
  align-items: center;
}
.offer-overview-body__request-info__company-name {
  font-weight: 600;
  font-style: normal;
  font-variant: normal;
  margin-left: -3rem;
  margin-right: 2rem;
  font-size: 1.5rem;
}
.offer-overview-body__request-info__creation-date {
  color: #3185FC;
}
.offer-overview-body__buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
@media only screen and (max-width: 1100px) {
  .offer-overview-body__buttons {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.offer-overview-body__offer-details {
  align-self: center;
  width: 50%;
  margin: 0 25%;
}
.offer-overview-body__offer-details__record {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.offer-overview-body__offer-details__record label {
  font-weight: 600;
  font-style: normal;
  font-variant: normal;
  font-size: 1.2rem;
}
.offer-overview-body__offer-details__record p {
  margin-left: 1.5rem;
  font-style: normal;
  font-variant: normal;
  font-size: 1.1rem;
}
.offer-overview-body__calculated {
  display: flex;
  flex-direction: column;
}
.offer-overview-body__calculated__buttons,
.offer-overview-body__calculated__total-costs,
.offer-overview-body__calculated__production-status {
  display: flex;
  flex-direction: row;
}
.offer-overview-body__calculated__buttons,
.offer-overview-body__calculated__total-costs {
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.offer-overview-body__calculated__total-costs,
.offer-overview-body__calculated__production-status {
  background: #ffffff;
  color: #000000;
  padding: 1rem 4rem;
  align-items: center;
}
.offer-overview-body__calculated__total-costs label,
.offer-overview-body__calculated__production-status label {
  font-size: 1.5rem;
  font-weight: 600;
}
.offer-overview-body__calculated__total-costs p,
.offer-overview-body__calculated__production-status p {
  font-size: 1.3rem;
  font-weight: 450;
  margin-top: 1rem;
}
.offer-overview-body__calculated__buttons__status {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.offer-overview-body__calculated__buttons__status label,
.offer-overview-body__calculated__buttons__status p {
  font-size: 1.5rem;
}
.offer-overview-body__calculated__buttons__status label {
  font-weight: 400;
  margin: 0 1rem 0 0;
}
.offer-overview-body__calculated__buttons__status p {
  font-weight: 500;
  margin: 0 2rem 0 0;
}
.offer-overview-body__calculated__buttons__recalculate {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.offer-overview-body__calculated__production-status {
  justify-content: space-evenly;
}
.offer-overview-body__product-for-service-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.offer-overview-body__product-for-service-buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .offer-overview-body__product-for-service-buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.offer-products-list {
  display: flex;
  flex-direction: column;
}
.offer-products-list__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.offer-products-list__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .offer-products-list__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.offer-products-list__buttons__create {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.offer-products-list__buttons__calculate {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.offer-products-list__buttons__calculate p-checkbox {
  color: white;
}
.offer-product-list-inside-table__header {
  height: 2rem !important;
}
.offer-product-list-inside-table__header__row {
  background-color: #235789 !important;
  color: white;
  font-weight: bold;
}
.offer-product-list-inside-table__border {
  border: solid #CF0A0A;
}
.offer-product-list-inside-table__border--up {
  border-width: 5px 5px 0 5px;
}
.offer-product-list-inside-table__border--down {
  border-width: 0 5px 5px 5px;
}
.offer-product-list-inside-table__border--side {
  border-width: 0 5px;
}
.base-display-details-container {
  border-radius: 15px;
  background-color: #235789;
  margin: 2rem auto 2rem auto;
  padding: 2rem;
  width: auto;
}
.base-display-details-container__title {
  color: #ffffff;
}
.base-display-details-container__content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: center;
}
.base-display-details-container__single-item {
  padding: 1rem;
}
.base-display-details-container__single-item-label {
  color: white;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  font-size: 1.5rem;
}
.base-display-details-container__single-item-value {
  color: white;
  font-style: normal;
  font-variant: normal;
  margin-left: 1.5rem;
  font-size: 1.3rem;
}
.base-display {
  display: flex;
  flex-direction: column;
  height: 90%;
  width: 80%;
  margin: 2rem 4rem;
  padding: 3rem 4rem;
  border-radius: 15px;
  color: #ffffff;
  background: #235789;
}
.base-display__title,
.journal-related-object__header h2,
.journal-details__header h2,
.create-package__header h2 {
  color: #ffffff;
  margin: 2rem 0;
  font-size: 3rem;
  align-self: center;
}
.base-display__subtitle,
.journal-details__body__details h3,
.order-add-product__header h2 {
  height: 10%;
  font-size: 2rem;
  margin-bottom: 2.5rem;
  align-self: center;
}
.base-display__grid,
.app-config__overview__details__data {
  display: grid;
  justify-content: space-between;
  align-items: center;
  height: 90%;
  text-align: left;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 700px) {
  .base-display__grid,
  .app-config__overview__details__data {
    grid-template-columns: repeat(1, 1fr);
  }
}
.base-display__grid__record,
.app-config__overview__details__data div {
  display: flex;
  flex-direction: column;
  text-align: center !important;
  padding: 1rem 3rem;
}
.base-display__grid__record label,
.app-config__overview__details__data div label {
  font-weight: 600;
  font-style: normal;
  font-variant: normal;
  font-size: 1.2rem;
}
.base-display__grid__record p,
.app-config__overview__details__data div p {
  margin-left: 1.5rem;
  font-style: normal;
  font-variant: normal;
  font-size: 1.1rem;
}
.base-edit {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1100px) {
  .base-edit {
    padding: 0 1rem;
  }
}
.base-edit--reverse-column-direction {
  display: flex;
  flex-direction: column-reverse;
}
.base-edit--column-direction,
.product-type-form-container__fields {
  display: flex;
  flex-direction: column;
}
.base-edit--row-direction,
.product-type-form-container__fields__read-only-category {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
@media only screen and (max-width: 1100px) {
  .base-edit--row-direction,
  .product-type-form-container__fields__read-only-category {
    flex-direction: column;
  }
}
.base-edit--grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 800px) {
  .base-edit--grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.base-edit--grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 800px) {
  .base-edit--grid-6 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.base-edit__records,
.product-type-form-container__fields__editable-category {
  background: #235789;
  border-radius: 15px;
  margin: 1rem 4rem;
  padding: 1rem;
}
@media only screen and (max-width: 1100px) {
  .base-edit__records,
  .product-type-form-container__fields__editable-category {
    margin: 1rem;
  }
}
.base-edit__records--width-50vw {
  max-width: 50vw;
}
.base-edit__records--wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-height: 50vh;
  place-items: center;
}
.base-edit__records--flex-row-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 50%;
  align-self: center;
  align-items: flex-start;
  justify-content: space-evenly;
}
.base-edit__records--display,
.mold-details__body {
  display: flex;
  flex-direction: column;
  align-items: unset;
}
.base-edit__records--grid-display {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.base-edit__base-form__single-record--justify-self-center {
  justify-self: center;
}
.base-edit__base-form__single-record--margin,
.product-type-form-container__fields__record,
.technical-details__form__container__category__element,
.machine-details__form__container__element {
  margin: 0.2rem 1rem;
}
.base-edit__base-form__single-record--min-height-7rem {
  min-height: 7rem;
}
.base-edit__base-form__single-record--max-width-25rem {
  max-width: 25rem;
}
.base-edit__base-form__single-record--min-width-25rem {
  min-width: 25rem;
}
.base-edit__base-form__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.place-baseline-center,
.product-type-form-container__fields__read-only-category,
.product-type-form-container__fields__editable-category {
  text-align: center;
  place-items: baseline;
}
.enum-translations__base-form__buttons {
  display: flex;
  flex-direction: row;
  place-content: center;
}
.production-schema {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.production-schema__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.production-schema__record-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 950px) {
  .production-schema__record-container {
    justify-content: center;
  }
}
.production-schema__record {
  display: flex;
  margin: 1rem;
  justify-content: space-between;
  color: #000000;
  background: #ffffff;
  border: solid #CF0A0A;
}
.production-schema__record--half-round-borders {
  border-radius: 15px 0 0 15px;
  border: 3px solid #CF0A0A;
}
.production-schema__record--single-button-round-border {
  border-radius: 15px 0 15px 15px;
  border: 3px solid #CF0A0A;
}
.production-schema__record__step-column {
  text-align: center;
  flex: 1;
}
.production-schema__record__step-column__box-label {
  background: #173753;
  border-radius: 15px;
  padding: 1rem 2rem;
  color: #ffffff;
  text-align: center;
}
.production-schema__record__step-column label {
  font-size: 1rem;
  font-weight: 450;
  margin-bottom: 0;
  margin-top: 1rem;
}
.production-schema__record__step-column p {
  margin-top: 0;
}
.production-schema__record__step-column,
.production-schema__record__detail-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
}
.production-schema__record__step-column--width-42,
.production-schema__record__detail-column--width-42 {
  width: 42%;
}
.production-schema__record__step-column label,
.production-schema__record__detail-column label {
  font-size: 1rem;
  font-weight: 450;
}
.production-schema__record__step-column p,
.production-schema__record__detail-column p {
  font-size: 1.5rem;
  font-weight: 600;
}
.production-schema__record__action-column {
  display: block;
  min-height: 100%;
  width: auto;
  aspect-ratio: 0.5;
}
.production-schema__record__action-column__edit-button {
  border-width: 0 0 3px 3px !important;
}
.production-schema__record__action-column__remove-button {
  border-width: 0 0 0 3px !important;
}
.production-schema__record__action-column__arrow-up-button {
  border-width: 0 3px 3px 0 !important;
}
.production-schema__record__action-column__arrow-down-button {
  border-width: 0 3px 0 0 !important;
}
.production-schema__record__action-column button {
  width: 100%;
  height: 50%;
  background-color: #173753;
  color: #ffffff;
  border-radius: 0;
  border: solid #CF0A0A;
  padding: 0;
  margin: 0 !important;
}
.production-schema__record__action-column button i {
  font-size: 2rem;
}
.production-schema__record__action-column button:hover {
  color: #3185FC;
}
.production-schema__placeholder {
  display: flex;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 15px;
  border: 5px solid red;
  padding: 3rem;
}
.production-template-schemas {
  display: flex;
  flex-direction: column;
}
.production-template-schemas__form {
  display: flex;
  flex-direction: column;
}
.production-template-schemas__form__general-panel {
  display: flex;
  flex-direction: row;
  padding: 0 0 1rem 2rem;
  text-align: center;
}
.production-template-schemas__form__general-panel__columns-group,
.production-template-schemas__form__general-panel__buttons-group {
  display: flex;
  flex-direction: row;
}
.production-template-schemas__form__general-panel__columns-group {
  width: 80%;
  justify-content: space-evenly;
}
.production-template-schemas__form__general-panel__buttons-group {
  width: 20%;
  justify-content: space-between;
}
.production-template-schemas__form__general-panel__column,
.production-template-schemas__form__general-panel__buttons,
.production-template-schemas__form__general-panel__action {
  display: flex;
  flex-direction: column;
}
.production-template-schemas__form__general-panel__column {
  justify-content: space-evenly;
}
.production-template-schemas__form__general-panel__buttons {
  justify-content: space-evenly;
  align-items: center;
  margin-top: 1rem;
  width: 65%;
}
.production-template-schemas__form__general-panel__action {
  width: 25%;
  aspect-ratio: 0.5;
}
.production-template-schemas__form__general-panel__action__button {
  border-width: 0 0 3px 3px !important;
}
.production-template-schemas__form__step-list {
  display: flex;
  flex-direction: column;
  color: #ffffff;
}
.production-template-schemas__form__step-list__header-buttons {
  display: flex;
  flex-direction: row-reverse;
}
.production-schema-step-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #235789;
  color: #ffffff;
  border-radius: 15px;
  padding: 2rem 4rem;
  margin: 2rem 4rem;
  align-self: center;
  max-width: 50vw;
}
.production-schema-step-form__details {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.production-schema-step-form__details__inputs,
.production-schema-step-form__details__time,
.production-schema-step-form__details__costs {
  margin: 2rem 1rem;
}
.production-schema-step-form__details__inputs div label,
.production-schema-step-form__details__time div label,
.production-schema-step-form__details__costs div label {
  font-weight: 400;
  font-size: 1rem;
  margin: 0 1rem;
  white-space: break-spaces;
  text-align: center;
}
.production-schema-step-form__details__time,
.production-schema-step-form__details__costs {
  padding: 0 1rem;
  justify-content: space-evenly;
  align-items: center;
}
.production-schema-step-form__details__time input,
.production-schema-step-form__details__costs input {
  max-width: 10rem;
  width: unset;
  margin: 0 1rem;
}
.production-schema-step-form__details__inputs {
  display: flex;
  flex-direction: column;
}
.production-schema-step-form__details__inputs__base-info {
  display: flex;
  flex-direction: row;
}
.production-schema-step-form__details__inputs__base-info__type,
.production-schema-step-form__details__inputs__base-info__index {
  display: flex;
  flex-direction: column;
  margin: 1rem 2rem;
}
.production-schema-step-form__details__inputs__base-info__type label,
.production-schema-step-form__details__inputs__base-info__index label {
  font-size: 1.2rem;
  font-weight: 450;
}
.production-schema-step-form__details__inputs__base-info__index {
  width: 30%;
}
.production-schema-step-form__details__inputs__base-info__type {
  width: 70%;
}
.production-schema-step-form__details__inputs__assigning {
  display: flex;
  flex-direction: row;
}
.production-schema-step-form__details__inputs__assigning div {
  display: flex;
  flex-direction: column;
  margin: 1rem;
}
.production-schema-step-form__details__inputs__assigning div div {
  display: flex;
  flex-direction: row;
  height: 6rem;
}
.production-schema-step-form__details__inputs__assigning div div button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  height: 100%;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .production-schema-step-form__details__inputs__assigning div div button {
    min-width: fit-content;
    margin: 0;
  }
}
.production-schema-step-form__details__inputs__description {
  text-align: center;
  margin: 1rem 4rem;
}
.production-schema-step-form__details__inputs__description label {
  font-size: 1.2rem;
  font-weight: 450;
}
.production-schema-step-form__details__inputs__description textarea {
  margin: 0 0 0.5em 0;
}
.production-schema-step-form__details__numbers {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
}
.production-schema-step-form__details__numbers__time,
.production-schema-step-form__details__numbers__costs {
  display: flex;
  flex-direction: column;
  margin: 1rem 4rem;
}
.production-schema-step-form__details__numbers__time label,
.production-schema-step-form__details__numbers__costs label {
  margin-top: 1.5rem;
}
.production-schema-step-form__details__numbers__time input,
.production-schema-step-form__details__numbers__costs input {
  margin: 0 0 0.5em 0;
}
.production-schema-step-form__footer {
  display: flex;
  display: flex;
  justify-content: center;
  margin: 4rem 2rem 2rem 2rem;
}
.app-config__overview {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.app-config__overview__buttons {
  display: flex;
  flex-direction: row-reverse;
}
.app-config__overview__buttons button {
  margin: 0 1rem;
}
.app-config__overview__details {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
  align-items: center;
  color: #ffffff;
}
.app-config__overview__details__data {
  max-width: 50vw;
  background-color: #235789 !important;
  border-radius: 15px;
  margin-top: 1.5rem;
}
.application-config {
  align-items: center;
}
.application-config,
.application-config__form,
.application-config__form__fields,
.application-config__form__fields__record {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.application-config__form {
  padding: 1rem 4rem;
  background-color: #235789 !important;
  border-radius: 15px;
}
.application-config__form__fields__record label {
  font-size: 1.2rem;
  font-weight: 450;
  color: white;
}
.application-config__form__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: space-evenly !important;
}
.application-config__form__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .application-config__form__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.order-address {
  display: flex;
  flex-direction: column;
}
.order-address__buttons {
  display: flex;
  flex-direction: row-reverse;
}
.order-address__form__button {
  margin: 0 !important;
  min-width: unset;
}
.order-address__form__container {
  display: flex;
  display: flex;
  justify-content: center;
  color: white;
}
.order-address__form__container__lines {
  flex-direction: column;
}
.order-address__form__container__lines__item {
  display: flex;
  align-items: center;
  display: flex;
  justify-content: space-evenly !important;
  border-radius: 15px;
  background-color: #173753;
  width: 40vw;
  height: 8vh;
  margin-bottom: 1vh;
  border: solid #CF0A0A;
}
.order-address__form__container__lines__item p {
  margin-bottom: 0;
}
.order-create {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 4rem;
}
.order-create__form {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  padding: 1rem 4rem;
  min-width: fit-content;
  background: #ffffff;
}
@media only screen and (max-width: 1600px) {
  .order-create__form {
    width: 100%;
  }
}
.order-create__form__assigning {
  display: flex;
  flex-direction: column;
  padding: 2rem 5rem;
}
.order-create__form__assigning__special-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  align-self: flex-end;
  padding: 1rem;
  height: auto;
  margin: 1rem 0;
}
@media only screen and (max-width: 1200px) {
  .order-create__form__assigning__special-button {
    min-width: fit-content;
    margin: 0;
  }
}
.order-create__form__assigning label {
  font-size: 1.2rem;
  font-weight: 450;
  margin-left: 1.5rem;
}
.order-create__form__assigning__calendar-container .p-button.p-button-icon-only {
  padding: 2rem;
}
.order-create__form__assigning__record {
  display: flex;
  flex-direction: row;
  margin: 1rem 0;
}
.order-create__form__assigning__record input {
  width: available !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
}
.order-create__form__form-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: center;
}
.order-overview {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.order-overview__headers {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.order-overview__headers p {
  color: #3185FC;
  margin: 1rem;
}
.order-overview__details {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
}
.order-overview__details__company,
.order-overview__details__order {
  display: flex;
  flex-direction: column;
  padding: 2rem 6rem;
}
.order-overview__details__company label,
.order-overview__details__order label {
  font-size: 2rem;
  font-weight: 450;
}
.order-overview__details__company p,
.order-overview__details__order p {
  font-size: 1.5rem;
}
.order-overview__details__company {
  background: #ffffff;
  border-radius: 15px;
  text-align: start;
}
.order-overview__details__company h2 {
  font-size: 2.5rem;
}
.order-overview__details__company div {
  margin-left: 1rem;
}
.order-overview__details__order {
  text-align: start;
  color: #ffffff;
}
.order-overview__details__order__package-status {
  border-radius: 15px;
  font-size: 1.2rem;
  font-weight: 450;
  text-align: center;
  padding: 0.2rem 2rem;
  margin: 1rem;
  font-size: 2rem;
}
.order-overview__details__order p {
  margin-left: 1rem;
}
.order-packages {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 4rem;
}
.order-packages--cell {
  display: flex !important;
  flex-direction: row !important;
  border: none !important;
  justify-content: space-evenly !important;
  align-items: center !important;
  white-space: nowrap !important;
}
.order-package {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 4rem;
}
.order-package__header {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.order-package__body {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.order-package__body__products,
.order-package__body__assistants {
  border-radius: 15px;
  background-color: #ffffff;
  padding: 2rem;
  margin: 0 2rem;
}
.order-package__body__products .main-table-header .p-datatable,
.order-package__body__assistants .main-table-header .p-datatable {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.detailed-status {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  padding: 1rem 4rem;
}
.detailed-status__header {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detailed-status__header__detail,
.detailed-status__header__status {
  align-items: center;
  width: 50%;
}
.detailed-status__header__details {
  display: flex;
  flex-direction: row;
}
.detailed-status__header__details--small-label {
  color: #3185FC;
  margin: 1rem;
}
.detailed-status__header__details--big-label {
  font-size: 2.2rem;
}
.detailed-status__header__status {
  background-color: #235789 !important;
  display: flex;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  height: 2rem;
}
.detailed-status__header__status p {
  color: white;
  font-weight: bold;
  margin: 0;
}
.detailed-status__body-records {
  display: flex;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 15px;
  flex-direction: column;
  background-color: #ffffff;
  min-height: 40vh;
}
.detailed-status__body-records__title {
  font-size: 1.5rem;
  font-weight: 500;
  font-size: 3rem;
}
.detailed-status__body-records__container {
  max-height: 60vh;
  overflow-y: scroll;
}
.detailed-status__body-records__container__record {
  display: flex;
  flex-direction: column;
}
.detailed-status__body-records__no-records {
  border: 5px solid #CF0A0A;
  width: fit-content;
  padding: 5vh;
}
.detailed-status__body-records__no-records__message {
  text-align: center;
  color: #3185FC !important;
}
.order-add-product {
  display: flex;
  flex-direction: column;
}
.order-add-product__header {
  text-align: center;
}
.order-add-product__header h2 {
  color: white;
}
.order-add-product__header button {
  align-self: flex-end;
}
.create-package {
  display: flex;
  flex-direction: column;
}
.create-package__header {
  display: flex;
  flex-direction: column;
  text-align: center;
  color: white;
}
.create-package__header button {
  align-self: flex-end;
}
.create-package__body {
  padding: 1rem 4rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 3rem;
  grid-row-gap: 1.2rem;
}
.create-package__body__table-header-1,
.create-package__body__table-header-1,
.create-package__body__table-1,
.create-package__body__table-2,
.create-package__body__arrows,
.create-package__body__weight {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: center;
}
.create-package__body__table-header-1 {
  grid-area: 1/1/2/3;
}
.create-package__body__table-header-2 {
  grid-area: 1/4/2/6;
}
.create-package__body__table-1 {
  grid-area: 2/1/4/3;
}
.create-package__body__arrows {
  grid-area: 2/3/4/4;
}
.create-package__body__table-2 {
  grid-area: 2/4/4/6;
}
.create-package__body__weight {
  grid-area: 4/5/5/6;
}
.create-package__body__weight__label {
  font-size: 1.2rem;
  font-weight: 450;
  text-align: center;
  color: white;
  margin: 0 1rem;
  flex-flow: wrap;
  max-width: 10rem;
}
.basket {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
  background-color: #ffffff;
  border-radius: 15px;
  align-items: center;
  padding: 0.5rem 1rem;
  width: 40%;
  margin-bottom: 15.5px;
}
.basket__header {
  display: flex;
  flex-direction: row;
  text-align: center;
}
.basket__header h2 {
  font-size: 1.5rem;
}
.basket__header i {
  font-size: 2rem;
  color: #3185FC;
  margin: 0 1rem 0 0;
}
.basket__buttons {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.basket__products {
  display: flex;
  display: flex;
  justify-content: center;
}
.basket__products__product-list,
.basket__products__products-summary {
  margin: 0.2rem;
}
.basket__products__product-list {
  max-height: 15rem;
  overflow-x: scroll;
}
.basket__products__products-summary {
  display: flex;
  flex-direction: row;
  background-color: #235789 !important;
  border-radius: 15px;
  align-self: center;
  color: #ffffff !important;
  padding: 0.3rem 1rem;
  font-weight: 500;
  font-size: 1.2rem;
}
.machine-details {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.machine-details__header {
  text-align: center;
}
.machine-details__header h2 {
  color: #3185FC;
  font-size: 3.5rem;
}
.machine-details__body {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
}
.machine-details__form {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1rem;
}
.machine-details__form__container {
  align-items: center;
}
.machine-details__form__container label {
  font-size: 1.2rem;
  font-weight: 450;
}
.machine-details__form__container input {
  text-align: center;
}
.machine-details__form__container__element {
  width: available !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
  padding-bottom: 2vh;
}
.machine-details__form button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  align-self: center;
}
@media only screen and (max-width: 1200px) {
  .machine-details__form button {
    min-width: fit-content;
    margin: 0;
  }
}
.journal-details {
  display: flex;
  flex-direction: column;
  margin: 1rem 4rem;
  color: white;
}
.journal-details__header {
  text-align: center;
}
.journal-details__body {
  display: flex;
  flex-direction: row;
  background-color: #235789 !important;
  border-radius: 15px;
  padding: 1rem 4rem;
  margin: 2rem 0;
}
@media only screen and (max-width: 1300px) {
  .journal-details__body {
    flex-direction: column;
  }
}
.journal-details__body__details {
  display: flex;
  flex-direction: column;
  width: 70%;
  align-items: flex-start;
  margin-bottom: 2rem;
}
.journal-details__body__details h3 {
  align-self: start !important;
  margin: 3rem 0 1rem 0.5rem;
}
.journal-details__body__details div p {
  font-size: 1.7rem !important if true;
  font-weight: 450;
  align-self: center;
  margin-left: 1.5rem;
}
.journal-details__body__details div label {
  font-size: 1.7rem !important if true;
  font-weight: 450;
}
.journal-details__body__details div p {
  font-size: 1.5rem;
  margin: 0 0 0 0.5em;
}
.journal-details__body__additional {
  width: 30%;
}
.journal-details__body__additional__date {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: flex-end !important;
  align-items: center;
  height: 10%;
}
.journal-details__body__additional__date label {
  font-size: 1.7rem !important if true;
  font-weight: 450;
  margin-right: 0.5em !important;
  white-space: nowrap;
}
.journal-details__body__additional__date p {
  font-size: 1.5rem;
  margin-bottom: 0;
}
.journal-details__body__additional__avatar {
  display: flex;
  align-items: center;
  height: 90%;
  padding: 4rem;
}
.journal-details__body__additional__avatar__img {
  border-radius: 10%;
  width: 100%;
  height: auto;
}
.journal-details--container,
.journal-details__body__details div {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 15px;
  background-color: #173753;
  padding: 0.5rem 1rem;
  background: #173753;
  margin: 1rem 0 0 2rem;
}
.journal-related-object {
  display: flex;
  flex-direction: column;
  margin: 1rem 4rem;
  color: white;
  padding: 1rem 4rem;
}
.journal-related-object__header {
  text-align: center;
}
.journal-related-object__body {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background-color: #235789 !important;
  align-items: center;
  padding: 1rem 4rem;
  flex-wrap: wrap;
  max-height: 50vh;
}
.journal-related-object__body__container {
  display: flex;
  flex-direction: row;
  margin: 2rem 0;
  justify-self: center;
  height: fit-content;
}
.journal-related-object__body__container__record {
  border-radius: 15px;
  padding: 0.5rem 1rem;
}
.journal-related-object__body__container__record label {
  margin-right: 0.5em !important;
  font-size: 1.2rem;
  font-weight: 450;
  white-space: nowrap;
}
.journal-related-object__body__container__record p {
  font-size: 1rem;
  margin-bottom: 0;
}
.journal-related-object__body__container__record__address {
  margin-top: 1rem;
}
.journal-related-object__body__container__record__address div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.journal-related-object__body__container__record__address div label {
  margin-right: 0.5em !important;
  font-size: 1.2rem;
  font-weight: 450;
  white-space: nowrap;
}
.journal-related-object__body__container__record__address div p {
  font-size: 1rem;
  margin-bottom: 0;
}
.workspace-group-details {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.workspace-group-details__header {
  text-align: center;
}
.workspace-group-details__header h2 {
  color: #3185FC;
  font-size: 3.5rem;
}
.workspace-group-details__body {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
}
.workspace-group-details__body__main-info,
.workspace-group-details__body__details__workload,
.workspace-group-details__body__details__machine {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 15px;
  text-align: center;
  display: flex;
  justify-content: space-evenly !important;
  margin: 1rem;
  padding: 2rem 1rem;
}
.workspace-group-details__body__details__workload {
  padding: 0;
}
.workspace-group-details__body__main-info {
  height: max-content;
}
.workspace-group-details__body__main-info div label {
  font-size: 2rem;
  font-weight: 550;
}
.workspace-group-details__body__main-info div p {
  font-size: 1.5rem;
  font-weight: 450;
}
.workspace-group-details__body__details {
  display: flex;
  flex-direction: column;
}
.workspace-group-details__body__details__machine {
  border: solid 2px #CF0A0A;
  padding: 3rem;
}
.workspace-group-details__body__details__machine h3 {
  margin: 0 0 0.5em 0;
}
.workspace-group-details__body__details__machine__info {
  display: flex;
  flex-direction: column;
}
.workspace-group-details__body__details__machine__info div {
  display: flex;
  flex-direction: column;
}
.workspace-group-details__body__details__machine__info div label {
  font-size: 1.2rem;
  font-weight: 450;
  text-align: start;
}
.workspace-group-details__assigning {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.workspace-group-details__assigning__header {
  display: flex;
  flex-direction: column;
}
.workspace-group-details__assigning__header h2 {
  color: #3185FC;
  font-size: 3.5rem;
}
.workspace-worker-assigning {
  display: flex;
  flex-direction: column;
}
.workspace-worker-assigning__header {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.workspace-worker-assigning__header h2 {
  color: white;
}
.workspace-worker-assigning__header__buttons {
  display: flex;
  flex-direction: column;
}
.workspace-worker-assigning__header__buttons__common,
.workspace-worker-assigning__header__buttons__table-action {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: flex-end !important;
}
.workspace-group-create {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.workspace-group-create__header {
  text-align: center;
  color: white;
}
.workspace-group-create__header h1 {
  margin: 2rem 0 4rem;
}
.workspace-group-create__body {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  background-color: #235789 !important;
  border-radius: 15px;
  padding: 1rem 4rem;
  width: fit-content;
  align-self: center;
}
.workspace-group-create__body__inputs input {
  margin: 0 0 0.5em 0;
}
.workspace-group-create__body__inputs label {
  font-size: 1.2rem;
  font-weight: 450;
  color: white;
}
.workspace-group-create__body__buttons {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  margin-top: 2.5rem;
}
.technical-details {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.technical-details__header {
  text-align: center;
}
.technical-details__header h2 {
  color: #3185FC;
  font-size: 3.5rem;
}
.technical-details__body {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
}
.technical-details__form {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1rem;
}
.technical-details__form__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.technical-details__form__container label {
  font-size: 1.2rem;
  font-weight: 450;
}
.technical-details__form__container__category {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-around !important;
  width: 100%;
  padding-bottom: 2vh;
}
.technical-details__form__container__category__element {
  display: flex;
  flex-direction: column;
  width: available !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
}
.technical-details__form button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  align-self: center;
}
@media only screen and (max-width: 1200px) {
  .technical-details__form button {
    min-width: fit-content;
    margin: 0;
  }
}
.production-device-instances {
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
}
.production-device-instances__header {
  text-align: center;
}
.production-device-instances__header h2 {
  color: white;
  margin: 1rem 4rem;
  font-size: 3.5rem;
}
.production-device-instances__header__buttons {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: flex-end !important;
}
.production-device-instances__header__single-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  border: none;
  padding: 0.5rem 1.5rem;
  margin: 1rem;
}
@media only screen and (max-width: 1200px) {
  .production-device-instances__header__single-button {
    min-width: fit-content;
    margin: 0;
  }
}
.production-device-instances__body {
  display: flex;
  flex-direction: column;
}
.production-device-instances__dimensions-tile {
  display: flex;
  display: flex;
  justify-content: center;
}
.production-device-instances__dimensions-tile div {
  background-color: #ffffff;
  border-radius: 15px;
  padding: 3rem;
  border: 5px solid red;
  width: fit-content;
  margin-bottom: 2rem;
}
.production-device-instances__dimensions-tile div span {
  font-weight: bold;
  font-size: 1.5rem;
}
.device-instance-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  color: white;
}
.device-instance-form__body {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.device-instance-form__body__form {
  background-color: #235789 !important;
  border-radius: 15px;
  padding: 1rem 4rem;
  width: 50% !important;
}
.device-instance-form__body__form label {
  font-size: 1.2rem;
  font-weight: 450;
  margin-top: 1.5rem;
}
.device-instance-form__body__form__buttons {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: center;
}
.production-device-groups__header {
  display: flex;
  justify-content: flex-end;
}
.mold-instances-detailed h3,
.multi-mold-instance-body__information h3 {
  color: white;
  font-size: xx-large;
}
.mold-instances-detailed__header,
.terminal-multi-mold-instance-header,
.terminal-single-mold-instance-detailed-view__mold-instances-detailed__header,
.multi-mold-instance-header {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.mold-instances-detailed__body {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
  width: 100%;
}
.mold-instances-detailed__body__container,
.multi-mold-instance-body__form-status,
.multi-mold-instance-body__information-details {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-around !important;
  border-radius: 15px;
  background-color: #ffffff;
  padding: 1rem 4rem;
  border: 5px solid #CF0A0A;
}
.mold-instances-detailed__body__container label,
.multi-mold-instance-body__form-status label,
.multi-mold-instance-body__information-details label {
  font-size: 1.5rem;
  font-weight: 550;
}
.mold-instances-detailed__body__container p,
.multi-mold-instance-body__form-status p,
.multi-mold-instance-body__information-details p {
  font-size: 1.5rem;
  color: #235789;
}
.mold-details {
  display: flex;
  flex-direction: column;
  margin: 1rem 4rem;
}
.mold-details__header {
  display: flex;
  flex-direction: row;
  color: white;
  text-align: start;
  place-items: baseline;
}
.mold-details__header h1 {
  margin: 0;
}
.mold-details__translated {
  margin: 0 1rem;
  color: #3185FC;
}
.mold-details__body__form {
  display: flex;
  flex-direction: row;
  width: 100%;
  display: flex;
  justify-content: space-around !important;
  align-items: center;
}
.mold-details__body__form__category,
.create-mold-type__select-type-container > div {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1rem 4rem;
}
.mold-details__body__form__category p,
.create-mold-type__select-type-container > div p {
  font-size: 1.5rem;
  font-weight: 500;
  align-self: center;
}
.mold-details__body__form__category label,
.create-mold-type__select-type-container > div label {
  font-size: 1.2rem;
  font-weight: 450;
}
.mold-details__body__form__category__element {
  display: flex;
  flex-direction: column;
  color: #000000 !important;
  margin: 0.2rem 1rem;
  padding-bottom: 2vh;
}
.mold-details__body button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  align-self: center;
}
@media only screen and (max-width: 1200px) {
  .mold-details__body button {
    min-width: fit-content;
    margin: 0;
  }
}
.mold-details__edit-button-container {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.mold-details__form-container {
  display: flex;
  display: flex;
  justify-content: center;
}
.mold-details__form-container > div {
  display: flex;
  flex-direction: column;
  width: 50vw;
}
.create-mold-type {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
  align-items: center;
}
.create-mold-type__header h1 {
  color: white;
  text-align: center;
  margin-bottom: 2.5rem;
}
.create-mold-type__body {
  background-color: #235789 !important;
  padding: 1rem 4rem;
  border-radius: 15px;
  width: 55vw;
}
.create-mold-type__select-type-container {
  display: flex;
  display: flex;
  justify-content: center;
  border-radius: 15px;
  background-color: #1B4353;
  padding: 4vh;
}
.create-mold-type__selected-mold-type {
  display: flex;
  flex-direction: column;
  text-align: center;
  border-radius: 15px;
  background-color: #1B4353;
}
.create-mold-type__selected-mold-type #selected-type {
  display: flex;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 15px;
  align-items: center;
  padding: 1rem;
  margin: 4vh;
}
.production-home {
  display: flex;
  flex-direction: row;
  margin: 1rem 4rem;
  display: flex;
  justify-content: space-evenly !important;
}
@media screen and (max-width: 1100px) {
  .production-home {
    flex-direction: column;
  }
}
.production-home__statistics {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 1rem;
}
.production-home__statistics div {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: space-evenly !important;
  height: 80%;
  background-color: #ffffff;
  border-radius: 15px;
  aspect-ratio: 1;
  border: solid 10px #1B4353;
  padding: 1rem 4rem;
}
.production-home__statistics div label {
  font-size: 2rem;
  font-weight: 550;
}
.production-home__statistics div p {
  color: #235789;
  font-weight: 500;
  font-size: 3rem;
}
.production-home__logs {
  display: flex;
  align-items: center;
  border-radius: 15px;
  flex-direction: column;
  background-color: #ffffff;
}
@media screen and (max-width: 1100px) {
  .production-home__logs {
    min-width: fit-content;
  }
}
.production-home__logs__header {
  display: flex;
  flex-direction: row;
}
.production-home__logs__title {
  font-size: 1.5rem;
  font-weight: 500;
  font-size: 3rem;
}
.production-home__logs__records-container {
  max-height: 80vh;
  overflow-y: scroll;
}
.production-home__logs__records-container__record {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.production-home__logs__no-records {
  border: 5px solid #CF0A0A;
  width: fit-content;
  padding: 5vh;
}
.production-home__logs__no-records__title {
  text-align: center;
  color: #3185FC !important;
}
.raw-material-details {
  padding: 1rem 4rem;
  display: flex;
  flex-direction: column;
}
.raw-material-details__body {
  display: flex;
  flex-direction: column;
}
.raw-material-details__body__info {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
}
.raw-material-details__body__info__material,
.raw-material-details__body__info__stock,
.raw-material-details__body__info__supplier {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  margin: 1rem;
  border-radius: 15px;
  background-color: #ffffff;
}
.raw-material-details__body__info__material label,
.raw-material-details__body__info__material div > label,
.raw-material-details__body__info__stock label,
.raw-material-details__body__info__stock div > label,
.raw-material-details__body__info__supplier label,
.raw-material-details__body__info__supplier div > label {
  font-size: 1.2rem;
  font-weight: 450;
}
.raw-material-details__body__info__material button,
.raw-material-details__body__info__stock button,
.raw-material-details__body__info__supplier button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  align-self: flex-end;
}
@media only screen and (max-width: 1200px) {
  .raw-material-details__body__info__material button,
  .raw-material-details__body__info__stock button,
  .raw-material-details__body__info__supplier button {
    min-width: fit-content;
    margin: 0;
  }
}
.raw-material-details__body__info__stock div {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.raw-material-details__body__info__stock div p {
  margin: 0;
  font-size: 1.2rem;
}
.raw-material-details__body__orders {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
  display: flex;
  justify-content: center;
  border-radius: 15px;
  background-color: #ffffff;
  margin: 1rem 10rem;
}
.create-raw-material {
  display: flex;
  flex-direction: column;
  color: white;
}
.create-raw-material__header {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: 2.5rem;
  margin: 0 0 0.5em 0;
}
.create-raw-material__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 4rem;
}
.create-raw-material__body__form {
  display: flex;
  flex-direction: column;
  background-color: #235789 !important;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 4rem;
}
.create-raw-material__body__form__inputs {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.create-raw-material__body__form__inputs div {
  display: flex;
  flex-direction: column;
  margin: 0 0 0.5em 0;
}
.create-raw-material__body__form__inputs div label {
  font-size: 1.2rem;
  font-weight: 450;
}
.create-raw-material__body__form__mixing-time {
  display: flex;
  flex-direction: column;
  margin: 1rem 4rem;
  align-items: center;
}
.create-raw-material__body__form__mixing-time label {
  font-weight: 400;
  font-size: 1rem;
  margin: 0 1rem;
  white-space: break-spaces;
  text-align: center;
}
.create-raw-material__body__form__mixing-time input {
  max-width: 10rem;
  width: unset;
  margin: 0 1rem;
}
.create-raw-material__body__form__assigning {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 0 0 0.5em 0;
  margin: 0.5em 0 0 0;
}
.create-raw-material__body__form__assigning label {
  font-size: 1.2rem;
  font-weight: 450;
}
.create-raw-material__body__form__assigning div {
  display: flex;
  flex-direction: row;
  height: 6rem;
}
.create-raw-material__body__form__assigning div button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  height: 100%;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .create-raw-material__body__form__assigning div button {
    min-width: fit-content;
    margin: 0;
  }
}
.create-raw-material__body__form__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
}
@media only screen and (max-width: 1200px) {
  .create-raw-material__body__form__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.mixture-details {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.mixture-details__header {
  display: flex;
  flex-direction: row-reverse;
}
.mixture-details__body {
  display: flex;
  flex-direction: row;
}
.mixture-details__body__info {
  display: flex;
  flex-direction: column;
  width: 25%;
  margin-right: 1.5rem;
}
.mixture-details__body__info__details div {
  margin-bottom: 1.2rem;
}
.mixture-details__body__info__details div label,
.mixture-details__body__info__details div p {
  color: white;
  font-size: 1.5rem;
}
.mixture-details__body__info__details div label {
  font-weight: 550;
}
.mixture-details__body__info__details div p {
  font-weight: 450;
}
.mixture-details__body__info__mixing-time {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1rem;
}
.mixture-details__body__info__mixing-time label {
  font-size: 1.2rem;
  font-weight: 450;
}
.mixture-details__body__table {
  width: 75%;
  background-color: #ffffff;
  border-color: white;
  border-radius: 0 0 30px 30px;
  overflow: hidden;
}
.mixture-details__body__table p-table .p-datatable {
  margin: 0;
}
.toggle-button-margin {
  margin: 0 1.1rem 1rem;
}
.mixture-order {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.mixture-order__header {
  color: white;
  text-align: center;
  margin: 2rem 0;
}
.mixture-order__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: center;
}
.mixture-order__body__form {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
  background-color: #ffffff;
  border-radius: 15px;
  width: 50%;
}
.mixture-order__body__form__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.mixture-order__body__form__header__load {
  display: flex;
  flex-direction: row;
  width: 75%;
}
.mixture-order__body__form__header__load label {
  font-size: 1.5rem;
  font-weight: 450;
  color: #235789;
}
.mixture-order__body__form__header__return-button {
  width: 25%;
}
.mixture-order__body__form__inputs__mixture-assigning,
.mixture-order__body__form__inputs__order-assigning {
  display: flex;
  flex-direction: column;
  margin: 1rem;
}
.mixture-order__body__form__inputs__mixture-assigning label,
.mixture-order__body__form__inputs__order-assigning label {
  font-size: 1.2rem;
  font-weight: 450;
}
.mixture-order__body__form__inputs__mixture-assigning div,
.mixture-order__body__form__inputs__order-assigning div {
  display: flex;
  flex-direction: row;
  line-height: 3.5rem;
}
.mixture-order__body__form__inputs__mixture-assigning div button,
.mixture-order__body__form__inputs__order-assigning div button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  height: 100%;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .mixture-order__body__form__inputs__mixture-assigning div button,
  .mixture-order__body__form__inputs__order-assigning div button {
    min-width: fit-content;
    margin: 0;
  }
}
.mixture-order__body__form__inputs__tonnage {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 1rem;
}
.mixture-order__body__form__inputs__tonnage__container {
  display: flex;
  flex-direction: row;
}
.mixture-order__body__form__inputs__tonnage__info {
  display: flex;
  flex-direction: column;
}
.mixture-order__body__form__inputs__tonnage__max-amount {
  display: flex;
  align-items: flex-end;
  font-size: 1.75rem;
  margin-left: 0.5rem;
}
.mixture-order__body__form__inputs__tonnage-warning {
  text-align: center;
  border-radius: 15px;
  padding: 1rem 4rem;
  background-color: #173753;
  color: white;
  margin: 1rem;
}
.mixture-order__body__form__submit-button {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.mixture-order-details {
  display: flex;
  display: flex;
  justify-content: center;
}
.mixture-order-details__body {
  margin: 1rem;
  padding: 3rem;
  border-radius: 15px;
  background-color: #ffffff;
}
.mixture-order-details__body label {
  font-size: larger;
}
.mixture-order-details__body p {
  font-weight: bold;
}
.mixture-edit-table,
.mixture-edit-table__body {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mixture-edit-table__title,
.mixture-edit-table__body__title {
  font-size: 1.5rem;
  color: #CF0A0A;
}
.mixture-edit-table__body,
.mixture-edit-table__body__body {
  width: 100%;
}
.mixture-edit-table__body p-table,
.mixture-edit-table__body__body p-table {
  width: 100%;
}
.mixture-edit-table {
  padding: 1rem 4rem;
}
.mixture-edit-table__header {
  display: flex;
  align-items: center;
  width: 100%;
}
.schemas {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.schemas__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.schemas__list {
  display: flex;
  flex-direction: column;
}
.schemas__list__record {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 1rem;
  color: #000000;
  background: #ffffff;
  border: solid #CF0A0A;
}
.schemas__list__record--half-round-borders {
  border-radius: 15px 0 0 15px;
  border: 3px solid #CF0A0A;
}
.schemas__list__record--single-button-round-border {
  border-radius: 15px 0 15px 15px;
  border: 3px solid #CF0A0A;
}
.schemas__list__record__step-column__box-label {
  background: #173753;
  border-radius: 15px;
  padding: 1rem 2rem;
  color: #ffffff;
  text-align: center;
}
.schemas__list__record__step-column label {
  font-size: 1rem;
  font-weight: 450;
  margin-bottom: 0;
  margin-top: 1rem;
}
.schemas__list__record__step-column p {
  margin-top: 0;
}
.schemas__list__record__step-column,
.schemas__list__record__detail-column {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 1rem 2rem;
  width: 20%;
}
.schemas__list__record__step-column--width-42,
.schemas__list__record__detail-column--width-42 {
  width: 42%;
}
.schemas__list__record__step-column label,
.schemas__list__record__detail-column label {
  font-size: 1rem;
  font-weight: 450;
}
.schemas__list__record__step-column p,
.schemas__list__record__detail-column p {
  font-size: 1.5rem;
  font-weight: 600;
}
.schemas__list__record__action-column {
  display: block;
  min-height: 100%;
  width: auto;
  aspect-ratio: 0.5;
  max-width: 5%;
}
.schemas__list__record__action-column__edit-button {
  border-width: 0 0 3px 3px !important;
}
.schemas__list__record__action-column__remove-button {
  border-width: 0 0 0 3px !important;
}
.schemas__list__record__action-column__arrow-up-button {
  border-width: 0 3px 3px 0 !important;
}
.schemas__list__record__action-column__arrow-down-button {
  border-width: 0 3px 0 0 !important;
}
.schemas__list__record__action-column button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  border: none;
  padding: 0.5rem 1.5rem;
  width: 100%;
  height: 50%;
  background-color: #173753;
  color: #ffffff;
  border-radius: 0;
  border: solid #CF0A0A;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .schemas__list__record__action-column button {
    min-width: fit-content;
    margin: 0;
  }
}
.schemas__list__record__action-column button i {
  font-size: 2rem;
}
.schemas__list__record__action-column button:hover {
  color: #3185FC;
}
.full-schema-edition__current-schema__information {
  width: 80%;
}
.full-schema-edition__current-schema__information__import {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
.full-schema-edition__current-schema__information__import input {
  height: 2rem;
}
.full-schema-edition__current-schema__information__import__import-button {
  width: 80%;
  height: 40%;
  font-weight: 450;
}
.full-schema-edition__current-schema__information__read-only {
  text-align: center;
  place-content: center;
}
.full-schema-edition__current-schema__information__read-only label {
  white-space: nowrap;
}
.full-schema-edition__current-schema__action {
  width: 20%;
}
.full-schema-edition__current-schema__action button {
  width: auto;
  height: 50%;
}
.full-schema-edition__costs-container {
  display: flex;
  display: flex;
  justify-content: space-around !important;
  width: 80vw;
  margin: 1rem 0;
  padding: 1rem 2rem;
  align-items: end;
}
.template-schemas {
  display: flex;
  flex-direction: column;
}
.template-schemas__form {
  display: flex;
  flex-direction: column;
}
.template-schemas__form__general-panel {
  display: flex;
  flex-direction: row;
  padding: 0 0 1rem 2rem;
  text-align: center;
}
.template-schemas__form__general-panel__columns-group,
.template-schemas__form__general-panel__buttons-group {
  display: flex;
  flex-direction: row;
}
.template-schemas__form__general-panel__columns-group {
  width: 80%;
  justify-content: space-evenly;
}
.template-schemas__form__general-panel__buttons-group {
  width: 20%;
  justify-content: space-between;
}
.template-schemas__form__general-panel__column,
.template-schemas__form__general-panel__buttons,
.template-schemas__form__general-panel__action {
  display: flex;
  flex-direction: column;
}
.template-schemas__form__general-panel__column {
  justify-content: space-evenly;
}
.template-schemas__form__general-panel__column:not(:last-of-type) {
  margin-right: 1rem;
}
.template-schemas__form__general-panel__buttons {
  justify-content: space-evenly;
  align-items: center;
  margin-top: 1rem;
  width: 65%;
}
.template-schemas__form__general-panel__action {
  width: 25%;
  aspect-ratio: 0.5;
}
.template-schemas__form__general-panel__action__button {
  border-width: 0 0 3px 3px !important;
}
.template-schemas__form__step-list {
  display: flex;
  flex-direction: column;
  color: #ffffff;
}
.template-schemas__form__step-list__header-buttons {
  display: flex;
  flex-direction: row-reverse;
}
.production-schema-step-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #235789;
  color: #ffffff;
  border-radius: 15px;
  padding: 2rem 4rem;
  margin: 2rem 4rem;
  align-self: center;
  max-width: 50vw;
}
.production-schema-step-form__details {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.production-schema-step-form__details__inputs,
.production-schema-step-form__details__time,
.production-schema-step-form__details__costs {
  margin: 2rem 1rem;
}
.production-schema-step-form__details__inputs div label,
.production-schema-step-form__details__time div label,
.production-schema-step-form__details__costs div label {
  font-weight: 400;
  font-size: 1rem;
  margin: 0 1rem;
  white-space: break-spaces;
  text-align: center;
}
.production-schema-step-form__details__time,
.production-schema-step-form__details__costs {
  padding: 0 1rem;
  justify-content: space-evenly;
  align-items: center;
}
.production-schema-step-form__details__time input,
.production-schema-step-form__details__costs input {
  max-width: 10rem;
  width: unset;
  margin: 0 1rem;
}
.production-schema-step-form__details__inputs {
  display: flex;
  flex-direction: column;
}
.production-schema-step-form__details__inputs__base-info {
  display: flex;
  flex-direction: row;
}
.production-schema-step-form__details__inputs__base-info__type,
.production-schema-step-form__details__inputs__base-info__index {
  display: flex;
  flex-direction: column;
  margin: 1rem 2rem;
}
.production-schema-step-form__details__inputs__base-info__type label,
.production-schema-step-form__details__inputs__base-info__index label {
  font-size: 1.2rem;
  font-weight: 450;
}
.production-schema-step-form__details__inputs__base-info__index {
  width: 30%;
}
.production-schema-step-form__details__inputs__base-info__type {
  width: 70%;
}
.production-schema-step-form__details__inputs__assigning {
  display: flex;
  flex-direction: row;
}
.production-schema-step-form__details__inputs__assigning div {
  display: flex;
  flex-direction: column;
  width: available !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
  margin: 1rem;
}
.production-schema-step-form__details__inputs__assigning div div {
  display: flex;
  flex-direction: row;
  height: 6rem;
}
.production-schema-step-form__details__inputs__assigning div div button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  height: 100%;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .production-schema-step-form__details__inputs__assigning div div button {
    min-width: fit-content;
    margin: 0;
  }
}
.production-schema-step-form__details__inputs__description {
  text-align: center;
  margin: 1rem 4rem;
}
.production-schema-step-form__details__inputs__description label {
  font-size: 1.2rem;
  font-weight: 450;
}
.production-schema-step-form__details__numbers {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
}
.production-schema-step-form__details__numbers__time,
.production-schema-step-form__details__numbers__costs {
  display: flex;
  flex-direction: column;
  margin: 1rem 4rem;
}
.production-schema-step-form__details__numbers__time label,
.production-schema-step-form__details__numbers__costs label {
  margin-top: 1.5rem;
}
.production-schema-step-form__details__numbers__time input,
.production-schema-step-form__details__numbers__costs input {
  margin: 0 0 0.5em 0;
}
.production-schema-step-form__footer {
  display: flex;
  display: flex;
  justify-content: center;
  margin: 4rem 2rem 2rem 2rem;
}
.product-type-recipe {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.product-type-recipe__costs {
  display: flex;
  color: white;
  font-size: 1.2rem;
  margin-left: 1rem;
}
.product-type-recipe__header {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.product-type-recipe__header__buttons {
  display: flex;
  flex-direction: row-reverse;
}
.product-type-recipe__body {
  display: flex;
  flex-direction: column;
}
.create-product-type-for-dummy-values {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background-color: #235789 !important;
  border-radius: 15px;
  padding: 1rem;
  align-self: self-end;
  width: max-content !important;
  text-align: center;
  margin-right: 11rem;
}
.create-product-type-for-dummy-values__checkbox {
  display: flex;
  flex-direction: row;
}
.create-product-type-for-dummy-values__checkbox p-checkbox p-checkbox-component > p-checkbox-box {
  width: 1.7rem;
  height: 1.7rem;
  aspect-ratio: 1;
}
.create-product-type-for-dummy-values label {
  font-size: 1.5rem;
  font-weight: 500;
  color: white;
  margin-right: 2rem;
}
.mixing-machine-model-details {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
  align-items: center;
  display: flex;
  justify-content: center;
}
.mixing-machine-model-details__header {
  text-align: center;
}
.mixing-machine-model-details__header h1 {
  color: white;
  font-size: 3.5rem;
}
.mixing-machine-model-details__body__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 15px;
  padding: 1rem 4rem;
  color: #000000 !important;
  background-color: #ffffff;
  text-align: start;
}
.mixing-machine-model-details__body__form div {
  margin: 1rem;
}
.mixing-machine-model-details__body__form div label {
  font-size: 1.2rem;
  font-weight: 450;
}
.mixing-machine-model-details__body__form button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
  align-self: center;
}
@media only screen and (max-width: 1200px) {
  .mixing-machine-model-details__body__form button {
    min-width: fit-content;
    margin: 0;
  }
}
.order-package-details {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.order-package-details__header {
  text-align: center;
}
.order-package-details__header--white-color {
  color: white;
}
.order-package-details__body {
  display: flex;
  flex-direction: column;
}
.order-package-details__body-details {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.order-package-details__body-details--margins {
  margin-top: 2.5rem;
  margin: 1rem 6rem;
}
.order-package-details__info-container {
  display: flex;
  flex-direction: column;
}
.order-package-details__info-container--color-white-width-50 {
  color: white;
  width: 50% !important;
}
.order-package-details__info {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  color: white;
  padding: 1rem 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-package-details__info--background-color {
  background-color: #235789 !important;
}
.order-package-details__info div {
  display: flex;
  flex-direction: row;
  margin: 1rem 0;
}
.order-package-details__info div label {
  font-size: 1.2rem;
  font-weight: 450;
  margin-right: 2rem;
}
.order-package-details__info div p {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 400;
}
.order-package-details__package-invoice {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 15px;
  margin-bottom: 1vh;
  padding: 1rem;
}
.order-package-details__package-invoice--background-color {
  background-color: #235789 !important;
}
.invoice-details {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: space-evenly !important;
  color: #ffffff !important;
}
.invoice-details__invoice-card,
.invoice-details__address-card {
  border-radius: 15px;
  background-color: #235789 !important;
  height: fit-content;
  margin: 2rem;
}
.invoice-details__invoice-files-container {
  display: flex;
  flex-direction: column;
  min-width: min-content;
}
.invoice-details__invoice-files-container__file {
  display: flex;
  align-items: center;
  display: flex;
  justify-content: center;
}
.invoice-details__invoice-files-container__file img {
  margin: 1rem;
}
.invoice-buttons {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.orders-in-production {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
  width: 100%;
}
.orders-in-production__placeholder {
  background-color: #ffffff;
  border-radius: 15px;
  text-align: center;
  padding: 2rem;
  border: 5px solid #CF0A0A;
  width: 50vw;
}
.orders-in-production__table {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.orders-in-production__table__tile {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.orders-in-production__table__paginator,
.customer-notes-paginator {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: center;
}
.orders-in-production__table__paginator--terminal .p-paginator {
  padding: 1.5rem;
}
.orders-in-production__table__paginator--terminal .p-paginator span > button {
  padding: 1.7rem;
}
.orders-in-production__table__paginator--terminal .p-paginator button,
.orders-in-production__table__paginator--terminal .p-paginator i {
  font-size: 3.5rem;
  padding: 0 1.5rem;
}
.orders-in-production__table__paginator--terminal .p-paginator button .pi,
.orders-in-production__table__paginator--terminal .p-paginator i .pi {
  font-size: 4rem;
}
.orders-in-production__table__paginator .p-datatable .p-paginator-bottom,
.customer-notes-paginator .p-datatable .p-paginator-bottom {
  background-color: transparent;
}
.orders-in-production__table__paginator .p-paginator .p-paginator-pages .p-paginator-page.p-highlight,
.customer-notes-paginator .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: #235789;
}
.orders-in-production__table__paginator .p-paginator,
.customer-notes-paginator .p-paginator {
  background: white;
  border: solid red;
  border-radius: 15px;
  padding: 0.5rem;
  width: max-content;
}
.production-booking-tile {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #ffffff;
  border-radius: 15px;
  border: 3px solid #CF0A0A;
  padding: 0.5rem 1rem;
  margin: 1rem 0;
}
.production-booking-tile__order-id,
.production-booking-tile__dates,
.production-booking-tile__progress-bar,
.production-booking-tile__execution-button {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
}
.production-booking-tile__order-id label,
.production-booking-tile__dates label,
.production-booking-tile__progress-bar label,
.production-booking-tile__execution-button label {
  font-size: 1rem;
  font-weight: 450;
}
.production-booking-tile__order-id p,
.production-booking-tile__dates p,
.production-booking-tile__progress-bar p,
.production-booking-tile__execution-button p {
  font-size: 1.5rem;
  font-weight: 600;
}
.production-booking-tile__order-id,
.production-booking-tile__dates,
.production-booking-tile__execution-button {
  width: 20%;
}
.production-booking-tile__progress-bar {
  width: 40% !important;
}
.production-booking-tile__progress-bar div {
  display: flex;
  flex-direction: row;
}
.production-booking-tile__progress-bar p {
  margin: 0;
}
.production-booking-tile__progress-bar__container {
  background-color: #ffffff;
  width: 100%;
  height: 2rem;
  border: solid #000000 1px;
}
.production-booking-tile__progress-bar__container label {
  position: relative;
  left: 50%;
  right: 50%;
  width: 0;
  place-self: center;
}
.production-booking-tile__progress-bar__container__progress {
  background-color: #3185FC;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.production-booking-tile__execution-button button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .production-booking-tile__execution-button button {
    min-width: fit-content;
    margin: 0;
  }
}
.product-tile {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #ffffff;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  border: 3px solid #CF0A0A;
  padding: 0.5rem 1rem;
  margin: 1rem 0;
}
.product-tile__product-overview,
.product-tile__quality-overview,
.product-tile__production-status,
.product-tile__action-button {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
}
.product-tile__product-overview label,
.product-tile__quality-overview label,
.product-tile__production-status label,
.product-tile__action-button label {
  font-size: 1rem;
  font-weight: 450;
}
.product-tile__product-overview p,
.product-tile__quality-overview p,
.product-tile__production-status p,
.product-tile__action-button p {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.product-tile__product-overview div,
.product-tile__quality-overview div,
.product-tile__production-status div,
.product-tile__action-button div {
  display: flex;
  flex-direction: row;
}
.product-tile__action-button button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .product-tile__action-button button {
    min-width: fit-content;
    margin: 0;
  }
}
.material-booking {
  display: flex;
  flex-direction: column;
}
.material-booking__header {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.material-booking__header h1 {
  font-size: 1.5rem;
  font-weight: 500;
  color: white;
  font-size: 2.5rem;
}
.material-booking__header button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .material-booking__header button {
    min-width: fit-content;
    margin: 0;
  }
}
.material-booking__body__returned-details,
.material-booking__body__live-fields__input-block,
.material-booking__body__live-fields__output-block {
  display: flex;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1rem 4rem;
  margin: 1rem;
}
.material-booking__body__returned-details {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.material-booking__body__returned-details__block {
  display: flex;
  flex-direction: column;
  background-color: #3185FC;
  border-radius: 15px;
  padding: 1rem;
  width: 30%;
  height: max-content;
  margin: 0.3rem;
}
.material-booking__body__returned-details__block h2 {
  font-size: 1.2rem;
  font-weight: 450;
  color: #000000 !important;
  text-align: center;
  font-size: 1.5rem;
}
.material-booking__body__returned-details__block div {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.5rem;
}
.material-booking__body__returned-details__block div label {
  font-size: 1.2rem;
  font-weight: 450;
  color: white;
  white-space: pre-wrap;
}
.material-booking__body__returned-details__block div p {
  font-size: 1.2rem;
  font-weight: 450;
  color: #173753 !important;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0 0 0 1rem;
}
.material-booking__body__live-fields {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
}
.material-booking__body__live-fields__input-block,
.material-booking__body__live-fields__output-block {
  flex-direction: column;
  align-items: center;
  height: max-content;
  align-self: center;
}
.material-booking__body__live-fields__input-block h2,
.material-booking__body__live-fields__output-block h2 {
  font-size: 1.2rem;
  font-weight: 450;
  color: #000000 !important;
}
.material-booking__body__live-fields__input-block div,
.material-booking__body__live-fields__output-block div {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.5rem;
}
.material-booking__body__live-fields__input-block div label,
.material-booking__body__live-fields__input-block div p,
.material-booking__body__live-fields__input-block div input,
.material-booking__body__live-fields__output-block div label,
.material-booking__body__live-fields__output-block div p,
.material-booking__body__live-fields__output-block div input {
  font-size: 1.2rem;
  font-weight: 450;
  color: #000000 !important;
  display: flex;
  flex-wrap: nowrap;
}
.material-booking__body__live-fields__input-block div label,
.material-booking__body__live-fields__output-block div label {
  margin-left: 1rem;
}
.material-booking__body__live-fields__input-block div input,
.material-booking__body__live-fields__output-block div input {
  text-align: center;
  width: 7rem;
}
.material-booking__body__live-fields__input-block div p,
.material-booking__body__live-fields__output-block div p {
  margin: 0 0 0 1rem;
}
.material-booking__body__live-fields__input-block button,
.material-booking__body__live-fields__output-block button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .material-booking__body__live-fields__input-block button,
  .material-booking__body__live-fields__output-block button {
    min-width: fit-content;
    margin: 0;
  }
}
.worker-tasks {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.worker-tasks__header {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin: 0 0 0.5em 0;
  margin: 0.5em 0 0 0;
}
.worker-tasks__header p {
  font-size: 3rem;
  font-weight: bold;
  color: #3185FC !important;
}
.worker-tasks__header button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  height: fit-content;
}
@media only screen and (max-width: 1200px) {
  .worker-tasks__header button {
    min-width: fit-content;
    margin: 0;
  }
}
.worker-tasks__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.worker-tasks__body__list__placeholder,
.detailed-status__body-records__no-records,
.production-home__logs__no-records {
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1rem 4rem;
}
.worker-tasks__body__book-workspace {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  width: 50% !important;
}
.worker-tasks__body__paginator {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: center;
}
.worker-tasks__body__paginator .p-datatable .p-paginator-bottom {
  background-color: transparent;
}
.worker-tasks__body__paginator .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: #235789;
}
.worker-tasks__body__paginator .p-paginator {
  background: white;
  border: solid #3185FC;
  border-radius: 15px;
  padding: 0.5rem;
  width: max-content;
}
.worker-task-tile {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #ffffff;
  border-radius: 15px;
  margin: 1rem;
  display: flex;
  justify-content: space-between;
  border: 5px solid #3185FC;
  padding: 1rem 2rem;
}
.worker-task-tile__name-type,
.worker-task-tile__group,
.worker-task-tile__goal-time,
.worker-task-tile__date,
.worker-task-tile__buttons {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-evenly !important;
}
.worker-task-tile__any-value-group label {
  font-size: 1.2rem;
  font-weight: 450;
}
.worker-task-tile__any-value-group p {
  font-size: 2rem;
  color: #3185FC !important;
}
.worker-task-tile__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: available !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
}
@media only screen and (max-width: 1200px) {
  .worker-task-tile__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.workspace-booking-container {
  display: flex;
  display: flex;
  justify-content: center;
  color: #CF0A0A;
  font-size: 1.75rem;
}
.worker-workspace-booking {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 15px;
  width: fit-content;
  padding: 1rem 2rem;
}
.worker-workspace-booking__form__assignment {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: center;
}
.worker-workspace-booking__form__assignment div {
  display: flex;
  flex-direction: column;
  margin: 1rem;
}
.worker-workspace-booking__form__assignment div div {
  display: flex;
  flex-direction: row;
  height: 6rem;
}
.worker-workspace-booking__form__assignment div div button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  height: 100%;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .worker-workspace-booking__form__assignment div div button {
    min-width: fit-content;
    margin: 0;
  }
}
.worker-workspace-booking__form__period {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
}
.worker-workspace-booking__form__period__date {
  display: flex;
  flex-direction: column;
  margin: 0 1rem;
}
.worker-workspace-booking__form__period__date label,
.worker-workspace-booking__form__assignment label {
  font-size: 1.2rem;
  font-weight: 450;
}
.worker-workspace-booking__buttons {
  margin: 0.5em 0 0 0;
}
.worker-workspace-booking__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .worker-workspace-booking__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.worker-workspace-booking__buttons button:first-child {
  background-color: #173753;
}
.worker-workspace-booking__buttons button:last-child {
  background-color: #3185FC;
}
.tasks-sub-navbar {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #235789 !important;
  margin: 0 1rem;
  width: auto;
  height: 9rem;
  column-gap: 20px;
}
.tasks-sub-navbar__left-side-switch-buttons {
  display: flex;
  align-items: flex-end;
  width: 20%;
  flex: auto;
}
.tasks-sub-navbar__left-side-buttons-container {
  width: 100%;
  padding: 0;
}
.tasks-sub-navbar__left-buttons-toggle {
  flex-wrap: wrap;
  background-color: #173753;
}
.tasks-sub-navbar__left-single-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  border: none;
  padding: 0.5rem 1.5rem;
  color: white;
  border: none;
  padding: 0.5rem;
}
@media only screen and (max-width: 1200px) {
  .tasks-sub-navbar__left-single-button {
    min-width: fit-content;
    margin: 0;
  }
}
.tasks-sub-navbar__tabs {
  display: flex;
  flex-direction: row;
  width: 50%;
  margin-bottom: 1.5rem;
  flex: auto;
}
.tasks-sub-navbar__single-tab {
  display: flex;
  align-items: center;
  display: flex;
  justify-content: center;
  color: white;
  margin: 0 1rem;
  width: 50%;
  padding: 2rem 1rem;
  border: solid #3185FC;
  border-width: 0 5px 5px 5px;
  border-radius: 0 0 15px 15px;
}
.tasks-sub-navbar__single-tab--active-tab {
  background-color: #173753;
  max-height: 100%;
  font-size: 2rem;
  font-weight: 450;
  transition-property:
    background-color,
    font-weight,
    font-size,
    max-height;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.tasks-sub-navbar__single-tab--inactive-tab {
  background-color: #3185FC;
  max-height: 70%;
  font-size: 1.6rem;
  font-weight: 400;
  transition-property:
    background-color,
    font-weight,
    font-size,
    max-height;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.tasks-sub-navbar__right-side-buttons-container {
  width: 20%;
  flex: auto;
}
.tasks-sub-navbar__buttons {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-self: flex-end;
  display: flex;
  justify-content: space-around !important;
  align-items: center;
  padding: 0 0 1.5rem;
}
.tasks-sub-navbar__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: available !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
  margin: 0.5rem;
  border: none;
}
@media only screen and (max-width: 1200px) {
  .tasks-sub-navbar__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.tasks-sub-navbar__left-single-button {
  margin: 0;
}
.tasks-sub-navbar__left-single-button:hover {
  color: white;
}
@media (700px <= width <= 1250px) {
  .tasks-sub-navbar__left-buttons-toggle {
    width: 20vw;
  }
}
@media (width < 1650px) {
  .tasks-sub-navbar__left-single-button {
    width: 100%;
  }
}
@media (700px <= width <= 1280px) {
  .tasks-sub-navbar__single-tab--active-tab {
    font-size: 1.6rem;
  }
}
.process-step-details {
  width: 100%;
  padding: 1rem 4rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.process-step-details__workspaces,
.process-step-details__workers,
.process-step-details__order,
.process-step-details__product-type,
.process-step-details__goal,
.process-step-details__estimated-time,
.process-step-details__step-progress,
.process-step-details__create-task,
.process-step-details__product-for-service {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1rem;
}
.process-step-details__create-task {
  flex-direction: row;
  display: flex;
  justify-content: center;
}
.process-step-details__workspaces button,
.process-step-details__workers button,
.process-step-details__step-progress__buttons button,
.process-step-details__step-progress__new-batch__container__buttons button,
.process-step-details__create-task button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
  align-self: center;
  height: fit-content;
}
@media only screen and (max-width: 1200px) {
  .process-step-details__workspaces button,
  .process-step-details__workers button,
  .process-step-details__step-progress__buttons button,
  .process-step-details__step-progress__new-batch__container__buttons button,
  .process-step-details__create-task button {
    min-width: fit-content;
    margin: 0;
  }
}
.process-step-details__create-task {
  grid-column: 1;
  grid-row: 3;
}
.process-step-details__workspaces {
  grid-column: 1;
  grid-row: 1/3;
}
.process-step-details__workspaces p {
  font-size: 1.7rem;
  font-weight: 600;
  color: #3185FC;
}
.process-step-details__workspaces small {
  font-size: 1.5rem;
  font-weight: 400;
}
.process-step-details__workers {
  grid-column: 1;
  grid-row: 4;
}
.process-step-details__order {
  grid-column: 2;
  grid-row: 1;
}
.process-step-details__product-type {
  grid-column: 3;
  grid-row: 1;
}
.process-step-details__goal {
  grid-column: 2;
  grid-row: 2;
}
.process-step-details__estimated-time {
  grid-column: 3;
  grid-row: 2;
}
.process-step-details__order__button,
.process-step-details__product-type__button {
  white-space: nowrap;
  width: fit-content !important;
}
.process-step-details__order__button button,
.process-step-details__product-type__button button,
.process-step-details__step-progress__progress button,
.process-step-details__product-for-service-button button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
  background-color: #173753;
  align-self: center;
  height: fit-content;
}
@media only screen and (max-width: 1200px) {
  .process-step-details__order__button button,
  .process-step-details__product-type__button button,
  .process-step-details__step-progress__progress button,
  .process-step-details__product-for-service-button button {
    min-width: fit-content;
    margin: 0;
  }
}
.process-step-details__step-progress {
  grid-column: 2/4;
  grid-row: 3/5;
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: center;
}
.process-step-details__step-progress__buttons {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  width: 80%;
  margin-bottom: 2.5rem;
}
.process-step-details__step-progress__buttons button {
  margin: 0;
}
.process-step-details__step-progress__awaiting-products label,
.process-step-details__step-progress__awaiting-products p {
  font-size: 2rem;
  font-weight: 600;
}
.process-step-details__step-progress__awaiting-products button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
  align-self: center;
  height: fit-content;
}
@media only screen and (max-width: 1200px) {
  .process-step-details__step-progress__awaiting-products button {
    min-width: fit-content;
    margin: 0;
  }
}
.process-step-details__step-progress__progress {
  display: flex;
  flex-direction: column;
  width: 80%;
  border-radius: 15px;
  background-color: #3185FC;
  padding: 1rem;
}
.process-step-details__step-progress__progress label {
  font-size: 2rem;
  font-weight: 600;
  color: white;
}
.process-step-details__step-progress__progress__container {
  background-color: #ffffff;
  width: 100%;
  overflow: hidden;
  height: 2rem;
  border: solid #000000 1px;
}
.process-step-details__step-progress__progress__container label {
  position: relative;
  left: 50%;
  right: 50%;
  width: 0;
  place-self: center;
}
.process-step-details__step-progress__progress__container__progress {
  background-color: #13ce66;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.process-step-details__step-progress__new-batch {
  display: flex;
  flex-direction: column;
  padding: 0 4rem;
  margin: 1rem 4rem;
  width: available !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
  border: 3px solid #3185FC;
}
.process-step-details__step-progress__new-batch__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: space-evenly !important;
}
.process-step-details__step-progress__new-batch__container__fields,
.process-step-details__step-progress__new-batch__container__buttons {
  display: flex;
  flex-direction: column;
}
.process-step-details__step-progress__new-batch__container__fields label {
  font-size: 1.2rem;
  font-weight: 450;
}
.process-step-details__step-progress__new-batch__container__buttons button {
  width: available !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
  margin: 1rem;
}
.process-step-details__workers h2,
.process-step-details__workspaces h2 {
  font-weight: 600;
  font-size: 2rem;
}
.process-step-details__goal,
.process-step-details__estimated-time {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: center;
}
.process-step-details__goal h2,
.process-step-details__estimated-time h2 {
  font-weight: 550;
  font-size: 2rem;
}
.process-step-details__goal p,
.process-step-details__estimated-time p {
  margin: 0 0 0 1.5rem;
  white-space: nowrap;
}
.process-step-details__workers label,
.process-step-details__workers p,
.process-step-details__goal label,
.process-step-details__goal p,
.process-step-details__estimated-time label,
.process-step-details__estimated-time p {
  font-size: 1.7rem;
  font-weight: 600;
}
.process-step-details__workers label,
.process-step-details__goal label,
.process-step-details__estimated-time label {
  color: #3185FC;
}
.process-step-details__order,
.process-step-details__product-type,
.process-step-details__product-for-service {
  display: flex;
  flex-direction: row;
}
.process-step-details__order__info,
.process-step-details__product-type__info,
.process-step-details__product-for-service__info {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-evenly !important;
  width: 70%;
}
.process-step-details__order__info h2,
.process-step-details__product-type__info h2,
.process-step-details__product-for-service__info h2 {
  font-size: 1.5rem;
  font-weight: 450;
}
.process-step-details__order__info div,
.process-step-details__product-type__info div,
.process-step-details__product-for-service__info div {
  display: flex;
  flex-direction: row;
}
.process-step-details__order__info div label,
.process-step-details__order__info div p,
.process-step-details__product-type__info div label,
.process-step-details__product-type__info div p,
.process-step-details__product-for-service__info div label,
.process-step-details__product-for-service__info div p {
  font-size: 1.2rem;
}
.process-step-details__order__info div label,
.process-step-details__product-type__info div label,
.process-step-details__product-for-service__info div label {
  font-weight: 500;
}
.process-step-details__order__info div p,
.process-step-details__product-type__info div p,
.process-step-details__product-for-service__info div p {
  margin: 0 0 0 0.5em;
  font-weight: 450;
}
.process-step-details__order__button,
.process-step-details__product-type__button,
.process-step-details__product-for-service__button {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
}
.list-of-batches {
  display: flex;
  flex-direction: column;
}
.list-of-batches__buttons,
.tasks-sub-navbar__left-side-buttons-container {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  padding: 2rem 16px 1rem;
}
.list-of-batches__buttons__toggle-table,
.tasks-sub-navbar__left-buttons-toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.4rem;
  border: 4px solid #3185FC;
}
.list-of-batches__buttons__toggle-table button:disabled,
.tasks-sub-navbar__left-buttons-toggle button:disabled,
.list-of-batches__buttons__toggle-table button[disabled],
.tasks-sub-navbar__left-buttons-toggle button[disabled] {
  color: white !important;
  opacity: 1;
  font-weight: 500;
}
.list-of-batches__buttons__create-button {
  display: flex;
  align-items: center;
  display: flex;
  justify-content: flex-end !important;
}
.list-of-batches__create-batch {
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  border-radius: 15px;
  margin: 1rem 4rem;
  padding: 1rem 4rem;
  width: max-content !important;
  align-self: center;
}
.list-of-batches__create-batch__form {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  margin-right: 0.5em !important;
}
.list-of-batches__create-batch__form label {
  font-size: 1.2rem;
  font-weight: 450;
}
.list-of-batches__create-batch__buttons {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 0.5em;
}
.list-of-batches__create-batch__buttons button {
  width: available !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
  margin: 1rem !important;
}
.list-of-batches__create-batch__buttons button,
.list-of-batches__buttons__create-button button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .list-of-batches__create-batch__buttons button,
  .list-of-batches__buttons__create-button button {
    min-width: fit-content;
    margin: 0;
  }
}
.list-of-batches__batch-for-unplanned-post-processing-step {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 15px;
  border: 5px solid red;
  padding: 2rem;
}
.batch-requests {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.batch-requests__buttons {
  display: flex;
  flex-direction: row-reverse;
}
.batch-requests__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
}
@media only screen and (max-width: 1200px) {
  .batch-requests__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.batch-requests__list {
  display: flex;
  flex-direction: column;
}
.batch-requests__list__tile {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  margin-top: 2.5rem;
  border: 5px solid #CF0A0A;
}
.batch-requests__list__tile__date-title,
.batch-requests__list__tile__button {
  height: 50%;
}
.batch-requests__list__tile__date-title {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.batch-requests__list__tile__date-title__title {
  display: flex;
  flex-direction: row;
  margin: 1rem;
  width: 80%;
  display: flex;
  justify-content: space-evenly !important;
}
.batch-requests__list__tile__date-title__date {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: space-evenly !important;
  padding: 1rem;
  background-color: #173753;
  width: 20%;
}
.batch-requests__list__tile__date-title__date label {
  font-size: 1.2rem;
  color: #ffffff;
  font-weight: 450;
}
.batch-requests__list__tile__date-title__date p {
  font-weight: 550;
  font-size: 1.5rem;
  color: #3185FC;
}
.batch-requests__list__tile__button {
  display: flex;
  flex-direction: row-reverse;
}
.batch-requests__list__tile__button button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
}
@media only screen and (max-width: 1200px) {
  .batch-requests__list__tile__button button {
    min-width: fit-content;
    margin: 0;
  }
}
.scan-batch {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  padding: 1rem 4rem;
  align-items: center;
}
.scan-batch button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .scan-batch button {
    min-width: fit-content;
    margin: 0;
  }
}
.scan-batch__scan {
  display: flex;
  flex-direction: column;
  width: 50% !important;
  text-align: center;
}
.scan-batch__scan button:first-child {
  align-self: flex-end;
}
.scan-batch__scan button:last-child {
  align-self: center;
}
.scan-batch__scan h1 {
  color: white;
}
.scan-batch__scan input {
  font-size: 2rem;
  border: 5px solid #3185FC;
}
.scan-batch__scan h1,
.scan-batch__scan input {
  margin-bottom: 2.5rem;
}
.scan-batch__confirm {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
  border-radius: 15px;
  background-color: #ffffff;
  align-items: center;
  display: flex;
  justify-content: center;
}
.scan-batch__confirm label {
  font-size: 2rem;
  font-weight: 550;
}
.scan-batch__confirm div {
  display: flex;
  flex-direction: row;
}
.scan-batch__confirm div p {
  font-size: 1.7rem;
  font-weight: 450;
}
.products-for-burning,
.workers-for-burning {
  display: flex;
  flex-direction: column;
}
.products-for-burning__titles,
.workers-for-burning__titles {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
}
.products-for-burning__titles h2,
.workers-for-burning__titles h2 {
  color: white;
  text-align: center;
  width: 50% !important;
  display: flex;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  font-size: 2em;
  font-weight: 500;
}
.products-for-burning__tables,
.workers-for-burning__tables {
  display: flex;
  flex-direction: row;
}
.products-for-burning__tables__from-table,
.workers-for-burning__tables__from-table {
  width: 50%;
}
.products-for-burning__tables__navigation,
.workers-for-burning__tables__navigation {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.products-for-burning__tables__to-table,
.workers-for-burning__tables__to-table {
  width: 50%;
}
.burning-task-details {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.burning-task-details__header button,
.burning-task-details__body__form button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .burning-task-details__header button,
  .burning-task-details__body__form button {
    min-width: fit-content;
    margin: 0;
  }
}
.burning-task-details__header {
  display: flex;
  flex-direction: row-reverse;
}
.burning-task-details__header button {
  background-color: #3185FC;
}
.burning-task-details__body {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: space-evenly !important;
}
.burning-task-details__body__info,
.burning-task-details__body__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: space-evenly !important;
  border-radius: 15px;
  padding: 1rem;
  margin: 1rem 4rem;
  padding: 3rem 4rem;
}
.burning-task-details__body__info label,
.burning-task-details__body__form label {
  margin: 0.5em 0 0 0;
}
.burning-task-details__body__info {
  background-color: #ffffff;
  color: #000000 !important;
}
.burning-task-details__body__info label,
.burning-task-details__body__info p {
  font-size: 2rem;
}
.burning-task-details__body__info label {
  font-weight: 550;
}
.burning-task-details__body__form {
  background-color: #3185FC;
  color: white;
}
.burning-task-details__body__form label {
  font-size: 1.7rem;
  font-weight: 450;
}
.burning-task-details__body__form button {
  background-color: #173753;
  align-self: flex-end;
}
.burning-product-declaration {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 15px;
  background-color: #ffffff;
  padding: 1rem 4rem;
  max-width: 70%;
}
.burning-product-declaration__quantity label,
.burning-product-declaration__faulty-reasons__custom__fields-button__fields label {
  font-size: 1.5rem;
  font-weight: 500;
}
.burning-product-declaration__faulty-reasons button,
.burning-product-declaration__faulty-reasons__custom button,
.burning-product-declaration__faulty-reasons__default button,
.burning-product-declaration__buttons button,
.burning-product-declaration__buttons__custom button,
.burning-product-declaration__buttons__default button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .burning-product-declaration__faulty-reasons button,
  .burning-product-declaration__faulty-reasons__custom button,
  .burning-product-declaration__faulty-reasons__default button,
  .burning-product-declaration__buttons button,
  .burning-product-declaration__buttons__custom button,
  .burning-product-declaration__buttons__default button {
    min-width: fit-content;
    margin: 0;
  }
}
.burning-product-declaration__quantity {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.burning-product-declaration__quantity__row {
  display: flex;
  flex-direction: row;
  margin-bottom: 2.5rem;
}
.burning-product-declaration__quantity__row input {
  height: 2rem;
  width: 7rem;
  margin-left: 2rem;
}
.burning-product-declaration__quantity__row span {
  height: 0;
}
.burning-product-declaration__faulty-reasons {
  display: flex;
  flex-direction: column;
}
.burning-product-declaration__faulty-reasons__custom {
  display: flex;
  flex-direction: column;
}
.burning-product-declaration__faulty-reasons__custom__fields-button {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2rem 0 3rem;
}
.burning-product-declaration__faulty-reasons__custom__fields-button__fields {
  display: flex;
  flex-direction: column;
  width: 70%;
  padding: 1rem 4rem;
  background-color: #235789 !important;
  color: white;
  border-radius: 15px;
  margin-right: 2rem;
}
.burning-product-declaration__faulty-reasons__custom__fields-button__fields h1 {
  margin-bottom: 2.5rem;
}
.burning-product-declaration__faulty-reasons__custom__fields-button__fields div {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  margin-top: 2.5rem;
}
.burning-product-declaration__faulty-reasons__custom__fields-button__button {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 30%;
  margin-left: 2rem;
}
.burning-product-declaration__faulty-reasons__custom__fields-button__button button {
  height: fit-content !important;
  min-height: 50%;
  min-width: 70%;
}
.burning-product-declaration__faulty-reasons__default {
  align-items: center;
  background-color: #173753;
  color: white;
  border-radius: 15px;
  margin: 1rem 0;
}
.burning-product-declaration__faulty-reasons__default button {
  font-size: 1.7rem;
  padding: 0.3rem 1rem;
  height: fit-content;
}
.burning-product-declaration__faulty-reasons__selected__buttons button {
  background-color: #13ce66;
}
.burning-product-declaration__faulty-reasons__selected,
.burning-product-declaration__faulty-reasons__default {
  display: flex;
  flex-direction: column;
}
.burning-product-declaration__faulty-reasons__selected h1,
.burning-product-declaration__faulty-reasons__default h1 {
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 2.5rem;
  margin: 0 0 0.5em 0;
}
.burning-product-declaration__faulty-reasons__selected__buttons,
.burning-product-declaration__faulty-reasons__default__buttons {
  display: flex;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  justify-content: center;
}
.burning-product-declaration__faulty-reasons__selected__buttons button,
.burning-product-declaration__faulty-reasons__default__buttons button {
  color: white;
  font-size: 1.2rem;
  font-weight: 500;
  height: 4rem;
  width: 10rem;
  overflow: visible;
  margin: 1.5rem;
  border: none;
  position: relative;
  padding: 0.1rem;
}
.burning-product-declaration__faulty-reasons__selected__buttons button i,
.burning-product-declaration__faulty-reasons__default__buttons button i {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  margin: 0;
  border-radius: 50%;
  color: #ffffff;
  background: #CF0A0A;
  padding: 0.3rem;
  font-size: 1.5rem;
}
.your-tasks {
  display: flex;
  flex-direction: column;
  padding: 0 0 1rem;
}
.your-tasks__header {
  display: flex;
  align-items: center;
  display: flex;
  justify-content: center;
}
.your-tasks__header__toggle-buttons {
  display: flex;
  flex-direction: row;
}
.your-tasks__header__toggle-buttons--desktop {
  width: 30%;
  height: 5rem;
}
.your-tasks__header__toggle-buttons--desktop button {
  font-size: 1.2rem;
}
.your-tasks__header__toggle-buttons--terminal {
  width: 50%;
  height: 8rem;
}
.your-tasks__header__toggle-buttons--terminal button {
  font-size: 2.2rem;
}
.your-tasks__header__toggle-buttons button {
  color: white;
  height: 100%;
  width: 50%;
  border: solid #ffffff;
  font-weight: 550;
}
.your-tasks__header__toggle-buttons :first-child {
  border-width: 0 2px 2px 2px;
}
.your-tasks__header__toggle-buttons :last-child {
  border-width: 0 2px 2px 0;
}
.your-tasks__header__toggle-buttons--active-button {
  background-color: #3185FC;
  cursor: pointer;
}
.your-tasks__header__toggle-buttons--inactive-button {
  background-color: #173753;
  cursor: auto !important;
}
.your-tasks__body {
  overflow: scroll;
}
.your-tasks__body ::-webkit-scrollbar {
  width: 2rem;
  display: block;
  visibility: visible;
}
.your-tasks-list {
  margin: 2rem 1rem;
}
.your-task-tile {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  margin-bottom: 1rem;
  padding: 0.25rem;
}
.your-task-tile__info-buttons {
  display: flex;
  flex-direction: row;
}
.your-task-tile__info-buttons__info {
  display: flex;
  flex-direction: row;
  width: 75%;
  margin: 0 0 0 0.5em;
}
.your-task-tile__info-buttons__info__string-column {
  display: flex;
  justify-content: space-evenly !important;
  margin-right: 1rem;
}
.your-task-tile__info-buttons__info__string-column,
.your-task-tile__info-buttons__info__other-values {
  display: flex;
  flex-direction: column;
  width: 50% !important;
}
.your-task-tile__info-buttons__info__string-column label,
.your-task-tile__info-buttons__info__string-column__time-goal label,
.your-task-tile__info-buttons__info__string-column__start-date label,
.your-task-tile__info-buttons__info__other-values label,
.your-task-tile__info-buttons__info__other-values__time-goal label,
.your-task-tile__info-buttons__info__other-values__start-date label {
  font-size: 2.2rem;
}
.your-task-tile__info-buttons__info__string-column p,
.your-task-tile__info-buttons__info__string-column__time-goal p,
.your-task-tile__info-buttons__info__string-column__start-date p,
.your-task-tile__info-buttons__info__other-values p,
.your-task-tile__info-buttons__info__other-values__time-goal p,
.your-task-tile__info-buttons__info__other-values__start-date p {
  margin: 0 0 0 0.5em;
  color: #3185FC;
  font-size: 2rem;
  font-weight: 500;
}
.your-task-tile__info-buttons__info__other-values {
  display: flex;
  justify-content: space-between;
}
.your-task-tile__info-buttons__info__other-values__time-goal {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
}
.your-task-tile__info-buttons__info__other-values__time-goal div {
  display: flex;
  flex-direction: column;
}
.your-task-tile__info-buttons__info__other-values__order-position {
  display: flex;
  flex-direction: column;
  background-color: #235789 !important;
  padding: 1rem;
  border: 5px solid #235789;
}
.your-task-tile__info-buttons__info__other-values__order-position div {
  display: flex;
  flex-direction: row;
}
.your-task-tile__info-buttons__info__other-values__order-position div label,
.your-task-tile__info-buttons__info__other-values__order-position div p {
  color: white;
  font-size: 2.5rem;
  font-weight: 550;
}
.your-task-tile__info-buttons__info__other-values__order-position div p {
  margin: 0 0 0 0.5em;
}
.your-task-tile__info-buttons__buttons {
  display: flex;
  flex-direction: column;
  background-color: #173753;
  width: 25%;
  border: 5px solid #CF0A0A;
}
.your-task-tile__info-buttons__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: available !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
  font-size: 3rem;
  font-weight: 600;
  height: 100%;
}
@media only screen and (max-width: 1200px) {
  .your-task-tile__info-buttons__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.your-task-tile__progress-bar {
  height: 4rem;
}
.your-task-tile__progress-bar label {
  font-size: 3rem;
  font-weight: 450;
  left: 0.5rem;
  white-space: nowrap;
}
.task-details {
  display: flex;
  flex-direction: column;
  padding: 1rem 0 0 0;
}
.task-details__header {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
}
.task-details__header h1 {
  color: white;
  text-align: center;
  font-size: 3rem;
  font-weight: 600;
}
.task-details__header__buttons {
  display: flex;
  flex-direction: row-reverse;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  max-width: 50%;
}
.task-details__header__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  height: max-content;
  width: max-content;
  font-size: 3rem;
  font-weight: 500;
  margin: 1rem 0 1rem 1rem;
}
@media only screen and (max-width: 1200px) {
  .task-details__header__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.task-details__body {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 1rem 4rem;
}
.task-details__body__title h2 {
  color: #3185FC !important;
  text-align: center;
  font-size: 4rem;
  font-weight: 600;
}
.task-details__body__info {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.task-details__body__info__details,
.task-details__body__info__description {
  display: flex;
  flex-direction: column;
  width: 50% !important;
  height: 100%;
}
.task-details__body__info__details {
  margin-right: 1rem;
}
.task-details__body__info__details label {
  font-size: 3.3rem;
  font-weight: 550;
  white-space: pre-wrap;
}
.task-details__body__info__details p {
  font-size: 3rem;
  font-weight: 400;
  overflow-wrap: break-word;
}
.task-details__body__info__details p :not(:last-child) {
  margin-bottom: 2rem;
}
.task-details__body__info__description label {
  font-size: 4rem;
  font-weight: 550;
}
.task-details__body__info__description p {
  font-size: 3rem;
  font-weight: 400;
}
.mixing-masses {
  display: flex;
  flex-direction: column;
  padding: 1rem 0 0 0;
}
.mixing-masses__header {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
}
.mixing-masses__header h1 {
  color: white;
  text-align: center;
  font-size: 3rem;
  font-weight: 600;
}
.mixing-masses p {
  font-size: 1.5rem;
}
.your-task-declaration {
  display: flex;
  flex-direction: column;
}
.your-task-declaration__reason-description-container {
  display: flex;
  display: flex;
  justify-content: center;
}
.your-task-declaration__reason-description-body {
  background-color: #ffffff;
  border-radius: 15px;
  border: 5px solid red;
  padding: 2rem;
  font-size: 1.5rem;
  z-index: 250;
  position: absolute;
  width: 95vw;
  height: 100vh;
}
.your-task-declaration__reason-description-button {
  font-size: 2.5rem;
  font-weight: 500;
  height: 5rem;
  width: 15rem;
}
.your-task-declaration__description-title {
  text-align: center;
  font-size: 5rem;
}
.your-task-declaration__description-content {
  font-size: 4rem;
  display: flex;
  word-break: break-all;
  max-height: 60vh;
  overflow-y: scroll;
}
.your-task-declaration__tile-info-container {
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.your-task-declaration__tile-info-container label {
  font-size: 3.5rem;
  font-weight: 500;
}
.your-task-declaration__tile-info-container p {
  color: #3185FC !important;
  font-size: 3rem;
  font-weight: 450;
  margin-left: 1.5rem;
}
.your-task-declaration__tile-info-container__back-button-container {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.your-task-declaration__tile-info-container__back-button-container button {
  margin: unset !important;
}
.your-task-declaration__products-container {
  display: flex;
  flex-direction: column;
}
.your-task-declaration__products-container__label-container label,
.your-task-declaration__products-container__reason-selection__custom-reason-form label {
  color: white;
  font-weight: 450;
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.your-task-declaration__products-container__already-declared-and-button {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.your-task-declaration__products-container__already-declared-and-button__already-declared {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.your-task-declaration__products-container__already-declared-and-button__already-declared label,
.your-task-declaration__products-container__already-declared-and-button__already-declared p {
  color: white;
  font-size: 3rem;
  font-weight: 500;
  margin-left: 1rem;
}
.your-task-declaration__products-container__already-declared-and-button__already-declared:first-child {
  margin-top: 1rem;
}
.your-task-declaration__products-container__input,
.inventory-declaration-counting__body__input {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.your-task-declaration__products-container__input button,
.inventory-declaration-counting__body__input button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  color: white !important;
  background-color: #3185FC;
  height: 5rem;
  width: 5rem;
  margin: 0;
}
.your-task-declaration__products-container__input button i,
.inventory-declaration-counting__body__input button i {
  font-size: 3rem;
  font-weight: 600;
}
.your-task-declaration__products-container__input input,
.inventory-declaration-counting__body__input input {
  text-align: center;
  font-size: 3rem;
  width: 13rem;
}
.your-task-declaration__products-container__label-container {
  display: flex;
  display: flex;
  justify-content: center;
}
.your-task-declaration__products-container__reason-selection {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.your-task-declaration__products-container__reason-selection h1 {
  color: white;
}
.your-task-declaration__products-container__reason-selection__reasons {
  display: grid;
  column-gap: 5rem;
  grid-template-columns: repeat(3, 1fr);
}
.your-task-declaration__products-container__reason-selection__reasons button {
  color: white;
  font-size: 2.5rem;
  font-weight: 500;
  height: 10rem;
  width: 15rem;
  overflow: visible;
  margin: 1.5rem;
  border: none;
  position: relative;
  overflow-wrap: anywhere;
}
.your-task-declaration__products-container__reason-selection__reasons__delete-reason-icon {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  margin: 0;
  border-radius: 50%;
  color: #ffffff;
  background: #CF0A0A;
  padding: 0.5rem;
  font-size: 4rem;
}
.your-task-declaration__products-container__reason-selection__reasons__check-description-icon {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  transform: translate(-250%, -50%);
  font-size: 4rem;
  background-color: #B3E5FF;
  color: #000000;
  padding: 0.5rem;
}
.your-task-declaration__products-container__reason-selection__custom-reason-form {
  display: flex;
  flex-direction: column;
  background-color: #235789 !important;
  padding: 2rem;
  border-radius: 30px;
}
.your-task-declaration__products-container__reason-selection__custom-reason-form label:last-of-type {
  margin-top: 2.5rem;
}
.your-task-declaration__products-container__reason-selection__custom-reason-form input,
.your-task-declaration__products-container__reason-selection__custom-reason-form textarea {
  font-size: 3rem;
}
.your-task-declaration__products-container__reason-selection__custom-reason-form__buttons {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin-top: 2.5rem;
}
.your-task-declaration-button,
.inventory-declaration-counting__body__declare-button,
.inventory-declaration-counting__return-button button,
.inventory-counting-tile__button__style {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  border: none;
  padding: 0.5rem 1.5rem;
  font-size: 3rem;
  font-weight: 600;
  height: fit-content;
  width: max-content;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1200px) {
  .your-task-declaration-button,
  .inventory-declaration-counting__body__declare-button,
  .inventory-declaration-counting__return-button button,
  .inventory-counting-tile__button__style {
    min-width: fit-content;
    margin: 0;
  }
}
.your-task-declaration__faulty-reasons-info {
  background-color: white;
  border: 5px solid red;
  border-radius: 15px;
  padding: 2rem;
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
.faulty-reasons-editor {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.faulty-reasons-editor__header {
  text-align: center;
}
.faulty-reasons-editor__header h1 {
  color: white;
  margin-bottom: 2.5rem;
}
.faulty-reasons-editor__body {
  display: flex;
  flex-direction: column;
}
.faulty-reasons-editor__body__create-button {
  display: flex;
  flex-direction: row-reverse;
}
.faulty-reasons-editor__body__body-container__table {
  margin-top: 2.5rem;
  max-height: 70vh;
  overflow-y: scroll;
}
.faulty-reasons-editor__body__body-container__table::-webkit-scrollbar {
  width: 15px;
}
.faulty-reasons-editor__body__body-container__table::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #CF0A0A;
}
.faulty-reasons-editor__body__body-container__form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.faulty-reasons-editor__body__body-container__form button {
  align-self: flex-end;
}
.faulty-reasons-editor__body__body-container__form__fields {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1rem 4rem;
  width: 50% !important;
  margin-top: 2.5rem;
}
.faulty-reasons-editor__body__body-container__form__fields label {
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 2rem;
}
.faulty-reasons-editor__body__body-container__form__fields label:last-of-type {
  margin-top: 2.5rem;
}
.faulty-reasons-editor__body__body-container__form__fields p-checkbox {
  margin-top: 2.5rem;
}
.faulty-reasons-editor__body__body-container__form__fields p-checkbox label {
  margin: 0 0 0 2rem !important;
}
.faulty-reasons-editor__body__create-button button,
.faulty-reasons-editor__body__body-container__form button,
.faulty-reasons-editor__body__body-container__form__fields button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .faulty-reasons-editor__body__create-button button,
  .faulty-reasons-editor__body__body-container__form button,
  .faulty-reasons-editor__body__body-container__form__fields button {
    min-width: fit-content;
    margin: 0;
  }
}
.faulty-reasons-main {
  max-height: 40vh;
  min-width: 40vw;
  overflow-y: scroll;
}
.faulty-reasons-main__tile-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2vh;
  margin-right: 1rem;
}
.faulty-reasons-main__tile-container__single-tile {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
  border-radius: 15px;
  background-color: #ffffff;
  border: 5px solid #CF0A0A;
  margin-bottom: 2vh;
  height: 10rem;
  width: 100%;
}
.faulty-reasons-main__tile-container__single-tile label,
.faulty-reasons-main__tile-container__single-tile p {
  font-size: x-large;
}
.faulty-reasons-main__tile-container__single-tile label {
  font-weight: bold;
}
.dismissed-task-details {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.dismissed-task-details__header {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.dismissed-task-details__header h1 {
  color: white;
  margin-top: 2.5rem;
}
.dismissed-task-details__header button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
  align-self: flex-end;
  margin: 1rem 0 3rem;
}
@media only screen and (max-width: 1200px) {
  .dismissed-task-details__header button {
    min-width: fit-content;
    margin: 0;
  }
}
.dismissed-task-details__body {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-evenly !important;
}
.dismissed-task-details__body__values-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 2rem;
}
.dismissed-task-details__body__value-pair {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dismissed-task-details__body__value-pair label,
.dismissed-task-details__body__value-pair p {
  font-size: 2rem;
}
.dismissed-task-details__body__value-pair label {
  font-weight: 500;
  white-space: nowrap;
}
.dismissed-task-details__body__value-pair p {
  color: #3185FC;
  font-weight: 450;
  margin: 0 0 0 2rem;
}
.dismissed-task-details__body__group-date,
.dismissed-task-details__body__task-info,
.dismissed-task-details__body__task-progress,
.dismissed-task-details__body__process-step {
  display: flex;
  align-self: center;
  padding: 1rem 4rem;
  border-radius: 15px;
  background-color: #ffffff;
  margin: 0 0 0.5em 0;
  margin: 0.5em 0 0 0;
}
.dismissed-task-details__body__task-info,
.dismissed-task-details__body__task-progress,
.dismissed-task-details__body__process-step {
  flex-direction: column;
  width: max-content;
  min-width: 60%;
  max-width: 70vw;
  white-space: pre-wrap;
}
.dismissed-task-details__body__group-date {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  width: 70vw;
}
.workers-to-be-assigned {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.workers-to-be-assigned__header {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: 2.5rem;
}
.workers-to-be-assigned__header h1 {
  color: white;
}
.workers-to-be-assigned__header button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
  align-self: flex-end;
}
@media only screen and (max-width: 1200px) {
  .workers-to-be-assigned__header button {
    min-width: fit-content;
    margin: 0;
  }
}
.create-production-task {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.create-production-task__header {
  text-align: center;
}
.create-production-task__header h1 {
  color: white;
  margin-bottom: 2.5rem;
}
.create-production-task__body {
  display: flex;
  display: flex;
  justify-content: center;
}
.create-production-task__body__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  padding: 1rem;
  border-radius: 15px;
  width: 70%;
}
.create-production-task__body__form__assigning,
.create-production-task__body__form__goal {
  width: 70%;
}
.create-production-task__body__form__assigning label,
.create-production-task__body__form__assigning div label,
.create-production-task__body__form__goal label,
.create-production-task__body__form__goal div label {
  font-size: 1.5rem;
  font-weight: 500;
}
.create-production-task__body__form__assigning input,
.create-production-task__body__form__assigning div > div input,
.create-production-task__body__form__goal input,
.create-production-task__body__form__goal div > div input {
  text-align: center;
}
.create-production-task__body__form__assigning button,
.create-production-task__body__form__assigning div > div button,
.create-production-task__body__form__buttons button,
.create-production-task__body__form__buttons div > div button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
}
@media only screen and (max-width: 1200px) {
  .create-production-task__body__form__assigning button,
  .create-production-task__body__form__assigning div > div button,
  .create-production-task__body__form__buttons button,
  .create-production-task__body__form__buttons div > div button {
    min-width: fit-content;
    margin: 0;
  }
}
.create-production-task__body__form__assigning div {
  display: flex;
  flex-direction: column;
  margin: 1rem;
}
.create-production-task__body__form__assigning div div {
  display: flex;
  flex-direction: row;
  height: 6rem;
}
.create-production-task__body__form__assigning div div button {
  height: 100%;
  margin: 0;
}
.create-production-task__body__form__goal {
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
}
.create-production-task__body__form__goal label {
  margin-right: 2rem;
  display: flex;
  flex-wrap: nowrap;
  align-self: flex-start;
}
.create-production-task__body__form__goal input {
  align-self: center;
  text-align: center;
  margin: 0.5em 0 0 0;
  max-width: 6rem;
  font-size: 1.5rem;
}
.create-production-task__body__form__buttons {
  margin-top: 2.5rem;
}
.create-production-task__workers-table button,
.create-production-task__process-step-table button {
  display: flex;
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .create-production-task__workers-table button,
  .create-production-task__process-step-table button {
    min-width: fit-content;
    margin: 0;
  }
}
.create-production-task__process-step-table__header {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 2.5rem;
}
.badge-button {
  display: flex;
  flex-direction: row;
  border-radius: 15px;
  border: solid 0.3rem #3185FC;
  padding: 1rem;
  font-size: 2rem;
}
.badge-button__badge {
  display: flex;
  flex-direction: row;
  margin: 0 0 0 0.5em;
}
.badge-button__badge span {
  height: 3rem;
  aspect-ratio: 1;
  font-size: 2rem;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.worker-declaration {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.worker-declaration__header {
  text-align: center;
}
.worker-declaration__header h1 {
  color: white;
  margin: 2.5rem 0 1.5rem;
}
.worker-declaration__body {
  display: flex;
  flex-direction: column;
}
.worker-declaration__body__placeholder,
.inventory-counting__placeholder {
  text-align: center;
  padding: 1rem 4rem;
}
.worker-declaration__body__placeholder h2,
.inventory-counting__placeholder h2 {
  background-color: #ffffff;
  color: #CF0A0A !important;
  border-radius: 15px;
  padding: 1rem 2rem;
}
.worker-declaration__body__tile {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  border-radius: 15px;
  background-color: #ffffff;
  border-width: 0.2rem;
  border-color: #CF0A0A;
  border-style: solid;
  margin-bottom: 0.5rem;
}
.worker-declaration__body__tile__field {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: space-evenly !important;
}
.worker-declaration__body__tile__field label {
  font-size: 2.2rem;
  font-weight: 550;
}
.worker-declaration__body__tile__field p {
  color: #3185FC !important;
  font-size: 2rem;
  font-weight: 500;
  margin: 0;
}
.worker-declaration__body__tile__field button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
  font-size: 2rem;
  font-weight: 600;
  height: max-content;
  padding: 1rem 2rem;
}
@media only screen and (max-width: 1200px) {
  .worker-declaration__body__tile__field button {
    min-width: fit-content;
    margin: 0;
  }
}
.dummy-offer-product-form {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.dummy-offer-product-form__header > button,
.dummy-offer-product-form__body__button > button,
.dummy-offer-product-form__body__form__general-fields__product-type-assignment > div > button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .dummy-offer-product-form__header > button,
  .dummy-offer-product-form__body__button > button,
  .dummy-offer-product-form__body__form__general-fields__product-type-assignment > div > button {
    min-width: fit-content;
    margin: 0;
  }
}
.dummy-offer-product-form__header {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: 2.5rem;
}
.dummy-offer-product-form__header h1 {
  color: white;
}
.dummy-offer-product-form__header button {
  align-self: flex-end;
}
.dummy-offer-product-form__body {
  display: flex;
  flex-direction: column;
  background-color: #235789 !important;
  border-radius: 15px;
  width: 80%;
  align-self: center;
  padding: 3rem 4rem 1rem;
}
.dummy-offer-product-form__body__form {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: space-evenly !important;
  margin-bottom: 2.5rem;
}
.dummy-offer-product-form__body__form__general-fields__product-type-assignment {
  display: flex;
  flex-direction: column;
  margin: 0 0 0.5rem 0.5rem;
}
.dummy-offer-product-form__body__form__general-fields__product-type-assignment div {
  display: flex;
  flex-direction: row;
  height: 6rem;
}
.dummy-offer-product-form__body__form__general-fields__product-type-assignment div button {
  height: 100%;
  margin: 0 -0.5rem 0 0;
}
.dummy-offer-product-form__body__form__general-fields,
.dummy-offer-product-form__body__form__measure-fields {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}
.dummy-offer-product-form__body__form__general-fields__record,
.dummy-offer-product-form__body__form__measure-fields__record {
  margin: 0 0 0.5em 0;
}
.dummy-offer-product-form__body__form__general-fields__record > input,
.dummy-offer-product-form__body__form__general-fields p-dropdown,
.dummy-offer-product-form__body__form__general-fields textarea,
.dummy-offer-product-form__body__form__measure-fields__record > input,
.dummy-offer-product-form__body__form__measure-fields p-dropdown,
.dummy-offer-product-form__body__form__measure-fields textarea {
  margin: 0 0 0 0.5em;
}
.dummy-offer-product-form__body__form__general-fields__record,
.dummy-offer-product-form__body__form__general-fields__product-type-assignment,
.dummy-offer-product-form__body__form__measure-fields__record,
.dummy-offer-product-form__body__form__measure-fields__product-type-assignment {
  display: flex;
  flex-direction: column;
}
.dummy-offer-product-form__body__form__general-fields__record label,
.dummy-offer-product-form__body__form__general-fields__product-type-assignment label,
.dummy-offer-product-form__body__form__measure-fields__record label,
.dummy-offer-product-form__body__form__measure-fields__product-type-assignment label {
  font-size: 1.2rem;
  font-weight: 450;
  color: white;
  margin: 0 0 0.5em 0;
}
.production-device-model {
  display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.production-device-model__form-container {
  display: flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: #235789 !important;
  padding: 1rem 4rem;
  border-radius: 15px;
  margin-bottom: 2rem;
}
.production-device-model__form-container__fields-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.production-device-model__form-container__fields-container.global-flex-direction__row {
  max-width: 70vw;
  justify-content: space-around;
}
.production-device-model__form-container__fields-container.global-flex-direction__row > div {
  width: 40%;
}
.production-device-model__form-container__fields-container.global-flex-direction__column {
  padding: 1rem;
}
.production-device-model__form-container__fields-container.global-flex-direction__column > div {
  width: 100%;
}
.production-device-model__form-container__fields-container label {
  font-size: 1.5rem;
  font-weight: 500;
  color: white;
}
.production-device-model__form-container__fields-container__field {
  display: flex;
  flex-direction: column;
  padding: 1vh;
}
.production-device-model__submit-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
}
@media only screen and (max-width: 1200px) {
  .production-device-model__submit-button {
    min-width: fit-content;
    margin: 0;
  }
}
.pending-supervision-requests {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.pending-supervision-requests__header {
  text-align: center;
  margin-bottom: 2.5rem;
}
.pending-supervision-requests__header h1 {
  color: white;
}
.pending-supervision-requests__body {
  display: flex;
  flex-direction: column;
}
.pending-supervision-requests__body__declaration {
  display: flex;
  flex-direction: row;
  text-align: center;
  display: flex;
  justify-content: space-between;
  border-radius: 15px;
  background-color: #ffffff;
  padding: 1rem;
  border: solid #CF0A0A 5px;
  margin: 0.5rem 0;
}
.pending-supervision-requests__body__declaration:first-of-type {
  margin: 0 0 0.5rem 0;
}
.pending-supervision-requests__body__declaration:last-of-type {
  margin: 0.5rem 0 0 0;
}
.pending-supervision-requests__body__declaration__value-column,
.pending-supervision-requests__body__declaration__column {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
  margin: 0 0.5rem;
}
.pending-supervision-requests__body__declaration__value-column:first-of-type,
.pending-supervision-requests__body__declaration__column:first-of-type {
  margin: 0 0.5rem 0 0;
}
.pending-supervision-requests__body__declaration__value-column:last-of-type,
.pending-supervision-requests__body__declaration__column:last-of-type {
  margin: 0 0 0 0.5rem;
}
.pending-supervision-requests__body__declaration__value-column label,
.pending-supervision-requests__body__declaration__column label {
  font-size: 1.5rem;
  font-weight: 500;
}
.pending-supervision-requests__body__declaration__value-column p,
.pending-supervision-requests__body__declaration__column p {
  color: #3185FC !important;
  font-size: 1.7rem;
  font-weight: 600;
}
.pending-supervision-requests__body__declaration__value-column div > p,
.pending-supervision-requests__body__declaration__column div > p {
  margin: 0;
}
.pending-supervision-requests__body__declaration__value-column button,
.pending-supervision-requests__body__declaration__column button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
  height: max-content;
}
@media only screen and (max-width: 1200px) {
  .pending-supervision-requests__body__declaration__value-column button,
  .pending-supervision-requests__body__declaration__column button {
    min-width: fit-content;
    margin: 0;
  }
}
.create-warehouse {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 4rem;
}
.create-warehouse__header {
  text-align: center;
  margin-bottom: 2.5rem;
}
.create-warehouse__header h1 {
  color: white;
}
.create-warehouse__body {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
  border-radius: 15px;
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  width: max-content !important;
}
.create-warehouse__body__form-control {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5rem;
}
.create-warehouse__body__form-control__label {
  font-size: 1.5rem;
  font-weight: 500;
}
.create-warehouse__body__form-control__alert {
  color: #CF0A0A !important;
}
.create-warehouse__body__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.create-warehouse__body__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .create-warehouse__body__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.form-details,
.create-currency,
.currency-rate-form,
.storage-area {
  display: flex;
  align-items: center;
  display: flex;
  justify-content: space-evenly !important;
}
.form-details__container,
.create-currency__form,
.currency-rate-form__form,
.storing-keeping-unit-form,
.storage-area__form {
  display: flex;
  align-items: center;
  border-radius: 15px;
  margin-bottom: 2vh;
  padding: 2vw 2vw;
  height: fit-content;
}
.form-details__container--background-color,
.currency-rate-form__form--background-color,
.create-currency__form--background-color,
.storage-area__form--background-color {
  background-color: #235789;
}
.form-details__field,
.create-currency__form__fields__field,
.currency-rate-form__form__body__field,
.storing-keeping-unit-form__container__field,
.storage-area__form__container__fields__element {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.form-details__field label,
.create-currency__form__fields__field label,
.currency-rate-form__form__body__field label,
.storing-keeping-unit-form__container__field label,
.storage-area__form__container__fields__element label {
  font-size: 1.7rem !important if true;
  font-weight: 450;
  color: white;
}
.form-details__field input,
.create-currency__form__fields__field input,
.currency-rate-form__form__body__field input,
.storing-keeping-unit-form__container__field input,
.storage-area__form__container__fields__element input {
  text-align: center;
  width: fit-content;
}
.form-details__field input::placeholder,
.create-currency__form__fields__field input::placeholder,
.currency-rate-form__form__body__field input::placeholder,
.storing-keeping-unit-form__container__field input::placeholder,
.storage-area__form__container__fields__element input::placeholder {
  white-space: normal;
}
.form-details__field-full-size {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.form-details__field-full-size label {
  font-size: 1.7rem !important if true;
  font-weight: 450;
  color: white;
}
.form-details__field-full-size input {
  text-align: center;
}
.form-details__field-full-size input::placeholder {
  white-space: normal;
}
.form-details__check-box-field,
.form-details__terminal-check-box-field {
  display: flex;
  align-items: center;
  font-size: 1.7rem !important if true;
  font-weight: 450;
  color: white;
  margin-bottom: 2vh;
}
.form-details__check-box-field body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon,
.form-details__terminal-check-box-field body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  font-size: 80px;
}
.form-details button,
.create-currency button,
.currency-rate-form button,
.storage-area button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  border: none;
  padding: 0.5rem 1.5rem;
}
@media only screen and (max-width: 1200px) {
  .form-details button,
  .create-currency button,
  .currency-rate-form button,
  .storage-area button {
    min-width: fit-content;
    margin: 0;
  }
}
.storage-area {
  flex-direction: row;
  padding-top: 2vh;
  display: flex;
  flex-wrap: wrap;
}
.storage-area__form__container {
  display: flex;
  flex-direction: row;
}
.storage-area__form__container__fields {
  display: flex;
  flex-direction: column;
}
.storage-area__form__container__fields__element__assigning {
  display: flex;
  flex-direction: row;
  line-height: 3.5rem;
}
.storage-area__form__container__fields__element__assigning > button {
  margin: 0;
}
.storage-area__barcode-button {
  display: flex;
  justify-content: flex-end !important;
}
.create-storage-area {
  display: flex;
  display: flex;
  justify-content: center;
}
.create-storage-area__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
}
.create-storage-area__body h1 {
  color: white;
}
.storage-area-details-info {
  display: flex;
  display: flex;
  justify-content: space-evenly !important;
  color: white;
  border-radius: 15px;
  width: 50vw;
  background-color: #235789;
  margin-bottom: 1rem;
  padding: 0.5rem;
  font-size: 1.25rem;
}
.storage-area-details-info__info-container {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.create-section,
.create-section div {
  display: flex;
}
.create-section,
.create-section__header,
.create-section__body__input-field,
.create-section__body__assign-field {
  flex-direction: column;
}
.create-section input {
  width: unset;
}
.create-section label {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0 0.5em 0;
}
.create-section button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .create-section button {
    min-width: fit-content;
    margin: 0;
  }
}
.create-section__header {
  text-align: center;
  margin-bottom: 2.5rem;
}
.create-section__header h1 {
  color: white;
}
.create-section__body {
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1rem 4rem;
  width: max-content !important;
  align-self: center;
}
.create-section__body__assign-field div {
  flex-direction: row;
}
.create-section__body__assign-field div button {
  margin: 0;
}
.create-section__body__buttons {
  flex-direction: row;
  align-items: center;
}
.product-quality-form {
  display: flex;
  flex-direction: column;
  margin: 1rem 4rem;
  background-color: #235789 !important;
  border-radius: 15px;
  padding: 2rem;
  width: 60%;
}
.product-quality-form__container {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  margin: 0.5em 0 0 0;
}
.product-quality-form__container__category {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.product-quality-form__container__category > div {
  display: flex;
  flex-direction: column;
}
.product-quality-form__container__category > div > label {
  font-size: 1.5rem;
  font-weight: 500;
  color: white;
}
.product-quality-form__footer {
  display: flex;
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
}
.product-quality-form__footer button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .product-quality-form__footer button {
    min-width: fit-content;
    margin: 0;
  }
}
.product-quality-machines {
  padding: 1rem 4rem;
}
.product-quality-machines,
.product-quality-machines__body,
.product-quality-machines__header {
  display: flex;
  flex-direction: column;
}
.product-quality-machines__header {
  text-align: center;
}
.product-quality-machines__header h1 {
  color: white;
}
.product-quality-machines__header__button {
  display: flex;
  flex-direction: row-reverse;
}
.product-quality-machines__header__button button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: max-content !important;
}
@media only screen and (max-width: 1200px) {
  .product-quality-machines__header__button button {
    min-width: fit-content;
    margin: 0;
  }
}
.product-quality-edit {
  padding: 1rem 4rem;
}
.product-quality-edit,
.product-quality-edit__header {
  display: flex;
  flex-direction: column;
}
.product-quality-edit__header {
  text-align: center;
}
.product-quality-edit__header__button {
  display: flex;
  flex-direction: row-reverse;
}
.product-quality-edit__header__button button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: max-content !important;
}
@media only screen and (max-width: 1200px) {
  .product-quality-edit__header__button button {
    min-width: fit-content;
    margin: 0;
  }
}
.product-quality-edit__header h1 {
  color: white;
}
.external-form {
  position: absolute;
  z-index: 1000;
  top: 20%;
  right: 0;
  left: 0;
}
.product-type-form-container {
  display: flex;
  display: flex;
}
.product-type-form-container__fields {
  align-items: center;
}
.product-type-form-container__fields__editable-category {
  display: flex;
  justify-content: space-between;
  margin: unset !important;
}
.product-type-form-container__fields__read-only-category {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  padding: 2vh;
  width: 80vw;
  align-items: flex-end;
}
.product-type-form-container__fields__record {
  display: flex;
  flex-direction: column;
  width: available !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
}
.product-type-form-container__fields__record label {
  color: #ffffff;
}
.form-buttons {
  display: flex;
  display: flex;
  justify-content: center;
}
.form-buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  align-self: center;
}
@media only screen and (max-width: 1200px) {
  .form-buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.stored-product-instance,
.storing-keeping-unit-instance-details__stored-product {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: solid 5px #CF0A0A;
  padding: 5vh;
  width: 60%;
  max-height: 40vh;
  overflow-y: auto;
}
.stored-product-instance__container {
  border: solid 3px #CF0A0A;
  margin-bottom: 1vh;
}
.stored-product-instance__details-button {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.stored-product-instance__details-button button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  width: fit-content !important;
  background-color: #173753;
}
@media only screen and (max-width: 1200px) {
  .stored-product-instance__details-button button {
    min-width: fit-content;
    margin: 0;
  }
}
.stored-product-instance__records {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.stored-product-instance__records__single-record,
.production-log-tile__record {
  display: flex;
  flex-direction: column;
  margin-right: 0.5vw;
}
.stored-product-instance__records__single-record__name,
.production-log-tile__record__name {
  font-size: 1.5rem;
  font-weight: 500;
  color: #3185FC;
}
.stored-product-instance__records__single-record__value,
.production-log-tile__record__value {
  font-size: 1.2rem;
  font-weight: 450;
}
.product-stored-instance-details {
  display: flex;
  flex-direction: column;
}
.product-stored-instance-details__buttons,
.storage-area__barcode-button {
  display: flex;
  flex-direction: row;
  align-self: flex-end;
}
.product-stored-instance-details__buttons button,
.storage-area__barcode-button button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .product-stored-instance-details__buttons button,
  .storage-area__barcode-button button {
    min-width: fit-content;
    margin: 0;
  }
}
.product-stored-instance-details__container {
  display: flex;
  display: flex;
  justify-content: center;
  margin: 2%;
}
.product-stored-instance-mfc {
  display: flex;
  justify-content: flex-start;
}
.product-stored-instance-mfc__tile-container {
  background-color: #ffffff;
  border-radius: 15px;
  border: 5px solid red;
  padding: 1.5rem;
  margin: 2rem 0 0 2rem;
  font-size: 1.5rem;
}
.product-stored-instance-mfc__info-container {
  display: flex;
  display: flex;
  justify-content: center;
}
.product-stored-instance-mfc__main-title {
  font-weight: bold;
}
.package-request-details {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.package-request-details__header {
  display: flex;
  flex-direction: row-reverse;
}
.package-request-details__header button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .package-request-details__header button {
    min-width: fit-content;
    margin: 0;
  }
}
.package-request-details__body {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.package-request-details__body__delivery-address {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  margin: 0 0 0.5em 0;
  border-radius: 15px;
  background-color: #ffffff;
  width: 40% !important;
  margin-right: 0.5em !important;
}
.package-request-details__body__delivery-address__header {
  text-align: center;
}
.package-request-details__body__delivery-address div:first-of-type {
  margin: 0.5em 0 0 0;
}
.package-request-details__body__delivery-address__record {
  display: flex;
  flex-direction: column;
  text-align: start;
  margin: 0 0 0.5em 0;
}
.package-request-details__body__delivery-address__record label {
  font-size: 1.5rem;
  font-weight: 500;
  color: #3185FC !important;
}
.package-request-details__body__delivery-address__record p {
  font-size: 1.2rem;
  font-weight: 450;
  margin: 0 0 0 0.5em;
}
.package-request-details__body__order-and-products {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-evenly !important;
  width: 60%;
  margin: 0 0 0 0.5em;
}
.package-request-details__body__order-and-products__order {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  border-radius: 15px;
  padding: 1rem;
  background-color: #ffffff;
  margin: 0 0 0.5em 0;
  border: solid 3px #CF0A0A;
}
.package-request-details__body__order-and-products__order__column {
  display: flex;
  flex-direction: column;
}
.package-request-details__body__order-and-products__order__column label {
  font-size: 1.5rem;
  font-weight: 500;
  color: #3185FC !important;
}
.package-request-details__body__order-and-products__order__column p {
  font-size: 1.2rem;
  font-weight: 450;
}
.package-request-details__body__order-and-products__products {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1rem;
}
.package-request-details__body__order-and-products__products h2 {
  margin-bottom: 2.5rem;
}
.package-request-details__body__order-and-products__products button {
  border-radius: 15px;
  background-color: #173753;
  color: white;
  width: max-content !important;
  align-self: flex-end;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0.1rem 1.3rem;
  border-style: none;
}
.package-request-details__body__order-and-products__products button i {
  margin-right: 0.5em !important;
}
.package-request-details__body__order-and-products__products p-table {
  margin: 0.5em 0 0 0;
}
.storing-keeping-unit-form__container {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  width: 30vw;
}
.storing-keeping-unit-form__container__category {
  display: flex;
  flex-direction: column;
}
.storing-keeping-unit-form__container__field label {
  text-align: center;
  font-size: 1.2rem !important;
}
.storing-keeping-unit-form button {
  display: flex;
  display: flex;
  justify-content: center;
}
.storing-keeping-unit-instance-details {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
  margin-top: 2vh;
}
.storing-keeping-unit-instance-details__stored-product {
  display: flex;
  justify-content: center;
  width: 50%;
}
.storing-keeping-unit-type-details,
.create-storing-keeping-unit-type {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 2vh;
}
.create-workspace-instance-form__content__field {
  display: flex;
  flex-direction: column;
}
.create-workspace-instance-form__content__field label {
  color: #ffffff !important;
  font-size: 1.5rem;
  font-weight: 500;
}
.create-workspace-instance-form__content__field input {
  text-align: center;
}
.production-log-tile {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  display: flex;
  flex-wrap: wrap;
  border-radius: 15px;
  padding: 3vh;
  border: 5px solid #CF0A0A;
  margin: 2vh;
}
.printable-order-package__main-container {
  display: flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.printable-order-package__main-container__title {
  font-weight: bold;
  font-size: 2rem;
}
.printable-order-package__item-info {
  display: flex;
  font-size: 1rem;
}
.printable-order-package__item-info label {
  font-weight: bold;
  margin-right: 0.5rem;
}
.printable-order-package__delivery-address {
  display: flex;
  flex-direction: column;
}
.printable-order-package__delivery-address h4 {
  font-weight: bold;
  font-size: 1.25rem;
}
.printable-order-package__customer {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
.printable-order-package__table-title {
  display: flex;
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 1.5rem;
}
.inventory-details {
  padding: 1rem 4rem;
}
.inventory-details,
.inventory-details__header__status {
  display: flex;
  flex-direction: column;
}
.inventory-details__header {
  display: flex;
  justify-content: space-between;
}
.inventory-details__header,
.inventory-details__header__status__record {
  display: flex;
  flex-direction: row;
}
.inventory-details__header__status__record label,
.inventory-details__header__status__record p {
  font-size: 2.5rem;
}
.inventory-details__header__status__record label {
  margin-right: 0.5em !important;
  color: #3185FC !important;
}
.inventory-details__header__status__record p {
  color: white;
}
.inventory-details__header__generate-report button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: max-content !important;
}
@media only screen and (max-width: 1200px) {
  .inventory-details__header__generate-report button {
    min-width: fit-content;
    margin: 0;
  }
}
.inventory-details__body__result {
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1rem 4rem;
  border: 5px solid #3185FC;
}
.inventory-details__body__result__header {
  text-align: center;
}
.inventory-details__body__result__body {
  display: flex;
  display: flex;
  justify-content: space-evenly !important;
  margin: 0.5em 0 0 0;
}
.show-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  width: fit-content !important;
  background-color: #3185FC;
  display: flex;
  justify-content: space-evenly !important;
  width: max-content !important;
  display: inline-flex;
  align-items: center;
  max-width: available;
  max-width: -moz-available;
  max-width: -webkit-fill-available;
  padding: 1.5rem 4rem;
}
@media only screen and (max-width: 1200px) {
  .show-button {
    min-width: fit-content;
    margin: 0;
  }
}
.inventory-in-production-products,
.inventory-in-warehouse-products {
  display: flex;
  flex-direction: column;
}
.inventory-in-production-products__header,
.inventory-in-warehouse-products__header {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}
.inventory-in-production-products__header h1,
.inventory-in-warehouse-products__header h1 {
  color: white;
}
.inventory-in-production-products__body__steps,
.inventory-in-production-products__body__products,
.inventory-in-warehouse-products__body__steps,
.inventory-in-warehouse-products__body__products {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.inventory-in-production-products__body__steps__header,
.inventory-in-production-products__body__products__header,
.inventory-in-warehouse-products__body__steps__header,
.inventory-in-warehouse-products__body__products__header {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.inventory-in-production-products__body__steps__header__labels,
.inventory-in-production-products__body__products__header__labels,
.inventory-in-warehouse-products__body__steps__header__labels,
.inventory-in-warehouse-products__body__products__header__labels {
  display: flex;
  flex-direction: column;
}
.inventory-in-production-products__body__steps__header__labels__record,
.inventory-in-production-products__body__products__header__labels__record,
.inventory-in-warehouse-products__body__steps__header__labels__record,
.inventory-in-warehouse-products__body__products__header__labels__record {
  display: flex;
  flex-direction: row;
  font-size: 2.5rem;
}
.inventory-in-production-products__body__steps__header__labels__record label,
.inventory-in-production-products__body__products__header__labels__record label,
.inventory-in-warehouse-products__body__steps__header__labels__record label,
.inventory-in-warehouse-products__body__products__header__labels__record label {
  color: #3185FC !important;
  margin-right: 0.5em !important;
}
.inventory-in-production-products__body__steps__header__labels__record p,
.inventory-in-production-products__body__products__header__labels__record p,
.inventory-in-warehouse-products__body__steps__header__labels__record p,
.inventory-in-warehouse-products__body__products__header__labels__record p {
  color: white;
  margin: unset !important;
  font-size: 2rem;
  align-self: center;
}
.inventory-in-production-products__body__steps__header button,
.inventory-in-production-products__body__products__header button,
.inventory-in-warehouse-products__body__steps__header button,
.inventory-in-warehouse-products__body__products__header button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .inventory-in-production-products__body__steps__header button,
  .inventory-in-production-products__body__products__header button,
  .inventory-in-warehouse-products__body__steps__header button,
  .inventory-in-warehouse-products__body__products__header button {
    min-width: fit-content;
    margin: 0;
  }
}
.inventory-declaration-tile {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 15px;
  background-color: #ffffff;
  padding: 0;
  margin-top: 1.5rem;
  border: solid 5px #CF0A0A;
  overflow: hidden;
}
.inventory-declaration-tile__counter-column,
.inventory-declaration-tile__date-column,
.inventory-declaration-tile__by-worker-column {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  display: flex;
  justify-content: space-evenly !important;
}
.inventory-declaration-tile__counter-column label,
.inventory-declaration-tile__date-column label,
.inventory-declaration-tile__by-worker-column label {
  font-size: 1.7rem;
  font-weight: 500;
}
.inventory-declaration-tile__counter-column p,
.inventory-declaration-tile__date-column p,
.inventory-declaration-tile__by-worker-column p {
  font-size: 2rem;
  font-weight: 600;
}
.inventory-declaration-tile__date-column,
.inventory-declaration-tile__by-worker-column {
  width: 30%;
}
.inventory-declaration-tile__counter-column {
  width: 20%;
  background-color: #173753;
}
.inventory-declaration-tile__counter-column label {
  color: white;
}
.inventory-declaration-tile__counter-column p {
  color: #3185FC !important;
}
.create-inventory,
.create-inventory__body {
  padding: 1rem 4rem;
}
.create-inventory,
.create-inventory__field,
.create-inventory__button,
.create-inventory__body,
.create-inventory__body__field,
.create-inventory__body__button {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.create-inventory__header {
  text-align: center;
  margin-bottom: 2.5rem;
}
.create-inventory__header h1 {
  color: white;
}
.create-inventory__body {
  border-radius: 15px;
  background-color: #ffffff;
}
.create-inventory__body__field label {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0 0.5em 0;
}
.create-inventory__body__field input {
  width: max-content !important;
}
.create-inventory__body__button {
  align-items: center;
  margin-top: 2.5rem;
}
.create-inventory__body__button button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .create-inventory__body__button button {
    min-width: fit-content;
    margin: 0;
  }
}
.inventory-counting {
  display: flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.inventory-counting__tiles-title {
  display: flex;
  display: flex;
  justify-content: center;
}
.inventory-counting__tiles-title--font-size {
  font-size: 4rem;
}
.inventory-counting__tiles-title--color {
  color: #3185FC !important;
}
.inventory-counting__tiles-container {
  max-height: 60vh;
  overflow-y: scroll;
}
.inventory-counting-tile {
  display: flex;
  border: 5px solid red;
  margin-top: 3rem;
}
.inventory-counting-tile__info {
  display: flex;
  flex-direction: column;
  width: 60%;
}
.inventory-counting-tile__info__group {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50%;
}
.inventory-counting-tile__info__group label {
  color: white;
  font-size: 2rem;
}
.inventory-counting-tile__info__product {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  min-height: 50%;
  height: fit-content;
}
.inventory-counting-tile__info__product span {
  color: #000000 !important;
  font-size: 2rem;
}
.inventory-counting-tile__button {
  width: 40%;
  border: 5px solid red;
  padding: 0.5rem;
}
.inventory-counting-tile__button__style {
  width: 100%;
  height: 100%;
  margin: unset !important;
}
.inventory-declaration-counting__return-button {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.inventory-declaration-counting__return-button button {
  margin-right: 1rem;
}
.inventory-declaration-counting__body {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inventory-declaration-counting__body span {
  color: #3185FC !important;
  font-size: 3rem;
}
.inventory-declaration-counting__body__input {
  margin-top: 2rem;
}
.workload-tiles {
  background-color: #ffffff;
  border-radius: 15px;
  padding: 2rem;
}
.workload-tile {
  display: flex;
  border: 3px #173753 solid;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.workload-tile__content {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: center;
  width: 100%;
}
.workload-tile__content__workspace-info,
.workload-tile__content__instance-info,
.workload-tile__content__machine-info {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: center;
  font-size: 1.5rem;
}
.workload-tile__content__workspace-info p,
.workload-tile__content__instance-info p,
.workload-tile__content__machine-info p {
  margin-right: 1rem;
}
.workload-tile__content__workspace-info span,
.workload-tile__content__instance-info span,
.workload-tile__content__machine-info span {
  font-weight: bold;
  color: #3185FC !important;
}
.workload-tile__content__machine-info p,
.workload-tile__content__machine-info span {
  margin-right: 0.25rem;
}
.workload-tile__content__duration {
  display: flex;
  align-items: center;
  background-color: #173753;
}
.workload-tile__content__duration span {
  color: white;
  font-weight: bold;
  font-size: 2rem;
}
.drawing-files {
  display: flex;
  flex-direction: column;
}
.drawing-files h1 {
  text-align: center;
  color: white;
  font-size: 3.3rem;
  font-weight: 600;
}
.drawing-files > button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  align-self: flex-end;
  height: max-content;
  width: max-content !important;
  font-size: 3rem;
  font-weight: 500;
  margin: 1rem 0 1rem 1rem;
}
@media only screen and (max-width: 1200px) {
  .drawing-files > button {
    min-width: fit-content;
    margin: 0;
  }
}
.drawing-files__close-printing-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  width: fit-content !important;
  background-color: #CF0A0A !important;
  position: absolute;
  top: 7%;
  right: 3%;
}
@media only screen and (max-width: 1200px) {
  .drawing-files__close-printing-button {
    min-width: fit-content;
    margin: 0;
  }
}
.drawing-file-tile {
  display: flex;
  flex-direction: row;
  border-radius: 15px;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  border: solid 5px #CF0A0A;
  overflow: auto;
}
.drawing-file-tile__order-column,
.drawing-file-tile__file-name-column,
.drawing-file-tile__extension-column,
.drawing-file-tile__action-column {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
}
.drawing-file-tile__order-column,
.drawing-file-tile__action-column {
  width: 10%;
  background-color: #173753;
}
.drawing-file-tile__order-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.drawing-file-tile__order-column p {
  color: white;
  font-size: 3rem;
  font-weight: bold;
}
.drawing-file-tile__file-name-column,
.drawing-file-tile__extension-column {
  width: 40% !important;
  padding: 0 0.3rem;
}
.drawing-file-tile__file-name-column label,
.drawing-file-tile__extension-column label {
  color: #3185FC !important;
  font-size: 3.3rem;
  font-weight: 500;
}
.drawing-file-tile__file-name-column p,
.drawing-file-tile__extension-column p {
  padding: 0;
  font-size: 3rem;
  font-weight: 600;
}
.drawing-file-tile__action-column button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: available !important;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
  height: available !important;
  height: -moz-available !important;
  height: -webkit-fill-available !important;
  font-size: 3rem;
  font-weight: 600;
}
@media only screen and (max-width: 1200px) {
  .drawing-file-tile__action-column button {
    min-width: fit-content;
    margin: 0;
  }
}
.image-terminal-preview {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: 100%;
  height: 100%;
  background-color: #173753;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 4px #CF0A0A;
}
.image-terminal-preview__header {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  height: max-content;
  padding: 1rem;
  background: #235789;
}
.image-terminal-preview__header__zoom-buttons button,
.image-terminal-preview__header__close-button button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .image-terminal-preview__header__zoom-buttons button,
  .image-terminal-preview__header__close-button button {
    min-width: fit-content;
    margin: 0;
  }
}
.image-terminal-preview__header__zoom-buttons {
  display: flex;
  flex-direction: row;
}
.image-terminal-preview__header__close-button button {
  background-color: #CF0A0A !important;
}
.image-terminal-preview__body {
  display: flex;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: scroll;
}
.user-role-editor {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.user-role-editor__header {
  text-align: center;
}
.user-role-editor__header h1 {
  color: white;
}
.user-role-editor__body {
  display: flex;
  flex-direction: column;
}
.user-role-editor__body__dropdown {
  padding-bottom: 2vh;
}
.user-role-editor__body__dropdown label {
  font-size: 1.5rem;
  font-weight: 500;
  color: white;
}
.user-role-editor__body__dropdown p-dropdown {
  max-width: 15rem;
}
.permissions-table {
  display: flex;
  flex-direction: column;
}
.permissions-table__header {
  text-align: center;
  margin-top: 2.5rem;
}
.permissions-table__header h2 {
  color: white;
}
.permissions-table__body {
  display: flex;
  flex-direction: column;
}
.permissions-table__body__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .permissions-table__body__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.enum-entity-editor {
  display: flex;
  flex-direction: column;
  padding: 1rem 4rem;
}
.enum-entity-editor__header {
  text-align: center;
  margin-bottom: 2.5rem;
}
.enum-entity-editor__header h1 {
  color: white;
}
.enum-entity-editor__body__tiles,
.enum-entity-editor__body__entities {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.enum-entity-editor__body__tiles__tile {
  margin-bottom: 2.5rem;
}
.enum-entity-editor__body__entities {
  background-color: #235789 !important;
  border-radius: 15px;
  padding: 2rem;
}
.enum-entity-editor__body__entities__header {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  margin-bottom: 2.5rem;
}
.enum-entity-editor__body__entities__header__top {
  text-align: center;
  margin-bottom: 2.5rem;
}
.enum-entity-editor__body__entities__header__top h2 {
  color: white;
}
.enum-entity-editor__body__entities__header__bottom {
  display: flex;
  flex-direction: row;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.enum-entity-editor__body__entities__header__bottom__info {
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1rem;
}
.enum-entity-editor__body__entities__header__bottom__info label {
  font-size: 1.5rem;
  font-weight: 500;
  color: #3185FC !important;
}
.enum-entity-editor__body__entities__header__bottom__info p {
  font-size: 1.2rem;
  font-weight: 450;
}
.enum-entity-editor__body__entities__header__bottom__input-form,
.enum-entity-editor__body__entities__header__bottom__buttons {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.enum-entity-editor__body__entities__header__bottom__input-form :first-child,
.enum-entity-editor__body__entities__header__bottom__buttons :first-child {
  margin-right: 0.5em !important;
}
.enum-entity-editor__body__entities__header__bottom__input-form button,
.enum-entity-editor__body__entities__header__bottom__buttons button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: max-content !important;
}
@media only screen and (max-width: 1200px) {
  .enum-entity-editor__body__entities__header__bottom__input-form button,
  .enum-entity-editor__body__entities__header__bottom__buttons button {
    min-width: fit-content;
    margin: 0;
  }
}
.enum-class-tile {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: space-around !important;
  padding: 1rem;
  background-color: #ffffff;
  border-radius: 15px;
  border-style: solid;
  border-width: 4px;
  border-color: #CF0A0A;
}
.enum-class-tile__name,
.enum-class-tile__entities-amount,
.enum-class-tile__edit-button {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
  flex: 1;
}
.enum-class-tile__name label,
.enum-class-tile__entities-amount label {
  font-size: 1.5rem;
  font-weight: 500;
  color: #3185FC !important;
  margin: 0 0 0.5em 0;
}
.enum-class-tile__name p,
.enum-class-tile__entities-amount p {
  font-size: 1.2rem;
  font-weight: 450;
}
.enum-class-tile__edit-button {
  display: flex;
  justify-content: center;
}
.enum-class-tile__edit-button button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .enum-class-tile__edit-button button {
    min-width: fit-content;
    margin: 0;
  }
}
.enum-entity-tile {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 1rem;
  margin-bottom: 2.5rem;
  border-radius: 15px;
  border-style: solid;
  border-color: #CF0A0A;
  border-width: 4px;
}
.enum-entity-tile__upper-body {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.enum-entity-tile__upper-body__arrow-column,
.enum-entity-tile__upper-body__name-column,
.enum-entity-tile__upper-body__action-column {
  display: flex;
  align-items: center;
}
.enum-entity-tile__upper-body__arrow-column,
.enum-entity-tile__upper-body__name-column {
  flex-direction: column;
  display: flex;
  justify-content: space-evenly !important;
}
.enum-entity-tile__upper-body__arrow-column i {
  font-size: 2.5rem;
  font-weight: 900;
}
.enum-entity-tile__upper-body__name-column label {
  font-size: 1.5rem;
  font-weight: 500;
  color: #3185FC !important;
}
.enum-entity-tile__upper-body__name-column p {
  font-size: 1.2rem;
  font-weight: 450;
}
.enum-entity-tile__upper-body__action-column {
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
}
.enum-entity-tile__upper-body__action-column button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .enum-entity-tile__upper-body__action-column button {
    min-width: fit-content;
    margin: 0;
  }
}
.enum-entity-translations__header {
  display: flex;
  flex-direction: column;
  margin-top: 2.5rem;
}
.enum-entity-translations__header__title {
  text-align: center;
}
.enum-entity-translations__header__button {
  display: flex;
  flex-direction: row-reverse;
}
.enum-entity-translations__header__button button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .enum-entity-translations__header__button button {
    min-width: fit-content;
    margin: 0;
  }
}
.enum-entity-translations__body {
  display: flex;
  flex-direction: column;
}
.enum-entity-translations__body__translation-field {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-around !important;
  background-color: #173753;
  padding: 1rem;
  margin: 0 0 0.5em 0;
  border-radius: 9px;
}
.enum-entity-translations__body__translation-field input {
  width: 30%;
}
.enum-entity-translations__body__translation-field p-dropdown {
  width: 30%;
}
.enum-entity-translations__body__translation-field button {
  border: none;
  height: 3rem;
  aspect-ratio: 1;
}
.enum-entity-translations__body__translation-field button span {
  font-size: 2rem;
}
.manufacturing-methods {
  padding: 1rem 4rem;
}
.manufacturing-methods,
.manufacturing-methods__header,
.manufacturing-methods__body__buttons {
  display: flex;
  flex-direction: column;
}
.manufacturing-methods button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .manufacturing-methods button {
    min-width: fit-content;
    margin: 0;
  }
}
.manufacturing-methods__header {
  margin-top: 2.5rem;
}
.manufacturing-methods__header h1 {
  color: white;
}
.manufacturing-methods__header__buttons {
  display: flex;
  flex-direction: row-reverse;
}
.manufacturing-methods__body {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.manufacturing-methods__body__assigned-table,
.manufacturing-methods__body__available-table {
  width: 40% !important;
}
.manufacturing-methods__body__assigned-table h2,
.manufacturing-methods__body__available-table h2 {
  color: white;
  margin-bottom: 2.5rem;
}
.manufacturing-methods__body__fixed-table {
  min-width: 50vw;
  max-width: max-content;
}
.manufacturing-methods__body__buttons {
  width: 10%;
}
.create-currency,
.currency-rate-form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.create-currency h1,
.currency-rate-form h1 {
  color: #ffffff !important;
}
.create-currency__form,
.currency-rate-form__form {
  border-radius: 15px;
}
.create-currency__form__fields,
.currency-rate-form__form__body {
  padding: 2rem;
}
.details-currency {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 2rem;
}
.details-currency h1 {
  color: white;
  font-weight: bold;
}
.details-currency__body {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
  width: 100%;
  margin-bottom: 2rem;
}
.details-currency__body__info-container {
  flex-direction: column;
  width: 25%;
}
.details-currency__body__info-container__info-element {
  flex-direction: row;
  background-color: #ffffff;
  border-style: solid;
  border-radius: 15px 50px;
  border-color: #CF0A0A;
  padding: 2rem;
}
.details-currency__body__info-container__info-element label {
  font-weight: bold;
  font-size: x-large;
}
.details-currency__body__info-container__info-element p {
  font-size: x-large;
}
.currency-rate-form__form {
  flex-direction: column;
}
.currency-rate-form__form__body {
  padding: 0;
}
.functionality-menu,
.sub-functionality-menu {
  display: flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 0.5rem;
}
.functionality-menu .p-panel.p-panel-toggleable .p-panel-header,
.sub-functionality-menu .p-panel.p-panel-toggleable .p-panel-header {
  padding: 0 1rem;
}
.functionality-menu__items-container,
.sub-functionality-menu__container {
  max-height: 75vh;
  overflow-y: scroll;
}
.functionality-menu__items-container__items,
.sub-functionality-menu__container__items {
  display: flex;
  display: flex;
  justify-content: center;
  width: 100%;
  border-radius: 15px;
  background-color: white;
  padding: 2rem;
  margin: 1rem 0;
  border: 5px solid red;
}
.sub-functionality-menu {
  padding-bottom: 0.5rem;
}
.sub-functionality-menu .p-panel .p-panel-content {
  background-color: #173753;
  border: none;
}
.inventory-mode {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inventory-mode h3 {
  color: white;
}
.inventory-mode__tile {
  display: flex;
  display: flex;
  justify-content: center;
  border-radius: 15px;
  width: 100%;
  background-color: #ffffff;
  border: 5px solid red;
  margin: 0.5rem;
}
.inventory-mode__tile p {
  font-weight: bold;
  padding: 2rem;
  margin: 0;
}
.scan-stored-product {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.scan-stored-product__title-container,
.scan-area__title,
.request-location-mark-form label {
  display: flex;
  display: flex;
  justify-content: center;
  border-radius: 15px;
  width: 100%;
  background-color: #ffffff;
  margin: 0.5rem;
  border: 3px solid red;
}
.scan-stored-product__title-container p,
.scan-area__title p,
.request-location-mark-form label p {
  font-weight: bold;
  margin: 0;
  padding: 0.5rem;
}
.scan-stored-product__main-info,
.scan-area__management-container {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  width: 100%;
  align-items: center;
  margin-top: 2rem;
}
.scan-stored-product__main-info__item,
.scan-area__management-container__declaration__header {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.scan-stored-product__button,
.shipment-pack-pick-up-product-form__form-container__form__buttons button,
.scan-area__management-container__declaration__header button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .scan-stored-product__button,
  .shipment-pack-pick-up-product-form__form-container__form__buttons button,
  .scan-area__management-container__declaration__header button {
    min-width: fit-content;
    margin: 0;
  }
}
.scan-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.scan-area__form {
  display: flex;
  flex-direction: column;
}
.scan-area__form input {
  width: 90vw;
  margin: 0.5rem;
}
.scan-area__management-container__details {
  width: 100vw;
  border: 3px solid red;
}
.scan-area__management-container__details__header {
  display: flex;
  flex-direction: column;
}
.scan-area__management-container__details__header h3 {
  align-self: center;
}
.scan-area__management-container__details__info-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.scan-area__management-container__details__info-container__record {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0.5rem;
}
.scan-area__management-container__details__info-container__record label {
  font-weight: bold;
  font-size: larger;
  color: #3185FC;
}
.scan-area__management-container__details__info-container__record p {
  font-size: larger;
}
.scan-area__management-container__declaration__header h3 {
  margin-left: auto;
}
.scan-area__management-container__declaration__header button {
  margin: 0.25rem 0.25rem 0 auto;
}
.mobile-stored-product-tile {
  display: flex;
  flex-direction: column;
  border: 3px solid red;
  margin: 1rem 0;
  width: 90vw;
}
.mobile-stored-product-tile__declare-button {
  align-self: flex-end;
  margin: 0.25rem;
}
.mobile-stored-product-tile__tiles-container {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-evenly !important;
}
.mobile-stored-product-tile__tiles-container__tile {
  text-align: center;
}
.mobile-stored-product-tile__tiles-container__tile p {
  font-weight: bold;
}
.mobile-stored-product-tile__tiles-container__tile span {
  font-weight: bold;
  color: #3185FC;
}
.mobile-inventory {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0.5rem;
}
.mobile-inventory__form {
  display: flex;
  flex-direction: column;
}
.mobile-inventory__form input {
  width: 90vw;
  margin: 0.5rem;
}
.mobile-inventory__form__buttons-container {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: center;
}
.shipment-pack-pick-up-product-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.shipment-pack-pick-up-product-form h3 {
  color: #ffffff;
  font-weight: bold;
}
.shipment-pack-pick-up-product-form__form-container {
  display: flex;
  display: flex;
  justify-content: center;
}
.shipment-pack-pick-up-product-form__form-container__form {
  display: flex;
  flex-direction: column;
}
.shipment-pack-pick-up-product-form__form-container__form__label {
  display: flex;
  display: flex;
  justify-content: center;
  font-size: large;
  font-weight: bold;
  border-radius: 15px;
  background-color: #ffffff;
  border: 3px solid red;
  padding: 0.5rem;
}
.shipment-pack-pick-up-product-form__form-container__form input {
  width: 90vw;
  margin: 0.5rem;
}
.shipment-pack-pick-up-product-form__form-container__form__buttons {
  display: flex;
  display: flex;
  justify-content: center;
}
.shipment-pack-pick-up-product-form__form-container__form__buttons button {
  width: fit-content;
  align-self: center;
}
.shipment-mobile-functionality {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.shipment-mobile-functionality h3 {
  align-self: center;
  color: white;
}
.shipment-mobile-functionality__tile {
  display: flex;
  display: flex;
  justify-content: center;
  border-radius: 15px;
  background-color: white false;
  font-size: larger;
  width: fit-content;
  text-align: center;
  margin-bottom: 2vh;
  padding: 1rem;
  border: 5px solid #CF0A0A;
}
.max-quantity-tile {
  display: flex;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 15px;
  margin-right: 1rem;
  border: 5px solid red;
}
.max-quantity-tile > span {
  padding: 1rem;
}
.pick-up-products {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.pick-up-products__progress-bar-container,
.production-planning-process-step-details__progress-bar {
  width: fit-content;
}
.global-progress-bar__title {
  color: white;
  font-size: 1.2rem;
}
.global-progress-bar__main-container {
  background-color: #ffffff;
  position: relative;
}
.global-progress-bar__main-container__progress {
  background-color: #3185FC;
  height: 100%;
  position: absolute;
  transition: width 2s;
}
.global-progress-bar__main-container span {
  position: relative;
}
.location-mark {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
  align-items: baseline;
  margin-top: 1.5rem;
}
.location-mark__quantity-tile {
  margin: 0.5rem 0;
}
.invoice-action {
  display: flex;
  align-items: center;
}
.invoice-action span {
  font-weight: bold;
  font-size: larger;
  display: flex;
  flex-wrap: nowrap;
}
.invoice-action button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .invoice-action button {
    min-width: fit-content;
    margin: 0;
  }
}
.storage-mobile {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.storage-mobile h3 {
  color: white;
  font-weight: bold;
}
.storage-mobile__items-container {
  width: 100%;
}
.storage-mobile__items-container__single-item {
  background-color: #ffffff;
  border-radius: 15px;
  border: 5px solid red;
  margin: 1rem;
  padding: 1rem;
}
.product-stored-instance-request-tile {
  display: flex;
  flex-direction: row-reverse;
  background-color: #ffffff;
  border-radius: 15px;
  border: 5px solid red;
  margin: 1rem;
  padding: 1rem;
}
.product-stored-instance-request-tile__close-button {
  font-size: xx-large;
}
.product-stored-instance-request-tile__close-button .pi {
  font-size: 2rem;
}
.request-location-mark-list__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.request-location-mark-list__body h3 {
  color: white;
  font-weight: bold;
}
.request-location-mark-list__body__location-mark-container {
  background-color: #ffffff;
  border-radius: 15px;
  border: 5px solid red;
  margin: 1rem;
  padding: 0.5rem;
}
.request-location-mark-list__body__location-mark-container__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.request-location-mark-list__body__location-mark-container__info__value {
  font-weight: bold;
}
.request-location-mark-list__back-button {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
  margin: 1rem;
}
.request-location-mark-list__back-button button {
  font-size: xx-large;
}
.request-location-mark-list__back-button button .pi {
  font-size: 2rem;
}
.request-location-mark-list__placeholder {
  text-align: center;
  background-color: #ffffff;
  padding: 2rem;
  border: 5px solid red;
  margin: 1rem;
}
.request-location-mark-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.request-location-mark-form label {
  margin: unset !important;
  padding: 0.5rem;
}
.request-location-mark-form-complete-step {
  display: flex;
  display: flex;
  justify-content: center;
}
.mobile-no-records {
  display: flex;
  background-color: #ffffff;
  border-radius: 15px;
  text-align: center;
  border: 5px solid red;
  padding: 2rem;
}
.shipment-order-package-products {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.shipment-order-package-products button {
  align-self: flex-end;
}
.shipment-order-package-products h3 {
  color: white;
  font-weight: bold;
}
.shipment-order-package-products__tile {
  display: flex;
  display: flex;
  justify-content: center;
  border-radius: 15px;
  background-color: white false;
  font-size: larger;
  width: fit-content;
  text-align: center;
  margin-bottom: 2vh;
  padding: 1rem;
  border: 5px solid #CF0A0A;
  flex-direction: column;
}
.shipment-pick-up-products {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.shipment-pick-up-products button {
  align-self: flex-end;
}
.shipment-pick-up-products h3 {
  color: white;
  font-weight: bold;
  text-align: center;
}
.shipment-pick-up-products__tile {
  display: flex;
  display: flex;
  justify-content: center;
  border-radius: 15px;
  background-color: white false;
  font-size: larger;
  width: fit-content;
  text-align: center;
  margin-bottom: 2vh;
  padding: 1rem;
  border: 5px solid #CF0A0A;
  flex-direction: column;
}
.banking-create-update-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 5rem;
}
.banking-create-update-content h3 {
  color: white;
  font-weight: bold;
}
.document-file {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.document-file button {
  align-self: flex-end;
}
.document-file h3 {
  color: white;
}
.document-file__container {
  width: 50% !important;
  background-color: #ffffff;
  border-radius: 15px;
  margin: 2rem 0;
}
.print-product-stored-instance-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.print-product-stored-instance-label label p {
  font-size: larger;
}
.print-product-stored-instance-label p {
  margin-left: 0;
}
.country-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1vh;
}
.country-details__title--color {
  color: white;
}
.country-table {
  display: flex;
  flex-direction: column;
}
.country-table__buttons {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.country-form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 15vh;
}
.country-form-container__title-white-color {
  color: #ffffff !important;
}
.add-part-mold-button {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.mold-part-type-list-item-details {
  display: flex;
  display: flex;
  justify-content: space-evenly !important;
  margin: 2rem 0 2rem 0;
}
.mold-part-type-list-item-details #tile {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background-color: #ffffff;
  border: 5px solid red;
  padding: 4rem;
}
.mold-part-type-list-item-details #tile label,
.mold-part-type-list-item-details #tile span {
  font-size: x-large;
}
.mold-part-type-list-item-details #tile span {
  font-weight: bold;
}
.multi-mold-instance-title {
  color: white;
  font-size: xx-large;
}
.multi-mold-instance-body {
  display: flex;
  align-items: center;
  display: flex;
  justify-content: center;
}
.multi-mold-instance-body__information {
  width: 25vw;
}
.multi-mold-instance-body__table-container {
  width: 65vw;
}
.multi-mold-instance-body__assign-buttons-container {
  display: flex;
  display: flex;
  justify-content: center;
}
.simple-keyboard {
  position: absolute;
  border: 5px solid red;
  z-index: 200;
}
.hg-theme-default {
  background-color: #3185FC !important;
}
.hg-theme-default .hg-button {
  background-color: #235789 !important;
  border-bottom: 1px solid #000000 !important;
  color: white;
  font-size: 3rem;
  height: 60px !important;
}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"] {
  max-width: 126px !important;
}
.machine-for-molds__buttons-container,
.terminal-machines-for-molds__buttons-container {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.machine-for-molds__title,
.terminal-machines-for-molds__title {
  display: flex;
  display: flex;
  justify-content: center;
}
.machine-for-molds__title h3,
.terminal-machines-for-molds__title h3 {
  color: white;
  font-size: xx-large;
}
.machine-for-molds__return-button-container {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.mold-product-type-list,
.terminal-mold-product-type-list {
  display: flex;
  flex-direction: column;
}
.mold-product-type-list__buttons-container,
.terminal-mold-product-type-list__buttons-container {
  display: flex;
  flex-direction: row-reverse;
}
.mold-product-type-list__buttons-container button,
.terminal-mold-product-type-list__buttons-container button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  border: none;
  padding: 0.5rem 1.5rem;
  margin: 1rem;
}
@media only screen and (max-width: 1200px) {
  .mold-product-type-list__buttons-container button,
  .terminal-mold-product-type-list__buttons-container button {
    min-width: fit-content;
    margin: 0;
  }
}
.instances-for-mold-part-type__button-container,
.terminal-instances-for-mold-part-type__button-container {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.instances-for-mold-part-type__assign-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .instances-for-mold-part-type__assign-button {
    min-width: fit-content;
    margin: 0;
  }
}
.mold-part-type-instances__button-container,
.terminal-mold-part-type-instances__button-container {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.your-task-scan-mold-barcode-info-container {
  background-color: #ffffff;
  border-radius: 15px;
  border: 5px solid red;
  font-size: 1.5rem;
  padding: 2rem;
  margin-bottom: 1rem;
}
.wasted-product-details {
  display: flex;
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
  margin: 2rem 0;
}
.wasted-product-details__main-info {
  display: flex;
  flex-direction: column;
  color: white;
  border-radius: 15px;
  background-color: #235789 !important;
  padding: 2rem;
  font-size: 1.75rem;
}
.wasted-product-details__description {
  padding: 2rem;
  border: 3px solid red;
}
.user-decision-modal {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  background-color: #ffffff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  border: 5px solid red;
  width: fit-content;
  height: fit-content;
  padding: 2rem;
}
.user-decision-modal__title {
  font-weight: bold;
}
.user-decision-modal__content,
.user-decision-modal__title {
  font-size: 1.5rem;
  color: #000000;
}
.user-decision-modal__buttons-container {
  display: flex;
}
.notification-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  height: fit-content;
  position: fixed;
  z-index: 100;
  background-color: #173753;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow-y: scroll;
  border: 15px solid red;
  padding: 2rem;
}
.notification-modal__icon {
  width: 6rem;
  height: 6rem;
}
.notification-modal__divider {
  border-bottom: 5px solid red;
  margin-top: 2rem;
}
.notification-modal__close-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  border: none;
  padding: 0.5rem 1.5rem;
  font-size: 1.5rem;
}
@media only screen and (max-width: 1200px) {
  .notification-modal__close-button {
    min-width: fit-content;
    margin: 0;
  }
}
.notification-modal__title {
  margin: 2rem 0;
  font-size: 2rem;
  text-align: center;
}
.notification-modal__title span {
  color: white;
}
.notification-modal__violation-param-container {
  background-color: #ffffff;
  border-radius: 15px;
  border: 5px;
  padding: 2rem;
  max-height: 41vh;
  overflow-y: scroll;
}
.notification-modal__violations-params {
  display: flex;
  align-items: baseline;
  font-size: 1.5rem;
}
.notification-modal__violations-params p {
  font-weight: bold;
}
.filtering-container {
  align-items: center;
  border-radius: 15px;
  background-color: #ffffff;
  position: absolute;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0.5rem;
  padding: 0.5rem;
  z-index: 100;
  right: 0;
  overflow-y: scroll;
  height: 60%;
  width: 100%;
  border: 5px solid red;
  text-align: center;
}
.filtering-container__content {
  color: white;
  background-color: #235789 !important;
  height: 100%;
  padding: 1.25rem;
  font-size: 1.5rem;
}
.product-for-service-details {
  display: flex;
  align-items: center;
  display: flex;
  justify-content: space-evenly !important;
}
.product-for-service-details__info {
  width: 30vw;
}
.product-for-service-details__description-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.product-for-service-details__description {
  display: flex;
  align-items: center;
  border-radius: 15px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  width: fit-content;
  max-width: 60vw;
  border: 5px solid red;
  margin: 2rem 0;
  padding: 1.5rem;
}
.product-for-service-details__description-content {
  font-size: 1.5rem;
  max-height: 60vh;
  overflow-y: scroll;
}
.update-product-for-service {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem;
}
.update-product-for-service__title {
  color: #ffffff !important;
  font-size: 2.5rem;
}
.customer-notes {
  display: flex;
  display: flex;
  justify-content: center;
  color: white;
  margin-top: 1rem;
}
.customer-notes__title {
  font-size: 2.5rem;
}
.customer-notes-filters-container {
  margin-top: 2rem;
  width: 50vw;
}
.customer-notes-placeholder {
  display: flex;
  display: flex;
  justify-content: center;
  margin: 2rem;
}
.customer-notes-placeholder__content {
  display: flex;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 2rem;
  width: fit-content;
  border: 5px solid red;
}
.customer-upload-drawing {
  display: flex;
  align-items: center;
  gap: 5px;
}
.customer-upload-drawing label {
  white-space: nowrap !important;
}
.customer-drawing-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.customer-drawing-details .header {
  align-self: end;
}
.customer-drawing-details .body {
  width: 70%;
  align-self: center;
}
.customer-drawing-revision-upload-label {
  background: #266dd3;
  color: white;
  padding: 0.375rem 0.75rem;
  border-radius: 4px !important;
  height: 40px;
  align-content: center;
  margin-right: 0.5em !important;
}
.customer-drawing-revisions-table {
  border-collapse: collapse;
  width: 70%;
  background-color: white;
  margin-bottom: 1em;
}
.customer-drawing-revisions-table th,
.customer-drawing-revisions-table td {
  border: 1px solid black;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.customer-drawing-revisions-table thead {
  background-color: #235789;
  color: white;
}
.customer-drawing-revisions-table tbody {
  background-color: white;
  color: black;
}
.customer-drawing-revision-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.customer-drawing-revision-header h2 {
  text-align: center;
  color: white;
}
.customer-drawing-revision-header button {
  align-self: end;
}
.customer-notes-tile {
  display: flex;
  display: flex;
  justify-content: space-evenly !important;
  border-radius: 15px;
  background-color: #ffffff;
  border: 5px solid red;
  padding: 1rem;
  font-size: 1.25rem;
  margin: 0 5rem 1rem 5rem;
}
.customer-notes-tile__element-info {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.customer-notes-tile__element-info p {
  font-weight: bold;
}
.customer-note-form-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 2rem 0;
}
.customer-note-form-container__title {
  color: white;
}
.customer-notes-overview {
  display: flex;
  display: flex;
  justify-content: space-evenly !important;
  margin-bottom: 2rem;
}
.customer-notes-overview__info-container {
  background-color: #ffffff;
  border-radius: 15px;
  border: 5px solid red;
  padding: 2rem;
  font-size: 1.75rem;
}
.customer-notes-overview__info-element {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.customer-notes-overview__info-element label {
  font-weight: bold;
}
.customer-notes-overview__content {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 15px;
  border: 5px solid red;
  padding: 2rem;
  font-size: 1.75rem;
  width: 60vw;
}
.customer-notes-overview__content p {
  font-weight: bold;
}
.customer-notes-overview__content textarea {
  padding: 1rem;
  height: 25vh;
}
.production-booking-product-for-service {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
}
.production-booking-product-for-service__title {
  color: white;
  align-self: center;
}
.production-booking-product-for-service__button-container {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.production-booking-product-for-service__body {
  display: flex;
  display: flex;
  justify-content: space-around !important;
}
.production-booking-product-for-service__info-container {
  border-radius: 15px;
  color: white;
  background-color: #235789 !important;
  padding: 2rem;
  font-size: 1.5rem;
  text-align: center;
}
.production-booking-product-for-service__info-element {
  display: flex;
  flex-direction: column;
}
.production-booking-product-for-service__info-element p {
  font-weight: bold;
}
.production-booking-product-for-service__description-container {
  display: flex;
  flex-direction: column;
  color: white;
  align-self: center;
  margin-top: 2rem;
  text-align: center;
}
.production-booking-product-for-service__description-container label {
  font-size: 2rem;
}
.production-booking-product-for-service__description-container textarea {
  border-radius: 15px;
  height: 30vh;
  width: 90vw;
  border: 5px solid red;
  font-size: 1.5rem;
  padding: 1.5rem;
}
.production-planning-process-step-details,
.production-planning-information-details {
  display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.production-planning-process-step-details__workspace-group-info {
  flex: 1;
  margin: 2rem;
}
.production-planning-process-step-details__step-info {
  flex: 2;
  margin: 2rem;
}
.production-planning-process-step-details__additional-info {
  flex: 1;
  margin: 2rem;
  border-radius: 15px;
  background-color: #235789;
}
.production-planning-process-step-details__progress-bar {
  margin: auto;
  padding-top: 2rem;
}
.production-planning-process-step-details__declared-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  display: flex;
  justify-content: center;
}
.production-planning-process-step-details__declared-items p {
  font-size: 1.5rem;
  font-weight: 600;
}
.production-planning-process-step-details__declared-items span {
  font-size: 1.3rem;
}
.production-planning-manual-table {
  display: flex;
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 2rem 0;
}
.production-planning-manual-table__table-container {
  width: 80vw;
}
.production-planning-manual-table__head {
  border: 1px solid black;
}
.production-planning-manual-table__records {
  border: 1px solid black;
}
.production-planning-information-details__main-info {
  flex: 1;
  margin: 2rem;
}
.production-planning-information-details__description {
  color: #ffffff !important;
  text-align: center;
  border-radius: 15px;
  background-color: #235789;
  flex: 1;
  margin: 2rem;
  padding: 2rem;
  font-size: 1.5rem;
}
.production-planning-information-details__description p {
  font-weight: 600;
}
.production-planning-information-details__description textarea {
  border-radius: 15px;
  text-align: center;
  height: 20vw;
  border: 5px solid red;
  padding: 2rem;
  margin-bottom: 2rem;
}
.production-planning-information-details__costs {
  flex: 1;
  margin: 2rem;
}
.production-planning-information-details__workspaceGroup {
  flex: 1;
  margin: 2rem;
}
.active-processes-management {
  display: flex;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.active-processes-management__dropdown-container {
  border-radius: 15px;
  background-color: #235789;
  width: fit-content;
  padding: 2rem;
}
.active-processes-management__main-title {
  color: white;
  font-size: 1.5rem;
}
.monthly-calendar-view__title {
  color: white;
  font-weight: bold;
  font-size: 1.5rem;
}
.monthly-calendar-view__title-calendar-view {
  display: flex;
  display: flex;
  justify-content: center;
  color: white;
  font-size: 2.5rem;
}
.monthly-calendar-view__table-width {
  width: 90vw;
}
.monthly-calendar-view__header-width {
  width: 20rem;
}
.monthly-calendar-view__item-cell-width {
  width: 2rem;
}
.booked-products-order-info {
  display: flex;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.booked-products-order-info__content {
  border-radius: 15px;
  color: white;
  text-align: center;
  padding: 2rem;
  background-color: #235789;
  width: fit-content;
  font-size: 1.5rem;
  font-weight: bold;
}
.monthly-calendar-view-for-workspace-group__container {
  display: flex;
  display: flex;
  justify-content: center;
  text-align: center;
  color: white;
}
.monthly-calendar-view-for-workspace-group__content {
  border-radius: 15px;
  background-color: #235789;
  padding: 2rem;
  width: fit-content;
}
.firing-schema-steps-burning__info-container {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  border: 5px solid red;
  padding: 2rem;
  text-align: center;
  border-radius: 15px;
  background-color: #ffffff;
  margin-right: 2rem;
  height: fit-content;
}
.firing-schema-steps-burning__furnace-models-container {
  border: 5px solid red;
  padding: 2rem;
  border-radius: 15px;
  background-color: #ffffff;
}
.firing-schema-steps-burning__furnace-models-body {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 20vh;
  overflow-y: scroll;
}
.order-create__main-buttons-container {
  display: flex;
  display: flex;
  justify-content: center;
}
.order-create__main-buttons {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 15px;
  background-color: #235789;
  padding: 2rem;
  width: fit-content;
}
.order-create__return-button {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.firing-schema-firing-steps__button {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.firing-schema-firing-steps__body {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 2rem;
}
.firing-schema-firing-steps__body h2 {
  color: white;
}
.firing-schema-firing-steps__steps-container {
  display: flex;
  flex-direction: column;
  width: 70vw;
}
.workspace-instances {
  display: flex;
  display: flex;
  justify-content: center;
}
.workspace-instances__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 15px;
  background-color: #ffffff;
  border: 2px solid red;
  padding: 2rem;
  margin-top: 2rem;
}
.workspace-instances__content span {
  font-size: 1.5rem;
}
.new-burning-task {
  display: flex;
  display: flex;
  justify-content: center;
  margin: 0 1rem 1rem 1rem;
}
.new-burning-task__steps-container {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background-color: #ffffff;
  border: 5px solid red;
}
.new-burning-task__steps-title {
  display: flex;
  display: flex;
  justify-content: center;
  font-size: 1.75rem;
}
.new-burning-task__step-button {
  height: 10vh;
  width: fit-content;
}
.new-burning-task__step-number {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.new-burning-task__step-button-icon {
  height: 2rem;
  width: 2rem;
}
.new-burning-task__active-step {
  border: 2px solid red;
}
.new-burning-task__done-step {
  background-color: #13ce66;
}
.process-steps-with-ready-products__decision-buttons-container {
  display: flex;
  display: flex;
  justify-content: center;
}
.process-steps-with-ready-products__decision-buttons-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  width: fit-content;
  padding: 2rem;
  border: 5px solid red;
}
.additional-products {
  display: flex;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.additional-products__content {
  display: flex;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 15px;
  flex-direction: column;
  padding: 2rem;
  border: 5px solid red;
  width: fit-content;
}
.additional-products__info-container {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  text-align: center;
  font-size: 1.25rem;
}
.summary-view {
  display: flex;
  display: flex;
  justify-content: space-evenly !important;
  margin-bottom: 2rem;
}
.summary-view__single-info-container {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  align-items: center;
  display: flex;
  justify-content: space-around !important;
}
.summary-view__single-info {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background-color: #ffffff;
  border: 5px solid red;
  text-align: center;
  padding: 2rem;
}
.summary-view__burning-items-info {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background-color: #ffffff;
  border: 5px solid red;
  text-align: center;
  padding: 1rem;
}
.summary-view__burning-items {
  display: flex;
  padding: 1rem;
}
.summary-view__single-item {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  padding: 1rem;
}
.manufacturing-costs {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-direction: column;
}
.manufacturing-costs__recipe-ingredient-container {
  display: flex;
  display: flex;
  justify-content: center;
  font-size: 1.3rem;
}
.manufacturing-costs__recipe-ingredient-info {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1rem;
}
.manufacturing-costs__production-schema-steps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.manufacturing-costs__production-schema-step-info {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  padding: 1rem;
}
.manufacturing-costs__start-sign-container {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}
.manufacturing-costs__center-container {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.manufacturing-costs__summary-line {
  height: 0.5rem;
  background-color: #CF0A0A;
}
.manufacturing-costs__1-column-1-row {
  grid-column-start: 1;
  grid-row-start: 1;
}
.manufacturing-costs__1-column-2-row {
  grid-column-start: 1;
  grid-row-start: 2;
}
.manufacturing-costs__1-column-3-row {
  grid-column-start: 1;
  grid-row-start: 3;
}
.manufacturing-costs__1-column-4-row {
  grid-column-start: 1;
  grid-row-start: 4;
}
.manufacturing-costs__1-column-5-row {
  grid-column-start: 1;
  grid-row-start: 5;
}
.manufacturing-costs__2-column-1-row {
  grid-column-start: 2;
  grid-row-start: 1;
}
.manufacturing-costs__2-column-2-row {
  grid-column-start: 2;
  grid-row-start: 2;
}
.manufacturing-costs__2-column-3-row {
  grid-column-start: 2;
  grid-row-start: 3;
}
.manufacturing-costs__2-column-4-row {
  grid-column-start: 2;
  grid-row-start: 4;
}
.manufacturing-costs__2-column-5-row {
  grid-column-start: 2;
  grid-row-start: 5;
}
.manufacturing-costs__3-column-1-row {
  grid-column-start: 3;
  grid-row-start: 1;
}
.manufacturing-costs__3-column-2-row {
  grid-column-start: 3;
  grid-row-start: 2;
}
.manufacturing-costs__3-column-3-row {
  grid-column-start: 3;
  grid-row-start: 3;
}
.manufacturing-costs__3-column-4-row {
  grid-column-start: 3;
  grid-row-start: 4;
}
.manufacturing-costs__3-column-5-row {
  grid-column-start: 3;
  grid-row-start: 5;
}
.manufacturing-costs__3-column-6-row {
  grid-column-start: 3;
  grid-row-start: 6;
}
.manufacturing-costs__3-column-7-row {
  grid-column-start: 3;
  grid-row-start: 7;
}
.manufacturing-costs__4-column-1-row {
  grid-column-start: 4;
  grid-row-start: 1;
}
.manufacturing-costs__4-column-2-row {
  grid-column-start: 4;
  grid-row-start: 2;
}
.manufacturing-costs__4-column-3-row {
  grid-column-start: 4;
  grid-row-start: 3;
}
.manufacturing-costs__4-column-4-row {
  grid-column-start: 4;
  grid-row-start: 4;
}
.manufacturing-costs__4-column-5-row {
  grid-column-start: 4;
  grid-row-start: 5;
}
.manufacturing-costs__4-column-6-row {
  grid-column-start: 4;
  grid-row-start: 6;
}
.manufacturing-costs__4-column-7-row {
  grid-column-start: 4;
  grid-row-start: 7;
}
.manufacturing-costs__5-column-1-row {
  grid-column-start: 5;
  grid-row-start: 1;
}
.manufacturing-costs__5-column-2-row {
  grid-column-start: 5;
  grid-row-start: 2;
}
.manufacturing-costs__5-column-3-row {
  grid-column-start: 5;
  grid-row-start: 3;
}
.manufacturing-costs__5-column-4-row {
  grid-column-start: 5;
  grid-row-start: 4;
}
.manufacturing-costs__5-column-5-row {
  grid-column-start: 5;
  grid-row-start: 5;
}
.manufacturing-costs__5-column-6-row {
  grid-column-start: 5;
  grid-row-start: 6;
}
.manufacturing-costs__5-column-7-row {
  grid-column-start: 5;
  grid-row-start: 7;
}
.manufacturing-costs__5-column-7-row {
  grid-column-start: 5;
  grid-row-start: 7;
}
.manufacturing-costs__column-start-4 {
  grid-column-start: 4;
}
.manufacturing-costs__column-start-1 {
  grid-column-start: 1;
}
.manufacturing-costs__column-start-5 {
  grid-column-start: 5;
}
.manufacturing-costs__column-end-6 {
  grid-column-end: 6;
}
.custom-expand-panel {
  display: flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border-radius: 5px 5px 0 0;
  padding: 2rem;
  cursor: pointer;
}
.custom-expand-panel__header {
  display: flex;
  display: flex;
  justify-content: center;
  color: white;
  width: 100%;
  font-size: 1.2rem;
}
.custom-expand-panel__header div {
  margin-left: auto;
}
.custom-expand-panel__content {
  background-color: #ffffff;
  margin-bottom: 1rem;
  border-bottom: 2px solid #CF0A0A;
  border-left: 2px solid #CF0A0A;
}
.packages-ready-for-shipment-overview {
  display: flex;
  display: flex;
  justify-content: space-around !important;
  align-items: center;
}
.packages-ready-for-shipment-overview__info-container {
  display: flex;
  flex-direction: column;
  color: white;
  border-radius: 15px;
  background-color: #235789;
  padding: 2rem;
  margin-bottom: 2rem;
}
.packages-ready-for-shipment-overview__single-info {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
.packages-ready-for-shipment-overview__single-info label {
  font-weight: bold;
}
.packages-ready-for-shipment-overview__package-status-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 15px;
  color: white;
  background-color: #235789;
  padding: 4rem;
  margin-bottom: 2rem;
  height: fit-content;
}
.cycle-history-statistics__form-container {
  display: flex;
  display: flex;
  justify-content: center;
}
.cycle-history-statistics__body {
  display: flex;
  border-radius: 15px;
  flex-direction: column;
  background-color: #235789;
  padding: 1rem;
  width: 70vw;
  font-size: 1.5rem;
  margin-left: auto;
}
.cycle-history-statistics__body i {
  cursor: pointer;
  font-size: 2rem;
}
.cycle-history-statistics__return-button {
  align-self: center;
  margin-left: auto;
}
.cycle-history-statistics__chart-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 1rem;
  grid-gap: 1rem;
}
.cycle-history-statistics__chart-style {
  border-radius: 15px;
  background-color: #ffffff;
  margin-bottom: 1rem;
  border: 10px solid red;
}
.cycle-history-statistics__monthly-chart {
  grid-column-start: 1;
  grid-row-start: 1;
}
.cycle-history-statistics__product-type-chart {
  grid-column-start: 1;
  grid-row-start: 2;
}
.cycle-history-statistics__yearly-quality-chart {
  grid-column-start: 2;
  grid-row-start: 1;
}
.cycle-history-statistics__product-for-service-chart {
  grid-column-start: 2;
  grid-row-start: 2;
}
.cycle-history-statistics__monthly-quality-chart {
  grid-column-start: span 2;
  grid-row-start: 3;
}
.cycle-history-statistics__yearly-faulty-reasons {
  grid-column-start: span 2;
  grid-row-start: 4;
}
.cycle-history-statistics__worst-workers {
  grid-column-start: span 2;
  grid-row-start: 5;
}
.cycle-history-statistics__faulty-reason-per-quality {
  grid-column-start: span 2;
  grid-row-start: 6;
}
.offer-lock-reason {
  display: flex;
  display: flex;
  justify-content: center;
}
.offer-lock-reason__body {
  display: flex;
  display: flex;
  justify-content: center;
  border-radius: 15px;
  color: #CF0A0A !important;
  font-weight: bold;
  border: 5px solid red;
  padding: 2rem;
  font-size: 1.5rem;
}
.production-cycle-step-details {
  display: flex;
  display: flex;
  justify-content: space-around !important;
  align-items: center;
  padding: 1rem;
}
.production-cycle-step-details__main-info-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 15px;
  background-color: #ffffff;
  border: 5px solid red;
  padding: 2rem;
  font-size: 1.5rem;
  width: 20vw;
  height: fit-content;
}
.production-cycle-step-details__reason {
  display: flex;
  flex-direction: column;
}
.faulty-reason-tile {
  border-radius: 15px;
  background-color: #ffffff;
  border: 5px solid red;
  padding: 2rem;
  width: 70vw;
  max-height: 60vh;
  overflow-y: scroll;
}
.faulty-reason-tile__content-container {
  font-size: 1.5rem;
  border: 5px solid #173753;
  margin-bottom: 1rem;
}
.faulty-reason-tile__content {
  display: flex;
  display: flex;
  justify-content: space-around !important;
}
.faulty-reason-tile__description-container {
  margin: 0.5rem;
  border: 3px solid red;
}
.unplanned-step-template-details {
  display: flex;
  display: flex;
  justify-content: space-around !important;
  margin-bottom: 2rem;
}
.unplanned-step-template-details__main-info {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 15px;
  border: 5px solid red;
  font-size: 1.5rem;
}
.unplanned-step-template-details__info {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.unplanned-step-template-details__info-title {
  font-weight: bold;
}
.unplanned-step-template-details__description {
  border-radius: 15px;
  background-color: #ffffff;
  border: 5px solid red;
  max-width: 55vw;
  max-height: 35vh;
  overflow-y: scroll;
  padding: 1.5rem;
}
.unplanned-step-template-details__description h2 {
  font-weight: bold;
}
.unplanned-step-template-details__description span {
  font-size: 1.5rem;
}
.shared-storage-unit-media-tile {
  border: 5px solid #266dd3;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.shared-storage-unit-media-tile__info-section {
  display: flex;
  display: flex;
  justify-content: space-between;
}
.shared-storage-unit-media-tile__info-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.shared-storage-unit-media-tile__info-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #3185FC;
}
.shared-storage-unit-media-tile__info-value {
  font-size: 1.2rem;
  font-weight: 450;
}
.mobile-split-product-tile {
  border-radius: 15px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  border: 5px solid red;
  background-color: white;
  padding: 1rem;
  margin: 1rem;
}
.mobile-split-product-tile__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mobile-split-product-tile__info-value {
  font-weight: bold;
}
.mobile-split-product-details-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  border: 5px solid red;
  padding: 1rem;
  margin: 1rem;
}
.mobile-split-product-details-tile__info-container {
  border-radius: 15px;
  text-align: center;
  border: 3px solid #3185FC;
  width: 90vw;
  margin-bottom: 1rem;
}
.mobile-split-product-details-tile__info-body {
  display: flex;
  justify-content: space-evenly;
}
.mobile-split-product-details-tile__info-record {
  display: flex;
  flex-direction: column;
}
.mobile-split-product-details-tile__info-record-value {
  font-weight: bold;
}
.mobile-split-product-details-tile__title {
  margin: 0.5rem;
}
.additional-storing-steps__option-dropdown {
  display: flex;
  flex-direction: column;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  background-color: #235789;
  margin-bottom: 2rem;
  padding: 2rem;
  width: 30vw;
}
.additional-storing-steps__shared-unit-tiles-container {
  border-radius: 15px;
  background-color: #ffffff;
  width: 80vw;
  border: 5px solid red;
  padding: 2rem;
  margin-bottom: 2rem;
  max-height: 50vh;
  overflow-y: scroll;
}
.additional-storing-steps__title-container {
  display: flex;
  display: flex;
  justify-content: center;
}
.additional-storing-steps__shared-tiles-title {
  font-weight: bold;
  font-size: larger;
  margin-bottom: 1rem;
}
.additional-storing-steps__placeholder {
  border-radius: 15px;
  background-color: #ffffff;
  display: flex;
  display: flex;
  justify-content: center;
  padding: 2rem;
  border: 5px solid red;
  width: fit-content;
  margin-bottom: 2rem;
}
.mobile-additional-storing-step-tile {
  text-align: center;
  border-radius: 15px;
  border: 5px solid red;
  padding: 1rem;
  margin: 1rem;
}
.mobile-additional-storing-step-tile__item {
  display: flex;
  flex-direction: column;
}
.mobile-additional-storing-step-details-tile {
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  border: 5px solid red;
  display: flex;
  padding: 1rem;
  margin: 1rem;
}
.mobile-additional-storing-step-details-tile__main-horizontal-line {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90vw;
  border-bottom: 5px solid #3185FC;
}
.mobile-additional-storing-step-details-tile__horizontal-sub-line {
  border-bottom: 3px solid #3185FC;
  width: 60vw;
  margin: 1rem;
}
.mobile-inventory-in-storing-product-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90vw;
  padding: 1rem;
  border-radius: 15px;
  margin-bottom: 2rem;
}
.split-product-in-storing-tile {
  border-radius: 15px;
  background-color: #ffffff;
  padding: 2rem;
  width: 90vw;
  margin-bottom: 2rem;
}
.product-quality-norm-form {
  display: flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  color: #ffffff !important;
}
.product-quality-norm-form__body {
  border-radius: 15px;
  background-color: #1B4353;
  padding: 2rem;
  margin-bottom: 2rem;
  max-width: 70vw;
}
.product-quality-norm-form__content {
  border-radius: 15px;
  background-color: #ffffff;
  padding: 1rem;
}
.periodic-table {
  border: 5px solid red;
  border-radius: 15px;
  display: grid;
  grid-template-columns: repeat(18, 1fr);
  grid-gap: 1rem;
  background-color: black;
  padding: 1rem;
  margin: 1rem;
}
.chemical-substance {
  border: 5px solid red;
  background-color: #ffffff;
  border-radius: 15px;
  display: flex;
  display: flex;
  justify-content: space-evenly !important;
  padding: 2rem;
  margin-bottom: 1rem;
  width: 60vw;
  margin-top: 1rem;
}
.periodic-table-filter {
  border-radius: 15px;
  background-color: #235789;
  padding: 2rem;
}
.periodic-table-filter__content {
  display: flex;
  display: flex;
  justify-content: space-evenly !important;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1rem;
}
.periodic-table-filter__chosen-elements {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.periodic-table-filter__chosen-elements-content {
  max-height: 20vh;
  overflow-y: scroll;
}
.periodic-table-filter__buttons {
  display: flex;
  flex-direction: column;
}
.periodic-table-filter__table-container {
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  right: 0;
}
.periodic-table-filter__return-button {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.chemical-analysis-details {
  background-color: #ffffff;
  margin: 2rem;
  padding: 2rem;
}
.chemical-analysis-details__content {
  display: flex;
  flex-direction: column;
  display: flex;
  align-items: center;
}
.chemical-analysis-details__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: x-large;
}
.chemical-analysis-details__info {
  background-color: #ffffff;
  text-align: center;
  display: flex;
  display: flex;
  justify-content: space-around !important;
  padding: 1rem;
  margin-top: 1rem;
  font-size: larger;
}
.chemical-analysis-details__norm-info {
  display: flex;
  flex-direction: column;
  margin-right: 5rem;
}
.chemical-analysis-details__note-info {
  display: flex;
  flex-direction: column;
}
.chemical-analysis-details__note-info-value {
  font-weight: bold;
  background-color: transparent;
  word-break: break-all;
  width: 40vw;
}
.print-qr-code {
  width: 265px;
  height: 378px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: #173753;
  -webkit-print-color-adjust: exact;
}
.print-qr-code__logo {
  width: 166px;
  height: 84px;
}
.print-qr-code__subtitle {
  color: #3185FC;
}
.print-qr-code__vgt-logo-title-container {
  display: flex;
  display: flex;
  justify-content: center;
  align-self: center;
  width: 265px;
  height: 42px;
  background-color: red;
  display: flex;
  justify-content: center;
  align-items: center;
}
.print-qr-code__vgt-logo {
  width: 230px;
  height: 34px;
}
.terminal-sub-navbar {
  border: 5px solid #3185FC;
  margin: 1rem 0;
}
.terminal-sub-navbar__info {
  display: flex;
  align-items: center;
  display: flex;
  justify-content: space-between;
  background-color: #173753;
  padding: 0.5rem;
}
.terminal-sub-navbar__buttons-container {
  display: flex;
}
.terminal-sub-navbar__title {
  color: #ffffff !important;
  font-weight: bold;
  font-size: 1.75rem;
}
.terminal-sub-navbar__export-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  border: none;
  padding: 0.5rem 1.5rem;
  font-size: 2rem;
  border: none;
  border-radius: 4px;
  background-color: white;
  margin-right: 1rem;
}
@media only screen and (max-width: 1200px) {
  .terminal-sub-navbar__export-button {
    min-width: fit-content;
    margin: 0;
  }
}
.terminal-sub-navbar__reset-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  border: none;
  padding: 0.5rem 1.5rem;
  font-size: 2rem;
  border: none;
  border-radius: 4px;
  background-color: white;
}
@media only screen and (max-width: 1200px) {
  .terminal-sub-navbar__reset-button {
    min-width: fit-content;
    margin: 0;
  }
}
.terminal-sub-navbar__panel .p-panel .p-panel-header .p-panel-title {
  font-size: 1.75rem;
}
.terminal-sub-navbar__panel .pi {
  font-size: 2rem;
}
.terminal-sub-navbar__functionalities {
  align-items: center;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 1rem;
}
.terminal-sub-navbar__functionality {
  border-radius: 15px;
  text-align: center;
  border: 5px solid red;
  padding: 2rem;
  font-size: 1.5rem;
  overflow-wrap: break-word;
}
.terminal-form__field,
.terminal-multi-mold-instance-detailed-view-body__form-status {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.terminal-form__field label,
.terminal-multi-mold-instance-detailed-view-body__form-status label {
  color: white;
  font-weight: 450;
  font-size: 1.75rem;
}
.terminal-form__field input,
.terminal-multi-mold-instance-detailed-view-body__form-status input {
  text-align: center;
  height: 6vh;
  font-size: 1.5rem;
}
.terminal-form__field .p-dropdown .p-dropdown-label,
.terminal-multi-mold-instance-detailed-view-body__form-status .p-dropdown .p-dropdown-label {
  padding: 0.5rem;
  font-size: 1.5rem;
}
.terminal-form__field .p-dropdown-panel .p-dropdown-items .p-dropdown-item,
.terminal-multi-mold-instance-detailed-view-body__form-status .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  padding: 1.5rem;
  font-size: 1.5rem;
}
.terminal-form__field input::placeholder,
.terminal-multi-mold-instance-detailed-view-body__form-status input::placeholder {
  white-space: normal;
}
.terminal-single-mold-instance-detailed-view {
  padding: 1rem 0;
}
.terminal-single-mold-instance-detailed-view h3 {
  color: white;
  font-size: 2.75rem;
}
.terminal-single-mold-instance-detailed-view__mold-instances-detailed__header button {
  font-size: 1.75rem;
}
.terminal-single-mold-instance-detailed-view__body {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-around !important;
  width: 100%;
}
.terminal-single-mold-instance-detailed-view__body__container {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-around !important;
  border-radius: 15px;
  background-color: #ffffff;
  border: 5px solid #CF0A0A;
  padding: 1rem 2rem;
  margin: 0 0.5rem;
}
.terminal-single-mold-instance-detailed-view__body__container .p-dropdown .p-dropdown-label {
  padding: 0.5rem;
  font-size: 1.5rem;
}
.terminal-single-mold-instance-detailed-view__body__container .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  padding: 1.5rem;
  font-size: 1.5rem;
}
.terminal-single-mold-instance-detailed-view__body__container form {
  display: flex;
  flex-direction: column;
}
.terminal-single-mold-instance-detailed-view__body__container form button {
  font-size: 1.75rem;
}
.terminal-single-mold-instance-detailed-view__body__container label {
  font-size: 2.5rem;
  font-weight: 600;
}
.terminal-single-mold-instance-detailed-view__body__container p {
  font-size: 2.5rem;
  color: #235789;
}
.terminal-machines-for-molds__buttons-container button {
  font-size: 1.75rem;
}
.terminal-machines-for-molds__title h3 {
  color: white;
  font-size: 2.75rem;
}
.terminal-machines-for-molds__table-filter-row input,
.terminal-mold-part-type-instances__table-filer-row input,
.terminal-instances-for-mold-part-type__filer-row input,
.terminal-mold-product-type-list__table-filter-row input {
  height: 6vh;
  font-size: 1.5rem;
}
.terminal-machines-for-molds__table-filter-row .p-dropdown .p-dropdown-label,
.terminal-mold-part-type-instances__table-filer-row .p-dropdown .p-dropdown-label,
.terminal-instances-for-mold-part-type__filer-row .p-dropdown .p-dropdown-label,
.terminal-mold-product-type-list__table-filter-row .p-dropdown .p-dropdown-label {
  padding: 0.5rem;
  font-size: 1.5rem;
}
.terminal-machines-for-molds__table-filter-row .p-dropdown-panel .p-dropdown-items .p-dropdown-item,
.terminal-mold-part-type-instances__table-filer-row .p-dropdown-panel .p-dropdown-items .p-dropdown-item,
.terminal-instances-for-mold-part-type__filer-row .p-dropdown-panel .p-dropdown-items .p-dropdown-item,
.terminal-mold-product-type-list__table-filter-row .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  padding: 1.5rem;
  font-size: 1.5rem;
}
.terminal-machines-for-molds__chose-button {
  font-size: 1.75rem;
}
.terminal-machines-for-molds__return-button-container {
  display: flex;
  display: flex;
  justify-content: flex-end !important;
}
.terminal-machines-for-molds__return-button-container button {
  font-size: 1.75rem;
}
.terminal-mold-product-type-list__buttons-container button {
  font-size: 1.75rem;
}
.terminal-mold-product-type-list__p-buttons .p-button.p-button-icon-only {
  width: 3.5rem;
  height: 3.5rem;
}
.terminal-mold-product-type-list__p-buttons .pi {
  font-size: 2rem;
}
.terminal-multi-mold-instance-header button {
  font-size: 1.75rem;
}
.terminal-multi-mold-instance-detailed-view-body {
  display: flex;
  align-items: center;
}
.terminal-multi-mold-instance-detailed-view-body__information {
  width: 27vw;
}
.terminal-multi-mold-instance-detailed-view-body__information-details {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background-color: #ffffff;
  border: 5px solid #CF0A0A;
  padding: 1rem;
  margin-left: 0.5rem;
}
.terminal-multi-mold-instance-detailed-view-body__information-details label,
.terminal-multi-mold-instance-detailed-view-body__information-details p {
  font-size: 1.75rem;
}
.terminal-multi-mold-instance-detailed-view-body__form-status {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background-color: #ffffff;
  border: 5px solid #CF0A0A;
  padding: 1rem;
}
.terminal-multi-mold-instance-detailed-view-body__form-status button {
  font-size: 1.5rem;
}
.terminal-multi-mold-instance-detailed-view-body__table-container {
  width: 70vw;
}
.terminal-multi-mold-instance-detailed-view-body__assign-buttons-container {
  display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.terminal-multi-mold-instance-detailed-view-body__assign-buttons-container button {
  font-size: 1.5rem;
}
.terminal-instances-for-mold-part-type__button-container button {
  font-size: 1.75rem;
}
.terminal-instances-for-mold-part-type__filer-row input {
  height: 6vh;
  font-size: 1.5rem;
}
.terminal-instances-for-mold-part-type__filer-row button {
  font-size: 1.5rem;
}
.terminal-instances-for-mold-part-type__assign-button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  color: white !important;
  background-color: #3185FC;
  width: fit-content !important;
}
@media only screen and (max-width: 1200px) {
  .terminal-instances-for-mold-part-type__assign-button {
    min-width: fit-content;
    margin: 0;
  }
}
.terminal-instances-for-mold-part-type__assign-button button {
  font-size: 1.75rem;
}
.terminal-mold-part-type-instances__button-container button {
  font-size: 1.75rem;
}
.terminal-mold-part-type-instances__table-filer-row button {
  font-size: 1.5rem;
}
.terminal-mold-part-type-instances__p-buttons .p-button.p-button-icon-only {
  width: 3.5rem;
  height: 3.5rem;
}
.terminal-mold-part-type-instances__p-buttons .pi {
  font-size: 2rem;
}
.terminal-mold-part-type-instances__p-buttons button {
  font-size: 1.5rem;
}
.error-message-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 4rem;
  padding: 1rem 4rem;
  border-radius: 15px;
  background-color: #235789 !important;
}
@media only screen and (min-width: 1000px) {
  .error-message-page {
    max-width: 50%;
    align-self: center;
    justify-self: center;
  }
}
.error-message-page__header {
  text-align: center;
  color: white;
  font-weight: bold;
}
.error-message-page__message {
  background-color: #ffffff;
  height: auto;
  padding: 0.3rem;
  white-space: pre-wrap;
  overflow-y: scroll;
  box-sizing: border-box;
  border-radius: 0.25rem;
  margin: 2rem 0 3rem;
}
.error-message-page__message--collapsed {
  max-height: 8rem;
  -moz-transition: max-height 300ms ease-out;
  -ms-transition: max-height 300ms ease-out;
  -o-transition: max-height 300ms ease-out;
  -webkit-transition: max-height 300ms ease-out;
  transition: max-height 300ms ease-out;
  overflow: hidden;
}
.error-message-page__message--expanded {
  max-height: 100vh;
  -moz-transition: max-height 300ms ease-in;
  -ms-transition: max-height 300ms ease-in;
  -o-transition: max-height 300ms ease-in;
  -webkit-transition: max-height 300ms ease-in;
  transition: max-height 300ms ease-in;
  overflow: hidden;
}
.error-message-page__action {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-around !important;
  align-items: center;
  margin-top: 2.5rem;
  height: min-content;
  max-height: 3.5rem;
}
.error-message-page__action button {
  border: none;
  padding: 0.5rem;
  margin: 1rem 1.1rem;
  min-width: 6rem;
  width: fit-content;
  height: 2.5rem;
  background-color: #3185FC;
  color: white !important;
  border: none;
  padding: 0.5rem 1.5rem;
}
@media only screen and (max-width: 1200px) {
  .error-message-page__action button {
    min-width: fit-content;
    margin: 0;
  }
}
.error-message-page__action__display-button {
  max-width: 30%;
}
.error-message-page__action__close-button {
  background: #173753;
  max-width: 60%;
}
.title2 {
  color: #ffffff;
  margin: 2rem 0;
  font-size: 3rem;
  align-self: center;
}
.primeng-table__search-col {
  width: 3rem;
}
.primeng-table__search-row {
  background: #ffffff;
}
.primeng-table__search-row td {
  border: 1px solid black;
  padding: 0 10px;
}
.primeng-table__filter-col {
  width: 100%;
}
.primeng-table__calendar-filter-col {
  width: 100%;
}
.primeng-table__edit-row-buttons {
  text-align: right;
}
.primeng-table__align-right {
  text-align: right;
}
.primeng-table__edit-row-component {
  text-align: center;
}
.primeng-table__edit-row-padding {
  padding: 0;
}
.primeng-table__angle-down {
  border-bottom: none !important;
}
.primeng-table__angle-down .main-table-header .p-datatable .p-datatable-tbody > tr > td {
  border-bottom: none;
}
.primeng-table__text-center {
  text-align: center;
}
.primeng-table__edit--tab-padding {
  padding: 0 !important;
}
.primeng-table__edit--tab-component {
  background: #173753;
}
.primeng-table__edit--border-top {
  border-top: 1px solid #c8c8c8;
}
.p-inputtext {
  width: 100%;
}
.p-dropdown {
  width: 100%;
  height: -webkit-fill-available !important;
  border: none;
  background-color: rgba(255, 255, 255, 0.6) !important;
  line-height: 1rem;
  padding: 0 !important;
  font-size: 1rem;
  font-weight: 400;
}
.p-dropdown .p-dropdown-label {
  padding: 0;
}
:host ::ng-deep .p-datatable-responsive-demo .p-datatable-tbody > tr > td .p-column-title {
  display: none;
}
@media screen and (max-width: 40rem) {
  :host ::ng-deep .p-datatable.p-datatable-responsive-demo .p-datatable-thead > tr > th,
  :host ::ng-deep .p-datatable.p-datatable-responsive-demo .p-datatable-tfoot > tr > td {
    display: none !important;
  }
  :host ::ng-deep .p-datatable.p-datatable-responsive-demo .p-datatable-tbody > tr > td {
    text-align: left;
    display: block;
    width: 100%;
    float: left;
    clear: left;
    border: 0 none;
  }
  :host ::ng-deep .p-datatable.p-datatable-responsive-demo .p-datatable-tbody > tr > td .p-column-title {
    padding: 0.4rem;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4rem;
    font-weight: bold;
  }
  :host ::ng-deep .p-datatable.p-datatable-responsive-demo .p-datatable-tbody > tr > td:last-child {
    border-bottom: 1px solid var(--surface-d);
  }
}
td {
  text-align: center;
}
.custom-filtering-fields {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-evenly !important;
  border-radius: 15px;
  background-color: #235789 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1rem 0.5rem;
  margin-bottom: 2rem;
}
.custom-filtering-fields__field {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background-color: #ffffff;
  margin: 0.5em;
  padding: 1rem;
}
.custom-filtering-fields__field__input {
  display: flex;
  flex-direction: row;
}
.custom-filtering-fields__field__label-button {
  display: flex;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin: 0 0 1rem 0;
}
.custom-filtering-fields__field__label-button label {
  font-size: 1.2rem;
  font-weight: 450;
  width: min-content;
}
.custom-filtering-fields__field__label-button button {
  margin: 0 0 0 1rem;
}
.pe-card {
  position: inherit;
  margin-bottom: 0.5rem;
  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: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.pe-card-concave {
  background: rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.125);
  border: none;
}
.pe-box {
  background-color: var(--surface-e);
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 4px;
  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);
}
.pe-box-label {
  align-self: flex-end;
}
.pe-button-row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.pe-button-row button {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.pe-field:first-child span.p-float-label {
  margin-top: 2rem;
}
.pe-arrow-button {
  cursor: pointer;
  font-size: 2em;
}
.terminal-icon-buttons .p-button.p-button-icon-only {
  width: 3.5rem;
  height: 3.5rem;
}
.terminal-icon-buttons .pi {
  font-size: 2rem;
}

/* node_modules/simple-keyboard/build/css/index.css */
/*!
 * 
 *   simple-keyboard v3.8.18
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
.hg-theme-default {
  background-color: #ececec;
  border-radius: 5px;
  box-sizing: border-box;
  font-family:
    HelveticaNeue-Light,
    Helvetica Neue Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    Lucida Grande,
    sans-serif;
  overflow: hidden;
  padding: 5px;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.hg-theme-default .hg-button span,
.hg-theme-default .hg-button span svg {
  pointer-events: none;
}
.hg-theme-default button.hg-button {
  border-width: 0;
  font-size: inherit;
  outline: 0;
}
.hg-theme-default .hg-button {
  display: inline-block;
  flex-grow: 1;
}
.hg-theme-default .hg-row {
  display: flex;
}
.hg-theme-default .hg-row:not(:last-child) {
  margin-bottom: 5px;
}
.hg-theme-default .hg-row .hg-button-container,
.hg-theme-default .hg-row .hg-button:not(:last-child) {
  margin-right: 5px;
}
.hg-theme-default .hg-row > div:last-child {
  margin-right: 0;
}
.hg-theme-default .hg-row .hg-button-container {
  display: flex;
}
.hg-theme-default .hg-button {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #b5b5b5;
  border-radius: 5px;
  box-shadow: 0 0 3px -1px rgba(0, 0, 0, .3);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hg-theme-default .hg-button.hg-standardBtn {
  width: 20px;
}
.hg-theme-default .hg-button.hg-activeButton {
  background: #efefef;
}
.hg-theme-default.hg-layout-numeric .hg-button {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: center;
  width: 33.3%;
}
.hg-theme-default .hg-button.hg-button-numpadadd,
.hg-theme-default .hg-button.hg-button-numpadenter {
  height: 85px;
}
.hg-theme-default .hg-button.hg-button-numpad0 {
  width: 105px;
}
.hg-theme-default .hg-button.hg-button-com {
  max-width: 85px;
}
.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {
  max-width: 45px;
}
.hg-theme-default .hg-button.hg-selectedButton {
  background: rgba(5, 25, 70, .53);
  color: #fff;
}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"] {
  max-width: 82px;
}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"] {
  max-width: 60px;
}
.hg-candidate-box {
  background: #ececec;
  border-bottom: 2px solid #b5b5b5;
  border-radius: 5px;
  display: inline-flex;
  margin-top: -10px;
  position: absolute;
  transform: translateY(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
ul.hg-candidate-box-list {
  display: flex;
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
li.hg-candidate-box-list-item {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
li.hg-candidate-box-list-item:hover {
  background: rgba(0, 0, 0, .03);
  cursor: pointer;
}
li.hg-candidate-box-list-item:active {
  background: rgba(0, 0, 0, .1);
}
.hg-candidate-box-prev:before {
  content: "\25c4";
}
.hg-candidate-box-next:before {
  content: "\25ba";
}
.hg-candidate-box-next,
.hg-candidate-box-prev {
  align-items: center;
  color: #969696;
  cursor: pointer;
  display: flex;
  padding: 0 10px;
}
.hg-candidate-box-next {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.hg-candidate-box-prev {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.hg-candidate-box-btn-active {
  color: #444;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */