:root {
  --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;
  --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --surface-0: #ffffff;
  --surface-50: #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);
  --focus-ring: 0 0 0 0.2rem #8dcdff;
}

* {
  box-sizing: border-box;
}

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

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

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

.p-error {
  color: #a80000;
}

.p-text-secondary {
  color: #848484;
}

.pi {
  font-size: 1rem;
}

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

.p-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #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;
  }
}

: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;
}

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

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

.p-autocomplete .p-autocomplete-multiple-container {
  padding: 0.2145rem 0.429rem;
}

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

.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #8dcdff;
  border-color: #007ad9;
}

.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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  color: #333333;
  padding: 0;
  margin: 0;
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  padding: 0.2145rem 0.429rem;
  margin-right: 0.5rem;
  background: #007ad9;
  color: #ffffff;
  border-radius: 3px;
}

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

p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .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:not(.p-autocomplete-virtualscroll) {
  padding: 0;
}

.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper {
  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:hover {
  color: #333333;
  background: #eaeaea;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
  color: #ffffff;
  background: #007ad9;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
  padding: 0.429rem 0.857rem;
  color: #333333;
  background: transparent;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
  margin: 0;
  padding: 0.857rem;
  color: #333333;
  background: #f4f4f4;
  font-weight: 700;
}

p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
  border-color: #a80000;
}

.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,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
  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 select {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #8dcdff;
  border-color: #007ad9;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  margin-right: 0.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: #007ad9;
}

.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: #007ad9;
}

.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 {
  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: #007ad9;
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-right: 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;
}

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

.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-highlight):not(.p-disabled):hover {
  background: #eaeaea;
}

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

@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-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 .p-cascadeselect-item-content {
  padding: 0.429rem 0.857rem;
}

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

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
  color: #ffffff;
  background: #007ad9;
}

.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-group-icon {
  font-size: 0.875rem;
}

p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
  border-color: #a80000;
}

.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-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;
}

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

.p-checkbox .p-checkbox-box.p-highlight {
  border-color: #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.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-highlight .p-checkbox .p-checkbox-box {
  border-color: #ffffff;
}

.p-chips .p-chips-multiple-container {
  padding: 0.2145rem 0.429rem;
}

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

.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #8dcdff;
  border-color: #007ad9;
}

.p-chips .p-chips-multiple-container .p-chips-token {
  padding: 0.2145rem 0.429rem;
  margin-right: 0.5rem;
  background: #007ad9;
  color: #ffffff;
  border-radius: 3px;
}

.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
  margin-left: 0.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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  color: #333333;
  padding: 0;
  margin: 0;
}

p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
  border-color: #a80000;
}

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

.p-colorpicker-panel {
  background: #323232;
  border-color: #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: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-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:not(.p-dropdown-virtualscroll) {
  padding: 0;
}

.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper {
  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.p-highlight {
  color: #ffffff;
  background: #007ad9;
}

.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-empty-message {
  padding: 0.429rem 0.857rem;
  color: #333333;
  background: transparent;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
  margin: 0;
  padding: 0.857rem;
  color: #333333;
  background: #f4f4f4;
  font-weight: 700;
}

p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
  border-color: #a80000;
}

.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-editor-container .p-editor-toolbar {
  background: #f4f4f4;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

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

.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;
}

.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-element,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
  border-radius: 0;
  margin: 0;
}

.p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-element + .p-inputgroup-addon,
.p-inputgroup > .p-inputwrapper > .p-component > .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-element:focus,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
  z-index: 1;
}

.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-element:focus ~ label,
.p-inputgroup > .p-inputwrapper > .p-component > .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-inputmask.ng-dirty.ng-invalid > .p-inputtext {
  border-color: #a80000;
}

p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
  border-color: #a80000;
}

.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 {
  border-color: #a80000;
}

.p-inputtext {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  color: #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-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 > 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 > i:last-of-type {
  right: 0.429rem;
  color: #848484;
}

.p-input-icon-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;
}

.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;
}

.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.p-highlight {
  color: #ffffff;
  background: #007ad9;
}

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

.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:not(.p-highlight):not(.p-disabled):hover {
  color: #333333;
  background: #eaeaea;
}

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: #007ad9;
  color: #ffffff;
  border-radius: 3px;
}

.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-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
  padding: 0.2145rem 0.429rem;
}

.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 {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #8dcdff;
}

.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) {
  padding: 0;
}

.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper {
  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.p-highlight {
  color: #ffffff;
  background: #007ad9;
}

.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:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #8dcdff;
}

.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-multiselect.ng-dirty.ng-invalid > .p-multiselect {
  border-color: #a80000;
}

.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-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-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;
}

.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.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-highlight .p-radiobutton .p-radiobutton-box {
  border-color: #ffffff;
}

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

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

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

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

.p-rating .p-rating-icon.pi-star {
  color: #007ad9;
}

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

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

.p-highlight .p-rating .p-rating-icon {
  color: #ffffff;
}

.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 {
  width: 0.286rem;
}

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

.p-slider .p-slider-handle {
  height: 1.143rem;
  width: 1.143rem;
  background: #ffffff;
  border: 2px solid #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: 2px solid #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.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-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-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;
}

.p-button:enabled:hover {
  background: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}

.p-button:enabled: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:enabled:hover {
  background: rgba(0, 122, 217, 0.04);
  color: #007ad9;
  border: 1px solid;
}

.p-button.p-button-outlined:enabled: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:enabled:hover {
  background: #eaeaea;
  color: #848484;
}

.p-button.p-button-outlined.p-button-plain:enabled:active {
  background: #d2d2d2;
  color: #848484;
}

.p-button.p-button-text {
  background-color: transparent;
  color: #007ad9;
  border-color: transparent;
}

.p-button.p-button-text:enabled:hover {
  background: rgba(0, 122, 217, 0.04);
  color: #007ad9;
  border-color: transparent;
}

.p-button.p-button-text:enabled: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:enabled:hover {
  background: #eaeaea;
  color: #848484;
}

.p-button.p-button-text.p-button-plain:enabled:active {
  background: #d2d2d2;
  color: #848484;
}

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

.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-buttonset {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
  background: rgba(0, 122, 217, 0.04);
  color: #007ad9;
  border: 1px solid;
}

.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
  background: rgba(0, 122, 217, 0.16);
  color: #007ad9;
  border: 1px solid;
}

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

.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
  background: rgba(0, 122, 217, 0.04);
  border-color: transparent;
  color: #007ad9;
}

.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
  background: rgba(0, 122, 217, 0.16);
  border-color: transparent;
  color: #007ad9;
}

.p-button.p-button-success, .p-buttonset.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:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
  background: #107D11;
  color: #ffffff;
  border-color: #107D11;
}

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

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

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

.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
  background: rgba(52, 168, 53, 0.04);
  color: #34A835;
  border: 1px solid;
}

.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
  background: rgba(52, 168, 53, 0.16);
  color: #34A835;
  border: 1px solid;
}

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

.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
  background: rgba(52, 168, 53, 0.04);
  border-color: transparent;
  color: #34A835;
}

.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
  background: rgba(52, 168, 53, 0.16);
  border-color: transparent;
  color: #34A835;
}

.p-button.p-button-warning, .p-buttonset.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:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
  background: #ED990B;
  color: #333333;
  border-color: #ED990B;
}

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

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

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

.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
  background: rgba(255, 186, 1, 0.04);
  color: #ffba01;
  border: 1px solid;
}

.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
  background: rgba(255, 186, 1, 0.16);
  color: #ffba01;
  border: 1px solid;
}

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

.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
  background: rgba(255, 186, 1, 0.04);
  border-color: transparent;
  color: #ffba01;
}

.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
  background: rgba(255, 186, 1, 0.16);
  border-color: transparent;
  color: #ffba01;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
  background: rgba(233, 18, 36, 0.04);
  color: #e91224;
  border: 1px solid;
}

.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
  background: rgba(233, 18, 36, 0.16);
  color: #e91224;
  border: 1px solid;
}

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

.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
  background: rgba(233, 18, 36, 0.04);
  border-color: transparent;
  color: #e91224;
}

.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
  background: rgba(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:enabled:hover {
  background: transparent;
  color: #005b9f;
  border-color: transparent;
}

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

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

.p-button.p-button-link:enabled: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-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-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,
.p-carousel .p-carousel-content .p-carousel-next:focus {
  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: #007ad9;
  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: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  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: #007ad9;
  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: #007ad9;
  color: #ffffff;
}

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

.p-datatable .p-sortable-column.p-highlight:hover {
  background: #007ad9;
  color: #ffffff;
}

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

.p-datatable .p-sortable-column:focus {
  box-shadow: inset 0 0 0 0.2rem #8dcdff;
  outline: 0 none;
}

.p-datatable .p-datatable-tbody > tr {
  background: #ffffff;
  color: #333333;
  transition: background-color 0.2s, box-shadow 0.2s;
  outline-color: #8dcdff;
}

.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,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #8dcdff;
}

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

.p-datatable .p-datatable-tbody > tr.p-highlight {
  background: #007ad9;
  color: #ffffff;
}

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

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

.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: #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 1px 1px 1px;
}

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

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

.p-datatable.p-datatable-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: #007ad9;
  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: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  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-list .p-dataview-content > .p-grid > div {
  border: 1px solid #d8dae2;
  border-width: 1px;
}

.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: #007ad9;
  color: #ffffff;
}

.p-column-filter-menu-button:focus {
  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 {
  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.p-highlight {
  color: #ffffff;
  background: #007ad9;
}

.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 {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #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;
}

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

.fc.fc-unthemed .fc-view-container th {
  background: #f4f4f4;
  border: 1px solid #c8c8c8;
  color: #333333;
}

.fc.fc-unthemed .fc-view-container td.fc-widget-content {
  background: #ffffff;
  border: 1px solid #c8c8c8;
  color: #333333;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
  background: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
}

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

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

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

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

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

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

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

.fc.fc-theme-standard .fc-view-harness th {
  background: #f4f4f4;
  border-color: #c8c8c8;
  color: #333333;
}

.fc.fc-theme-standard .fc-view-harness td {
  color: #333333;
  border-color: #c8c8c8;
}

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

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

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
  border: 1px solid #c8c8c8;
  padding: 0.857rem 1rem;
  background: #f4f4f4;
  color: #333333;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
  opacity: 0.5;
  color: #ffffff;
  background: #007ad9;
  border: 1px solid #007ad9;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.fc.fc-theme-standard a {
  color: #333333;
}

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

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

.p-orderlist .p-orderlist-header {
  background: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.857rem 1rem;
  border-bottom: 0 none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.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 #c8c8c8;
  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 {
  border: 1px solid #c8c8c8;
  background: #ffffff;
  color: #333333;
  padding: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.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:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #8dcdff;
}

.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
  color: #ffffff;
  background: #007ad9;
}

.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-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: #007ad9;
  color: #ffffff;
}

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

.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 {
  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: 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: #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: #007ad9;
  border-color: #007ad9;
  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-header {
  background: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.857rem 1rem;
  border-bottom: 0 none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.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 #c8c8c8;
  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 {
  border: 1px solid #c8c8c8;
  background: #ffffff;
  color: #333333;
  padding: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.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:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #8dcdff;
}

.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
  color: #ffffff;
  background: #007ad9;
}

.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-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: #007ad9;
}

.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;
}

.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 {
  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:focus {
  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-highlight {
  background: #007ad9;
  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-treenode-droppoint.p-treenode-droppoint-active {
  background-color: #0062ae;
}

.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: #007ad9;
  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: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  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: #007ad9;
  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: #007ad9;
  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;
  outline-color: #8dcdff;
}

.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 {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #8dcdff;
}

.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.p-highlight {
  background: #007ad9;
  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: #f4f4f4;
}

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

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

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

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

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

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

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

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

.p-treetable.p-treetable-sm .p-treetable-header {
  padding: 0.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: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  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 #c8c8c8;
  color: #333333;
  background: #f4f4f4;
  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 {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 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 #c8c8c8;
  color: #333333;
  background: #f4f4f4;
  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: #333333;
  border-radius: 3px;
  transition: background-color 0.2s, box-shadow 0.2s;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
  margin-right: 0.5rem;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
  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 #c8c8c8;
  padding: 0.857rem 1rem;
  background: #f4f4f4;
  color: #333333;
  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 {
  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-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 0 none;
}

.p-panel .p-panel-footer {
  padding: 0.571rem 1rem;
  border: 1px solid #c8c8c8;
  background: #ffffff;
  color: #333333;
  border-top: 0 none;
}

.p-scrollpanel .p-scrollpanel-bar {
  background: #f8f8f8;
  border: 0 none;
}

.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-resizing {
  background: #d8dae2;
}

.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 #c8c8c8;
  border-width: 1px;
  border-color: #c8c8c8;
  background: #f4f4f4;
  color: #333333;
  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 {
  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 {
  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: #f4f4f4;
  border: 1px solid #c8c8c8;
  padding: 0.857rem 1rem;
  border-radius: 3px;
}

.p-toolbar .p-toolbar-separator {
  margin: 0 0.5rem;
}

.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-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 #c8c8c8;
  background: #f4f4f4;
  color: #333333;
  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 {
  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-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-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: #c8c8c8;
}

.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,
.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
  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-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: #f4f4f4;
  padding: 0.857rem 1rem;
  border: 1px solid #c8c8c8;
  color: #333333;
  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-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 ul li .p-menuitem-link {
  transition: background-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.p-breadcrumb ul li .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #8dcdff;
}

.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
  color: #333333;
}

.p-breadcrumb ul li.p-breadcrumb-chevron {
  margin: 0 0.5rem 0 0.5rem;
  color: #333333;
}

.p-breadcrumb ul li:last-child .p-menuitem-text {
  color: #333333;
}

.p-breadcrumb ul 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);
  width: 12.5rem;
}

.p-contextmenu .p-menuitem-link {
  padding: 0.857rem;
  color: #333333;
  border-radius: 0;
  transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}

.p-contextmenu .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-contextmenu .p-menuitem-link .p-menuitem-icon {
  color: #333333;
  margin-right: 0.5rem;
}

.p-contextmenu .p-menuitem-link .p-submenu-icon {
  color: #333333;
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
  background: #eaeaea;
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #333333;
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #333333;
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #333333;
}

.p-contextmenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #8dcdff;
}

.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);
}

.p-contextmenu .p-menuitem {
  margin: 0;
}

.p-contextmenu .p-menuitem:last-child {
  margin: 0;
}

.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #eaeaea;
}

.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #333333;
}

.p-contextmenu .p-menu-separator {
  border-top: 1px solid #d8dae2;
  margin: 0;
}

.p-contextmenu .p-submenu-icon {
  font-size: 0.875rem;
}

.p-dock .p-dock-list {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.5rem 0.5rem;
  border-radius: 0.5rem;
}

.p-dock .p-dock-item {
  padding: 0.5rem;
}

.p-dock .p-dock-action {
  width: 4rem;
  height: 4rem;
}

.p-dock.p-dock-top .p-dock-item-second-prev,
.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
.p-dock.p-dock-bottom .p-dock-item-second-next {
  margin: 0 0.9rem;
}

.p-dock.p-dock-top .p-dock-item-prev,
.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
.p-dock.p-dock-bottom .p-dock-item-next {
  margin: 0 1.3rem;
}

.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
  margin: 0 1.5rem;
}

.p-dock.p-dock-left .p-dock-item-second-prev,
.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
.p-dock.p-dock-right .p-dock-item-second-next {
  margin: 0.9rem 0;
}

.p-dock.p-dock-left .p-dock-item-prev,
.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
.p-dock.p-dock-right .p-dock-item-next {
  margin: 1.3rem 0;
}

.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
  margin: 1.5rem 0;
}

@media screen and (max-width: 960px) {
  .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
}

.p-megamenu {
  padding: 0.5rem;
  background: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
  padding: 0.857rem;
  color: #333333;
  border-radius: 3px;
  transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  color: #333333;
  margin-right: 0.5rem;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #333333;
  margin-left: 0.5rem;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: #eaeaea;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #333333;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #333333;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #333333;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #8dcdff;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  background: #eaeaea;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #333333;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #333333;
}

.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #333333;
}

.p-megamenu .p-menuitem-link {
  padding: 0.857rem;
  color: #333333;
  border-radius: 0;
  transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}

.p-megamenu .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-megamenu .p-menuitem-link .p-menuitem-icon {
  color: #333333;
  margin-right: 0.5rem;
}

.p-megamenu .p-menuitem-link .p-submenu-icon {
  color: #333333;
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
  background: #eaeaea;
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #333333;
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #333333;
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #333333;
}

.p-megamenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #8dcdff;
}

.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);
}

.p-megamenu .p-megamenu-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-megamenu-submenu {
  padding: 0;
  width: 12.5rem;
}

.p-megamenu .p-megamenu-submenu .p-menu-separator {
  border-top: 1px solid #d8dae2;
  margin: 0;
}

.p-megamenu .p-megamenu-submenu .p-menuitem {
  margin: 0;
}

.p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
  margin: 0;
}

.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #eaeaea;
}

.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #333333;
}

.p-megamenu.p-megamenu-vertical {
  width: 12.5rem;
  padding: 0;
}

.p-megamenu.p-megamenu-vertical .p-menuitem {
  margin: 0;
}

.p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
  margin: 0;
}

.p-menu {
  padding: 0;
  background: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  width: 12.5rem;
}

.p-menu .p-menuitem-link {
  padding: 0.857rem;
  color: #333333;
  border-radius: 0;
  transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}

.p-menu .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-menu .p-menuitem-link .p-menuitem-icon {
  color: #333333;
  margin-right: 0.5rem;
}

.p-menu .p-menuitem-link .p-submenu-icon {
  color: #333333;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover {
  background: #eaeaea;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #333333;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #333333;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #333333;
}

.p-menu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #8dcdff;
}

.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-menu-separator {
  border-top: 1px solid #d8dae2;
  margin: 0;
}

.p-menu .p-menuitem {
  margin: 0;
}

.p-menu .p-menuitem:last-child {
  margin: 0;
}

.p-menubar {
  padding: 0.5rem;
  background: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
}

.p-menubar .p-menuitem-link {
  padding: 0.857rem;
  color: #333333;
  border-radius: 0;
  transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}

.p-menubar .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-menubar .p-menuitem-link .p-menuitem-icon {
  color: #333333;
  margin-right: 0.5rem;
}

.p-menubar .p-menuitem-link .p-submenu-icon {
  color: #333333;
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover {
  background: #eaeaea;
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #333333;
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #333333;
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #333333;
}

.p-menubar .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #8dcdff;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
  padding: 0.857rem;
  color: #333333;
  border-radius: 3px;
  transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  color: #333333;
  margin-right: 0.5rem;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #333333;
  margin-left: 0.5rem;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: #eaeaea;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #333333;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #333333;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #333333;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #8dcdff;
}

.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  background: #eaeaea;
}

.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #333333;
}

.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #333333;
}

.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #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;
}

.p-menubar .p-submenu-list .p-menu-separator {
  border-top: 1px solid #d8dae2;
  margin: 0;
}

.p-menubar .p-submenu-list .p-submenu-icon {
  font-size: 0.875rem;
}

.p-menubar .p-submenu-list .p-menuitem {
  margin: 0;
}

.p-menubar .p-submenu-list .p-menuitem:last-child {
  margin: 0;
}

.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #eaeaea;
}

.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #333333;
}

@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-menu-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-link {
    padding: 0.857rem;
    color: #333333;
    border-radius: 0;
    transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
    color: #333333;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
    color: #333333;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
    color: #333333;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
    background: #eaeaea;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #333333;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #333333;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #333333;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #8dcdff;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar .p-menubar-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar .p-menubar-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menubar .p-menubar-root-list ul li a {
    padding-left: 2.571rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li a {
    padding-left: 4.285rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.999rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 7.713rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
    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 > a {
  padding: 0.857rem 1rem;
  border: 1px solid #c8c8c8;
  color: #333333;
  background: #f4f4f4;
  font-weight: 700;
  border-radius: 3px;
  transition: background-color 0.2s, box-shadow 0.2s;
}

.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
  margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
  margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-header > a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #8dcdff;
}

.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
  background: #dbdbdb;
  border-color: #dbdbdb;
  color: #333333;
}

.p-panelmenu .p-panelmenu-header.p-highlight {
  margin-bottom: 0;
}

.p-panelmenu .p-panelmenu-header.p-highlight > a {
  background: #007ad9;
  border-color: #007ad9;
  color: #ffffff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
  border-color: #005b9f;
  background: #005b9f;
  color: #ffffff;
}

.p-panelmenu .p-panelmenu-content {
  padding: 0;
  border: 1px solid #c8c8c8;
  background: #ffffff;
  color: #333333;
  margin-bottom: 2px;
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
  padding: 0.857rem;
  color: #333333;
  border-radius: 0;
  transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
  color: #333333;
  margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
  color: #333333;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
  background: #eaeaea;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #333333;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #333333;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #333333;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #8dcdff;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
  margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
  padding: 0 0 0 1rem;
}

.p-panelmenu .p-panelmenu-panel {
  margin-bottom: 2px;
}

.p-slidemenu {
  padding: 0;
  background: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  width: 12.5rem;
}

.p-slidemenu .p-menuitem-link {
  padding: 0.857rem;
  color: #333333;
  border-radius: 0;
  transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}

.p-slidemenu .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-slidemenu .p-menuitem-link .p-menuitem-icon {
  color: #333333;
  margin-right: 0.5rem;
}

.p-slidemenu .p-menuitem-link .p-submenu-icon {
  color: #333333;
}

.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
  background: #eaeaea;
}

.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #333333;
}

.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #333333;
}

.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #333333;
}

.p-slidemenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #8dcdff;
}

.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-slidemenu.p-slidemenu-active > .p-slidemenu-link {
  background: #eaeaea;
}

.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
  color: #333333;
}

.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
  color: #333333;
}

.p-slidemenu .p-slidemenu-separator {
  border-top: 1px solid #d8dae2;
  margin: 0;
}

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

.p-slidemenu .p-slidemenu-backward {
  padding: 0.857rem;
  color: #333333;
}

.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 {
  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: #007ad9;
  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-tabmenuitem {
  margin-right: 2px;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  border: 1px solid #c8c8c8;
  border-width: 1px;
  border-color: #c8c8c8;
  background: #f4f4f4;
  color: #333333;
  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 {
  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-tieredmenu {
  padding: 0;
  background: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  width: 12.5rem;
}

.p-tieredmenu .p-menuitem-link {
  padding: 0.857rem;
  color: #333333;
  border-radius: 0;
  transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}

.p-tieredmenu .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
  color: #333333;
  margin-right: 0.5rem;
}

.p-tieredmenu .p-menuitem-link .p-submenu-icon {
  color: #333333;
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
  background: #eaeaea;
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #333333;
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #333333;
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #333333;
}

.p-tieredmenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #8dcdff;
}

.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-submenu-list {
  padding: 0;
  background: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-tieredmenu .p-menuitem {
  margin: 0;
}

.p-tieredmenu .p-menuitem:last-child {
  margin: 0;
}

.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #eaeaea;
}

.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #333333;
}

.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #333333;
}

.p-tieredmenu .p-menu-separator {
  border-top: 1px solid #d8dae2;
  margin: 0;
}

.p-tieredmenu .p-submenu-icon {
  font-size: 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-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.3);
}

.p-message .p-message-close:focus {
  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-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-toast-summary {
  font-weight: 700;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
  margin: 0.5rem 0 0 0;
}

.p-toast .p-toast-message .p-toast-icon-close {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: transparent;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-toast .p-toast-message .p-toast-icon-close:hover {
  background: rgba(255, 255, 255, 0.3);
}

.p-toast .p-toast-message .p-toast-icon-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #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: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: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: #007ad9;
  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: #007ad9;
  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 {
  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-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-secondary {
  background-color: #607D8B;
  color: #ffffff;
}

.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 {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #8dcdff;
}

.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-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: #333333;
  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-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-terminal {
  background: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571rem 1rem;
}

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

.p-panel .p-panel-header .p-panel-header-icon {
  color: #848484;
}

.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
  color: #333333;
}

.p-dialog .p-dialog-header .p-dialog-header-icon {
  color: #848484;
}

.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
  color: #333333;
}

/* Customizations to the designer theme should be defined here */

.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-overflow-hidden{overflow:hidden}.p-unselectable-text{-webkit-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.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-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-button-label{transition:all .2s}.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('color.6441e63a57ccc5105bad.png') no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.f8505bd4d6f3e3aa435b.png') no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-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:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.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-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{backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.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)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}
@font-face {
    font-family: 'PrimeIcons';
    src: url('primeicons.5f646830cdbd6b4625a3.eot');
    src: url('primeicons.5f646830cdbd6b4625a3.eot?#iefix') format('embedded-opentype'), url('primeicons.75a21438529118e49708.ttf') format('truetype'), url('primeicons.b0095e006a049a7fd531.woff') format('woff'), url('primeicons.ffd8990fc60e7b6d9414.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-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.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-o: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";
}
@charset "UTF-8";
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}
.cdk-overlay-container{position:fixed;z-index:1000}
.cdk-overlay-container:empty{display:none}
.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}
.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}
.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}
.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}
.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}
.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}
.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('MaterialIcons-Regular.af9a28e7f261a412f581.eot');
  /* For IE6-8 */
  src: local("☺"), url('MaterialIcons-Regular.2d8017489da689caedc1.woff2') format("woff2"), url('MaterialIcons-Regular.08cefa1bc6566a650da7.woff') format("woff"), url('MaterialIcons-Regular.698bd8550d863c20a3e1.ttf') format("truetype");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  /* Respect document layout direction */
  direction: inherit;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
/* Responsive Mixins */
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sm-button-padding {
  padding: 8px;
}
.mat-icon-right {
  flex-direction: row-reverse;
}
.center-right-icon-text {
  display: flex;
  flex: 0.4 1 auto;
}
.sm-center-right-icon-text {
  display: flex;
  flex: 0.45 1 auto;
}
.center-left-icon-text {
  display: flex;
  flex: 0.65 1 auto;
}
.sm-center-left-icon-text {
  display: flex;
  flex: 0.55 1 auto;
}
.padding-left-text {
  padding-left: 4px;
}
.padding-right-text {
  padding-right: 4px;
}
.center-text-left {
  display: flex;
  flex: 1;
}
.align-btn {
  display: flex;
  align-items: center;
  width: 100%;
}
.sm-align-btn {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 0.875rem;
}
.sm-align-btn i {
  font-size: 1rem;
}
.align-center {
  justify-content: space-between;
}
.align-btn-center {
  display: flex;
  align-items: center;
  width: 100%;
}
.align-btn-center span {
  flex: 1 1 auto;
}
.sm-align-btn-center {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.sm-align-btn-center span {
  font-size: 0.875rem;
}
.button-border, .input-upload-uploading, .input-upload-pressed, .input-upload-hover, .input-upload-default {
  border-radius: 4px;
  border: none;
}
.button-plain-icon {
  border: none;
  background-color: transparent;
  border-radius: 4px;
}
.button-plain-icon:hover {
  background-color: #D1D5D9;
}
.button-plain-icon:active {
  background-color: #BFC6CC;
}
/* BUTTON STYLES */
button.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem !important;
  transition-duration: 400ms;
  transition-property: background-color;
  font-family: "p22-underground-light", sans-serif !important;
  cursor: pointer;
  font-weight: 600;
}
button.btn span {
  margin-top: 0.125rem;
}
button.btn.icon-only {
  min-width: 0 !important;
}
button.btn.sm-icon-only {
  min-width: 0 !important;
  padding: 4px;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  button.btn {
    min-height: 44px;
  }
}
button.btn:hover {
  cursor: pointer;
}
button.btn.btn-sm {
  min-width: 77px;
  height: 2.25rem;
  padding: 0.5rem 0.75rem;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  border-width: 1px;
  font-size: 0.875rem;
}
button.btn.btn-sm i {
  font-size: 0.875rem;
}
button.btn.btn-md {
  min-width: 77px;
  height: 2.5rem;
  padding: 0.625rem 0.875rem;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  border-width: 1px;
  font-size: 0.875rem;
}
button.btn.btn-md i {
  font-size: 0.875rem;
}
button.btn.btn-lrg {
  min-width: 77px;
  height: 2.75rem;
  padding: 0.5rem 1.25rem;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  border-width: 2px !important;
  font-size: 1rem;
}
button.btn.btn-lrg i {
  font-size: 1rem;
}
button.btn.button-red {
  border-color: #e55b51;
  border-style: solid;
  background-color: #D92D20;
  color: #fff;
}
button.btn.button-red:hover {
  background-color: #e45348;
  border-color: #ec857d;
}
button.btn.button-red:active {
  background-color: #b5261b;
}
button.btn.button-red:focus-visible {
  border-color: #fff;
  outline: 3px solid #D92D20;
}
button.btn.button-primary {
  background-color: #D65423;
  color: #fff;
  border-color: #DF7444;
  border-style: solid;
  border-width: 2px;
}
button.btn.button-primary:hover {
  background-color: #DF7444;
}
button.btn.button-primary:active {
  background-color: #CD460F;
}
button.btn.button-primary:focus-visible {
  border-color: #fff;
  outline: 3px solid #D92D20;
}
button.btn.button-secondary {
  border-color: #D65423;
  border-style: solid;
  background-color: #fff;
  color: #D65423;
}
button.btn.button-secondary:hover {
  border-color: #DF7444;
  color: #DF7444;
  background-color: rgba(241, 241, 241, 0.79);
}
button.btn.button-secondary:active {
  border-color: #CD460F;
  color: #CD460F;
  background-color: #F2F4F5;
}
button.btn.button-secondary:focus-visible {
  border-color: #fff;
  outline: 3px solid #D92D20;
}
button.btn.button-tertiary {
  border-color: #D0D5DD;
  border-style: solid;
  background-color: #F2F4F5;
  color: #363A3D;
}
button.btn.button-tertiary:hover {
  background-color: #fff;
}
button.btn.button-tertiary:active {
  border-color: #C8CACC;
  background-color: #DCDEE0;
}
button.btn.button-tertiary:focus-visible {
  border-color: #fff;
  outline: 3px solid #D65423;
}
button.btn.button-green {
  background-color: #353B17;
  color: #fff;
  border: none;
}
button.btn.button-green:hover {
  background-color: #464A20;
}
button.btn.button-green:active {
  background-color: #222C09;
}
button.btn.button-green:focus-visible {
  border-color: #fff;
  outline: 3px solid #D92D20;
}
button.btn[disabled], button.btndisabled, button.btn.disabled {
  cursor: not-allowed;
  pointer-events: none;
  background-color: #DCDEE0;
  color: #B0B4B8;
  border: none;
}
.btn-circle {
  display: flex;
  width: 44px;
  height: 44px;
  padding: 0.5rem 1.25rem;
  justify-content: center;
  align-items: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  border-radius: 100%;
  background-color: #D65423;
  color: #fff;
  cursor: pointer;
}
.btn-circle:hover {
  background-color: #DF7444;
}
.btn-circle:active {
  background-color: #CD460F;
}
.btn-circle:focus-visible {
  border-color: #fff;
  outline: 3px solid #D92D20;
}
.square-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: none;
  border-radius: 0.25rem;
  padding: 0.625rem;
  cursor: pointer;
  transition-duration: 400ms;
  transition-property: background-color;
}
.square-btn.btn-clear {
  background-color: transparent;
  color: #363A3D;
}
.square-btn.btn-clear:hover {
  background: #F0F2E7;
}
.square-btn.btn-clear:active {
  background: rgba(22, 50, 74, 0.24);
}
.square-btn.btn-clear:focus-visible {
  background: rgba(22, 50, 74, 0.24);
}
.square-btn.primary-new {
  background-color: #D65423;
  color: #fff;
  border-color: #DF7444;
  border-style: solid;
  border-width: 2px;
}
.square-btn.primary-new:hover {
  background-color: #DF7444;
}
.square-btn.primary-new:active {
  background-color: #CD460F;
}
.square-btn.primary-new:focus-visible {
  border-color: #fff;
  outline: 3px solid #D92D20;
}
.square-btn[disabled], .square-btndisabled, .square-btn.disabled {
  cursor: not-allowed;
  pointer-events: none;
  background-color: #DCDEE0;
  color: #B0B4B8;
  border: none;
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
/* Responsive Mixins */
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
.ev-form-error {
  font-size: 12px;
  font-weight: 500;
  color: #ed3a26;
}
.ev-details-container .ev-details-column .ev-details-entry .ev-details-entry-label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-heading {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .item .label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-box .item .value {
  font-size: 14px;
  font-weight: 500;
  color: #353B17;
}
.login-page .link-button, .ev-details-heading {
  font-size: 14px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .heading {
  font-size: 14px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-header .heading h1 {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.login-page .heading {
  font-size: 24px;
  font-weight: 500;
  color: #363A3D;
}
.ev-form-field > label {
  color: #363A3D;
}
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-page-container .pagination-row, .table-page-container .utils-area, .flex-space-between-layout {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.align-items-center {
  display: flex;
  align-items: center;
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.for-phone-show {
  display: none;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .for-phone-show {
    display: block;
  }
}
.for-desktop-show {
  display: none;
}
@media (min-width: 1024px) {
  .for-desktop-show {
    display: block;
  }
}
.flex {
  display: flex;
  align-items: center;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-end-layout {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-space-around-baseline, .flex-header {
  display: flex;
  justify-content: space-around;
  align-items: baseline;
}
.flex-space-between-baseline {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.flex-space-between-stretch {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.align-items-end {
  align-items: end;
}
.margin-left-auto {
  margin-left: auto;
}
.table-page-header {
  padding: 16px 32px;
  background: white;
  align-items: center;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .table-page-header {
    position: sticky;
    top: 0;
    z-index: 9;
  }
}
.header-crumbs-divider {
  color: #B0B4B8;
  vertical-align: sub;
}
.table-page-container {
  display: flex;
  flex-flow: column;
  padding: 32px;
  min-height: 100vh;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .table-page-container {
    width: 100vw;
    padding: 0;
  }
}
.table-page-container .table-tools {
  display: flex;
}
.table-page-container .table-tools hf-custom-text-field {
  flex: 0.5;
}
.table-page-container .table-tools hf-selector-link {
  flex: 0.2;
}
@media (min-width: 768px) {
  .table-page-container .table-tools hf-selector-link {
    margin-left: 16px;
  }
}
.table-page-container .table-tools .keep-right {
  margin-left: auto;
}
@media (max-width: 767px) {
  .table-page-container .table-tools {
    flex-direction: column;
    padding: 0 16px;
  }
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .table-page-container .utils-area {
    flex-flow: column;
    align-items: initial;
  }
}
.table-page-container .search-box-line {
  width: calc(5 / 12 * 100%);
  height: 46px;
  margin-bottom: 32px;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .table-page-container .search-box-line {
    display: flex;
    padding: 0 16px;
    width: initial;
    margin-bottom: 0;
  }
  .table-page-container .search-box-line .search-bar-wrap {
    width: 100%;
    margin-right: 12px;
  }
}
.table-page-container .pagination-row {
  margin-top: 16px;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .table-page-container .pagination-row {
    flex-flow: column;
  }
  .table-page-container .pagination-row everglades-paginator {
    margin-top: 8px;
  }
}
.sidepanes-anchor {
  position: fixed;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 99;
}
.sidepane-child-anchor {
  display: inline-block;
  vertical-align: top;
}
.hf-selector {
  margin-bottom: 12px;
}
.hf-selector label {
  margin-top: 8px;
  font-size: 14px;
  color: #363A3D;
  line-height: 16px;
}
.hf-selector .hf-selector-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 44px;
  background-color: #FFFFFF;
  padding-right: 10px;
  transition: background-color 150ms;
}
.hf-selector .hf-selector-container .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #363A3D;
}
.hf-selector .hf-selector-container:not(.readonly) {
  cursor: pointer;
}
.hf-selector .hf-selector-container:not(.readonly):hover {
  background-color: #FAF9F5;
}
.hf-selector .hf-selector-container.hf-selector-has-value {
  height: auto;
  min-height: 44px;
  border: 1px solid #D0D5DD;
  border-radius: 4px;
}
.hf-selector .hf-selector-container.hf-selector-has-value.invalid {
  border-color: #ED3A26;
}
.hf-selector .hf-selector-container.hf-selector-has-value .description {
  padding-top: 8px;
  font-size: 14px;
  color: #363A3D;
  line-height: 16px;
}
.hf-selector .hf-selector-container.hf-selector-has-value .description-extended {
  padding-top: 2px;
  font-size: 14px;
  color: #363A3D;
  line-height: 16px;
}
.hf-selector .hf-selector-container.hf-selector-has-value .hf-selector-label-area :first-child:not(.material-icons) {
  padding-left: 16px;
  color: #B0B4B8;
}
.hf-selector .hf-selector-container.hf-selector-black-color {
  margin-bottom: 12px;
}
.hf-selector .hf-selector-container.hf-selector-black-color .title {
  color: #363A3D !important;
}
.hf-selector .hf-selector-container.hf-selector-one-line {
  height: 44px;
}
.hf-selector .hf-selector-label-area {
  display: flex;
  align-items: center;
}
.hf-selector .hf-selector-label-area .material-icons {
  color: #D65423;
  padding: 10px;
}
.hf-selector.hf-selector-label-only {
  margin-bottom: 0;
}
.hf-selector .hf-selector-content-area {
  padding: 12px 16px;
}
.hf-selector .hf-selector-content-area .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #363A3D;
}
.hf-selector .chevron-icon {
  font-size: 24px;
  line-height: 24px;
  color: #C8CACC;
}
.mark-area {
  display: flex;
  align-items: center;
  line-height: 20px;
  margin-bottom: 22px;
}
.mark-area.passed .material-icons {
  color: #2E994A;
}
.mark-area.canceled .material-icons {
  color: #ED3A26;
}
.mark-area .material-icons {
  margin-right: 10px;
}
.mark-area span {
  font-size: 14px;
}
.file-attachment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  border: 2px dashed #DCDEE0;
  border-radius: 4px;
  padding: 0 16px;
  line-height: 44px;
  margin-bottom: 12px;
  transition: border-color 100ms;
  cursor: pointer;
}
.file-attachment .file-with-name-container {
  display: flex;
  align-items: center;
}
.file-attachment div {
  color: #363A3D;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.file-attachment div img {
  max-width: 50px;
  max-height: 50px;
  padding: 10px 10px 10px 0;
  box-sizing: content-box;
}
.file-attachment .material-icons {
  color: #939699;
}
.file-attachment:hover {
  border-color: #B0B4B8;
}
.flex-phone-prefix {
  flex: 0 0 30%;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .flex-phone-prefix {
    flex: 0 0 37%;
  }
}
.flex-phone {
  flex: 0 0 67%;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .flex-phone {
    flex: 0 0 60%;
  }
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .flex-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }
}
.flex-header--fixed {
  align-items: center;
  min-height: 76px;
}
.flex-title {
  flex: 1 0 0;
  align-items: center;
  display: flex;
}
.user-photo {
  margin: -8px 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.introducer-logo {
  width: 73px;
  height: 27px;
}
.desktop-date-time {
  display: block !important;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .desktop-date-time {
    display: none !important;
  }
}
.native-mobile-date-time {
  display: none !important;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .native-mobile-date-time {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  .right-header hf-custom-button {
    margin-left: 16px;
  }

  .left-header hf-custom-button {
    margin-right: 16px;
  }
}
.truncate-two-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ev-separator {
  border-top: 1px solid #c8cacc;
  margin-top: 18px;
  margin-bottom: 24px;
}
.ev-thumbnails-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 768px) {
  .ev-thumbnails-container {
    max-width: 704px;
    margin-left: -48px;
  }
}
@media (min-width: 768px) {
  .ev-details-container {
    display: flex;
    grid-gap: 16px;
    gap: 16px;
  }
}
.ev-details-container .ev-details-column {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .ev-details-container .ev-details-column {
    width: 33.3%;
  }
}
.ev-details-container .ev-details-column .ev-details-entry {
  display: flex;
  padding: 6px 0;
}
.ev-details-container .ev-details-column .ev-details-entry .ev-details-entry-label {
  width: 34%;
}
.ev-details-container .ev-details-column .ev-details-entry .ev-details-entry-value {
  margin-left: 20px;
  width: 66%;
  color: #353B17;
  font-weight: normal;
  font-size: 0.875rem;
}
.ev-dashboard-header {
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  background: #fff;
}
@media (min-width: 768px) {
  .ev-dashboard-header {
    padding: 0 32px;
    min-height: 76px;
  }
}
.ev-dashboard-header hf-nav-button button {
  color: grey;
  background-color: white !important;
  height: 44px;
  min-height: initial;
}
.ev-dashboard-header hf-nav-button button i {
  color: grey;
}
.ev-dashboard-header .heading {
  flex: 1;
  display: flex;
  align-items: center;
}
.ev-dashboard-header .heading hf-custom-button i {
  color: #939699;
}
.ev-dashboard-header .heading img {
  width: 32px;
  height: 32px;
}
.ev-dashboard-header .heading h1 {
  margin-left: 8px;
}
@media (min-width: 768px) {
  .ev-dashboard-header hf-remortgage-status-badge {
    position: absolute;
    top: 88px;
    right: 32px;
  }
}
@media (min-width: 768px) {
  .ev-dashboard-header hf-mortgage-toolbar-with-menu {
    margin-left: 16px;
  }
}
.ev-dashboard-header hf-toolbar-button-container {
  margin-left: 8px;
  margin-right: 16px;
}
@media (min-width: 768px) {
  .ev-dashboard-header hf-toolbar-button-container {
    margin-left: auto;
    margin-right: 0;
    margin-top: 24px;
  }
}
.ev-dashboard-header .status-wrapper {
  margin-right: 16px;
}
@media (min-width: 768px) {
  .ev-dashboard-header hf-custom-button[icon=more_horiz] {
    margin-left: 16px;
  }
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
/* Responsive Mixins */
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
.ev-form-error {
  font-size: 12px;
  font-weight: 500;
  color: #ed3a26;
}
.ev-details-container .ev-details-column .ev-details-entry .ev-details-entry-label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-heading {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .item .label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-box .item .value {
  font-size: 14px;
  font-weight: 500;
  color: #353B17;
}
.login-page .link-button, .ev-details-heading {
  font-size: 14px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .heading {
  font-size: 14px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-header .heading h1 {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.login-page .heading {
  font-size: 24px;
  font-weight: 500;
  color: #363A3D;
}
.ev-form-field > label {
  color: #363A3D;
}
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ev-dashboard-box {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.ev-dashboard-box .item {
  display: flex;
}
.ev-dashboard-box .item.center {
  align-items: center;
}
.ev-dashboard-box .item:not(:first-child) {
  margin-top: 12px;
}
.ev-dashboard-box .item .label {
  width: 112px;
  line-height: 16px;
}
.ev-dashboard-box .item .value {
  flex: 1;
  margin-left: 12px;
  line-height: 16px;
  overflow-wrap: break-word;
  overflow: hidden;
}
.ev-dashboard-box .item .value.pre {
  white-space: pre-line;
}
.ev-dashboard-box .separator {
  border-top: 1px solid #E6E8EB;
}
.ev-dashboard-box-attachments {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
}
.ev-dashboard-box-attachments hfc-document-thumbnail {
  margin: 0;
  padding: 0;
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
/* Responsive Mixins */
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
.ev-form-error {
  font-size: 12px;
  font-weight: 500;
  color: #ed3a26;
}
.ev-details-container .ev-details-column .ev-details-entry .ev-details-entry-label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-heading {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .item .label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-box .item .value {
  font-size: 14px;
  font-weight: 500;
  color: #353B17;
}
.login-page .link-button, .ev-details-heading {
  font-size: 14px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .heading {
  font-size: 14px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-header .heading h1 {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.login-page .heading {
  font-size: 24px;
  font-weight: 500;
  color: #363A3D;
}
.ev-form-field > label {
  color: #363A3D;
}
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .desktop-only {
    display: none;
  }
}
@media (min-width: 768px) {
  .mobile-only {
    display: none;
  }
}
.ev-buttons-layout {
  display: flex;
  flex-direction: column;
}
.ev-buttons-layout *:not(:last-of-type) {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .ev-buttons-layout {
    flex-direction: row;
    justify-content: center;
  }
  .ev-buttons-layout *:not(:last-of-type) {
    margin-bottom: 0;
    margin-right: 16px;
  }
}
.ev-sidepane-form {
  padding-top: 24px;
  padding-bottom: 24px;
}
.ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-heading {
  margin-bottom: 16px;
}
.ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-content {
  display: flex;
  flex-wrap: wrap;
  margin-left: -32px;
}
.ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-content .ev-sidepane-form-column, .ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-content .ev-sidepane-form-column-full-width {
  width: 100%;
  padding-left: 32px;
}
@media (min-width: 768px) {
  .ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-content .ev-sidepane-form-column {
    width: 50%;
  }
}
.ev-sidepane-form .ev-sidepane-form-section.top-border {
  border-top: 1px solid #c8cacc;
  padding-top: 20px;
}
.ev-sidepane-form .ev-sidepane-form-section.bottom-border {
  border-bottom: 1px solid #c8cacc;
  margin-bottom: 20px;
}
.ev-form-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.ev-form-field > label {
  margin-bottom: 8px;
  line-height: 16px;
}
.ev-form-field > hf-selector-link {
  display: block;
}
.ev-form-field > hf-textarea {
  margin-bottom: -12px;
}
.ev-form-field > hf-checkbox {
  margin-bottom: 0;
}
.ev-form-field > hf-client-selector label {
  margin-top: 0;
}
.ev-form-field > hf-client-selector .hf-selector, .ev-form-field > hf-client-selector .hf-selector-container {
  margin: 0 !important;
}
.ev-form-field > hf-date-input .hf-selector, .ev-form-field > hf-date-input .hf-selector-container {
  margin: 0 !important;
}
.ev-form-field.two-column-checkbox-list > hfc-checkbox-list .hfc-checkbox-list-item {
  flex: 1 0 0;
  width: initial;
  min-width: 45%;
  max-width: calc(50% - 12px);
  padding: 12px 14px;
}
.ev-sidepane-footer hfc-button:not(:last-of-type) {
  margin-right: 16px;
}
.grid-desktop {
  width: 1280px;
  padding: 2rem;
}
.grid-tablet {
  width: 768px;
  padding: 2rem;
}
.grid-mobile {
  width: 375px;
  padding: 1rem;
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.m-0 {
  margin: 0;
}
.mb-0 {
  margin-bottom: 0;
}
.mt-0 {
  margin-top: 0;
}
.ml-0 {
  margin-left: 0;
}
.mr-0 {
  margin-right: 0;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.p-0 {
  padding: 0;
}
.pb-0 {
  padding-bottom: 0;
}
.pt-0 {
  padding-top: 0;
}
.pl-0 {
  padding-left: 0;
}
.pr-0 {
  padding-right: 0;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 576px) {
  .m-sm-0 {
    margin: 0;
  }

  .mb-sm-0 {
    margin-bottom: 0;
  }

  .mt-sm-0 {
    margin-top: 0;
  }

  .ml-sm-0 {
    margin-left: 0;
  }

  .mr-sm-0 {
    margin-right: 0;
  }

  .mx-sm-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .my-sm-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .p-sm-0 {
    padding: 0;
  }

  .pb-sm-0 {
    padding-bottom: 0;
  }

  .pt-sm-0 {
    padding-top: 0;
  }

  .pl-sm-0 {
    padding-left: 0;
  }

  .pr-sm-0 {
    padding-right: 0;
  }

  .px-sm-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .py-sm-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .m-md-0 {
    margin: 0;
  }

  .mb-md-0 {
    margin-bottom: 0;
  }

  .mt-md-0 {
    margin-top: 0;
  }

  .ml-md-0 {
    margin-left: 0;
  }

  .mr-md-0 {
    margin-right: 0;
  }

  .mx-md-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .my-md-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .p-md-0 {
    padding: 0;
  }

  .pb-md-0 {
    padding-bottom: 0;
  }

  .pt-md-0 {
    padding-top: 0;
  }

  .pl-md-0 {
    padding-left: 0;
  }

  .pr-md-0 {
    padding-right: 0;
  }

  .px-md-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .py-md-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-0 {
    margin: 0;
  }

  .mb-lg-0 {
    margin-bottom: 0;
  }

  .mt-lg-0 {
    margin-top: 0;
  }

  .ml-lg-0 {
    margin-left: 0;
  }

  .mr-lg-0 {
    margin-right: 0;
  }

  .mx-lg-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .my-lg-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .p-lg-0 {
    padding: 0;
  }

  .pb-lg-0 {
    padding-bottom: 0;
  }

  .pt-lg-0 {
    padding-top: 0;
  }

  .pl-lg-0 {
    padding-left: 0;
  }

  .pr-lg-0 {
    padding-right: 0;
  }

  .px-lg-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .py-lg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-0 {
    margin: 0;
  }

  .mb-xlg-0 {
    margin-bottom: 0;
  }

  .mt-xlg-0 {
    margin-top: 0;
  }

  .ml-xlg-0 {
    margin-left: 0;
  }

  .mr-xlg-0 {
    margin-right: 0;
  }

  .mx-xlg-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .my-xlg-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .p-xlg-0 {
    padding: 0;
  }

  .pb-xlg-0 {
    padding-bottom: 0;
  }

  .pt-xlg-0 {
    padding-top: 0;
  }

  .pl-xlg-0 {
    padding-left: 0;
  }

  .pr-xlg-0 {
    padding-right: 0;
  }

  .px-xlg-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .py-xlg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.m-1 {
  margin: 0.25rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.p-1 {
  padding: 0.25rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
@media screen and (min-width: 576px) {
  .m-sm-1 {
    margin: 0.25rem;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem;
  }

  .mt-sm-1 {
    margin-top: 0.25rem;
  }

  .ml-sm-1 {
    margin-left: 0.25rem;
  }

  .mr-sm-1 {
    margin-right: 0.25rem;
  }

  .mx-sm-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .my-sm-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .p-sm-1 {
    padding: 0.25rem;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem;
  }

  .pt-sm-1 {
    padding-top: 0.25rem;
  }

  .pl-sm-1 {
    padding-left: 0.25rem;
  }

  .pr-sm-1 {
    padding-right: 0.25rem;
  }

  .px-sm-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .py-sm-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-1 {
    margin: 0.25rem;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem;
  }

  .mt-md-1 {
    margin-top: 0.25rem;
  }

  .ml-md-1 {
    margin-left: 0.25rem;
  }

  .mr-md-1 {
    margin-right: 0.25rem;
  }

  .mx-md-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .my-md-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .p-md-1 {
    padding: 0.25rem;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem;
  }

  .pt-md-1 {
    padding-top: 0.25rem;
  }

  .pl-md-1 {
    padding-left: 0.25rem;
  }

  .pr-md-1 {
    padding-right: 0.25rem;
  }

  .px-md-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .py-md-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-1 {
    margin: 0.25rem;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem;
  }

  .mt-lg-1 {
    margin-top: 0.25rem;
  }

  .ml-lg-1 {
    margin-left: 0.25rem;
  }

  .mr-lg-1 {
    margin-right: 0.25rem;
  }

  .mx-lg-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .my-lg-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .p-lg-1 {
    padding: 0.25rem;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem;
  }

  .pt-lg-1 {
    padding-top: 0.25rem;
  }

  .pl-lg-1 {
    padding-left: 0.25rem;
  }

  .pr-lg-1 {
    padding-right: 0.25rem;
  }

  .px-lg-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .py-lg-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-1 {
    margin: 0.25rem;
  }

  .mb-xlg-1 {
    margin-bottom: 0.25rem;
  }

  .mt-xlg-1 {
    margin-top: 0.25rem;
  }

  .ml-xlg-1 {
    margin-left: 0.25rem;
  }

  .mr-xlg-1 {
    margin-right: 0.25rem;
  }

  .mx-xlg-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .my-xlg-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .p-xlg-1 {
    padding: 0.25rem;
  }

  .pb-xlg-1 {
    padding-bottom: 0.25rem;
  }

  .pt-xlg-1 {
    padding-top: 0.25rem;
  }

  .pl-xlg-1 {
    padding-left: 0.25rem;
  }

  .pr-xlg-1 {
    padding-right: 0.25rem;
  }

  .px-xlg-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .py-xlg-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
.m-2 {
  margin: 0.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 576px) {
  .m-sm-2 {
    margin: 0.5rem;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem;
  }

  .mt-sm-2 {
    margin-top: 0.5rem;
  }

  .ml-sm-2 {
    margin-left: 0.5rem;
  }

  .mr-sm-2 {
    margin-right: 0.5rem;
  }

  .mx-sm-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .my-sm-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .p-sm-2 {
    padding: 0.5rem;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem;
  }

  .pt-sm-2 {
    padding-top: 0.5rem;
  }

  .pl-sm-2 {
    padding-left: 0.5rem;
  }

  .pr-sm-2 {
    padding-right: 0.5rem;
  }

  .px-sm-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .py-sm-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-2 {
    margin: 0.5rem;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem;
  }

  .mt-md-2 {
    margin-top: 0.5rem;
  }

  .ml-md-2 {
    margin-left: 0.5rem;
  }

  .mr-md-2 {
    margin-right: 0.5rem;
  }

  .mx-md-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .my-md-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .p-md-2 {
    padding: 0.5rem;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem;
  }

  .pt-md-2 {
    padding-top: 0.5rem;
  }

  .pl-md-2 {
    padding-left: 0.5rem;
  }

  .pr-md-2 {
    padding-right: 0.5rem;
  }

  .px-md-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .py-md-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-2 {
    margin: 0.5rem;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem;
  }

  .mt-lg-2 {
    margin-top: 0.5rem;
  }

  .ml-lg-2 {
    margin-left: 0.5rem;
  }

  .mr-lg-2 {
    margin-right: 0.5rem;
  }

  .mx-lg-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .my-lg-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .p-lg-2 {
    padding: 0.5rem;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem;
  }

  .pt-lg-2 {
    padding-top: 0.5rem;
  }

  .pl-lg-2 {
    padding-left: 0.5rem;
  }

  .pr-lg-2 {
    padding-right: 0.5rem;
  }

  .px-lg-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .py-lg-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-2 {
    margin: 0.5rem;
  }

  .mb-xlg-2 {
    margin-bottom: 0.5rem;
  }

  .mt-xlg-2 {
    margin-top: 0.5rem;
  }

  .ml-xlg-2 {
    margin-left: 0.5rem;
  }

  .mr-xlg-2 {
    margin-right: 0.5rem;
  }

  .mx-xlg-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .my-xlg-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .p-xlg-2 {
    padding: 0.5rem;
  }

  .pb-xlg-2 {
    padding-bottom: 0.5rem;
  }

  .pt-xlg-2 {
    padding-top: 0.5rem;
  }

  .pl-xlg-2 {
    padding-left: 0.5rem;
  }

  .pr-xlg-2 {
    padding-right: 0.5rem;
  }

  .px-xlg-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .py-xlg-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.m-3 {
  margin: 0.75rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.p-3 {
  padding: 0.75rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media screen and (min-width: 576px) {
  .m-sm-3 {
    margin: 0.75rem;
  }

  .mb-sm-3 {
    margin-bottom: 0.75rem;
  }

  .mt-sm-3 {
    margin-top: 0.75rem;
  }

  .ml-sm-3 {
    margin-left: 0.75rem;
  }

  .mr-sm-3 {
    margin-right: 0.75rem;
  }

  .mx-sm-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .my-sm-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .p-sm-3 {
    padding: 0.75rem;
  }

  .pb-sm-3 {
    padding-bottom: 0.75rem;
  }

  .pt-sm-3 {
    padding-top: 0.75rem;
  }

  .pl-sm-3 {
    padding-left: 0.75rem;
  }

  .pr-sm-3 {
    padding-right: 0.75rem;
  }

  .px-sm-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .py-sm-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-3 {
    margin: 0.75rem;
  }

  .mb-md-3 {
    margin-bottom: 0.75rem;
  }

  .mt-md-3 {
    margin-top: 0.75rem;
  }

  .ml-md-3 {
    margin-left: 0.75rem;
  }

  .mr-md-3 {
    margin-right: 0.75rem;
  }

  .mx-md-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .my-md-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .p-md-3 {
    padding: 0.75rem;
  }

  .pb-md-3 {
    padding-bottom: 0.75rem;
  }

  .pt-md-3 {
    padding-top: 0.75rem;
  }

  .pl-md-3 {
    padding-left: 0.75rem;
  }

  .pr-md-3 {
    padding-right: 0.75rem;
  }

  .px-md-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .py-md-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-3 {
    margin: 0.75rem;
  }

  .mb-lg-3 {
    margin-bottom: 0.75rem;
  }

  .mt-lg-3 {
    margin-top: 0.75rem;
  }

  .ml-lg-3 {
    margin-left: 0.75rem;
  }

  .mr-lg-3 {
    margin-right: 0.75rem;
  }

  .mx-lg-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .my-lg-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .p-lg-3 {
    padding: 0.75rem;
  }

  .pb-lg-3 {
    padding-bottom: 0.75rem;
  }

  .pt-lg-3 {
    padding-top: 0.75rem;
  }

  .pl-lg-3 {
    padding-left: 0.75rem;
  }

  .pr-lg-3 {
    padding-right: 0.75rem;
  }

  .px-lg-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .py-lg-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-3 {
    margin: 0.75rem;
  }

  .mb-xlg-3 {
    margin-bottom: 0.75rem;
  }

  .mt-xlg-3 {
    margin-top: 0.75rem;
  }

  .ml-xlg-3 {
    margin-left: 0.75rem;
  }

  .mr-xlg-3 {
    margin-right: 0.75rem;
  }

  .mx-xlg-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .my-xlg-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .p-xlg-3 {
    padding: 0.75rem;
  }

  .pb-xlg-3 {
    padding-bottom: 0.75rem;
  }

  .pt-xlg-3 {
    padding-top: 0.75rem;
  }

  .pl-xlg-3 {
    padding-left: 0.75rem;
  }

  .pr-xlg-3 {
    padding-right: 0.75rem;
  }

  .px-xlg-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .py-xlg-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
.m-4 {
  margin: 1rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mt-4 {
  margin-top: 1rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.p-4 {
  padding: 1rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pr-4 {
  padding-right: 1rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 576px) {
  .m-sm-4 {
    margin: 1rem;
  }

  .mb-sm-4 {
    margin-bottom: 1rem;
  }

  .mt-sm-4 {
    margin-top: 1rem;
  }

  .ml-sm-4 {
    margin-left: 1rem;
  }

  .mr-sm-4 {
    margin-right: 1rem;
  }

  .mx-sm-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .my-sm-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .p-sm-4 {
    padding: 1rem;
  }

  .pb-sm-4 {
    padding-bottom: 1rem;
  }

  .pt-sm-4 {
    padding-top: 1rem;
  }

  .pl-sm-4 {
    padding-left: 1rem;
  }

  .pr-sm-4 {
    padding-right: 1rem;
  }

  .px-sm-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .py-sm-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-4 {
    margin: 1rem;
  }

  .mb-md-4 {
    margin-bottom: 1rem;
  }

  .mt-md-4 {
    margin-top: 1rem;
  }

  .ml-md-4 {
    margin-left: 1rem;
  }

  .mr-md-4 {
    margin-right: 1rem;
  }

  .mx-md-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .my-md-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .p-md-4 {
    padding: 1rem;
  }

  .pb-md-4 {
    padding-bottom: 1rem;
  }

  .pt-md-4 {
    padding-top: 1rem;
  }

  .pl-md-4 {
    padding-left: 1rem;
  }

  .pr-md-4 {
    padding-right: 1rem;
  }

  .px-md-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .py-md-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-4 {
    margin: 1rem;
  }

  .mb-lg-4 {
    margin-bottom: 1rem;
  }

  .mt-lg-4 {
    margin-top: 1rem;
  }

  .ml-lg-4 {
    margin-left: 1rem;
  }

  .mr-lg-4 {
    margin-right: 1rem;
  }

  .mx-lg-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .my-lg-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .p-lg-4 {
    padding: 1rem;
  }

  .pb-lg-4 {
    padding-bottom: 1rem;
  }

  .pt-lg-4 {
    padding-top: 1rem;
  }

  .pl-lg-4 {
    padding-left: 1rem;
  }

  .pr-lg-4 {
    padding-right: 1rem;
  }

  .px-lg-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .py-lg-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-4 {
    margin: 1rem;
  }

  .mb-xlg-4 {
    margin-bottom: 1rem;
  }

  .mt-xlg-4 {
    margin-top: 1rem;
  }

  .ml-xlg-4 {
    margin-left: 1rem;
  }

  .mr-xlg-4 {
    margin-right: 1rem;
  }

  .mx-xlg-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .my-xlg-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .p-xlg-4 {
    padding: 1rem;
  }

  .pb-xlg-4 {
    padding-bottom: 1rem;
  }

  .pt-xlg-4 {
    padding-top: 1rem;
  }

  .pl-xlg-4 {
    padding-left: 1rem;
  }

  .pr-xlg-4 {
    padding-right: 1rem;
  }

  .px-xlg-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .py-xlg-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.m-5 {
  margin: 1.25rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.p-5 {
  padding: 1.25rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 576px) {
  .m-sm-5 {
    margin: 1.25rem;
  }

  .mb-sm-5 {
    margin-bottom: 1.25rem;
  }

  .mt-sm-5 {
    margin-top: 1.25rem;
  }

  .ml-sm-5 {
    margin-left: 1.25rem;
  }

  .mr-sm-5 {
    margin-right: 1.25rem;
  }

  .mx-sm-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .my-sm-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .p-sm-5 {
    padding: 1.25rem;
  }

  .pb-sm-5 {
    padding-bottom: 1.25rem;
  }

  .pt-sm-5 {
    padding-top: 1.25rem;
  }

  .pl-sm-5 {
    padding-left: 1.25rem;
  }

  .pr-sm-5 {
    padding-right: 1.25rem;
  }

  .px-sm-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .py-sm-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-5 {
    margin: 1.25rem;
  }

  .mb-md-5 {
    margin-bottom: 1.25rem;
  }

  .mt-md-5 {
    margin-top: 1.25rem;
  }

  .ml-md-5 {
    margin-left: 1.25rem;
  }

  .mr-md-5 {
    margin-right: 1.25rem;
  }

  .mx-md-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .my-md-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .p-md-5 {
    padding: 1.25rem;
  }

  .pb-md-5 {
    padding-bottom: 1.25rem;
  }

  .pt-md-5 {
    padding-top: 1.25rem;
  }

  .pl-md-5 {
    padding-left: 1.25rem;
  }

  .pr-md-5 {
    padding-right: 1.25rem;
  }

  .px-md-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .py-md-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-5 {
    margin: 1.25rem;
  }

  .mb-lg-5 {
    margin-bottom: 1.25rem;
  }

  .mt-lg-5 {
    margin-top: 1.25rem;
  }

  .ml-lg-5 {
    margin-left: 1.25rem;
  }

  .mr-lg-5 {
    margin-right: 1.25rem;
  }

  .mx-lg-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .my-lg-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .p-lg-5 {
    padding: 1.25rem;
  }

  .pb-lg-5 {
    padding-bottom: 1.25rem;
  }

  .pt-lg-5 {
    padding-top: 1.25rem;
  }

  .pl-lg-5 {
    padding-left: 1.25rem;
  }

  .pr-lg-5 {
    padding-right: 1.25rem;
  }

  .px-lg-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .py-lg-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-5 {
    margin: 1.25rem;
  }

  .mb-xlg-5 {
    margin-bottom: 1.25rem;
  }

  .mt-xlg-5 {
    margin-top: 1.25rem;
  }

  .ml-xlg-5 {
    margin-left: 1.25rem;
  }

  .mr-xlg-5 {
    margin-right: 1.25rem;
  }

  .mx-xlg-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .my-xlg-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .p-xlg-5 {
    padding: 1.25rem;
  }

  .pb-xlg-5 {
    padding-bottom: 1.25rem;
  }

  .pt-xlg-5 {
    padding-top: 1.25rem;
  }

  .pl-xlg-5 {
    padding-left: 1.25rem;
  }

  .pr-xlg-5 {
    padding-right: 1.25rem;
  }

  .px-xlg-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .py-xlg-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.m-6 {
  margin: 1.5rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.p-6 {
  padding: 1.5rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 576px) {
  .m-sm-6 {
    margin: 1.5rem;
  }

  .mb-sm-6 {
    margin-bottom: 1.5rem;
  }

  .mt-sm-6 {
    margin-top: 1.5rem;
  }

  .ml-sm-6 {
    margin-left: 1.5rem;
  }

  .mr-sm-6 {
    margin-right: 1.5rem;
  }

  .mx-sm-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .my-sm-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .p-sm-6 {
    padding: 1.5rem;
  }

  .pb-sm-6 {
    padding-bottom: 1.5rem;
  }

  .pt-sm-6 {
    padding-top: 1.5rem;
  }

  .pl-sm-6 {
    padding-left: 1.5rem;
  }

  .pr-sm-6 {
    padding-right: 1.5rem;
  }

  .px-sm-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .py-sm-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-6 {
    margin: 1.5rem;
  }

  .mb-md-6 {
    margin-bottom: 1.5rem;
  }

  .mt-md-6 {
    margin-top: 1.5rem;
  }

  .ml-md-6 {
    margin-left: 1.5rem;
  }

  .mr-md-6 {
    margin-right: 1.5rem;
  }

  .mx-md-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .my-md-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .p-md-6 {
    padding: 1.5rem;
  }

  .pb-md-6 {
    padding-bottom: 1.5rem;
  }

  .pt-md-6 {
    padding-top: 1.5rem;
  }

  .pl-md-6 {
    padding-left: 1.5rem;
  }

  .pr-md-6 {
    padding-right: 1.5rem;
  }

  .px-md-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .py-md-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-6 {
    margin: 1.5rem;
  }

  .mb-lg-6 {
    margin-bottom: 1.5rem;
  }

  .mt-lg-6 {
    margin-top: 1.5rem;
  }

  .ml-lg-6 {
    margin-left: 1.5rem;
  }

  .mr-lg-6 {
    margin-right: 1.5rem;
  }

  .mx-lg-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .my-lg-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .p-lg-6 {
    padding: 1.5rem;
  }

  .pb-lg-6 {
    padding-bottom: 1.5rem;
  }

  .pt-lg-6 {
    padding-top: 1.5rem;
  }

  .pl-lg-6 {
    padding-left: 1.5rem;
  }

  .pr-lg-6 {
    padding-right: 1.5rem;
  }

  .px-lg-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .py-lg-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-6 {
    margin: 1.5rem;
  }

  .mb-xlg-6 {
    margin-bottom: 1.5rem;
  }

  .mt-xlg-6 {
    margin-top: 1.5rem;
  }

  .ml-xlg-6 {
    margin-left: 1.5rem;
  }

  .mr-xlg-6 {
    margin-right: 1.5rem;
  }

  .mx-xlg-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .my-xlg-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .p-xlg-6 {
    padding: 1.5rem;
  }

  .pb-xlg-6 {
    padding-bottom: 1.5rem;
  }

  .pt-xlg-6 {
    padding-top: 1.5rem;
  }

  .pl-xlg-6 {
    padding-left: 1.5rem;
  }

  .pr-xlg-6 {
    padding-right: 1.5rem;
  }

  .px-xlg-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .py-xlg-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.m-7 {
  margin: 1.75rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.ml-7 {
  margin-left: 1.75rem;
}
.mr-7 {
  margin-right: 1.75rem;
}
.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.p-7 {
  padding: 1.75rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
@media screen and (min-width: 576px) {
  .m-sm-7 {
    margin: 1.75rem;
  }

  .mb-sm-7 {
    margin-bottom: 1.75rem;
  }

  .mt-sm-7 {
    margin-top: 1.75rem;
  }

  .ml-sm-7 {
    margin-left: 1.75rem;
  }

  .mr-sm-7 {
    margin-right: 1.75rem;
  }

  .mx-sm-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }

  .my-sm-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .p-sm-7 {
    padding: 1.75rem;
  }

  .pb-sm-7 {
    padding-bottom: 1.75rem;
  }

  .pt-sm-7 {
    padding-top: 1.75rem;
  }

  .pl-sm-7 {
    padding-left: 1.75rem;
  }

  .pr-sm-7 {
    padding-right: 1.75rem;
  }

  .px-sm-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .py-sm-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-7 {
    margin: 1.75rem;
  }

  .mb-md-7 {
    margin-bottom: 1.75rem;
  }

  .mt-md-7 {
    margin-top: 1.75rem;
  }

  .ml-md-7 {
    margin-left: 1.75rem;
  }

  .mr-md-7 {
    margin-right: 1.75rem;
  }

  .mx-md-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }

  .my-md-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .p-md-7 {
    padding: 1.75rem;
  }

  .pb-md-7 {
    padding-bottom: 1.75rem;
  }

  .pt-md-7 {
    padding-top: 1.75rem;
  }

  .pl-md-7 {
    padding-left: 1.75rem;
  }

  .pr-md-7 {
    padding-right: 1.75rem;
  }

  .px-md-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .py-md-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-7 {
    margin: 1.75rem;
  }

  .mb-lg-7 {
    margin-bottom: 1.75rem;
  }

  .mt-lg-7 {
    margin-top: 1.75rem;
  }

  .ml-lg-7 {
    margin-left: 1.75rem;
  }

  .mr-lg-7 {
    margin-right: 1.75rem;
  }

  .mx-lg-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }

  .my-lg-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .p-lg-7 {
    padding: 1.75rem;
  }

  .pb-lg-7 {
    padding-bottom: 1.75rem;
  }

  .pt-lg-7 {
    padding-top: 1.75rem;
  }

  .pl-lg-7 {
    padding-left: 1.75rem;
  }

  .pr-lg-7 {
    padding-right: 1.75rem;
  }

  .px-lg-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .py-lg-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-7 {
    margin: 1.75rem;
  }

  .mb-xlg-7 {
    margin-bottom: 1.75rem;
  }

  .mt-xlg-7 {
    margin-top: 1.75rem;
  }

  .ml-xlg-7 {
    margin-left: 1.75rem;
  }

  .mr-xlg-7 {
    margin-right: 1.75rem;
  }

  .mx-xlg-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }

  .my-xlg-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .p-xlg-7 {
    padding: 1.75rem;
  }

  .pb-xlg-7 {
    padding-bottom: 1.75rem;
  }

  .pt-xlg-7 {
    padding-top: 1.75rem;
  }

  .pl-xlg-7 {
    padding-left: 1.75rem;
  }

  .pr-xlg-7 {
    padding-right: 1.75rem;
  }

  .px-xlg-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .py-xlg-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
.m-8 {
  margin: 2rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mt-8 {
  margin-top: 2rem;
}
.ml-8 {
  margin-left: 2rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.p-8 {
  padding: 2rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pr-8 {
  padding-right: 2rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 576px) {
  .m-sm-8 {
    margin: 2rem;
  }

  .mb-sm-8 {
    margin-bottom: 2rem;
  }

  .mt-sm-8 {
    margin-top: 2rem;
  }

  .ml-sm-8 {
    margin-left: 2rem;
  }

  .mr-sm-8 {
    margin-right: 2rem;
  }

  .mx-sm-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .my-sm-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .p-sm-8 {
    padding: 2rem;
  }

  .pb-sm-8 {
    padding-bottom: 2rem;
  }

  .pt-sm-8 {
    padding-top: 2rem;
  }

  .pl-sm-8 {
    padding-left: 2rem;
  }

  .pr-sm-8 {
    padding-right: 2rem;
  }

  .px-sm-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .py-sm-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-8 {
    margin: 2rem;
  }

  .mb-md-8 {
    margin-bottom: 2rem;
  }

  .mt-md-8 {
    margin-top: 2rem;
  }

  .ml-md-8 {
    margin-left: 2rem;
  }

  .mr-md-8 {
    margin-right: 2rem;
  }

  .mx-md-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .my-md-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .p-md-8 {
    padding: 2rem;
  }

  .pb-md-8 {
    padding-bottom: 2rem;
  }

  .pt-md-8 {
    padding-top: 2rem;
  }

  .pl-md-8 {
    padding-left: 2rem;
  }

  .pr-md-8 {
    padding-right: 2rem;
  }

  .px-md-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .py-md-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-8 {
    margin: 2rem;
  }

  .mb-lg-8 {
    margin-bottom: 2rem;
  }

  .mt-lg-8 {
    margin-top: 2rem;
  }

  .ml-lg-8 {
    margin-left: 2rem;
  }

  .mr-lg-8 {
    margin-right: 2rem;
  }

  .mx-lg-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .my-lg-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .p-lg-8 {
    padding: 2rem;
  }

  .pb-lg-8 {
    padding-bottom: 2rem;
  }

  .pt-lg-8 {
    padding-top: 2rem;
  }

  .pl-lg-8 {
    padding-left: 2rem;
  }

  .pr-lg-8 {
    padding-right: 2rem;
  }

  .px-lg-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .py-lg-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-8 {
    margin: 2rem;
  }

  .mb-xlg-8 {
    margin-bottom: 2rem;
  }

  .mt-xlg-8 {
    margin-top: 2rem;
  }

  .ml-xlg-8 {
    margin-left: 2rem;
  }

  .mr-xlg-8 {
    margin-right: 2rem;
  }

  .mx-xlg-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .my-xlg-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .p-xlg-8 {
    padding: 2rem;
  }

  .pb-xlg-8 {
    padding-bottom: 2rem;
  }

  .pt-xlg-8 {
    padding-top: 2rem;
  }

  .pl-xlg-8 {
    padding-left: 2rem;
  }

  .pr-xlg-8 {
    padding-right: 2rem;
  }

  .px-xlg-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .py-xlg-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.m-9 {
  margin: 2.25rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.ml-9 {
  margin-left: 2.25rem;
}
.mr-9 {
  margin-right: 2.25rem;
}
.mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}
.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
.p-9 {
  padding: 2.25rem;
}
.pb-9 {
  padding-bottom: 2.25rem;
}
.pt-9 {
  padding-top: 2.25rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
@media screen and (min-width: 576px) {
  .m-sm-9 {
    margin: 2.25rem;
  }

  .mb-sm-9 {
    margin-bottom: 2.25rem;
  }

  .mt-sm-9 {
    margin-top: 2.25rem;
  }

  .ml-sm-9 {
    margin-left: 2.25rem;
  }

  .mr-sm-9 {
    margin-right: 2.25rem;
  }

  .mx-sm-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  .my-sm-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .p-sm-9 {
    padding: 2.25rem;
  }

  .pb-sm-9 {
    padding-bottom: 2.25rem;
  }

  .pt-sm-9 {
    padding-top: 2.25rem;
  }

  .pl-sm-9 {
    padding-left: 2.25rem;
  }

  .pr-sm-9 {
    padding-right: 2.25rem;
  }

  .px-sm-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .py-sm-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-9 {
    margin: 2.25rem;
  }

  .mb-md-9 {
    margin-bottom: 2.25rem;
  }

  .mt-md-9 {
    margin-top: 2.25rem;
  }

  .ml-md-9 {
    margin-left: 2.25rem;
  }

  .mr-md-9 {
    margin-right: 2.25rem;
  }

  .mx-md-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  .my-md-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .p-md-9 {
    padding: 2.25rem;
  }

  .pb-md-9 {
    padding-bottom: 2.25rem;
  }

  .pt-md-9 {
    padding-top: 2.25rem;
  }

  .pl-md-9 {
    padding-left: 2.25rem;
  }

  .pr-md-9 {
    padding-right: 2.25rem;
  }

  .px-md-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .py-md-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-9 {
    margin: 2.25rem;
  }

  .mb-lg-9 {
    margin-bottom: 2.25rem;
  }

  .mt-lg-9 {
    margin-top: 2.25rem;
  }

  .ml-lg-9 {
    margin-left: 2.25rem;
  }

  .mr-lg-9 {
    margin-right: 2.25rem;
  }

  .mx-lg-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  .my-lg-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .p-lg-9 {
    padding: 2.25rem;
  }

  .pb-lg-9 {
    padding-bottom: 2.25rem;
  }

  .pt-lg-9 {
    padding-top: 2.25rem;
  }

  .pl-lg-9 {
    padding-left: 2.25rem;
  }

  .pr-lg-9 {
    padding-right: 2.25rem;
  }

  .px-lg-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .py-lg-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-9 {
    margin: 2.25rem;
  }

  .mb-xlg-9 {
    margin-bottom: 2.25rem;
  }

  .mt-xlg-9 {
    margin-top: 2.25rem;
  }

  .ml-xlg-9 {
    margin-left: 2.25rem;
  }

  .mr-xlg-9 {
    margin-right: 2.25rem;
  }

  .mx-xlg-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  .my-xlg-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .p-xlg-9 {
    padding: 2.25rem;
  }

  .pb-xlg-9 {
    padding-bottom: 2.25rem;
  }

  .pt-xlg-9 {
    padding-top: 2.25rem;
  }

  .pl-xlg-9 {
    padding-left: 2.25rem;
  }

  .pr-xlg-9 {
    padding-right: 2.25rem;
  }

  .px-xlg-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .py-xlg-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}
.m-10 {
  margin: 2.5rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.p-10 {
  padding: 2.5rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 576px) {
  .m-sm-10 {
    margin: 2.5rem;
  }

  .mb-sm-10 {
    margin-bottom: 2.5rem;
  }

  .mt-sm-10 {
    margin-top: 2.5rem;
  }

  .ml-sm-10 {
    margin-left: 2.5rem;
  }

  .mr-sm-10 {
    margin-right: 2.5rem;
  }

  .mx-sm-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .my-sm-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .p-sm-10 {
    padding: 2.5rem;
  }

  .pb-sm-10 {
    padding-bottom: 2.5rem;
  }

  .pt-sm-10 {
    padding-top: 2.5rem;
  }

  .pl-sm-10 {
    padding-left: 2.5rem;
  }

  .pr-sm-10 {
    padding-right: 2.5rem;
  }

  .px-sm-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .py-sm-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-10 {
    margin: 2.5rem;
  }

  .mb-md-10 {
    margin-bottom: 2.5rem;
  }

  .mt-md-10 {
    margin-top: 2.5rem;
  }

  .ml-md-10 {
    margin-left: 2.5rem;
  }

  .mr-md-10 {
    margin-right: 2.5rem;
  }

  .mx-md-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .my-md-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .p-md-10 {
    padding: 2.5rem;
  }

  .pb-md-10 {
    padding-bottom: 2.5rem;
  }

  .pt-md-10 {
    padding-top: 2.5rem;
  }

  .pl-md-10 {
    padding-left: 2.5rem;
  }

  .pr-md-10 {
    padding-right: 2.5rem;
  }

  .px-md-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .py-md-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-10 {
    margin: 2.5rem;
  }

  .mb-lg-10 {
    margin-bottom: 2.5rem;
  }

  .mt-lg-10 {
    margin-top: 2.5rem;
  }

  .ml-lg-10 {
    margin-left: 2.5rem;
  }

  .mr-lg-10 {
    margin-right: 2.5rem;
  }

  .mx-lg-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .my-lg-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .p-lg-10 {
    padding: 2.5rem;
  }

  .pb-lg-10 {
    padding-bottom: 2.5rem;
  }

  .pt-lg-10 {
    padding-top: 2.5rem;
  }

  .pl-lg-10 {
    padding-left: 2.5rem;
  }

  .pr-lg-10 {
    padding-right: 2.5rem;
  }

  .px-lg-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .py-lg-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-10 {
    margin: 2.5rem;
  }

  .mb-xlg-10 {
    margin-bottom: 2.5rem;
  }

  .mt-xlg-10 {
    margin-top: 2.5rem;
  }

  .ml-xlg-10 {
    margin-left: 2.5rem;
  }

  .mr-xlg-10 {
    margin-right: 2.5rem;
  }

  .mx-xlg-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .my-xlg-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .p-xlg-10 {
    padding: 2.5rem;
  }

  .pb-xlg-10 {
    padding-bottom: 2.5rem;
  }

  .pt-xlg-10 {
    padding-top: 2.5rem;
  }

  .pl-xlg-10 {
    padding-left: 2.5rem;
  }

  .pr-xlg-10 {
    padding-right: 2.5rem;
  }

  .px-xlg-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .py-xlg-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.m-12 {
  margin: 3rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mt-12 {
  margin-top: 3rem;
}
.ml-12 {
  margin-left: 3rem;
}
.mr-12 {
  margin-right: 3rem;
}
.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.p-12 {
  padding: 3rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pr-12 {
  padding-right: 3rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media screen and (min-width: 576px) {
  .m-sm-12 {
    margin: 3rem;
  }

  .mb-sm-12 {
    margin-bottom: 3rem;
  }

  .mt-sm-12 {
    margin-top: 3rem;
  }

  .ml-sm-12 {
    margin-left: 3rem;
  }

  .mr-sm-12 {
    margin-right: 3rem;
  }

  .mx-sm-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .my-sm-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .p-sm-12 {
    padding: 3rem;
  }

  .pb-sm-12 {
    padding-bottom: 3rem;
  }

  .pt-sm-12 {
    padding-top: 3rem;
  }

  .pl-sm-12 {
    padding-left: 3rem;
  }

  .pr-sm-12 {
    padding-right: 3rem;
  }

  .px-sm-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .py-sm-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-12 {
    margin: 3rem;
  }

  .mb-md-12 {
    margin-bottom: 3rem;
  }

  .mt-md-12 {
    margin-top: 3rem;
  }

  .ml-md-12 {
    margin-left: 3rem;
  }

  .mr-md-12 {
    margin-right: 3rem;
  }

  .mx-md-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .my-md-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .p-md-12 {
    padding: 3rem;
  }

  .pb-md-12 {
    padding-bottom: 3rem;
  }

  .pt-md-12 {
    padding-top: 3rem;
  }

  .pl-md-12 {
    padding-left: 3rem;
  }

  .pr-md-12 {
    padding-right: 3rem;
  }

  .px-md-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .py-md-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-12 {
    margin: 3rem;
  }

  .mb-lg-12 {
    margin-bottom: 3rem;
  }

  .mt-lg-12 {
    margin-top: 3rem;
  }

  .ml-lg-12 {
    margin-left: 3rem;
  }

  .mr-lg-12 {
    margin-right: 3rem;
  }

  .mx-lg-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .my-lg-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .p-lg-12 {
    padding: 3rem;
  }

  .pb-lg-12 {
    padding-bottom: 3rem;
  }

  .pt-lg-12 {
    padding-top: 3rem;
  }

  .pl-lg-12 {
    padding-left: 3rem;
  }

  .pr-lg-12 {
    padding-right: 3rem;
  }

  .px-lg-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .py-lg-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-12 {
    margin: 3rem;
  }

  .mb-xlg-12 {
    margin-bottom: 3rem;
  }

  .mt-xlg-12 {
    margin-top: 3rem;
  }

  .ml-xlg-12 {
    margin-left: 3rem;
  }

  .mr-xlg-12 {
    margin-right: 3rem;
  }

  .mx-xlg-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .my-xlg-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .p-xlg-12 {
    padding: 3rem;
  }

  .pb-xlg-12 {
    padding-bottom: 3rem;
  }

  .pt-xlg-12 {
    padding-top: 3rem;
  }

  .pl-xlg-12 {
    padding-left: 3rem;
  }

  .pr-xlg-12 {
    padding-right: 3rem;
  }

  .px-xlg-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .py-xlg-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.m-16 {
  margin: 4rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mt-16 {
  margin-top: 4rem;
}
.ml-16 {
  margin-left: 4rem;
}
.mr-16 {
  margin-right: 4rem;
}
.mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.p-16 {
  padding: 4rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pl-16 {
  padding-left: 4rem;
}
.pr-16 {
  padding-right: 4rem;
}
.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media screen and (min-width: 576px) {
  .m-sm-16 {
    margin: 4rem;
  }

  .mb-sm-16 {
    margin-bottom: 4rem;
  }

  .mt-sm-16 {
    margin-top: 4rem;
  }

  .ml-sm-16 {
    margin-left: 4rem;
  }

  .mr-sm-16 {
    margin-right: 4rem;
  }

  .mx-sm-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .my-sm-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .p-sm-16 {
    padding: 4rem;
  }

  .pb-sm-16 {
    padding-bottom: 4rem;
  }

  .pt-sm-16 {
    padding-top: 4rem;
  }

  .pl-sm-16 {
    padding-left: 4rem;
  }

  .pr-sm-16 {
    padding-right: 4rem;
  }

  .px-sm-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .py-sm-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-16 {
    margin: 4rem;
  }

  .mb-md-16 {
    margin-bottom: 4rem;
  }

  .mt-md-16 {
    margin-top: 4rem;
  }

  .ml-md-16 {
    margin-left: 4rem;
  }

  .mr-md-16 {
    margin-right: 4rem;
  }

  .mx-md-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .my-md-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .p-md-16 {
    padding: 4rem;
  }

  .pb-md-16 {
    padding-bottom: 4rem;
  }

  .pt-md-16 {
    padding-top: 4rem;
  }

  .pl-md-16 {
    padding-left: 4rem;
  }

  .pr-md-16 {
    padding-right: 4rem;
  }

  .px-md-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .py-md-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-16 {
    margin: 4rem;
  }

  .mb-lg-16 {
    margin-bottom: 4rem;
  }

  .mt-lg-16 {
    margin-top: 4rem;
  }

  .ml-lg-16 {
    margin-left: 4rem;
  }

  .mr-lg-16 {
    margin-right: 4rem;
  }

  .mx-lg-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .my-lg-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .p-lg-16 {
    padding: 4rem;
  }

  .pb-lg-16 {
    padding-bottom: 4rem;
  }

  .pt-lg-16 {
    padding-top: 4rem;
  }

  .pl-lg-16 {
    padding-left: 4rem;
  }

  .pr-lg-16 {
    padding-right: 4rem;
  }

  .px-lg-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .py-lg-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-16 {
    margin: 4rem;
  }

  .mb-xlg-16 {
    margin-bottom: 4rem;
  }

  .mt-xlg-16 {
    margin-top: 4rem;
  }

  .ml-xlg-16 {
    margin-left: 4rem;
  }

  .mr-xlg-16 {
    margin-right: 4rem;
  }

  .mx-xlg-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .my-xlg-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .p-xlg-16 {
    padding: 4rem;
  }

  .pb-xlg-16 {
    padding-bottom: 4rem;
  }

  .pt-xlg-16 {
    padding-top: 4rem;
  }

  .pl-xlg-16 {
    padding-left: 4rem;
  }

  .pr-xlg-16 {
    padding-right: 4rem;
  }

  .px-xlg-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .py-xlg-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.m-20 {
  margin: 5rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mt-20 {
  margin-top: 5rem;
}
.ml-20 {
  margin-left: 5rem;
}
.mr-20 {
  margin-right: 5rem;
}
.mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}
.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.p-20 {
  padding: 5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pl-20 {
  padding-left: 5rem;
}
.pr-20 {
  padding-right: 5rem;
}
.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media screen and (min-width: 576px) {
  .m-sm-20 {
    margin: 5rem;
  }

  .mb-sm-20 {
    margin-bottom: 5rem;
  }

  .mt-sm-20 {
    margin-top: 5rem;
  }

  .ml-sm-20 {
    margin-left: 5rem;
  }

  .mr-sm-20 {
    margin-right: 5rem;
  }

  .mx-sm-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .my-sm-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .p-sm-20 {
    padding: 5rem;
  }

  .pb-sm-20 {
    padding-bottom: 5rem;
  }

  .pt-sm-20 {
    padding-top: 5rem;
  }

  .pl-sm-20 {
    padding-left: 5rem;
  }

  .pr-sm-20 {
    padding-right: 5rem;
  }

  .px-sm-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .py-sm-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-20 {
    margin: 5rem;
  }

  .mb-md-20 {
    margin-bottom: 5rem;
  }

  .mt-md-20 {
    margin-top: 5rem;
  }

  .ml-md-20 {
    margin-left: 5rem;
  }

  .mr-md-20 {
    margin-right: 5rem;
  }

  .mx-md-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .my-md-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .p-md-20 {
    padding: 5rem;
  }

  .pb-md-20 {
    padding-bottom: 5rem;
  }

  .pt-md-20 {
    padding-top: 5rem;
  }

  .pl-md-20 {
    padding-left: 5rem;
  }

  .pr-md-20 {
    padding-right: 5rem;
  }

  .px-md-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .py-md-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-20 {
    margin: 5rem;
  }

  .mb-lg-20 {
    margin-bottom: 5rem;
  }

  .mt-lg-20 {
    margin-top: 5rem;
  }

  .ml-lg-20 {
    margin-left: 5rem;
  }

  .mr-lg-20 {
    margin-right: 5rem;
  }

  .mx-lg-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .my-lg-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .p-lg-20 {
    padding: 5rem;
  }

  .pb-lg-20 {
    padding-bottom: 5rem;
  }

  .pt-lg-20 {
    padding-top: 5rem;
  }

  .pl-lg-20 {
    padding-left: 5rem;
  }

  .pr-lg-20 {
    padding-right: 5rem;
  }

  .px-lg-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .py-lg-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-20 {
    margin: 5rem;
  }

  .mb-xlg-20 {
    margin-bottom: 5rem;
  }

  .mt-xlg-20 {
    margin-top: 5rem;
  }

  .ml-xlg-20 {
    margin-left: 5rem;
  }

  .mr-xlg-20 {
    margin-right: 5rem;
  }

  .mx-xlg-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .my-xlg-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .p-xlg-20 {
    padding: 5rem;
  }

  .pb-xlg-20 {
    padding-bottom: 5rem;
  }

  .pt-xlg-20 {
    padding-top: 5rem;
  }

  .pl-xlg-20 {
    padding-left: 5rem;
  }

  .pr-xlg-20 {
    padding-right: 5rem;
  }

  .px-xlg-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .py-xlg-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.m-24 {
  margin: 6rem;
}
.mb-24 {
  margin-bottom: 6rem;
}
.mt-24 {
  margin-top: 6rem;
}
.ml-24 {
  margin-left: 6rem;
}
.mr-24 {
  margin-right: 6rem;
}
.mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}
.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.p-24 {
  padding: 6rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pt-24 {
  padding-top: 6rem;
}
.pl-24 {
  padding-left: 6rem;
}
.pr-24 {
  padding-right: 6rem;
}
.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media screen and (min-width: 576px) {
  .m-sm-24 {
    margin: 6rem;
  }

  .mb-sm-24 {
    margin-bottom: 6rem;
  }

  .mt-sm-24 {
    margin-top: 6rem;
  }

  .ml-sm-24 {
    margin-left: 6rem;
  }

  .mr-sm-24 {
    margin-right: 6rem;
  }

  .mx-sm-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .my-sm-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .p-sm-24 {
    padding: 6rem;
  }

  .pb-sm-24 {
    padding-bottom: 6rem;
  }

  .pt-sm-24 {
    padding-top: 6rem;
  }

  .pl-sm-24 {
    padding-left: 6rem;
  }

  .pr-sm-24 {
    padding-right: 6rem;
  }

  .px-sm-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .py-sm-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-24 {
    margin: 6rem;
  }

  .mb-md-24 {
    margin-bottom: 6rem;
  }

  .mt-md-24 {
    margin-top: 6rem;
  }

  .ml-md-24 {
    margin-left: 6rem;
  }

  .mr-md-24 {
    margin-right: 6rem;
  }

  .mx-md-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .my-md-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .p-md-24 {
    padding: 6rem;
  }

  .pb-md-24 {
    padding-bottom: 6rem;
  }

  .pt-md-24 {
    padding-top: 6rem;
  }

  .pl-md-24 {
    padding-left: 6rem;
  }

  .pr-md-24 {
    padding-right: 6rem;
  }

  .px-md-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .py-md-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-24 {
    margin: 6rem;
  }

  .mb-lg-24 {
    margin-bottom: 6rem;
  }

  .mt-lg-24 {
    margin-top: 6rem;
  }

  .ml-lg-24 {
    margin-left: 6rem;
  }

  .mr-lg-24 {
    margin-right: 6rem;
  }

  .mx-lg-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .my-lg-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .p-lg-24 {
    padding: 6rem;
  }

  .pb-lg-24 {
    padding-bottom: 6rem;
  }

  .pt-lg-24 {
    padding-top: 6rem;
  }

  .pl-lg-24 {
    padding-left: 6rem;
  }

  .pr-lg-24 {
    padding-right: 6rem;
  }

  .px-lg-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .py-lg-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-24 {
    margin: 6rem;
  }

  .mb-xlg-24 {
    margin-bottom: 6rem;
  }

  .mt-xlg-24 {
    margin-top: 6rem;
  }

  .ml-xlg-24 {
    margin-left: 6rem;
  }

  .mr-xlg-24 {
    margin-right: 6rem;
  }

  .mx-xlg-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .my-xlg-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .p-xlg-24 {
    padding: 6rem;
  }

  .pb-xlg-24 {
    padding-bottom: 6rem;
  }

  .pt-xlg-24 {
    padding-top: 6rem;
  }

  .pl-xlg-24 {
    padding-left: 6rem;
  }

  .pr-xlg-24 {
    padding-right: 6rem;
  }

  .px-xlg-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .py-xlg-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.m-32 {
  margin: 8rem;
}
.mb-32 {
  margin-bottom: 8rem;
}
.mt-32 {
  margin-top: 8rem;
}
.ml-32 {
  margin-left: 8rem;
}
.mr-32 {
  margin-right: 8rem;
}
.mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}
.my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.p-32 {
  padding: 8rem;
}
.pb-32 {
  padding-bottom: 8rem;
}
.pt-32 {
  padding-top: 8rem;
}
.pl-32 {
  padding-left: 8rem;
}
.pr-32 {
  padding-right: 8rem;
}
.px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}
.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media screen and (min-width: 576px) {
  .m-sm-32 {
    margin: 8rem;
  }

  .mb-sm-32 {
    margin-bottom: 8rem;
  }

  .mt-sm-32 {
    margin-top: 8rem;
  }

  .ml-sm-32 {
    margin-left: 8rem;
  }

  .mr-sm-32 {
    margin-right: 8rem;
  }

  .mx-sm-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .my-sm-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .p-sm-32 {
    padding: 8rem;
  }

  .pb-sm-32 {
    padding-bottom: 8rem;
  }

  .pt-sm-32 {
    padding-top: 8rem;
  }

  .pl-sm-32 {
    padding-left: 8rem;
  }

  .pr-sm-32 {
    padding-right: 8rem;
  }

  .px-sm-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .py-sm-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-32 {
    margin: 8rem;
  }

  .mb-md-32 {
    margin-bottom: 8rem;
  }

  .mt-md-32 {
    margin-top: 8rem;
  }

  .ml-md-32 {
    margin-left: 8rem;
  }

  .mr-md-32 {
    margin-right: 8rem;
  }

  .mx-md-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .my-md-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .p-md-32 {
    padding: 8rem;
  }

  .pb-md-32 {
    padding-bottom: 8rem;
  }

  .pt-md-32 {
    padding-top: 8rem;
  }

  .pl-md-32 {
    padding-left: 8rem;
  }

  .pr-md-32 {
    padding-right: 8rem;
  }

  .px-md-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .py-md-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-32 {
    margin: 8rem;
  }

  .mb-lg-32 {
    margin-bottom: 8rem;
  }

  .mt-lg-32 {
    margin-top: 8rem;
  }

  .ml-lg-32 {
    margin-left: 8rem;
  }

  .mr-lg-32 {
    margin-right: 8rem;
  }

  .mx-lg-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .my-lg-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .p-lg-32 {
    padding: 8rem;
  }

  .pb-lg-32 {
    padding-bottom: 8rem;
  }

  .pt-lg-32 {
    padding-top: 8rem;
  }

  .pl-lg-32 {
    padding-left: 8rem;
  }

  .pr-lg-32 {
    padding-right: 8rem;
  }

  .px-lg-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .py-lg-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-32 {
    margin: 8rem;
  }

  .mb-xlg-32 {
    margin-bottom: 8rem;
  }

  .mt-xlg-32 {
    margin-top: 8rem;
  }

  .ml-xlg-32 {
    margin-left: 8rem;
  }

  .mr-xlg-32 {
    margin-right: 8rem;
  }

  .mx-xlg-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .my-xlg-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .p-xlg-32 {
    padding: 8rem;
  }

  .pb-xlg-32 {
    padding-bottom: 8rem;
  }

  .pt-xlg-32 {
    padding-top: 8rem;
  }

  .pl-xlg-32 {
    padding-left: 8rem;
  }

  .pr-xlg-32 {
    padding-right: 8rem;
  }

  .px-xlg-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .py-xlg-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
.m-40 {
  margin: 10rem;
}
.mb-40 {
  margin-bottom: 10rem;
}
.mt-40 {
  margin-top: 10rem;
}
.ml-40 {
  margin-left: 10rem;
}
.mr-40 {
  margin-right: 10rem;
}
.mx-40 {
  margin-left: 10rem;
  margin-right: 10rem;
}
.my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}
.p-40 {
  padding: 10rem;
}
.pb-40 {
  padding-bottom: 10rem;
}
.pt-40 {
  padding-top: 10rem;
}
.pl-40 {
  padding-left: 10rem;
}
.pr-40 {
  padding-right: 10rem;
}
.px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}
.py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
@media screen and (min-width: 576px) {
  .m-sm-40 {
    margin: 10rem;
  }

  .mb-sm-40 {
    margin-bottom: 10rem;
  }

  .mt-sm-40 {
    margin-top: 10rem;
  }

  .ml-sm-40 {
    margin-left: 10rem;
  }

  .mr-sm-40 {
    margin-right: 10rem;
  }

  .mx-sm-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .my-sm-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .p-sm-40 {
    padding: 10rem;
  }

  .pb-sm-40 {
    padding-bottom: 10rem;
  }

  .pt-sm-40 {
    padding-top: 10rem;
  }

  .pl-sm-40 {
    padding-left: 10rem;
  }

  .pr-sm-40 {
    padding-right: 10rem;
  }

  .px-sm-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .py-sm-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-40 {
    margin: 10rem;
  }

  .mb-md-40 {
    margin-bottom: 10rem;
  }

  .mt-md-40 {
    margin-top: 10rem;
  }

  .ml-md-40 {
    margin-left: 10rem;
  }

  .mr-md-40 {
    margin-right: 10rem;
  }

  .mx-md-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .my-md-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .p-md-40 {
    padding: 10rem;
  }

  .pb-md-40 {
    padding-bottom: 10rem;
  }

  .pt-md-40 {
    padding-top: 10rem;
  }

  .pl-md-40 {
    padding-left: 10rem;
  }

  .pr-md-40 {
    padding-right: 10rem;
  }

  .px-md-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .py-md-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-40 {
    margin: 10rem;
  }

  .mb-lg-40 {
    margin-bottom: 10rem;
  }

  .mt-lg-40 {
    margin-top: 10rem;
  }

  .ml-lg-40 {
    margin-left: 10rem;
  }

  .mr-lg-40 {
    margin-right: 10rem;
  }

  .mx-lg-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .my-lg-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .p-lg-40 {
    padding: 10rem;
  }

  .pb-lg-40 {
    padding-bottom: 10rem;
  }

  .pt-lg-40 {
    padding-top: 10rem;
  }

  .pl-lg-40 {
    padding-left: 10rem;
  }

  .pr-lg-40 {
    padding-right: 10rem;
  }

  .px-lg-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .py-lg-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-40 {
    margin: 10rem;
  }

  .mb-xlg-40 {
    margin-bottom: 10rem;
  }

  .mt-xlg-40 {
    margin-top: 10rem;
  }

  .ml-xlg-40 {
    margin-left: 10rem;
  }

  .mr-xlg-40 {
    margin-right: 10rem;
  }

  .mx-xlg-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .my-xlg-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .p-xlg-40 {
    padding: 10rem;
  }

  .pb-xlg-40 {
    padding-bottom: 10rem;
  }

  .pt-xlg-40 {
    padding-top: 10rem;
  }

  .pl-xlg-40 {
    padding-left: 10rem;
  }

  .pr-xlg-40 {
    padding-right: 10rem;
  }

  .px-xlg-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .py-xlg-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
.m-48 {
  margin: 12rem;
}
.mb-48 {
  margin-bottom: 12rem;
}
.mt-48 {
  margin-top: 12rem;
}
.ml-48 {
  margin-left: 12rem;
}
.mr-48 {
  margin-right: 12rem;
}
.mx-48 {
  margin-left: 12rem;
  margin-right: 12rem;
}
.my-48 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}
.p-48 {
  padding: 12rem;
}
.pb-48 {
  padding-bottom: 12rem;
}
.pt-48 {
  padding-top: 12rem;
}
.pl-48 {
  padding-left: 12rem;
}
.pr-48 {
  padding-right: 12rem;
}
.px-48 {
  padding-left: 12rem;
  padding-right: 12rem;
}
.py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
@media screen and (min-width: 576px) {
  .m-sm-48 {
    margin: 12rem;
  }

  .mb-sm-48 {
    margin-bottom: 12rem;
  }

  .mt-sm-48 {
    margin-top: 12rem;
  }

  .ml-sm-48 {
    margin-left: 12rem;
  }

  .mr-sm-48 {
    margin-right: 12rem;
  }

  .mx-sm-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .my-sm-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .p-sm-48 {
    padding: 12rem;
  }

  .pb-sm-48 {
    padding-bottom: 12rem;
  }

  .pt-sm-48 {
    padding-top: 12rem;
  }

  .pl-sm-48 {
    padding-left: 12rem;
  }

  .pr-sm-48 {
    padding-right: 12rem;
  }

  .px-sm-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .py-sm-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-48 {
    margin: 12rem;
  }

  .mb-md-48 {
    margin-bottom: 12rem;
  }

  .mt-md-48 {
    margin-top: 12rem;
  }

  .ml-md-48 {
    margin-left: 12rem;
  }

  .mr-md-48 {
    margin-right: 12rem;
  }

  .mx-md-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .my-md-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .p-md-48 {
    padding: 12rem;
  }

  .pb-md-48 {
    padding-bottom: 12rem;
  }

  .pt-md-48 {
    padding-top: 12rem;
  }

  .pl-md-48 {
    padding-left: 12rem;
  }

  .pr-md-48 {
    padding-right: 12rem;
  }

  .px-md-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .py-md-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-48 {
    margin: 12rem;
  }

  .mb-lg-48 {
    margin-bottom: 12rem;
  }

  .mt-lg-48 {
    margin-top: 12rem;
  }

  .ml-lg-48 {
    margin-left: 12rem;
  }

  .mr-lg-48 {
    margin-right: 12rem;
  }

  .mx-lg-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .my-lg-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .p-lg-48 {
    padding: 12rem;
  }

  .pb-lg-48 {
    padding-bottom: 12rem;
  }

  .pt-lg-48 {
    padding-top: 12rem;
  }

  .pl-lg-48 {
    padding-left: 12rem;
  }

  .pr-lg-48 {
    padding-right: 12rem;
  }

  .px-lg-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .py-lg-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-48 {
    margin: 12rem;
  }

  .mb-xlg-48 {
    margin-bottom: 12rem;
  }

  .mt-xlg-48 {
    margin-top: 12rem;
  }

  .ml-xlg-48 {
    margin-left: 12rem;
  }

  .mr-xlg-48 {
    margin-right: 12rem;
  }

  .mx-xlg-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .my-xlg-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .p-xlg-48 {
    padding: 12rem;
  }

  .pb-xlg-48 {
    padding-bottom: 12rem;
  }

  .pt-xlg-48 {
    padding-top: 12rem;
  }

  .pl-xlg-48 {
    padding-left: 12rem;
  }

  .pr-xlg-48 {
    padding-right: 12rem;
  }

  .px-xlg-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .py-xlg-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
.m-56 {
  margin: 14rem;
}
.mb-56 {
  margin-bottom: 14rem;
}
.mt-56 {
  margin-top: 14rem;
}
.ml-56 {
  margin-left: 14rem;
}
.mr-56 {
  margin-right: 14rem;
}
.mx-56 {
  margin-left: 14rem;
  margin-right: 14rem;
}
.my-56 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}
.p-56 {
  padding: 14rem;
}
.pb-56 {
  padding-bottom: 14rem;
}
.pt-56 {
  padding-top: 14rem;
}
.pl-56 {
  padding-left: 14rem;
}
.pr-56 {
  padding-right: 14rem;
}
.px-56 {
  padding-left: 14rem;
  padding-right: 14rem;
}
.py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}
@media screen and (min-width: 576px) {
  .m-sm-56 {
    margin: 14rem;
  }

  .mb-sm-56 {
    margin-bottom: 14rem;
  }

  .mt-sm-56 {
    margin-top: 14rem;
  }

  .ml-sm-56 {
    margin-left: 14rem;
  }

  .mr-sm-56 {
    margin-right: 14rem;
  }

  .mx-sm-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .my-sm-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .p-sm-56 {
    padding: 14rem;
  }

  .pb-sm-56 {
    padding-bottom: 14rem;
  }

  .pt-sm-56 {
    padding-top: 14rem;
  }

  .pl-sm-56 {
    padding-left: 14rem;
  }

  .pr-sm-56 {
    padding-right: 14rem;
  }

  .px-sm-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .py-sm-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-56 {
    margin: 14rem;
  }

  .mb-md-56 {
    margin-bottom: 14rem;
  }

  .mt-md-56 {
    margin-top: 14rem;
  }

  .ml-md-56 {
    margin-left: 14rem;
  }

  .mr-md-56 {
    margin-right: 14rem;
  }

  .mx-md-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .my-md-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .p-md-56 {
    padding: 14rem;
  }

  .pb-md-56 {
    padding-bottom: 14rem;
  }

  .pt-md-56 {
    padding-top: 14rem;
  }

  .pl-md-56 {
    padding-left: 14rem;
  }

  .pr-md-56 {
    padding-right: 14rem;
  }

  .px-md-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .py-md-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-56 {
    margin: 14rem;
  }

  .mb-lg-56 {
    margin-bottom: 14rem;
  }

  .mt-lg-56 {
    margin-top: 14rem;
  }

  .ml-lg-56 {
    margin-left: 14rem;
  }

  .mr-lg-56 {
    margin-right: 14rem;
  }

  .mx-lg-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .my-lg-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .p-lg-56 {
    padding: 14rem;
  }

  .pb-lg-56 {
    padding-bottom: 14rem;
  }

  .pt-lg-56 {
    padding-top: 14rem;
  }

  .pl-lg-56 {
    padding-left: 14rem;
  }

  .pr-lg-56 {
    padding-right: 14rem;
  }

  .px-lg-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .py-lg-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-56 {
    margin: 14rem;
  }

  .mb-xlg-56 {
    margin-bottom: 14rem;
  }

  .mt-xlg-56 {
    margin-top: 14rem;
  }

  .ml-xlg-56 {
    margin-left: 14rem;
  }

  .mr-xlg-56 {
    margin-right: 14rem;
  }

  .mx-xlg-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .my-xlg-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .p-xlg-56 {
    padding: 14rem;
  }

  .pb-xlg-56 {
    padding-bottom: 14rem;
  }

  .pt-xlg-56 {
    padding-top: 14rem;
  }

  .pl-xlg-56 {
    padding-left: 14rem;
  }

  .pr-xlg-56 {
    padding-right: 14rem;
  }

  .px-xlg-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .py-xlg-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}
.m-64 {
  margin: 16rem;
}
.mb-64 {
  margin-bottom: 16rem;
}
.mt-64 {
  margin-top: 16rem;
}
.ml-64 {
  margin-left: 16rem;
}
.mr-64 {
  margin-right: 16rem;
}
.mx-64 {
  margin-left: 16rem;
  margin-right: 16rem;
}
.my-64 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}
.p-64 {
  padding: 16rem;
}
.pb-64 {
  padding-bottom: 16rem;
}
.pt-64 {
  padding-top: 16rem;
}
.pl-64 {
  padding-left: 16rem;
}
.pr-64 {
  padding-right: 16rem;
}
.px-64 {
  padding-left: 16rem;
  padding-right: 16rem;
}
.py-64 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}
@media screen and (min-width: 576px) {
  .m-sm-64 {
    margin: 16rem;
  }

  .mb-sm-64 {
    margin-bottom: 16rem;
  }

  .mt-sm-64 {
    margin-top: 16rem;
  }

  .ml-sm-64 {
    margin-left: 16rem;
  }

  .mr-sm-64 {
    margin-right: 16rem;
  }

  .mx-sm-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .my-sm-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .p-sm-64 {
    padding: 16rem;
  }

  .pb-sm-64 {
    padding-bottom: 16rem;
  }

  .pt-sm-64 {
    padding-top: 16rem;
  }

  .pl-sm-64 {
    padding-left: 16rem;
  }

  .pr-sm-64 {
    padding-right: 16rem;
  }

  .px-sm-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .py-sm-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-64 {
    margin: 16rem;
  }

  .mb-md-64 {
    margin-bottom: 16rem;
  }

  .mt-md-64 {
    margin-top: 16rem;
  }

  .ml-md-64 {
    margin-left: 16rem;
  }

  .mr-md-64 {
    margin-right: 16rem;
  }

  .mx-md-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .my-md-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .p-md-64 {
    padding: 16rem;
  }

  .pb-md-64 {
    padding-bottom: 16rem;
  }

  .pt-md-64 {
    padding-top: 16rem;
  }

  .pl-md-64 {
    padding-left: 16rem;
  }

  .pr-md-64 {
    padding-right: 16rem;
  }

  .px-md-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .py-md-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-64 {
    margin: 16rem;
  }

  .mb-lg-64 {
    margin-bottom: 16rem;
  }

  .mt-lg-64 {
    margin-top: 16rem;
  }

  .ml-lg-64 {
    margin-left: 16rem;
  }

  .mr-lg-64 {
    margin-right: 16rem;
  }

  .mx-lg-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .my-lg-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .p-lg-64 {
    padding: 16rem;
  }

  .pb-lg-64 {
    padding-bottom: 16rem;
  }

  .pt-lg-64 {
    padding-top: 16rem;
  }

  .pl-lg-64 {
    padding-left: 16rem;
  }

  .pr-lg-64 {
    padding-right: 16rem;
  }

  .px-lg-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .py-lg-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-64 {
    margin: 16rem;
  }

  .mb-xlg-64 {
    margin-bottom: 16rem;
  }

  .mt-xlg-64 {
    margin-top: 16rem;
  }

  .ml-xlg-64 {
    margin-left: 16rem;
  }

  .mr-xlg-64 {
    margin-right: 16rem;
  }

  .mx-xlg-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .my-xlg-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .p-xlg-64 {
    padding: 16rem;
  }

  .pb-xlg-64 {
    padding-bottom: 16rem;
  }

  .pt-xlg-64 {
    padding-top: 16rem;
  }

  .pl-xlg-64 {
    padding-left: 16rem;
  }

  .pr-xlg-64 {
    padding-right: 16rem;
  }

  .px-xlg-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .py-xlg-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
.m-80 {
  margin: 20rem;
}
.mb-80 {
  margin-bottom: 20rem;
}
.mt-80 {
  margin-top: 20rem;
}
.ml-80 {
  margin-left: 20rem;
}
.mr-80 {
  margin-right: 20rem;
}
.mx-80 {
  margin-left: 20rem;
  margin-right: 20rem;
}
.my-80 {
  margin-top: 20rem;
  margin-bottom: 20rem;
}
.p-80 {
  padding: 20rem;
}
.pb-80 {
  padding-bottom: 20rem;
}
.pt-80 {
  padding-top: 20rem;
}
.pl-80 {
  padding-left: 20rem;
}
.pr-80 {
  padding-right: 20rem;
}
.px-80 {
  padding-left: 20rem;
  padding-right: 20rem;
}
.py-80 {
  padding-top: 20rem;
  padding-bottom: 20rem;
}
@media screen and (min-width: 576px) {
  .m-sm-80 {
    margin: 20rem;
  }

  .mb-sm-80 {
    margin-bottom: 20rem;
  }

  .mt-sm-80 {
    margin-top: 20rem;
  }

  .ml-sm-80 {
    margin-left: 20rem;
  }

  .mr-sm-80 {
    margin-right: 20rem;
  }

  .mx-sm-80 {
    margin-left: 20rem;
    margin-right: 20rem;
  }

  .my-sm-80 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }

  .p-sm-80 {
    padding: 20rem;
  }

  .pb-sm-80 {
    padding-bottom: 20rem;
  }

  .pt-sm-80 {
    padding-top: 20rem;
  }

  .pl-sm-80 {
    padding-left: 20rem;
  }

  .pr-sm-80 {
    padding-right: 20rem;
  }

  .px-sm-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .py-sm-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}
@media screen and (min-width: 768px) {
  .m-md-80 {
    margin: 20rem;
  }

  .mb-md-80 {
    margin-bottom: 20rem;
  }

  .mt-md-80 {
    margin-top: 20rem;
  }

  .ml-md-80 {
    margin-left: 20rem;
  }

  .mr-md-80 {
    margin-right: 20rem;
  }

  .mx-md-80 {
    margin-left: 20rem;
    margin-right: 20rem;
  }

  .my-md-80 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }

  .p-md-80 {
    padding: 20rem;
  }

  .pb-md-80 {
    padding-bottom: 20rem;
  }

  .pt-md-80 {
    padding-top: 20rem;
  }

  .pl-md-80 {
    padding-left: 20rem;
  }

  .pr-md-80 {
    padding-right: 20rem;
  }

  .px-md-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .py-md-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-80 {
    margin: 20rem;
  }

  .mb-lg-80 {
    margin-bottom: 20rem;
  }

  .mt-lg-80 {
    margin-top: 20rem;
  }

  .ml-lg-80 {
    margin-left: 20rem;
  }

  .mr-lg-80 {
    margin-right: 20rem;
  }

  .mx-lg-80 {
    margin-left: 20rem;
    margin-right: 20rem;
  }

  .my-lg-80 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }

  .p-lg-80 {
    padding: 20rem;
  }

  .pb-lg-80 {
    padding-bottom: 20rem;
  }

  .pt-lg-80 {
    padding-top: 20rem;
  }

  .pl-lg-80 {
    padding-left: 20rem;
  }

  .pr-lg-80 {
    padding-right: 20rem;
  }

  .px-lg-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .py-lg-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-80 {
    margin: 20rem;
  }

  .mb-xlg-80 {
    margin-bottom: 20rem;
  }

  .mt-xlg-80 {
    margin-top: 20rem;
  }

  .ml-xlg-80 {
    margin-left: 20rem;
  }

  .mr-xlg-80 {
    margin-right: 20rem;
  }

  .mx-xlg-80 {
    margin-left: 20rem;
    margin-right: 20rem;
  }

  .my-xlg-80 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }

  .p-xlg-80 {
    padding: 20rem;
  }

  .pb-xlg-80 {
    padding-bottom: 20rem;
  }

  .pt-xlg-80 {
    padding-top: 20rem;
  }

  .pl-xlg-80 {
    padding-left: 20rem;
  }

  .pr-xlg-80 {
    padding-right: 20rem;
  }

  .px-xlg-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .py-xlg-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}
.m-auto {
  margin: auto;
}
.mb-auto {
  margin-bottom: auto;
}
.mt-auto {
  margin-top: auto;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.p-auto {
  padding: auto;
}
.pb-auto {
  padding-bottom: auto;
}
.pt-auto {
  padding-top: auto;
}
.pl-auto {
  padding-left: auto;
}
.pr-auto {
  padding-right: auto;
}
.px-auto {
  padding-left: auto;
  padding-right: auto;
}
.py-auto {
  padding-top: auto;
  padding-bottom: auto;
}
@media screen and (min-width: 576px) {
  .m-sm-auto {
    margin: auto;
  }

  .mb-sm-auto {
    margin-bottom: auto;
  }

  .mt-sm-auto {
    margin-top: auto;
  }

  .ml-sm-auto {
    margin-left: auto;
  }

  .mr-sm-auto {
    margin-right: auto;
  }

  .mx-sm-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .my-sm-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .p-sm-auto {
    padding: auto;
  }

  .pb-sm-auto {
    padding-bottom: auto;
  }

  .pt-sm-auto {
    padding-top: auto;
  }

  .pl-sm-auto {
    padding-left: auto;
  }

  .pr-sm-auto {
    padding-right: auto;
  }

  .px-sm-auto {
    padding-left: auto;
    padding-right: auto;
  }

  .py-sm-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
}
@media screen and (min-width: 768px) {
  .m-md-auto {
    margin: auto;
  }

  .mb-md-auto {
    margin-bottom: auto;
  }

  .mt-md-auto {
    margin-top: auto;
  }

  .ml-md-auto {
    margin-left: auto;
  }

  .mr-md-auto {
    margin-right: auto;
  }

  .mx-md-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .my-md-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .p-md-auto {
    padding: auto;
  }

  .pb-md-auto {
    padding-bottom: auto;
  }

  .pt-md-auto {
    padding-top: auto;
  }

  .pl-md-auto {
    padding-left: auto;
  }

  .pr-md-auto {
    padding-right: auto;
  }

  .px-md-auto {
    padding-left: auto;
    padding-right: auto;
  }

  .py-md-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-auto {
    margin: auto;
  }

  .mb-lg-auto {
    margin-bottom: auto;
  }

  .mt-lg-auto {
    margin-top: auto;
  }

  .ml-lg-auto {
    margin-left: auto;
  }

  .mr-lg-auto {
    margin-right: auto;
  }

  .mx-lg-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .my-lg-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .p-lg-auto {
    padding: auto;
  }

  .pb-lg-auto {
    padding-bottom: auto;
  }

  .pt-lg-auto {
    padding-top: auto;
  }

  .pl-lg-auto {
    padding-left: auto;
  }

  .pr-lg-auto {
    padding-right: auto;
  }

  .px-lg-auto {
    padding-left: auto;
    padding-right: auto;
  }

  .py-lg-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
}
@media screen and (min-width: 1440px) {
  .m-xlg-auto {
    margin: auto;
  }

  .mb-xlg-auto {
    margin-bottom: auto;
  }

  .mt-xlg-auto {
    margin-top: auto;
  }

  .ml-xlg-auto {
    margin-left: auto;
  }

  .mr-xlg-auto {
    margin-right: auto;
  }

  .mx-xlg-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .my-xlg-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .p-xlg-auto {
    padding: auto;
  }

  .pb-xlg-auto {
    padding-bottom: auto;
  }

  .pt-xlg-auto {
    padding-top: auto;
  }

  .pl-xlg-auto {
    padding-left: auto;
  }

  .pr-xlg-auto {
    padding-right: auto;
  }

  .px-xlg-auto {
    padding-left: auto;
    padding-right: auto;
  }

  .py-xlg-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
}
.w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
/* Responsive Mixins */
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* global styles to fix / amend css problems */
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    background-color: #F2F4F5;
  }
}
body .ui-widget {
  font-family: "p22-underground-light", sans-serif !important;
}
[type=reset], [type=submit], button, html [type=button] {
  appearance: none !important;
}
.form-control:disabled {
  background-color: #E6E8EB;
}
hfc-toast {
  z-index: 501 !important;
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
/* Responsive Mixins */
.flex-space-between-layout, .table-page-container .utils-area, .table-page-container .pagination-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.align-items-center {
  display: flex;
  align-items: center;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .shared-header-styles, .dashboard-header, .single-button-header {
    height: 44px;
    padding: 0 !important;
    justify-content: start !important;
    align-items: initial !important;
  }
  .shared-header-styles h1, .dashboard-header h1, .single-button-header h1 {
    display: block;
    font-size: 18px !important;
    line-height: 24px;
    margin-top: 12px !important;
    white-space: nowrap;
    overflow: initial !important;
  }
}
.single-button-header {
  grid-gap: 0.25rem;
  gap: 0.25rem;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .single-button-header hf-nav-button button {
    color: grey;
    background-color: white !important;
    height: 44px;
    min-height: initial;
    border: none;
  }
  .single-button-header hf-nav-button button i {
    color: grey;
  }
}
.dashboard-header h1 {
  display: flex;
}
.dashboard-header h1 .heading-part {
  margin-right: 5px;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .dashboard-header hf-nav-button {
    display: none;
  }
  .dashboard-header .heading-part {
    display: none;
  }
  .dashboard-header .heading-part:last-child {
    width: 13ch;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .button-wrap-shared, .dashboard-header-buttons, .single-button-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding: 12px;
    background: white;
    z-index: 13;
  }
  .button-wrap-shared hf-custom-button, .dashboard-header-buttons hf-custom-button, .single-button-wrap hf-custom-button {
    display: block;
    width: 100%;
    margin-top: 8px;
  }
  .button-wrap-shared hf-custom-button:first-of-type, .dashboard-header-buttons hf-custom-button:first-of-type, .single-button-wrap hf-custom-button:first-of-type {
    margin-top: 0;
  }
  .button-wrap-shared button, .dashboard-header-buttons button, .single-button-wrap button {
    width: 100%;
  }
  .button-wrap-shared button .show-btn, .dashboard-header-buttons button .show-btn, .single-button-wrap button .show-btn {
    width: initial;
    display: initial;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .single-button-wrap {
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
}
@media (max-width: 767px) and (display-mode: standalone), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) and (display-mode: standalone) {
  @supports (-webkit-touch-callout: none) {
    .single-button-wrap {
      padding-bottom: 34px;
    }
  }
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .dashboard-header-buttons {
    transition: all ease-in-out 250ms;
    bottom: -330px;
  }
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .dashboard-headers-buttons-visible {
    bottom: 0;
  }
  .dashboard-headers-buttons-visible:after {
    position: absolute;
    content: "";
    width: 100vw;
    height: 200vh;
    background-color: rgba(100, 100, 100, 0.8);
    bottom: 100%;
    left: 0;
  }
}
.menu-trigger-button {
  height: 44px;
}
.menu-trigger-button button {
  height: 44px;
  min-height: initial !important;
}
.menu-trigger-button span {
  display: none;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .table-page-container {
    padding-top: 16px !important;
    padding-bottom: 88px !important;
  }
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .pagination-area {
    width: 100%;
  }
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body,
button {
  font-family: "p22-underground-regular", sans-serif !important;
  margin: 0;
}
body a {
  text-decoration: none;
}
.overlay-content {
  position: fixed;
  right: -1000px;
  top: 0;
  height: 100%;
}
.ui-overlay {
  background-color: #666666;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
}
.blurred-loading {
  filter: blur(4px);
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  font-family: "Thermal", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
h1 {
  font-size: 24px;
  color: #363A3D;
  margin: 0;
}
.flex-space-between-layout, .table-page-container .utils-area, .table-page-container .pagination-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.align-items-center {
  display: flex;
  align-items: center;
}
@keyframes unreadPulseAnimationInner {
  0% {
    transform: scale(1, 1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
    transform: scale(1.45, 1.45);
  }
  90% {
    opacity: 0.25;
    transform: scale(1.45, 1.45);
  }
  100% {
    opacity: 0;
  }
}
@keyframes unreadPulseAnimationOuter {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.25;
    transform: scale(1.45, 1.45);
  }
  75% {
    opacity: 0.5;
  }
  100% {
    transform: scale(2, 2);
    opacity: 0;
  }
}
@keyframes pulse {
  0%, 80%, 100% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.8);
  }
}
@keyframes spinner-circular-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Responsive Mixins */
.hf-sidepane-label {
  width: 100%;
  font-size: 14px;
  color: #363A3D;
  line-height: 16px;
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
/* Responsive Mixins */
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flex-space-between-layout, .table-page-container .utils-area, .table-page-container .pagination-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.align-items-center {
  display: flex;
  align-items: center;
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
/* Responsive Mixins */
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
.ev-form-error {
  font-size: 12px;
  font-weight: 500;
  color: #ed3a26;
}
.ev-details-container .ev-details-column .ev-details-entry .ev-details-entry-label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-heading {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .item .label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-box .item .value {
  font-size: 14px;
  font-weight: 500;
  color: #353B17;
}
.login-page .link-button, .ev-details-heading {
  font-size: 14px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .heading {
  font-size: 14px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-header .heading h1 {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.login-page .heading {
  font-size: 24px;
  font-weight: 500;
  color: #363A3D;
}
.ev-form-field > label {
  color: #363A3D;
}
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidepane-content {
  width: 450px;
  height: 100%;
  background-color: #FAF9F5;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .sidepane-content {
    width: 100vw;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.sidepane-content.cols-2, .cols-2 > .sidepane-content {
  width: 788px;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .sidepane-content.cols-2, .cols-2 > .sidepane-content {
    width: 100vw;
  }
}
.template-header {
  width: 100%;
  background-color: #FAF9F5;
  height: 76px;
  padding: 0 32px;
  font-family: "Thermal", sans-serif;
}
.template-header hf-custom-button i {
  color: #939699;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .template-header {
    position: sticky;
    top: 0;
    height: 44px;
    z-index: 9;
  }
  .template-header h1 {
    font-size: 18px;
  }
}
.template-main {
  width: 100%;
  height: calc(100% - 152px);
  padding: 0 32px;
  overflow-y: auto;
  background-color: #FAF9F5;
  opacity: 1;
  transition: opacity 200ms;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: none;
}
.template-main > form {
  padding-top: 24px;
}
.template-main > form label {
  font-size: 14px;
  color: #363A3D;
  line-height: 16px;
  width: 100%;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .template-main {
    height: initial;
    min-height: calc(100% - 112px);
  }
}
.template-footer {
  width: 100%;
  height: 76px;
  padding: 0 32px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .template-footer {
    position: sticky;
    bottom: 0;
    height: unset;
    padding: 12px 12px 12px 12px;
    width: unset;
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
}
@media (max-width: 767px) and (display-mode: standalone), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) and (display-mode: standalone) {
  @supports (-webkit-touch-callout: none) {
    .template-footer {
      padding-bottom: 34px;
    }
  }
}
.template-footer.button-spacing hfc-button {
  flex: 1 1 0px;
}
.template-footer.button-spacing hfc-button:not(:last-of-type) {
  margin-right: 16px;
}
@media (min-width: 768px) {
  .template-footer.button-spacing hfc-button {
    flex: initial;
  }
}
.overlay {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 500;
  right: 100%;
  transition: all 300ms;
}
.ev-sidepane-form hfc-info-box-container {
  margin: 0 0 12px -32px !important;
}
hfc-info-box {
  margin: 0 0 12px 32px !important;
  min-width: 90% !important;
  max-width: calc(100% - 32px) !important;
}
@media (min-width: 768px) {
  hfc-info-box {
    min-width: 45% !important;
    max-width: calc(50% - 32px) !important;
  }
}
@media (min-width: 768px) {
  .info-box-container-full-width hfc-info-box {
    max-width: calc(100% - 12px) !important;
  }
}
hfc-add-button {
  margin: 0 0 12px 32px !important;
  min-width: 90% !important;
  max-width: calc(100% - 32px) !important;
}
@media (min-width: 768px) {
  hfc-add-button {
    min-width: 45% !important;
    max-width: calc(50% - 32px) !important;
  }
}
@media (min-width: 768px) {
  .info-box-container-full-width hfc-add-button {
    max-width: calc(100% - 12px) !important;
  }
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
:host {
  position: relative;
  display: flex;
  background: #F2F4F5;
  height: 100%;
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Responsive Mixins */
@keyframes unreadPulseAnimationInner {
  0% {
    transform: scale(1, 1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
    transform: scale(1.45, 1.45);
  }
  90% {
    opacity: 0.25;
    transform: scale(1.45, 1.45);
  }
  100% {
    opacity: 0;
  }
}
@keyframes unreadPulseAnimationOuter {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.25;
    transform: scale(1.45, 1.45);
  }
  75% {
    opacity: 0.5;
  }
  100% {
    transform: scale(2, 2);
    opacity: 0;
  }
}
@keyframes pulse {
  0%, 80%, 100% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.8);
  }
}
@keyframes spinner-circular-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #B1B4B8;
  opacity: 1;
  /* Firefox */
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #B1B4B8;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #B1B4B8;
}
.input-group {
  position: relative;
  display: flex;
  width: 100%;
  margin-bottom: 12px;
  flex-wrap: wrap;
  align-items: stretch;
}
.input-upload-default {
  color: #353B17;
  background-color: #F5F5F5;
  border: 2px dashed #DCDEE0;
}
.input-upload-hover {
  color: #353B17;
  background-color: #DBDEE1;
  border: 2px dashed #DCDEE0;
}
.input-upload-pressed {
  background-color: #C8CED3;
  border: 2px dashed #DCDEE0;
}
.input-upload-uploading {
  color: #353B17;
  background-color: #F5F5F5;
  border: 2px solid #DCDEE0;
}
.input-group-text {
  background-color: white;
  border: 2px solid white;
  border-right: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  transition: border-color 0.15s ease-in-out;
}
.hf-form-control {
  height: 44px;
  font-family: inherit;
  border-radius: 0.5rem;
  border: 1px solid #D0D5DD;
  background: #FFF;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.hf-form-control:disabled {
  border: 2px solid #E6E8EB !important;
}
.hf-form-control.with-addon, .hf-form-control.with-addon:hover:not(:disabled) {
  border-left: none;
}
.hf-form-control:hover:not(:disabled) {
  border: 1px solid #D0D5DD;
}
.hf-form-control-with-asset {
  padding-right: 60px;
}
.hf-form-control-with-icon {
  padding-right: 45px;
}
.hf-form-control:focus:not(.hf-invalid-field) {
  border: 2px solid #353B17 !important;
}
.hf-form-control.with-addon:focus {
  border-left: none !important;
}
.hf-form-control-asset {
  position: absolute;
  z-index: 3;
  right: 13px;
  top: 10px;
}
.hf-form-control-icon {
  position: absolute;
  right: 13px;
  top: 10px;
  z-index: 3;
  cursor: pointer;
  color: #C8CACC;
}
.input-group-text-focus {
  padding: 0.3rem 0.75rem;
  outline: none;
  border: 2px solid #353B17 !important;
  border-right: none !important;
  transition: border-color 0.15s ease-in-out;
}
.input-group-text-hover {
  padding: 0.3rem 0.75rem;
  outline: none;
  border: 2px solid #8C959E;
  border-right: none !important;
  transition: border-color 0.15s ease-in-out;
}
.hf-form-control-hover {
  border: 2px solid #8C959E;
}
.input-group-text.addon-disabled {
  background-color: #E6E8EB;
  border: 2px solid #E6E8EB !important;
}
.hf-checkbox-element, .hf-radio-element {
  padding: 10px;
  -webkit-user-select: none;
          user-select: none;
}
.hf-checkbox-element .hf-checkbox-wrapper, .hf-checkbox-element .hf-radio-wrapper, .hf-radio-element .hf-checkbox-wrapper, .hf-radio-element .hf-radio-wrapper {
  margin-left: 44px;
}
.hf-checkbox-element .hf-checkbox-wrapper input[type=checkbox], .hf-checkbox-element .hf-checkbox-wrapper input[type=radio], .hf-checkbox-element .hf-radio-wrapper input[type=checkbox], .hf-checkbox-element .hf-radio-wrapper input[type=radio], .hf-radio-element .hf-checkbox-wrapper input[type=checkbox], .hf-radio-element .hf-checkbox-wrapper input[type=radio], .hf-radio-element .hf-radio-wrapper input[type=checkbox], .hf-radio-element .hf-radio-wrapper input[type=radio] {
  display: none;
}
.hf-checkbox-element .hf-checkbox-wrapper label, .hf-checkbox-element .hf-radio-wrapper label, .hf-radio-element .hf-checkbox-wrapper label, .hf-radio-element .hf-radio-wrapper label {
  position: relative;
  display: flex;
  flex-direction: row;
  margin-bottom: 0 !important;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #363A3D;
}
.hf-checkbox-element .hf-checkbox-wrapper span, .hf-checkbox-element .hf-radio-wrapper span, .hf-radio-element .hf-checkbox-wrapper span, .hf-radio-element .hf-radio-wrapper span {
  cursor: pointer;
}
.hf-checkbox-element .hf-checkbox-wrapper span:not(.prefix):before, .hf-checkbox-element .hf-checkbox-wrapper span:not(.prefix):after, .hf-checkbox-element .hf-radio-wrapper span:not(.prefix):before, .hf-checkbox-element .hf-radio-wrapper span:not(.prefix):after, .hf-radio-element .hf-checkbox-wrapper span:not(.prefix):before, .hf-radio-element .hf-checkbox-wrapper span:not(.prefix):after, .hf-radio-element .hf-radio-wrapper span:not(.prefix):before, .hf-radio-element .hf-radio-wrapper span:not(.prefix):after {
  position: absolute;
  top: 0;
  margin: auto;
  content: "";
}
.hf-checkbox-element .hf-checkbox-wrapper span.checkbox:before, .hf-checkbox-element .hf-checkbox-wrapper span.radio:before, .hf-checkbox-element .hf-radio-wrapper span.checkbox:before, .hf-checkbox-element .hf-radio-wrapper span.radio:before, .hf-radio-element .hf-checkbox-wrapper span.checkbox:before, .hf-radio-element .hf-checkbox-wrapper span.radio:before, .hf-radio-element .hf-radio-wrapper span.checkbox:before, .hf-radio-element .hf-radio-wrapper span.radio:before {
  left: -35px;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  border: 2px solid #B0B4B8;
  box-sizing: border-box;
  border-radius: 50%;
  transition: border-color 0.2s;
}
.hf-checkbox-element .hf-checkbox-wrapper span.checkbox:after, .hf-checkbox-element .hf-checkbox-wrapper span.radio:after, .hf-checkbox-element .hf-radio-wrapper span.checkbox:after, .hf-checkbox-element .hf-radio-wrapper span.radio:after, .hf-radio-element .hf-checkbox-wrapper span.checkbox:after, .hf-radio-element .hf-checkbox-wrapper span.radio:after, .hf-radio-element .hf-radio-wrapper span.checkbox:after, .hf-radio-element .hf-radio-wrapper span.radio:after {
  top: 1px;
  left: -36px;
  font-family: "Material Icons", "serif";
  font-size: 23px;
  color: transparent;
  content: "";
  transition: color 0.2s;
}
.hf-checkbox-element .hf-checkbox-wrapper span.checkbox:hover::before, .hf-checkbox-element .hf-checkbox-wrapper span.radio:hover::before, .hf-checkbox-element .hf-radio-wrapper span.checkbox:hover::before, .hf-checkbox-element .hf-radio-wrapper span.radio:hover::before, .hf-radio-element .hf-checkbox-wrapper span.checkbox:hover::before, .hf-radio-element .hf-checkbox-wrapper span.radio:hover::before, .hf-radio-element .hf-radio-wrapper span.checkbox:hover::before, .hf-radio-element .hf-radio-wrapper span.radio:hover::before {
  border: 2px solid #8C959E;
}
.hf-checkbox-element .hf-checkbox-wrapper span.radio, .hf-checkbox-element .hf-radio-wrapper span.radio, .hf-radio-element .hf-checkbox-wrapper span.radio, .hf-radio-element .hf-radio-wrapper span.radio {
  flex: 0 0 80%;
}
.hf-checkbox-element .hf-checkbox-wrapper span span.radio-details, .hf-checkbox-element .hf-radio-wrapper span span.radio-details, .hf-radio-element .hf-checkbox-wrapper span span.radio-details, .hf-radio-element .hf-radio-wrapper span span.radio-details {
  display: block;
  font-weight: normal;
  font-size: 14px;
  color: #363A3D;
  line-height: 16px;
}
.hf-checkbox-element .hf-checkbox-wrapper input[type=checkbox]:checked + label span.checkbox:after, .hf-checkbox-element .hf-checkbox-wrapper input[type=radio]:checked + label span.radio:after, .hf-checkbox-element .hf-radio-wrapper input[type=checkbox]:checked + label span.checkbox:after, .hf-checkbox-element .hf-radio-wrapper input[type=radio]:checked + label span.radio:after, .hf-radio-element .hf-checkbox-wrapper input[type=checkbox]:checked + label span.checkbox:after, .hf-radio-element .hf-checkbox-wrapper input[type=radio]:checked + label span.radio:after, .hf-radio-element .hf-radio-wrapper input[type=checkbox]:checked + label span.checkbox:after, .hf-radio-element .hf-radio-wrapper input[type=radio]:checked + label span.radio:after {
  color: #4F9753;
}
.hf-checkbox-element.is-selected, .hf-radio-element.is-selected {
  background-color: #E6E8EB;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.hf-textarea {
  font-size: 1rem;
  color: #363A3D;
  line-height: 16px;
  resize: none;
  display: block;
  width: 100%;
  height: 84px;
  padding: 6px 12px 6px 12px;
  box-sizing: border-box;
  font-family: "p22-underground-light", sans-serif;
  line-height: 1.5;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 1px solid #D0D5DD;
  border-radius: 4px;
}
.hf-textarea::-ms-expand {
  border: 0;
  background-color: transparent;
}
.hf-textarea:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  border: 2px solid #16324A !important;
  color: #495057;
  background-color: #fff;
}
.hf-textarea:hover:not(:disabled) {
  border: 2px solid #8C959E;
}
.hf-form-static-value {
  color: #363A3D;
  font-size: 16px;
  font-weight: 500;
  padding-left: 16px;
  line-height: 20px;
  margin-top: 12px;
  margin-bottom: 32px;
}
.form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  color: #363A3D;
  line-height: 16px;
  line-height: 1.5;
  border: 1px solid #D0D5DD;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  color: #495057;
  background-color: #fff;
}
.form-control::placeholder {
  opacity: 1;
  color: #6c757d;
}
.form-control:disabled, .form-control[readonly] {
  opacity: 1;
  background-color: #e9ecef;
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
/* Responsive Mixins */
.flex-space-between-layout, .table-page-container .utils-area, .table-page-container .pagination-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.align-items-center {
  display: flex;
  align-items: center;
}
.everglades-table .table-row span.status-icon, .hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.everglades-table {
  width: 100%;
  margin-top: 16px;
  overflow: auto;
  background: white;
  border-radius: 0.75rem;
  border: 1px solid #E4E7EC;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.everglades-table a {
  text-decoration: none;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .everglades-table a {
    width: 100%;
    display: block;
  }
}
.everglades-table.table-is-loading {
  position: relative;
}
.everglades-table.table-is-loading:after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.1);
}
.everglades-table.table-is-loading:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
  content: "";
  box-sizing: border-box;
  border: 7px solid white;
  border-top-color: #ddd;
  animation: spinner-circular-anim 400ms linear infinite;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .everglades-table.table-is-loading:before {
    top: 60px !important;
  }
}
.everglades-table.table-no-results {
  position: relative;
  height: 100px;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .everglades-table.table-no-results {
    height: 40px;
  }
}
.everglades-table.table-no-results:after {
  position: absolute;
  width: 100%;
  padding-top: 10px;
  text-align: center;
  content: "No results";
  color: #939699;
}
.everglades-table .table-paddings, .everglades-table .table-row div, .everglades-table .everglades-table-headings div {
  padding-left: 8px;
  padding-right: 8px;
}
.everglades-table .everglades-table-headings {
  display: flex;
  background: #FAF9F5;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .everglades-table .everglades-table-headings {
    display: none;
  }
}
.everglades-table .everglades-table-headings div {
  display: flex;
  justify-content: center;
  flex-flow: column-reverse;
  font-weight: 500;
  color: #575440;
  min-height: 44px;
  font-size: 0.75rem;
  border-bottom: 1px solid #E4E7EC;
}
.everglades-table .everglades-table-headings div.table-arrow-asc span, .everglades-table .everglades-table-headings div.table-arrow-desc span {
  position: relative;
}
.everglades-table .everglades-table-headings div.table-arrow-asc span:after, .everglades-table .everglades-table-headings div.table-arrow-desc span:after {
  margin-left: 5px;
  content: "keyboard_arrow_up";
  font-family: "Material Icons";
  font-size: 13px;
  vertical-align: middle;
}
.everglades-table .everglades-table-headings div.table-arrow-desc span:after {
  content: "keyboard_arrow_down";
}
.everglades-table .everglades-table-headings div span.center {
  text-align: center;
}
.everglades-table .everglades-table-headings-sticky-wrapper {
  height: 44px;
}
@media (max-width: 767px) {
  .everglades-table .everglades-table-headings-sticky-wrapper {
    display: none;
  }
}
.everglades-table .everglades-table-headings-sticky-wrapper.isSticky {
  animation-name: fadeIn;
  animation-duration: 250ms;
}
.everglades-table .everglades-table-headings-sticky-wrapper.isSticky .everglades-table-headings {
  position: fixed;
  top: 0;
  overflow: hidden;
  z-index: 1;
}
.everglades-table .table-row {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  border-bottom: 1px solid #E4E7EC;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .everglades-table .table-row {
    flex-flow: column;
    align-items: initial;
    border-bottom: solid 2px #f2f4f5;
  }
}
.everglades-table .table-row div {
  min-height: 44px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 14px;
  color: #363A3D;
  line-height: 16px;
  display: flex;
  flex-flow: column-reverse;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1024px) {
  .everglades-table .table-row div {
    display: inline-block;
    height: 44px;
  }
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .everglades-table .table-row div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .everglades-table .table-row div:before {
    width: 140px;
    display: inline-block;
    content: attr(data-mobileTitle);
    color: #939699;
  }
}
.everglades-table .table-row div.avatar {
  align-items: center;
  padding: 0 8px;
}
@media (min-width: 1024px) {
  .everglades-table .table-row div.avatar {
    display: flex;
    justify-content: center;
  }
}
.everglades-table .table-row div.center {
  display: flex;
  align-items: center;
}
@media (min-width: 1024px) {
  .everglades-table .table-row div.center {
    justify-content: center;
  }
}
.everglades-table .table-row div span.tasksAll {
  display: flex;
  align-items: center;
}
.everglades-table .table-row div span.tasksAll i {
  margin-left: 8px;
  font-size: 16px;
  color: #ed3a26;
}
.everglades-table .table-row:hover {
  background: #F6F4EB !important;
}
.everglades-table .table-row span.status-icon {
  height: 20px;
  min-height: 20px;
  padding: 4px 8px;
  border-radius: 22px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.everglades-table .table-row span.status-icon.not_assigned, .everglades-table .table-row span.status-icon.awaiting_first_contact, .everglades-table .table-row span.status-icon.contact_attempted, .everglades-table .table-row span.status-icon.awaiting_qualification, .everglades-table .table-row span.status-icon.partially_qualified, .everglades-table .table-row span.status-icon.not_qualified {
  background-color: #B0B4B8;
}
.everglades-table .table-row span.status-icon.in_progress, .everglades-table .table-row span.status-icon.qualified {
  background-color: #EDCC26;
}
.everglades-table .table-row span.status-icon.prepared {
  background-color: #EDCC26;
}
.everglades-table .table-row span.status-icon.submitted, .everglades-table .table-row span.status-icon.offered {
  background-color: #D65423;
}
.everglades-table .table-row span.status-icon.completed, .everglades-table .table-row span.status-icon.replacement_in_progress, .everglades-table .table-row span.status-icon.replaced {
  background-color: #2E994A;
}
.everglades-table .table-row span.status-icon.not_proceeding {
  background-color: #ED3A26;
}
.everglades-table div {
  flex: 1 1 0px;
}
.everglades-table .table-row div hf-attachment-image {
  margin-top: -5px;
}
.everglades-table.light a:not(.total):nth-child(odd) .table-row {
  background: #f9f9f9;
}
.everglades-table.light a.total .table-row {
  margin-top: 24px;
  border-top: 2px solid #F2F4F5;
}
@media (max-width: 767px) {
  .everglades-table.light a.total .table-row {
    display: none;
  }
}
@media (max-width: 767px) {
  .everglades-table.light .table-row div:before {
    width: 200px;
  }
}
@media (min-width: 768px) {
  .everglades-table.light .align-right {
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .fixed-table-container {
    padding: 16px 32px;
  }
}
.fixed-table-container .table-page-container {
  min-height: 100% !important;
  padding: 16px;
}
@media (min-width: 1024px) {
  .fixed-table-container .table-page-container {
    position: relative;
    padding: 0;
  }
}
.fixed-table-container .table-page-container .everglades-table .table-row {
  cursor: default;
}
.fixed-table-container .table-page-container .everglades-table a:last-child .table-row {
  font-size: 14px;
  font-weight: 500;
  color: #353B17;
}
.fixed-table-container .table-page-container .everglades-table a:last-child .table-row div {
  border-top: 1px solid #F2F4F5;
}
@media (min-width: 1024px) {
  .fixed-table-container .table-page-container .everglades-table.two-frozen .everglades-table-headings div {
    min-width: 150px;
  }
  .fixed-table-container .table-page-container .everglades-table.two-frozen .everglades-table-headings div:nth-child(1) {
    position: absolute;
    z-index: 9;
    background: white;
  }
  .fixed-table-container .table-page-container .everglades-table.two-frozen .everglades-table-headings div:nth-child(2) {
    position: absolute;
    left: 150px;
    min-width: 100px;
    z-index: 9;
    background: white;
    box-shadow: 4px 4px 4px 0px #E6E8EB;
  }
  .fixed-table-container .table-page-container .everglades-table.two-frozen .everglades-table-headings div:nth-child(3) {
    margin-left: 250px;
  }
  .fixed-table-container .table-page-container .everglades-table.two-frozen .table-row:hover div {
    background-color: #F2F4F5 !important;
    transition: all 0.15s ease-in-out;
  }
  .fixed-table-container .table-page-container .everglades-table.two-frozen .table-row div {
    min-width: 150px;
  }
  .fixed-table-container .table-page-container .everglades-table.two-frozen .table-row div:nth-child(1) {
    position: absolute;
    z-index: 9;
    background-color: white;
  }
  .fixed-table-container .table-page-container .everglades-table.two-frozen .table-row div:nth-child(2) {
    position: absolute;
    left: 150px;
    width: 100px;
    min-width: 100px;
    z-index: 9;
    background-color: white;
    box-shadow: 4px 4px 4px 0px #E6E8EB;
  }
  .fixed-table-container .table-page-container .everglades-table.two-frozen .table-row div:nth-child(3) {
    margin-left: 250px;
  }
  .fixed-table-container .table-page-container .everglades-table.two-frozen a:last-child .table-row div:nth-child(2) {
    box-shadow: 4px 0px 0px 0px #E6E8EB;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .center,
.everglades-table .table-row .center {
    align-items: center;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .right,
.everglades-table .table-row .right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .width-60,
.everglades-table .table-row .width-60 {
    width: 60px;
    max-width: 60px;
    flex: 0 0 60px;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .width-70,
.everglades-table .table-row .width-70 {
    width: 70px;
    max-width: 70px;
    flex: 0 0 70px;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .width-80,
.everglades-table .table-row .width-80 {
    width: 80px;
    max-width: 80px;
    flex: 0 0 80px;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .width-92,
.everglades-table .table-row .width-92 {
    width: 92px;
    max-width: 92px;
    flex: 0 0 92px;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .width-100,
.everglades-table .table-row .width-100 {
    width: 100px;
    max-width: 100px;
    flex: 0 0 100px;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .width-110,
.everglades-table .table-row .width-110 {
    width: 110px;
    max-width: 110px;
    flex: 0 0 110px;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .width-120,
.everglades-table .table-row .width-120 {
    width: 120px;
    max-width: 120px;
    flex: 0 0 120px;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .width-130,
.everglades-table .table-row .width-130 {
    width: 130px;
    max-width: 130px;
    flex: 0 0 130px;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .width-160,
.everglades-table .table-row .width-160 {
    width: 160px;
    max-width: 160px;
    flex: 0 0 160px;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .width-170,
.everglades-table .table-row .width-170 {
    width: 170px;
    max-width: 170px;
    flex: 0 0 170px;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .width-250,
.everglades-table .table-row .width-250 {
    width: 250px;
    max-width: 250px;
    flex: 0 0 250px;
  }
}
@media (min-width: 768px) {
  .everglades-table .everglades-table-headings .min-100,
.everglades-table .table-row .min-100 {
    min-width: 100px;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.hf-validity-icon {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 3;
  display: none;
}
.hf-valid-status, .hf-invalid-status {
  display: block;
}
.hf-valid-status .material-icons, .hf-invalid-status .material-icons {
  font-size: 1rem;
}
.hf-valid-status .material-icons {
  color: #A5C9DD;
}
.hf-invalid-status .material-icons {
  color: #ED3A26;
}
.hf-invalid-field-addon {
  border: 2px solid !important;
  border-top-color: #ED3A26 !important;
  border-bottom-color: #ED3A26 !important;
  border-left-color: #ED3A26 !important;
  border-right: none !important;
}
.hf-invalid-field {
  border: 2px solid !important;
  border-bottom-color: #ED3A26 !important;
  border-top-color: #ED3A26 !important;
  border-right-color: #ED3A26 !important;
  border-left: none !important;
}
.hf-invalid-field:not(.with-addon) {
  border-left: 2px solid #ED3A26 !important;
}
.hf-invalid-error {
  color: #ED3A26;
}
.hf-imported-data {
  /* New branding colours */
  /** New branding **/
  /* spacing */
  /* spacing */
  /* radius */
  /* widths */
  /* Responsive Mixins */
  /* New branding colours */
  /** New branding **/
  /* spacing */
  /* spacing */
  /* radius */
  /* widths */
  /* New branding colours */
  /** New branding **/
  /* spacing */
  /* spacing */
  /* radius */
  /* widths */
  /* Responsive Mixins */
  /* New branding colours */
  /** New branding **/
  /* spacing */
  /* spacing */
  /* radius */
  /* widths */
}
.hf-imported-data .w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .hf-imported-data .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .hf-imported-data .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .hf-imported-data .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .hf-imported-data .w-xlg-100 {
    width: 100%;
  }
}
.hf-imported-data .w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .hf-imported-data .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .hf-imported-data .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .hf-imported-data .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .hf-imported-data .w-xlg-75 {
    width: 75%;
  }
}
.hf-imported-data .w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .hf-imported-data .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .hf-imported-data .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .hf-imported-data .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .hf-imported-data .w-xlg-60 {
    width: 60%;
  }
}
.hf-imported-data .w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .hf-imported-data .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .hf-imported-data .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .hf-imported-data .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .hf-imported-data .w-xlg-50 {
    width: 50%;
  }
}
.hf-imported-data .w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .hf-imported-data .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .hf-imported-data .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .hf-imported-data .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .hf-imported-data .w-xlg-40 {
    width: 40%;
  }
}
.hf-imported-data .w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .hf-imported-data .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .hf-imported-data .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .hf-imported-data .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .hf-imported-data .w-xlg-25 {
    width: 25%;
  }
}
.hf-imported-data .w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .hf-imported-data .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .hf-imported-data .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .hf-imported-data .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .hf-imported-data .w-xlg-100 {
    width: 100%;
  }
}
.hf-imported-data .w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .hf-imported-data .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .hf-imported-data .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .hf-imported-data .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .hf-imported-data .w-xlg-75 {
    width: 75%;
  }
}
.hf-imported-data .w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .hf-imported-data .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .hf-imported-data .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .hf-imported-data .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .hf-imported-data .w-xlg-60 {
    width: 60%;
  }
}
.hf-imported-data .w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .hf-imported-data .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .hf-imported-data .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .hf-imported-data .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .hf-imported-data .w-xlg-50 {
    width: 50%;
  }
}
.hf-imported-data .w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .hf-imported-data .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .hf-imported-data .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .hf-imported-data .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .hf-imported-data .w-xlg-40 {
    width: 40%;
  }
}
.hf-imported-data .w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .hf-imported-data .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .hf-imported-data .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .hf-imported-data .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .hf-imported-data .w-xlg-25 {
    width: 25%;
  }
}
.hf-imported-data .ev-form-error {
  font-size: 12px;
  font-weight: 500;
  color: #ed3a26;
}
.hf-imported-data .ev-details-container .ev-details-column .ev-details-entry .ev-details-entry-label, .ev-details-container .ev-details-column .ev-details-entry .hf-imported-data .ev-details-entry-label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.hf-imported-data .ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-heading, .ev-sidepane-form .ev-sidepane-form-section .hf-imported-data .ev-sidepane-form-heading {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.hf-imported-data .ev-dashboard-box .item .label, .ev-dashboard-box .item .hf-imported-data .label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.hf-imported-data .ev-dashboard-box .item .value, .ev-dashboard-box .item .hf-imported-data .value {
  font-size: 14px;
  font-weight: 500;
  color: #353B17;
}
.hf-imported-data .login-page .link-button, .login-page .hf-imported-data .link-button, .hf-imported-data .ev-details-heading {
  font-size: 14px;
  font-weight: 500;
  color: #363A3D;
}
.hf-imported-data .ev-dashboard-box .heading, .ev-dashboard-box .hf-imported-data .heading {
  font-size: 14px;
  font-weight: 500;
  color: #939699;
}
.hf-imported-data .ev-dashboard-header .heading h1, .ev-dashboard-header .heading .hf-imported-data h1 {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.hf-imported-data .login-page .heading, .login-page .hf-imported-data .heading {
  font-size: 24px;
  font-weight: 500;
  color: #363A3D;
}
.hf-imported-data .ev-form-field > label {
  color: #363A3D;
}
.hf-imported-data .hf-selector .hf-selector-container, .hf-selector .hf-imported-data .hf-selector-container, .hf-imported-data .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .hf-imported-data .description, .hf-imported-data .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .hf-selector .hf-selector-container.hf-selector-has-value .hf-imported-data .description-extended, .hf-imported-data .everglades-table .table-row span.status-icon, .everglades-table .table-row .hf-imported-data span.status-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hf-imported-data .hf-selector .hf-selector-container, .hf-selector .hf-imported-data .hf-selector-container, .hf-imported-data .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .hf-imported-data .description, .hf-imported-data .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .hf-selector .hf-selector-container.hf-selector-has-value .hf-imported-data .description-extended, .hf-imported-data .everglades-table .table-row span.status-icon, .everglades-table .table-row .hf-imported-data span.status-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hf-imported-data .hf-selector .hf-selector-container, .hf-selector .hf-imported-data .hf-selector-container, .hf-imported-data .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .hf-imported-data .description, .hf-imported-data .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .hf-selector .hf-selector-container.hf-selector-has-value .hf-imported-data .description-extended, .hf-imported-data .everglades-table .table-row span.status-icon, .everglades-table .table-row .hf-imported-data span.status-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hf-imported-data .flex-space-between-layout, .hf-imported-data .table-page-container .utils-area, .table-page-container .hf-imported-data .utils-area, .hf-imported-data .table-page-container .pagination-row, .table-page-container .hf-imported-data .pagination-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hf-imported-data .align-items-center {
  display: flex;
  align-items: center;
}
.hf-imported-data .ev-form-error {
  font-size: 12px;
  font-weight: 500;
  color: #ED3A26;
}
.hf-imported-data .ev-details-container .ev-details-column .ev-details-entry .ev-details-entry-label, .ev-details-container .ev-details-column .ev-details-entry .hf-imported-data .ev-details-entry-label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.hf-imported-data .ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-heading, .ev-sidepane-form .ev-sidepane-form-section .hf-imported-data .ev-sidepane-form-heading {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.hf-imported-data .ev-dashboard-box .item .label, .ev-dashboard-box .item .hf-imported-data .label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.hf-imported-data .ev-dashboard-box .item .value, .ev-dashboard-box .item .hf-imported-data .value {
  font-size: 14px;
  font-weight: 500;
  color: #16324A;
}
.hf-imported-data .login-page .link-button, .login-page .hf-imported-data .link-button, .hf-imported-data .ev-details-heading {
  font-size: 14px;
  font-weight: 500;
  color: #363A3D;
}
.hf-imported-data .ev-dashboard-box .heading, .ev-dashboard-box .hf-imported-data .heading {
  font-size: 14px;
  font-weight: 500;
  color: #939699;
}
.hf-imported-data .ev-dashboard-header .heading h1, .ev-dashboard-header .heading .hf-imported-data h1 {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.hf-imported-data .login-page .heading, .login-page .hf-imported-data .heading {
  font-size: 24px;
  font-weight: 500;
  color: #363A3D;
}
.hf-imported-data .ev-form-field > label {
  color: #363A3D;
}
.hf-imported-data .hf-selector .hf-selector-container, .hf-selector .hf-imported-data .hf-selector-container, .hf-imported-data .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .hf-imported-data .description, .hf-imported-data .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .hf-selector .hf-selector-container.hf-selector-has-value .hf-imported-data .description-extended, .hf-imported-data .everglades-table .table-row span.status-icon, .everglades-table .table-row .hf-imported-data span.status-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hf-imported-data hf-custom-spinner {
  margin-top: 32px;
}
.hf-imported-data .container {
  padding: 16px;
}
@media (max-width: 767px) {
  .hf-imported-data .container {
    padding-bottom: 158px;
  }
}
@media (min-width: 768px) {
  .hf-imported-data .container {
    padding: 32px;
  }
}
.hf-imported-data .section {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .hf-imported-data .section {
    margin-bottom: 16px;
  }
}
.hf-imported-data .section .title {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 28px;
  font-size: 1.25rem;
  font-weight: 500;
}
.hf-imported-data .section .column {
  width: 100%;
}
@media (min-width: 768px) {
  .hf-imported-data .section .column {
    width: calc(33.33% - 32px);
    margin-right: 32px;
  }
  .hf-imported-data .section .column hfc-review-section-item {
    width: 100%;
  }
}
.hf-imported-data .separator {
  margin: 20px 0 36px;
  border-bottom: 1px solid #c8cacc;
}
@media (max-width: 767px), screen and (max-width: 900px) and (max-height: 430px) and (-webkit-min-device-pixel-ratio: 2) {
  .hf-imported-data .separator {
    margin: 12px 0 28px;
  }
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
@keyframes unreadPulseAnimationInner {
  0% {
    transform: scale(1, 1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
    transform: scale(1.45, 1.45);
  }
  90% {
    opacity: 0.25;
    transform: scale(1.45, 1.45);
  }
  100% {
    opacity: 0;
  }
}
@keyframes unreadPulseAnimationOuter {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.25;
    transform: scale(1.45, 1.45);
  }
  75% {
    opacity: 0.5;
  }
  100% {
    transform: scale(2, 2);
    opacity: 0;
  }
}
@keyframes pulse {
  0%, 80%, 100% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.8);
  }
}
@keyframes spinner-circular-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Responsive Mixins */
.hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .everglades-table .table-row span.status-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
hf-chatbot h1, hf-chatbot h2, hf-chatbot h3, hf-chatbot h4, hf-chatbot h5, hf-chatbot h6 {
  font-family: "Thermal", sans-serif !important;
  color: #222C09;
  margin: 0;
  font-weight: 400;
  line-height: 120%;
}
hf-chatbot h2 {
  font-size: 1.5rem;
}
hf-chatbot p, hf-chatbot span {
  font-family: "p22-underground-light", sans-serif;
}
hf-chatbot textarea, hf-chatbot .mobile-span-header {
  font-family: "p22-underground-regular", sans-serif;
}
hf-chatbot textarea {
  font-size: 1rem;
}
hf-chatbot .markdown-content {
  white-space: collapse;
  font-family: "p22-underground-regular", sans-serif;
  overflow-x: auto;
}
hf-chatbot .markdown-content p, hf-chatbot .markdown-content ol, hf-chatbot .markdown-content ul, hf-chatbot .markdown-content li {
  font-family: "p22-underground-regular", sans-serif;
}
hf-chatbot .markdown-content li {
  margin-bottom: 0.25rem;
}
hf-chatbot .markdown-content a {
  pointer-events: none;
  color: inherit;
}
hf-chatbot .markdown-content p {
  margin: 0;
  font-family: "p22-underground-regular", sans-serif;
}
hf-chatbot .markdown-content ul {
  padding-left: 1rem;
}
hf-chatbot .markdown-content pre,
hf-chatbot .markdown-content code {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
hf-chatbot .markdown-content pre {
  overflow-x: auto;
}
hf-chatbot .markdown-content > table {
  overflow-x: scroll;
}
hf-chatbot .assistant .markdown-content > p, hf-chatbot .assistant .markdown-content > li, hf-chatbot .assistant .markdown-content > ol, hf-chatbot .markdown-content > ul {
  color: #344054;
}
hf-chatbot .user .markdown-content > p {
  color: #667085;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  display: block;
  word-break: break-word;
}
hf-chatbot .markdown-content > table {
  background: #fff;
  border-collapse: collapse;
  border: 1px solid #E4E7EC;
  margin: 1rem 0;
}
hf-chatbot .markdown-content > table thead {
  background: #FAFAFA;
  color: #939699;
  text-align: left;
}
hf-chatbot .markdown-content > table th, hf-chatbot .markdown-content > table td {
  height: 2rem;
  padding: 0.5rem;
  font-size: 0.75rem;
  min-width: 6.25rem;
}
hf-chatbot .markdown-content > table td {
  border: 1px solid #E4E7EC;
}
hf-chatbot .download-file-container {
  display: flex;
  padding: 0.25rem 0.5rem;
  align-items: flex-start;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  background-color: #fff;
  border-radius: 0.25rem;
  border: 0.5px solid #E4E7EC;
  width: -moz-fit-content;
  width: fit-content;
}
hf-chatbot .download-file-container img {
  width: 1.5rem;
  height: 1.5rem;
}
hf-chatbot .download-file-container_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 0.25rem;
  gap: 0.25rem;
}
hf-chatbot .download-file-container_details_filesize {
  color: #939699;
  font-size: 0.5rem;
}
hf-chatbot .download-file-container_details_filename {
  color: #363A3D;
  font-size: 0.75rem;
}
.mat-snack-bar-container {
  background: #344054;
  color: #fff;
}
.dot-loader {
  display: flex;
  align-items: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
}
.dot-loader div {
  width: 0.375rem;
  height: 0.375rem;
  background-color: #222C09;
  border-radius: 50%;
  animation: pulse 1s ease-in-out infinite;
}
.dot-loader div:nth-child(1) {
  animation-delay: 0s;
}
.dot-loader div:nth-child(2) {
  animation-delay: 0.33s;
}
.dot-loader div:nth-child(3) {
  animation-delay: 0.66s;
}
.chatbot-error {
  padding: 3rem 1rem 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
/* Responsive Mixins */
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
.ev-form-error {
  font-size: 12px;
  font-weight: 500;
  color: #ed3a26;
}
.ev-details-container .ev-details-column .ev-details-entry .ev-details-entry-label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-heading {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .item .label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-box .item .value {
  font-size: 14px;
  font-weight: 500;
  color: #353B17;
}
.login-page .link-button, .ev-details-heading {
  font-size: 14px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .heading {
  font-size: 14px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-header .heading h1 {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.login-page .heading {
  font-size: 24px;
  font-weight: 500;
  color: #363A3D;
}
.ev-form-field > label {
  color: #363A3D;
}
.hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .everglades-table .table-row span.status-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .everglades-table .table-row span.status-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .everglades-table .table-row span.status-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flex-space-between-layout, .table-page-container .utils-area, .table-page-container .pagination-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.align-items-center {
  display: flex;
  align-items: center;
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
/* Responsive Mixins */
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.ev-form-error {
  font-size: 12px;
  font-weight: 500;
  color: #ED3A26;
}
.ev-details-container .ev-details-column .ev-details-entry .ev-details-entry-label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-heading {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .item .label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-box .item .value {
  font-size: 14px;
  font-weight: 500;
  color: #16324A;
}
.login-page .link-button, .ev-details-heading {
  font-size: 14px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .heading {
  font-size: 14px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-header .heading h1 {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.login-page .heading {
  font-size: 24px;
  font-weight: 500;
  color: #363A3D;
}
.ev-form-field > label {
  color: #363A3D;
}
.hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .everglades-table .table-row span.status-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.communication-preferences_form {
  padding-top: 1rem;
}
.communication-preferences_form .update-container {
  display: flex;
  flex-direction: column;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .communication-preferences_form .update-container {
    width: 100%;
  }
}
.communication-preferences_form .update-container_header {
  display: flex;
  align-items: center;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  align-self: stretch;
}
.communication-preferences_form .update-container_header h2 {
  color: #363a3d;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0.75rem 0 1rem;
}
.communication-preferences_form .update-container_row {
  display: flex;
  padding: 0.125rem 0;
}
.communication-preferences_form .update-container_column {
  display: flex;
  padding: 0.25rem 0;
  flex-direction: column;
  grid-gap: 0.625rem;
  gap: 0.625rem;
}
.communication-preferences_form .update-container p {
  margin: 0;
  color: #363a3d;
}
.communication-preferences_form .update-container .warning-wrapper {
  display: flex;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.875rem;
}
.communication-preferences_form .update-container .helpful-text {
  font-size: 0.875rem;
  padding-top: 0.25rem;
}
.communication-preferences_form .update-container .warning-icon {
  color: #EDAC4A;
  font-size: 1.25rem;
}
.communication-preferences_form .update-container .unsubscribe-link {
  color: #363a3d;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  padding-bottom: 0.5rem;
}
.communication-preferences_form .update-container .unsubscribe-link:hover {
  text-decoration: underline;
}
.communication-preferences_form .update-container .border-bottom {
  display: flex;
  width: 100%;
  height: 1px;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  background: #e4e6e5;
}
.communication-preferences_form .update-container textarea {
  font-family: inherit;
  line-height: 1.25rem;
  resize: none;
  height: 4.25rem;
  flex-shrink: 0;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid #c8cacc;
  background: #fff;
  margin: 0;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .communication-preferences_form .update-container textarea {
    width: 100%;
  }
}
.communication-preferences_form .update-container textarea:focus-visible {
  border: 1px solid #353B17;
  outline: none;
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
/* Responsive Mixins */
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.w-100 {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
}
.w-75 {
  width: 75%;
}
@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-75 {
    width: 75%;
  }
}
.w-60 {
  width: 60%;
}
@media screen and (min-width: 576px) {
  .w-sm-60 {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-60 {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-60 {
    width: 60%;
  }
}
.w-50 {
  width: 50%;
}
@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-50 {
    width: 50%;
  }
}
.w-40 {
  width: 40%;
}
@media screen and (min-width: 576px) {
  .w-sm-40 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-40 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-40 {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-40 {
    width: 40%;
  }
}
.w-25 {
  width: 25%;
}
@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .w-xlg-25 {
    width: 25%;
  }
}
.ev-form-error {
  font-size: 12px;
  font-weight: 500;
  color: #ed3a26;
}
.ev-details-container .ev-details-column .ev-details-entry .ev-details-entry-label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-heading {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .item .label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-box .item .value {
  font-size: 14px;
  font-weight: 500;
  color: #353B17;
}
.login-page .link-button, .ev-details-heading {
  font-size: 14px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .heading {
  font-size: 14px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-header .heading h1 {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.login-page .heading {
  font-size: 24px;
  font-weight: 500;
  color: #363A3D;
}
.ev-form-field > label {
  color: #363A3D;
}
.hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .everglades-table .table-row span.status-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .everglades-table .table-row span.status-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.login-page {
  display: flex;
  flex-direction: column;
}
.login-page .heading {
  display: flex;
  align-items: center;
  line-height: 28px;
  margin-bottom: 8px;
}
.login-page .heading i {
  color: #939699;
  margin-right: 20px;
  margin-left: 10px;
  cursor: pointer;
}
.login-page .hint {
  font-size: 14px;
  color: #939699;
  line-height: 16px;
  margin-bottom: 24px;
}
.login-page .buttons {
  margin-top: 32px;
}
.login-page .error {
  margin: 16px 0;
  font-size: 14px;
  color: #ed3a26;
}
.login-page .link-button {
  cursor: pointer;
}
.login-page .link-button:hover {
  text-decoration: underline;
}
.login-page .loading {
  color: #939699 !important;
}
.login-page .red {
  color: #ed3a26 !important;
}
.p-component, .p-inputtext {
  font-family: inherit;
}
.hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .everglades-table .table-row span.status-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flex-space-between-layout, .table-page-container .utils-area, .table-page-container .pagination-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.align-items-center {
  display: flex;
  align-items: center;
}
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
/* Responsive Mixins */
/* New branding colours */
/** New branding **/
/* spacing */
/* spacing */
/* radius */
/* widths */
.ev-form-error {
  font-size: 12px;
  font-weight: 500;
  color: #ED3A26;
}
.ev-details-container .ev-details-column .ev-details-entry .ev-details-entry-label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-sidepane-form .ev-sidepane-form-section .ev-sidepane-form-heading {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .item .label {
  font-size: 12px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-box .item .value {
  font-size: 14px;
  font-weight: 500;
  color: #16324A;
}
.ev-details-heading, .login-page .link-button {
  font-size: 14px;
  font-weight: 500;
  color: #363A3D;
}
.ev-dashboard-box .heading {
  font-size: 14px;
  font-weight: 500;
  color: #939699;
}
.ev-dashboard-header .heading h1 {
  font-size: 18px;
  font-weight: 500;
  color: #363A3D;
}
.login-page .heading {
  font-size: 24px;
  font-weight: 500;
  color: #363A3D;
}
.ev-form-field > label {
  color: #363A3D;
}
.hf-selector .hf-selector-container, .hf-selector .hf-selector-container.hf-selector-has-value .description, .hf-selector .hf-selector-container.hf-selector-has-value .description-extended, .everglades-table .table-row span.status-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* New branding font-family */
@font-face {
  font-family: "Thermal";
  src: url("/assets/fonts/Thermal/Thermal-VF-Thin-Text.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "p22-underground-regular";
  src: url("/assets/fonts/P22 Underground Pro/P22UndergroundPro-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "p22-underground-semibold";
  src: url("/assets/fonts/P22 Underground Pro/P22UndergroundPro-SemiBold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "p22-underground-light";
  src: url("/assets/fonts/P22 Underground Pro/P22UndergroundPro-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/*# sourceMappingURL=styles.5b2514ffe0418984cb82.css.map*/