@import url("./components/layout/breadcrumb.css");
@import url("./components/layout/navbar.css");
@import url("./components/layout/content.css");
@import url("./components/table/table.css");
@import url("./components/buttons/buttons.css");
@import url("./components/buttons/dropdown.css");
@import url("./components/buttons/input.css");
@import url("./components/acordeon/acordeon.css");
@import url("./components/cards/cardsAppoiments.css?v=20260510d");
@import url("./components/cards/cardsContent.css");
@import url("./components/cards/cardsPatients.css");
@import url("./components/cards/cardsPostConsultation.css");
@import url("./components/buttons/calendar.css?v=20260610-dofa-calendar");
@import url("./components/tabs/tabsReportFacturacion.css?v=20260522-tabs");
@import url("./components/steppers/admisionBillingStepper.css");
@import url("./components/user-manual/categoryHeaderManualSection.css");
@import url("./components/user-manual/emptyStateManualSection.css");
@import url("./components/user-manual/manualSection.css");
@import url("./components/user-manual/statsSection.css");
@import url("./components/user-manual/stickyHeaderManualSection.css");
@import url("./components/user-manual/videoCardManualSection.css");
@import url("./components/cards/patientsProfileCard.css");

/* ================================================================
   DOFA Oleada 2 — Componentes Premium contemporáneo (2026-05-08)
   IMPORTANTE: forms-premium, buttons-premium y modals-premium estan
   DESHABILITADOS temporalmente porque colisionan con el CSS legacy
   (buttons/input.css, buttons/calendar.css, buttons/dropdown.css)
   provocando dobles bordes y sombras superpuestas.
   Para reintroducir: necesita tunear especificidad sin pisar legacy.
   ================================================================ */
/* O3.3.1 ROLLBACK (2026-05-08): regresión de tamaños no uniformes — deshabilitado.
   typography-premium.css es muy invasivo (aplica a body, p, ul, label, etc.).
   Plan: crear typography-headings-only.css solo con h1-h3 UPPERCASE selectivo. */
/* @import url("./components/typography/typography-premium.css"); */
@import url("./components/page-template/page-template.css"); /* O3.3.2 reactivado */
@import url("./components/buttons/buttons-premium.css"); /* O3.3.5 reactivado tras fix #1F6FEB→#1A99FB */
@import url("./components/forms/forms-premium.css"); /* O3.3.6 reactivado tras tuning input.css y fix #1F6FEB→#1A99FB */
@import url("./components/modals/modals-premium.css?v=20260512b"); /* O3.3.7 reactivado + v48 modal scroll fix */
@import url("./components/modals/appointment-modal-polish.css?v=20260610-calendar-align"); /* DOFA v2: pulido modal Crear cita (QA Flujo 2) */
/* O3.3.3-fix 2026-05-08: REACTIVADO tras remover bloque .p-toast-* del archivo.
   Solo quedan reglas seguras: .p-tag, .p-badge, .p-chip. Toast del modal Citas
   recibió appendTo={document.body} como hardening en commit abf6cd7. */
@import url("./components/feedback/feedback-premium.css");
@import url("./components/overlays/overlay-positioning.css?v=20260610-dropdown"); /* O3.3.4 reactivado */
@import url("./components/forms/dropdown-unified.css"); /* O3.3 partial: reactivado tras tokens correctos en O3.1/O3.2 */
@import url("./components/page-listado/page-listado.css?v=20260511a"); /* O4.PR fix v7 (2026-05-11) filtros normalizados en ListadoLayout */
@import url("./components/page-wrapper/page-wrapper.css?v=20260508a"); /* O4.B (2026-05-08) breadcrumb + container estandar global */
@import url("./components/modals-typography/modals-typography.css?v=20260508a"); /* O5.A (2026-05-08) tipografias normalizadas Inter en todos los modales */
@import url("./components/forms-standalone/forms-standalone.css?v=20260508a"); /* O5.B (2026-05-08) FormularioLayout + tipografia Inter forms standalone */
@import url("./components/typography/typography-headings-only.css?v=20260529ola6"); /* O6 (2026-05-29) Inter selectivo: h1-h3, labels, breadcrumb, thead, card titles. Anti-invasivo — NO toca body/p/ul. */
@import url("./components/utilities/ms-utilities.css?v=20260530lab"); /* O7+Ola11 (2026-05-29) Utility classes + laboratorio modal compacto (2026-05-30). */
@import url("./components/buttons/states-premium.css?v=20260529states"); /* O8 (2026-05-29) Fix estados interactivos: SelectButton/paginador navy→primary. Root causes: theme.css:2459,4960,4986,4997 usando --secondary-color=#24292F */
@import url("./components/pharmacy/central-mixtures.css?v=20260610f"); /* Slice2-UX-Prod (2026-06-10) Fix UX: firmas auto-llenado, PAT deshabilitado, dropdowns clinicos, textos español. */
/* DOFA Oleada 2 — fin */

@import url("../variable.css");

:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  --surface-a: #ffffff;
  --surface-b: #efefef;
  --surface-c: #e9ecef;
  --surface-d: #dee2e6;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #212529;
  --text-color-secondary: #6c757d;
  --primary-color: #1a99fb;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #f9fafb;
  --surface-100: #f8f9fa;
  --surface-200: #e9ecef;
  --surface-300: #dee2e6;
  --surface-400: #ced4da;
  --surface-500: #adb5bd;
  --surface-600: #6c757d;
  --surface-700: #495057;
  --surface-800: #343a40;
  --surface-900: #212529;
  --gray-50: #f9fafb;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
  --content-padding: 1.25rem;
  --inline-spacing: 0.5rem;
  --border-radius: 4px;
  --surface-ground: #efefef;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dee2e6;
  --surface-hover: #e9ecef;
  --focus-ring: 0 0 0 0.16rem rgba(26, 153, 251, 0.22);
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #1a99fb;
  --highlight-text-color: #ffffff;
  color-scheme: light;
}

:root {
  --blue-50: #f3f8ff;
  --blue-100: #c5dcff;
  --blue-200: #97c1fe;
  --blue-300: #69a5fe;
  --blue-400: #3b8afd;
  --blue-500: #0d6efd;
  --blue-600: #0b5ed7;
  --blue-700: #094db1;
  --blue-800: #073d8b;
  --blue-900: #052c65;
  --green-50: #f4f9f6;
  --green-100: #c8e2d6;
  --green-200: #9ccbb5;
  --green-300: #70b595;
  --green-400: #459e74;
  --green-500: #198754;
  --green-600: #157347;
  --green-700: #125f3b;
  --green-800: #0e4a2e;
  --green-900: #0a3622;
  --yellow-50: #fffcf3;
  --yellow-100: #fff0c3;
  --yellow-200: #ffe494;
  --yellow-300: #ffd965;
  --yellow-400: #ffcd36;
  --yellow-500: #ffc107;
  --yellow-600: #d9a406;
  --yellow-700: #b38705;
  --yellow-800: #8c6a04;
  --yellow-900: #664d03;
  --cyan-50: #f3fcfe;
  --cyan-100: #c5f2fb;
  --cyan-200: #97e8f9;
  --cyan-300: #69def6;
  --cyan-400: #3bd4f3;
  --cyan-500: #0dcaf0;
  --cyan-600: #0baccc;
  --cyan-700: #098da8;
  --cyan-800: #076f84;
  --cyan-900: #055160;
  --pink-50: #fdf5f9;
  --pink-100: #f5cee1;
  --pink-200: #eda7ca;
  --pink-300: #e681b3;
  --pink-400: #de5a9b;
  --pink-500: #d63384;
  --pink-600: #b62b70;
  --pink-700: #96245c;
  --pink-800: #761c49;
  --pink-900: #561435;
  --indigo-50: #f7f3fe;
  --indigo-100: #dac6fc;
  --indigo-200: #bd98f9;
  --indigo-300: #a06bf7;
  --indigo-400: #833df4;
  --indigo-500: #6610f2;
  --indigo-600: #570ece;
  --indigo-700: #470ba9;
  --indigo-800: #380985;
  --indigo-900: #290661;
  --teal-50: #f4fcfa;
  --teal-100: #c9f2e6;
  --teal-200: #9fe8d2;
  --teal-300: #75debf;
  --teal-400: #4ad3ab;
  --teal-500: #20c997;
  --teal-600: #1bab80;
  --teal-700: #168d6a;
  --teal-800: #126f53;
  --teal-900: #0d503c;
  --orange-50: #fff9f3;
  --orange-100: #ffe0c7;
  --orange-200: #fec89a;
  --orange-300: #feaf6d;
  --orange-400: #fd9741;
  --orange-500: #fd7e14;
  --orange-600: #d76b11;
  --orange-700: #b1580e;
  --orange-800: #8b450b;
  --orange-900: #653208;
  --bluegray-50: #f8f9fb;
  --bluegray-100: #e0e4ea;
  --bluegray-200: #c7ced9;
  --bluegray-300: #aeb9c8;
  --bluegray-400: #95a3b8;
  --bluegray-500: #7c8ea7;
  --bluegray-600: #69798e;
  --bluegray-700: #576375;
  --bluegray-800: #444e5c;
  --bluegray-900: #323943;
  --purple-50: #f8f6fc;
  --purple-100: #dcd2f0;
  --purple-200: #c1aee4;
  --purple-300: #a68ad9;
  --purple-400: #8a66cd;
  --purple-500: #6f42c1;
  --purple-600: #5e38a4;
  --purple-700: #4e2e87;
  --purple-800: #3d246a;
  --purple-900: #2c1a4d;
  --red-50: #fdf5f6;
  --red-100: #f7cfd2;
  --red-200: #f0a8af;
  --red-300: #e9828c;
  --red-400: #e35b68;
  --red-500: #dc3545;
  --red-600: #bb2d3b;
  --red-700: #9a2530;
  --red-800: #791d26;
  --red-900: #58151c;
  --primary-50: #f2f8ff;
  --primary-100: #c2dfff;
  --primary-200: #91c6ff;
  --primary-300: #61adff;
  --primary-400: #3094ff;
  --primary-500: #007bff;
  --primary-600: #0069d9;
  --primary-700: #0056b3;
  --primary-800: #00448c;
  --primary-900: #003166;
}

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

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

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

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

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

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

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

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

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

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

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

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: none;
  border-radius: 4px;
  padding: 0.5rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@layer primereact {
  * {
    box-sizing: border-box;
  }

  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    font-weight: normal;
  }

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

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

  .p-error {
    color: #dc3545;
  }

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

  .pi {
    font-size: 1rem;
  }

  .p-icon {
    width: 1rem;
    height: 1rem;
  }

  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 4px;
  }

  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

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

  @keyframes p-component-overlay-enter-animation {
    from {
      background-color: transparent;
    }

    to {
      background-color: var(--maskbg);
    }
  }

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

    to {
      background-color: transparent;
    }
  }

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

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

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

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

  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    border-color: #007bff;
  }

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

  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #212529;
    padding: 0;
    margin: 0;
  }

  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.25rem 0.75rem;
    margin-right: 0.5rem;
    background: #007bff;
    color: #ffffff;
    border-radius: 4px;
  }

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

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

  .p-autocomplete-panel {
    background: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: none;
  }

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

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

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

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

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

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

  .p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    border-color: #007bff;
  }

  .p-datepicker {
    padding: 0;
    background: #ffffff;
    color: #212529;
    border: 1px solid #ced4da;
    border-radius: 4px;
  }

  .p-datepicker:not(.p-datepicker-inline) {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none;
  }

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

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

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

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

  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

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

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

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

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

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

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

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

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

  .p-datepicker table td>span.p-highlight {
    color: #ffffff;
    background: #007bff;
  }

  .p-datepicker table td>span:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

  .p-datepicker table td.p-datepicker-today>span.p-highlight {
    color: #ffffff;
    background: #007bff;
  }

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

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

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

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

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

  .p-datepicker .p-timepicker button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

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

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

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

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

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

  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #ffffff;
    background: #007bff;
  }

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

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

  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #ffffff;
    background: #007bff;
  }

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

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

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

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

  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  @media screen and (max-width: 769px) {

    .p-datepicker table th,
    .p-datepicker table td {
      padding: 0;
    }
  }

  .p-cascadeselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    border-radius: 4px;
    outline-color: transparent;
  }

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

  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    border-color: #007bff;
  }

  .p-cascadeselect.p-variant-filled {
    background-color: #efefef;
  }

  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #efefef;
  }

  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #efefef;
  }

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

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

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

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

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

  .p-cascadeselect-panel {
    background: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: none;
  }

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

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

  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
    margin-top: 0;
  }

  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
    margin-bottom: 0;
  }

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

  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: #0067d6;
  }

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

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

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

  .p-checkbox {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }

  .p-checkbox-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }

  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }

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

  .p-checkbox .p-checkbox-input {
    border: 2px solid #ced4da;
    border-radius: 4px;
  }

  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #212529;
    border-radius: 4px;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    outline-color: transparent;
  }

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

  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }

  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #212529;
    border-radius: 4px;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    outline-color: transparent;
  }

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

  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }

  .p-checkbox.p-highlight .p-checkbox-box {
    border-color: #007bff;
    background: #007bff;
  }

  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    border-color: #ced4da;
  }

  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    border-color: #0062cc;
    background: #0062cc;
    color: #ffffff;
  }

  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    border-color: #007bff;
  }

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

  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #efefef;
  }

  .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #007bff;
  }

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

  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0062cc;
  }

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

  .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
    background: #007bff;
  }

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

  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0062cc;
  }

  .p-highlight .p-checkbox .p-checkbox-box {
    border-color: #ffffff;
  }

  .p-checkbox {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }

  .p-checkbox-input {
    cursor: pointer;
  }

  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .p-tristatecheckbox.p-variant-filled .p-checkbox-box {
    background-color: #efefef;
  }

  .p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #007bff;
  }

  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #efefef;
  }

  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0062cc;
  }

  .p-chips {
    display: inline-flex;
  }

  .p-chips-multiple-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: text;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .p-chips-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }

  .p-chips-input-token {
    flex: 1 1 auto;
    display: inline-flex;
  }

  .p-chips-token-icon {
    cursor: pointer;
  }

  .p-chips-input-token input {
    border: 0 none;
    outline: 0 none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }

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

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

  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    border-color: #007bff;
  }

  .p-chips .p-chips-multiple-container {
    padding: 0.25rem 0.75rem;
    outline-color: transparent;
  }

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

  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #ced4da;
    color: #212529;
  }

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

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

  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #212529;
    padding: 0;
    margin: 0;
  }

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

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

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

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

  .p-colorpicker-overlay-panel {
    box-shadow: none;
  }

  .p-dropdown {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    user-select: none;
  }

  .p-dropdown-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }

  .p-dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .p-dropdown-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
    width: 1%;
    text-overflow: ellipsis;
    cursor: pointer;
  }

  .p-dropdown-label-empty {
    overflow: hidden;
    opacity: 0;
  }

  input.p-dropdown-label {
    cursor: default;
  }

  .p-dropdown .p-dropdown-panel {
    min-width: 100%;
  }

  .p-dropdown-panel {
    position: absolute;
    top: 0;
    left: 0;
  }

  .p-dropdown-items-wrapper {
    overflow: auto;
  }

  .p-dropdown-item {
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
  }

  .p-dropdown-item-group {
    cursor: auto;
  }

  .p-dropdown-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .p-dropdown-filter {
    width: 100%;
  }

  .p-dropdown-filter-container {
    position: relative;
  }

  .p-dropdown-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }

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

  .p-fluid .p-dropdown .p-dropdown-label {
    width: 1%;
  }

  .p-dropdown {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    border-radius: 4px;
    outline-color: transparent;
  }

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

  .p-dropdown:not(.p-disabled).p-focus {
    border-radius: 4% !important;
    border-bottom-left-radius: 1% !important;
    border-bottom-right-radius: 1% !important;
    border-top-left-radius: 1% !important;
    border-top-right-radius: 1% !important;
    outline: 0 none;
    outline-offset: 0;
    border-color: var(--primary-color);
  }

  .p-dropdown.p-variant-filled {
    background: #efefef;
  }

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

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

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

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

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

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

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

  .p-dropdown .p-dropdown-trigger {
    background: var(--primary-color);
    color: #495057;
    width: 15%;
    border-top-right-radius: var(--radius-lg, 8px);
    border-bottom-right-radius: var(--radius-lg, 8px);
  }

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

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

  .p-dropdown-panel {
    background: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: none;
  }

  .p-dropdown-panel .p-dropdown-header {
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid #dee2e6;
    color: #212529;
    background: #efefef;
    margin: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }

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

  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    right: 0.75rem;
    color: #495057;
  }

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

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

  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
    margin-top: 0;
  }

  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
    margin-bottom: 0;
  }

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

  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: #0067d6;
  }

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

  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
    position: relative;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .p-inputswitch {
    position: relative;
    display: inline-block;
  }

  .p-inputswitch-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }

  .p-inputswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid transparent;
  }

  .p-inputswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
  }

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

  .p-inputswitch .p-inputswitch-input {
    border-radius: 4px;
  }

  .p-inputswitch .p-inputswitch-slider {
    background: #ced4da;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    border-radius: 4px;
    outline-color: transparent;
  }

  .p-inputswitch .p-inputswitch-slider:before {
    background: #ffffff;
    width: 1.25rem;
    height: 1.25rem;
    left: 0.25rem;
    margin-top: -0.625rem;
    border-radius: 4px;
    transition-duration: 0.15s;
  }

  .p-inputswitch.p-highlight .p-inputswitch-slider {
    background: #007bff;
  }

  .p-inputswitch.p-highlight .p-inputswitch-slider:before {
    background: #ffffff;
    transform: translateX(1.25rem);
  }

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

  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
    background: #007bff;
  }

  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-inputswitch.p-invalid>.p-inputswitch-slider {
    border-color: #dc3545;
  }

  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    background: #ffffff;
    padding: 0.5rem 0.75rem;
    border: 1px solid #ced4da;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    appearance: none;
    border-radius: 4px;
    outline-color: transparent;
  }

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

  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    border-color: #007bff;
  }

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

  .p-inputtext.p-variant-filled {
    background-color: #efefef;
  }

  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #efefef;
  }

  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #efefef;
  }

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

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

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

  .p-float-label>.p-invalid+label {
    color: #dc3545;
  }

  .p-icon-field-left>.p-inputtext {
    padding-left: 2.5rem;
  }

  .p-icon-field-left.p-float-label>label {
    left: 2.5rem;
  }

  .p-icon-field-right>.p-inputtext {
    padding-right: 2.5rem;
  }

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

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

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

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

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

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

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

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

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

  .p-icon-field {
    width: 100%;
    position: relative;
  }

  .p-icon-field>.p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }

  .p-fluid .p-icon-field-left,
  .p-fluid .p-icon-field-right {
    width: 100%;
  }

  .p-icon-field-left>.p-input-icon:first-of-type {
    left: 0.75rem;
    color: #495057;
  }

  .p-icon-field-right>.p-input-icon:last-of-type {
    right: 0.75rem;
    color: #495057;
  }

  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
  }

  .p-inputotp-input {
    text-align: center;
    width: 2.5rem;
  }

  .p-listbox-list-wrapper {
    overflow: auto;
  }

  .p-listbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .p-listbox-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }

  .p-listbox-item-group {
    cursor: auto;
  }

  .p-listbox-filter-container {
    position: relative;
  }

  .p-listbox-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }

  .p-listbox-filter {
    width: 100%;
  }

  .p-listbox {
    background: #ffffff;
    color: #212529;
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    outline-color: transparent;
  }

  .p-listbox .p-listbox-header {
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid #dee2e6;
    color: #212529;
    background: #efefef;
    margin: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }

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

  .p-listbox .p-listbox-header .p-listbox-filter-icon {
    right: 0.75rem;
    color: #495057;
  }

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

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

  .p-listbox .p-listbox-list .p-listbox-item:first-child {
    margin-top: 0;
  }

  .p-listbox .p-listbox-list .p-listbox-item:last-child {
    margin-bottom: 0;
  }

  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #ffffff;
    background: #007bff;
  }

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

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

  .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
    background: #0067d6;
  }

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

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

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

  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    border-color: #007bff;
  }

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

  .p-mention-panel {
    background: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: none;
  }

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

  .p-mention-panel .p-mention-items .p-mention-item {
    margin: 0;
    padding: 0.5rem 1.5rem;
    border: 0 none;
    color: #212529;
    background: transparent;
    transition: box-shadow 0.15s;
    border-radius: 0;
  }

  .p-mention-panel .p-mention-items .p-mention-item:hover {
    color: #212529;
    background: #e9ecef;
  }

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

  .p-multiselect {
    display: inline-flex;
    cursor: pointer;
    user-select: none;
  }

  .p-multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .p-multiselect-label-container {
    overflow: hidden;
    flex: 1 1 auto;
    cursor: pointer;
  }

  .p-multiselect-label {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .p-multiselect-label-empty {
    overflow: hidden;
    visibility: hidden;
  }

  .p-multiselect-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }

  .p-multiselect-token-icon {
    cursor: pointer;
  }

  .p-multiselect .p-multiselect-panel {
    min-width: 100%;
  }

  .p-multiselect-items-wrapper {
    overflow: auto;
  }

  .p-multiselect-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .p-multiselect-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
  }

  .p-multiselect-item-group {
    cursor: auto;
  }

  .p-multiselect-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .p-multiselect-filter-container {
    position: relative;
    flex: 1 1 auto;
  }

  .p-multiselect-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }

  .p-multiselect-filter-container .p-inputtext {
    width: 100%;
  }

  .p-multiselect-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    margin-left: auto;
  }

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

  .p-multiselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    border-radius: 4px;
    outline-color: transparent;
  }

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

  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    border-color: #007bff;
  }

  .p-multiselect.p-variant-filled {
    background: #efefef;
  }

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

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

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

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

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

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

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

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

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

  .p-multiselect-panel {
    background: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: none;
  }

  .p-multiselect-panel .p-multiselect-header {
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid #dee2e6;
    color: #212529;
    background: #efefef;
    margin: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }

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

  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.75rem;
    color: #495057;
  }

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

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

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

  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

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

  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
    margin-top: 0;
  }

  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
    margin-bottom: 0;
  }

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

  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
    background: #0067d6;
  }

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

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

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

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

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

  .p-password-panel {
    padding: 1.25rem;
    background: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: none;
    border-radius: 4px;
  }

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

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

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

  .p-password-panel .p-password-meter .p-password-strength.strong {
    background: #28a745;
  }

  .p-radiobutton {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }

  .p-radiobutton-input {
    cursor: pointer;
  }

  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .p-radiobutton-icon {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }

  .p-radiobutton.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }

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

  .svg:not(:host).svg-inline--fa,
  svg:not(:root).svg-inline--fa {
    color: #1a99fb;
  }

  .fa-chevron-right {
    color: white !important;
  }

  .card-text {
    font-family: "Inter", sans-serif !important;
  }

  .p-radiobutton .p-radiobutton-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 2px solid #ced4da;
    border-radius: 50%;
  }

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

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

  .p-radiobutton.p-highlight .p-radiobutton-box {
    border-color: #007bff;
    background: #007bff;
  }

  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    border-color: #ced4da;
  }

  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    border-color: #0062cc;
    background: #0062cc;
  }

  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
    background-color: #ffffff;
  }

  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    border-color: #007bff;
  }

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

  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #efefef;
  }

  .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
    background: #007bff;
  }

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

  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0062cc;
  }

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

  .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
    background: #007bff;
  }

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

  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0062cc;
  }

  .p-highlight .p-radiobutton .p-radiobutton-box {
    border-color: #ffffff;
  }

  .p-rating {
    position: relative;
    display: flex;
    align-items: center;
  }

  .p-rating-item {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }

  .p-rating.p-readonly .p-rating-item {
    cursor: default;
  }

  .p-rating {
    gap: 0.5rem;
  }

  .p-rating .p-rating-item {
    outline-color: transparent;
    border-radius: 50%;
  }

  .p-rating .p-rating-item .p-rating-icon {
    color: #495057;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    font-size: 1.143rem;
  }

  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }

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

  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #007bff;
  }

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

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

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

  .p-selectbutton .p-button {
    background: var(--color-bg, #ffffff);
    border: 1px solid var(--color-border, #D0D7DE);
    color: var(--color-text-secondary, #6E7781);
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
  }

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

  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #5a6268;
    border-color: #545b62;
    color: #ffffff;
  }

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

  .p-selectbutton .p-button.p-highlight {
    background: #545b62;
    border-color: #4e555b;
    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: #545b62;
    border-color: #4e555b;
    color: #ffffff;
  }

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

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

  .p-slider {
    background: #e9ecef;
    border: 0 none;
    border-radius: 4px;
  }

  .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: #007bff;
    border: 2px solid #007bff;
    border-radius: 4px;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
  }

  .p-slider .p-slider-handle:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-slider .p-slider-range {
    background: #007bff;
  }

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

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

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

  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    border-color: #007bff;
  }

  .p-treeselect.p-treeselect-clearable .p-treeselect-label {
    padding-right: 1.75rem;
  }

  .p-treeselect.p-variant-filled {
    background: #efefef;
  }

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

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

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

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

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

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

  .p-treeselect .p-treeselect-clear-icon {
    color: #495057;
    right: 2.357rem;
  }

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

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

  .p-treeselect-panel {
    background: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: none;
  }

  .p-treeselect-panel .p-treeselect-header {
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid #dee2e6;
    color: #212529;
    background: #efefef;
    margin: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }

  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }

  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.75rem;
  }

  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.75rem;
    color: #495057;
  }

  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 3.5rem;
  }

  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 2.5rem;
  }

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

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

  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

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

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

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

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

  .p-togglebutton {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }

  .p-togglebutton-input {
    cursor: pointer;
  }

  .p-togglebutton .p-button {
    flex: 1 1 auto;
  }

  .p-togglebutton .p-togglebutton-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 1px solid #6c757d;
    border-radius: 4px;
  }

  .p-togglebutton .p-button {
    background: #6c757d;
    border: 1px solid #6c757d;
    color: #ffffff;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    outline-color: transparent;
  }

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

  .p-togglebutton.p-highlight .p-button {
    background: #545b62;
    border-color: #4e555b;
    color: #ffffff;
  }

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

  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
    background: #5a6268;
    border-color: #545b62;
    color: #ffffff;
  }

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

  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
    background: #545b62;
    border-color: #4e555b;
    color: #ffffff;
  }

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

  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    border-color: #007bff;
  }

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

  .p-button {
    color: #ffffff;
    background: #1a99fb;
    border: 1px solid #1a99fb;
    padding: 0.5rem 0.75rem;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    border-radius: 0.3rem !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
  }

  .p-button-primary {
    position: relative;
    font-size: 0 !important;
  }

  button[data-pc-name="button"] {
    font-size: 14px !important;
    font-weight: bold !important;
  }

  button[data-pc-name="button"]::after {
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #fff;
  }

  .btn .fa-solid,
  .btn .svg-inline--fa,
  .p-button .fa-solid,
  .p-button .svg-inline--fa {
    color: white !important;
  }

  .p-button-text .fa-solid,
  .p-button-text .svg-inline--fa,
  .p-button-text .svg-inline--fa path {
    color: #1a99fb !important;
    fill: #1a99fb !important;
  }

  .color-primary .svg-inline--fa,
  .color-primary .fa-solid,
  .color-primary .fa-solid path,
  .color-primary .svg-inline--fa path {
    color: #1a99fb !important;
    fill: #1a99fb !important;
  }

  /* Butones dashboard Cards*/
  .btn .svg-inline--fa.fa-calendar-plus path {
    fill: #1a99fb !important;
  }

  .btn .svg-inline--fa.fa-circle-plus path {
    fill: #1a99fb !important;
  }

  .btn .svg-inline--fa.fa-eye path {
    fill: #1a99fb !important;
  }

  .btn .svg-inline--fa.fa-magnifying-glass path {
    fill: #1a99fb !important;
  }

  .btn-primary .fa-plus,
  .btn-primary .svg-inline--fa[data-icon="plus"] {
    color: white !important;
  }

  .btn-primary:hover {
    background: var(--color-primary-hover, #0E7DD8) !important;
    border: 1px solid var(--color-primary-hover, #0E7DD8);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-1px);
  }

  .p-button:hover {
    background: var(--color-primary-hover, #0E7DD8) !important;
    border: 1px solid var(--color-primary-hover, #0E7DD8);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-1px);
  }

  .p-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
  }

  .p-datepicker-trigger {
    background-color: #1a99fb;
    border-radius: 0 var(--radius-lg, 8px) var(--radius-lg, 8px) 0 !important;
  }

  .p-datepicker-trigger:hover {
    background-color: #0e86e8 !important;
    background-image: none !important;
    border-color: #0e86e8 !important;
  }

  .p-button:not(:disabled):hover {
    background: #8a94ad;
    color: #ffffff;
    border-color: #0069d9;
  }

  .p-button:not(:disabled):active {
    background: #8a94ad;
    color: #ffffff;
    border-color: #0062cc;
  }

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

  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(0, 123, 255, 0.04);
    color: #007bff;
    border: 1px solid;
  }

  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(0, 123, 255, 0.16);
    color: #007bff;
    border: 1px solid;
  }

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

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

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

  .p-button.p-button-text {
    background-color: transparent !important;
    color: #007bff;
    border-color: transparent;
  }

  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(0, 123, 255, 0.04);
    color: #007bff;
    border-color: transparent;
  }

  .p-button.p-button-text:not(:disabled):active {
    background: rgba(0, 123, 255, 0.16);
    color: #007bff;
    border-color: transparent;
  }

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

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

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

  .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-button .p-button-label {
    transition-duration: 0.15s;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .p-fluid .p-button-group {
    display: flex;
  }

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

  .p-button.p-button-secondary,
  .p-button-group.p-button-secondary>.p-button,
  .p-splitbutton.p-button-secondary>.p-button,
  .p-fileupload-choose.p-button-secondary {
    color: #ffffff;
    background: #6c757d;
    border: 1px solid #6c757d;
  }

  .p-button.p-button-secondary:not(:disabled):hover,
  .p-button-group.p-button-secondary>.p-button:not(:disabled):hover,
  .p-splitbutton.p-button-secondary>.p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-secondary:not(:disabled):hover {
    background: #5a6268;
    color: #ffffff;
    border-color: #5a6268;
  }

  .p-button.p-button-secondary:not(:disabled):focus,
  .p-button-group.p-button-secondary>.p-button:not(:disabled):focus,
  .p-splitbutton.p-button-secondary>.p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-secondary:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  }

  .p-button.p-button-secondary:not(:disabled):active,
  .p-button-group.p-button-secondary>.p-button:not(:disabled):active,
  .p-splitbutton.p-button-secondary>.p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-secondary:not(:disabled):active {
    background: #545b62;
    color: #ffffff;
    border-color: #4e555b;
  }

  .p-button.p-button-secondary.p-button-outlined,
  .p-button-group.p-button-secondary>.p-button.p-button-outlined,
  .p-splitbutton.p-button-secondary>.p-button.p-button-outlined,
  .p-fileupload-choose.p-button-secondary.p-button-outlined {
    background-color: transparent;
    color: #6c757d;
    border: 1px solid;
  }

  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-secondary>.p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-secondary>.p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-secondary.p-button-outlined:not( :disabled):hover {
    background: rgba(108, 117, 125, 0.04);
    color: #6c757d;
    border: 1px solid;
  }

  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-secondary>.p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-secondary>.p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-secondary.p-button-outlined:not( :disabled):active {
    background: rgba(108, 117, 125, 0.16);
    color: #6c757d;
    border: 1px solid;
  }

  .p-button.p-button-secondary.p-button-text,
  .p-button-group.p-button-secondary>.p-button.p-button-text,
  .p-splitbutton.p-button-secondary>.p-button.p-button-text,
  .p-fileupload-choose.p-button-secondary.p-button-text {
    color: #6c757d;
    border-color: transparent;
  }

  .p-button.p-button-secondary.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-secondary>.p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-secondary>.p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
    background: rgba(108, 117, 125, 0.04);
    border-color: transparent;
    color: #6c757d;
  }

  .p-button.p-button-secondary.p-button-text:not(:disabled):active,
  .p-button-group.p-button-secondary>.p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-secondary>.p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
    background: rgba(108, 117, 125, 0.16);
    border-color: transparent;
    color: #6c757d;
  }

  .p-button.p-button-info,
  .p-button-group.p-button-info>.p-button,
  .p-splitbutton.p-button-info>.p-button,
  .p-fileupload-choose.p-button-info {
    color: #ffffff;
    background: #17a2b8;
    border: 1px solid #17a2b8;
  }

  .p-button.p-button-info:not(:disabled):hover,
  .p-button-group.p-button-info>.p-button:not(:disabled):hover,
  .p-splitbutton.p-button-info>.p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-info:not(:disabled):hover {
    background: #138496;
    color: #ffffff;
    border-color: #117a8b;
  }

  .p-button.p-button-info:not(:disabled):focus,
  .p-button-group.p-button-info>.p-button:not(:disabled):focus,
  .p-splitbutton.p-button-info>.p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-info:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  }

  .p-button.p-button-info:not(:disabled):active,
  .p-button-group.p-button-info>.p-button:not(:disabled):active,
  .p-splitbutton.p-button-info>.p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-info:not(:disabled):active {
    background: #138496;
    color: #ffffff;
    border-color: #117a8b;
  }

  .p-button.p-button-info.p-button-outlined,
  .p-button-group.p-button-info>.p-button.p-button-outlined,
  .p-splitbutton.p-button-info>.p-button.p-button-outlined,
  .p-fileupload-choose.p-button-info.p-button-outlined {
    color: #17a2b8;
    border: 1px solid;
  }

  .p-button.p-button-info.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-info>.p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-info>.p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {
    background: rgba(23, 162, 184, 0.04);
    color: #17a2b8;
    border: 1px solid;
  }

  .p-button.p-button-info.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-info>.p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-info>.p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {
    background: rgba(23, 162, 184, 0.16);
    color: #17a2b8;
    border: 1px solid;
  }

  .p-button.p-button-info.p-button-text,
  .p-button-group.p-button-info>.p-button.p-button-text,
  .p-splitbutton.p-button-info>.p-button.p-button-text,
  .p-fileupload-choose.p-button-info.p-button-text {
    color: #17a2b8;
    border-color: transparent;
  }

  .p-button.p-button-info.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-info>.p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-info>.p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {
    background: rgba(23, 162, 184, 0.04);
    border-color: transparent;
    color: #17a2b8;
  }

  .p-button.p-button-info.p-button-text:not(:disabled):active,
  .p-button-group.p-button-info>.p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-info>.p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {
    background: rgba(23, 162, 184, 0.16);
    border-color: transparent;
    color: #17a2b8;
  }

  .p-button.p-button-success,
  .p-button-group.p-button-success>.p-button,
  .p-splitbutton.p-button-success>.p-button,
  .p-fileupload-choose.p-button-success {
    color: #ffffff;
    background: #28a745;
    border: 1px solid #28a745;
  }

  .p-button.p-button-success:not(:disabled):hover,
  .p-button-group.p-button-success>.p-button:not(:disabled):hover,
  .p-splitbutton.p-button-success>.p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-success:not(:disabled):hover {
    background: #218838;
    color: #ffffff;
    border-color: #1e7e34;
  }

  .p-button.p-button-success:not(:disabled):focus,
  .p-button-group.p-button-success>.p-button:not(:disabled):focus,
  .p-splitbutton.p-button-success>.p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-success:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  }

  .p-button.p-button-success:not(:disabled):active,
  .p-button-group.p-button-success>.p-button:not(:disabled):active,
  .p-splitbutton.p-button-success>.p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-success:not(:disabled):active {
    background: #1e7e34;
    color: #ffffff;
    border-color: #1c7430;
  }

  .p-button.p-button-success.p-button-outlined,
  .p-button-group.p-button-success>.p-button.p-button-outlined,
  .p-splitbutton.p-button-success>.p-button.p-button-outlined,
  .p-fileupload-choose.p-button-success.p-button-outlined {
    color: #28a745;
    border: 1px solid;
  }

  .p-button.p-button-success.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-success>.p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-success>.p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover {
    background: rgba(40, 167, 69, 0.04);
    color: #28a745;
    border: 1px solid;
  }

  .p-button.p-button-success.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-success>.p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-success>.p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-success.p-button-outlined:not( :disabled):active {
    background: rgba(40, 167, 69, 0.16);
    color: #28a745;
    border: 1px solid;
  }

  .p-button.p-button-success.p-button-text,
  .p-button-group.p-button-success>.p-button.p-button-text,
  .p-splitbutton.p-button-success>.p-button.p-button-text,
  .p-fileupload-choose.p-button-success.p-button-text {
    color: #28a745;
    border-color: transparent;
  }

  .p-button.p-button-success.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-success>.p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-success>.p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover {
    background: rgba(40, 167, 69, 0.04);
    border-color: transparent;
    color: #28a745;
  }

  .p-button.p-button-success.p-button-text:not(:disabled):active,
  .p-button-group.p-button-success>.p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-success>.p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {
    background: rgba(40, 167, 69, 0.16);
    border-color: transparent;
    color: #28a745;
  }

  .p-button.p-button-warning,
  .p-button-group.p-button-warning>.p-button,
  .p-splitbutton.p-button-warning>.p-button,
  .p-fileupload-choose.p-button-warning {
    color: #212529;
    background: #ffc107;
    border: 1px solid #ffc107;
  }

  .p-button.p-button-warning:not(:disabled):hover,
  .p-button-group.p-button-warning>.p-button:not(:disabled):hover,
  .p-splitbutton.p-button-warning>.p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-warning:not(:disabled):hover {
    background: #e0a800;
    color: #212529;
    border-color: #d39e00;
  }

  .p-button.p-button-warning:not(:disabled):focus,
  .p-button-group.p-button-warning>.p-button:not(:disabled):focus,
  .p-splitbutton.p-button-warning>.p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-warning:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
  }

  .p-button.p-button-warning:not(:disabled):active,
  .p-button-group.p-button-warning>.p-button:not(:disabled):active,
  .p-splitbutton.p-button-warning>.p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-warning:not(:disabled):active {
    background: #d39e00;
    color: #212529;
    border-color: #c69500;
  }

  .p-button.p-button-warning.p-button-outlined,
  .p-button-group.p-button-warning>.p-button.p-button-outlined,
  .p-splitbutton.p-button-warning>.p-button.p-button-outlined,
  .p-fileupload-choose.p-button-warning.p-button-outlined {
    color: #ffc107;
    border: 1px solid;
  }

  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-warning>.p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-warning>.p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {
    background: rgba(255, 193, 7, 0.04);
    color: #ffc107;
    border: 1px solid;
  }

  .p-button.p-button-warning.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-warning>.p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-warning>.p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-warning.p-button-outlined:not( :disabled):active {
    background: rgba(255, 193, 7, 0.16);
    color: #ffc107;
    border: 1px solid;
  }

  .p-button.p-button-warning.p-button-text,
  .p-button-group.p-button-warning>.p-button.p-button-text,
  .p-splitbutton.p-button-warning>.p-button.p-button-text,
  .p-fileupload-choose.p-button-warning.p-button-text {
    color: #ffc107;
    border-color: transparent;
  }

  .p-button.p-button-warning.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-warning>.p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-warning>.p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {
    background: rgba(255, 193, 7, 0.04);
    border-color: transparent;
    color: #ffc107;
  }

  .p-button.p-button-warning.p-button-text:not(:disabled):active,
  .p-button-group.p-button-warning>.p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-warning>.p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {
    background: rgba(255, 193, 7, 0.16);
    border-color: transparent;
    color: #ffc107;
  }

  .p-button.p-button-help,
  .p-button-group.p-button-help>.p-button,
  .p-splitbutton.p-button-help>.p-button,
  .p-fileupload-choose.p-button-help {
    color: #ffffff;
    background: #6f42c1;
    border: 1px solid #6f42c1;
  }

  .p-button.p-button-help:not(:disabled):hover,
  .p-button-group.p-button-help>.p-button:not(:disabled):hover,
  .p-splitbutton.p-button-help>.p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-help:not(:disabled):hover {
    background: #633bad;
    color: #ffffff;
    border-color: #58349a;
  }

  .p-button.p-button-help:not(:disabled):focus,
  .p-button-group.p-button-help>.p-button:not(:disabled):focus,
  .p-splitbutton.p-button-help>.p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-help:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #d3c6ec;
  }

  .p-button.p-button-help:not(:disabled):active,
  .p-button-group.p-button-help>.p-button:not(:disabled):active,
  .p-splitbutton.p-button-help>.p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-help:not(:disabled):active {
    background: #58349a;
    color: #ffffff;
    border-color: #4d2e87;
  }

  .p-button.p-button-help.p-button-outlined,
  .p-button-group.p-button-help>.p-button.p-button-outlined,
  .p-splitbutton.p-button-help>.p-button.p-button-outlined,
  .p-fileupload-choose.p-button-help.p-button-outlined {
    color: #6f42c1;
    border: 1px solid;
  }

  .p-button.p-button-help.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-help>.p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-help>.p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover {
    background: rgba(111, 66, 193, 0.04);
    color: #6f42c1;
    border: 1px solid;
  }

  .p-button.p-button-help.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-help>.p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-help>.p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active {
    background: rgba(111, 66, 193, 0.16);
    color: #6f42c1;
    border: 1px solid;
  }

  .p-button.p-button-help.p-button-text,
  .p-button-group.p-button-help>.p-button.p-button-text,
  .p-splitbutton.p-button-help>.p-button.p-button-text,
  .p-fileupload-choose.p-button-help.p-button-text {
    background-color: transparent;
    color: #6f42c1;
    border-color: transparent;
  }

  .p-button.p-button-help.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-help>.p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-help>.p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover {
    background: rgba(111, 66, 193, 0.04);
    border-color: transparent;
    color: #6f42c1;
  }

  .p-button.p-button-help.p-button-text:not(:disabled):active,
  .p-button-group.p-button-help>.p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-help>.p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {
    background: rgba(111, 66, 193, 0.16);
    border-color: transparent;
    color: #6f42c1;
  }

  .p-button.p-button-danger,
  .p-button-group.p-button-danger>.p-button,
  .p-splitbutton.p-button-danger>.p-button,
  .p-fileupload-choose.p-button-danger {
    color: #ffffff;
    background: #dc3545;
    border: 1px solid #dc3545;
  }

  .p-button.p-button-danger:not(:disabled):hover,
  .p-button-group.p-button-danger>.p-button:not(:disabled):hover,
  .p-splitbutton.p-button-danger>.p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-danger:not(:disabled):hover {
    background: #c82333;
    color: #ffffff;
    border-color: #bd2130;
  }

  .p-button.p-button-danger:not(:disabled):focus,
  .p-button-group.p-button-danger>.p-button:not(:disabled):focus,
  .p-splitbutton.p-button-danger>.p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-danger:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  }

  .p-button.p-button-danger:not(:disabled):active,
  .p-button-group.p-button-danger>.p-button:not(:disabled):active,
  .p-splitbutton.p-button-danger>.p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-danger:not(:disabled):active {
    background: #bd2130;
    color: #ffffff;
    border-color: #b21f2d;
  }

  .p-button.p-button-danger.p-button-outlined,
  .p-button-group.p-button-danger>.p-button.p-button-outlined,
  .p-splitbutton.p-button-danger>.p-button.p-button-outlined,
  .p-fileupload-choose.p-button-danger.p-button-outlined {
    background-color: transparent;
    color: #dc3545;
    border: 1px solid;
  }

  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-danger>.p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-danger>.p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover {
    background: rgba(220, 53, 69, 0.04);
    color: #dc3545;
    border: 1px solid;
  }

  .p-button.p-button-danger.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-danger>.p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-danger>.p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active {
    background: rgba(220, 53, 69, 0.16);
    color: #dc3545;
    border: 1px solid;
  }

  .p-button.p-button-danger.p-button-text,
  .p-button-group.p-button-danger>.p-button.p-button-text,
  .p-splitbutton.p-button-danger>.p-button.p-button-text,
  .p-fileupload-choose.p-button-danger.p-button-text {
    color: #dc3545;
    border-color: transparent;
  }

  .p-button.p-button-danger.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-danger>.p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-danger>.p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover {
    background: rgba(220, 53, 69, 0.04);
    border-color: transparent;
    color: #dc3545;
  }

  .p-button.p-button-danger.p-button-text:not(:disabled):active,
  .p-button-group.p-button-danger>.p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-danger>.p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {
    background: rgba(220, 53, 69, 0.16);
    border-color: transparent;
    color: #dc3545;
  }

  .p-button.p-button-contrast,
  .p-button-group.p-button-contrast>.p-button,
  .p-splitbutton.p-button-contrast>.p-button {
    color: #ffffff;
    background: #212529;
    border: 1px solid #212529;
  }

  .p-button.p-button-contrast:not(:disabled):hover,
  .p-button-group.p-button-contrast>.p-button:not(:disabled):hover,
  .p-splitbutton.p-button-contrast>.p-button:not(:disabled):hover {
    background: #343a40;
    color: #ffffff;
    border-color: #343a40;
  }

  .p-button.p-button-contrast:not(:disabled):focus,
  .p-button-group.p-button-contrast>.p-button:not(:disabled):focus,
  .p-splitbutton.p-button-contrast>.p-button:not(:disabled):focus {
    box-shadow: none;
  }

  .p-button.p-button-contrast:not(:disabled):active,
  .p-button-group.p-button-contrast>.p-button:not(:disabled):active,
  .p-splitbutton.p-button-contrast>.p-button:not(:disabled):active {
    background: #495057;
    color: #ffffff;
    border-color: #495057;
  }

  .p-button.p-button-contrast.p-button-outlined,
  .p-button-group.p-button-contrast>.p-button.p-button-outlined,
  .p-splitbutton.p-button-contrast>.p-button.p-button-outlined {
    background-color: transparent;
    color: #212529;
    border: 1px solid;
  }

  .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-contrast>.p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-contrast>.p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(33, 37, 41, 0.04);
    color: #212529;
    border: 1px solid;
  }

  .p-button.p-button-contrast.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-contrast>.p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-contrast>.p-button.p-button-outlined:not(:disabled):active {
    background: rgba(33, 37, 41, 0.16);
    color: #212529;
    border: 1px solid;
  }

  .p-button.p-button-contrast.p-button-text,
  .p-button-group.p-button-contrast>.p-button.p-button-text,
  .p-splitbutton.p-button-contrast>.p-button.p-button-text {
    background-color: transparent;
    color: #212529;
    border-color: transparent;
  }

  .p-button.p-button-contrast.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-contrast>.p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-contrast>.p-button.p-button-text:not(:disabled):hover {
    background: rgba(33, 37, 41, 0.04);
    border-color: transparent;
    color: #212529;
  }

  .p-button.p-button-contrast.p-button-text:not(:disabled):active,
  .p-button-group.p-button-contrast>.p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-contrast>.p-button.p-button-text:not(:disabled):active {
    background: rgba(33, 37, 41, 0.16);
    border-color: transparent;
    color: #212529;
  }

  .p-button.p-button-link {
    color: #007bff;
    background: transparent;
    border: transparent;
  }

  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #0069d9;
    border-color: transparent;
  }

  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }

  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    border-color: transparent;
  }

  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #007bff;
    border-color: transparent;
  }

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

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

  .p-splitbutton.p-button-outlined>.p-button:not(:disabled):hover {
    background: rgba(0, 123, 255, 0.04);
    color: #007bff;
  }

  .p-splitbutton.p-button-outlined>.p-button:not(:disabled):active {
    background: rgba(0, 123, 255, 0.16);
    color: #007bff;
  }

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

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

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

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

  .p-splitbutton.p-button-text>.p-button:not(:disabled):hover {
    background: rgba(0, 123, 255, 0.04);
    color: #007bff;
    border-color: transparent;
  }

  .p-splitbutton.p-button-text>.p-button:not(:disabled):active {
    background: rgba(0, 123, 255, 0.16);
    color: #007bff;
    border-color: transparent;
  }

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

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

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

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

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

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

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

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

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

  .p-splitbutton.p-button-lg>.p-button.p-button-icon-only {
    width: auto;
  }

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

  .p-splitbutton .p-splitbutton-menubutton,
  .p-splitbutton .p-splitbutton.p-button-rounded>.p-splitbutton-menubutton.p-button,
  .p-splitbutton .p-splitbutton.p-button-outlined>.p-splitbutton-menubutton.p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

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

  .p-splitbutton.p-button-secondary.p-button-outlined>.p-button:not(:disabled):hover {
    background: rgba(108, 117, 125, 0.04);
    color: #6c757d;
  }

  .p-splitbutton.p-button-secondary.p-button-outlined>.p-button:not(:disabled):active {
    background: rgba(108, 117, 125, 0.16);
    color: #6c757d;
  }

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

  .p-splitbutton.p-button-secondary.p-button-text>.p-button:not(:disabled):hover {
    background: rgba(108, 117, 125, 0.04);
    border-color: transparent;
    color: #6c757d;
  }

  .p-splitbutton.p-button-secondary.p-button-text>.p-button:not(:disabled):active {
    background: rgba(108, 117, 125, 0.16);
    border-color: transparent;
    color: #6c757d;
  }

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

  .p-splitbutton.p-button-info.p-button-outlined>.p-button:not(:disabled):hover {
    background: rgba(23, 162, 184, 0.04);
    color: #17a2b8;
  }

  .p-splitbutton.p-button-info.p-button-outlined>.p-button:not(:disabled):active {
    background: rgba(23, 162, 184, 0.16);
    color: #17a2b8;
  }

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

  .p-splitbutton.p-button-info.p-button-text>.p-button:not(:disabled):hover {
    background: rgba(23, 162, 184, 0.04);
    border-color: transparent;
    color: #17a2b8;
  }

  .p-splitbutton.p-button-info.p-button-text>.p-button:not(:disabled):active {
    background: rgba(23, 162, 184, 0.16);
    border-color: transparent;
    color: #17a2b8;
  }

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

  .p-splitbutton.p-button-success.p-button-outlined>.p-button:not(:disabled):hover {
    background: rgba(40, 167, 69, 0.04);
    color: #28a745;
  }

  .p-splitbutton.p-button-success.p-button-outlined>.p-button:not(:disabled):active {
    background: rgba(40, 167, 69, 0.16);
    color: #28a745;
  }

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

  .p-splitbutton.p-button-success.p-button-text>.p-button:not(:disabled):hover {
    background: rgba(40, 167, 69, 0.04);
    border-color: transparent;
    color: #28a745;
  }

  .p-splitbutton.p-button-success.p-button-text>.p-button:not(:disabled):active {
    background: rgba(40, 167, 69, 0.16);
    border-color: transparent;
    color: #28a745;
  }

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

  .p-splitbutton.p-button-warning.p-button-outlined>.p-button:not(:disabled):hover {
    background: rgba(255, 193, 7, 0.04);
    color: #ffc107;
  }

  .p-splitbutton.p-button-warning.p-button-outlined>.p-button:not(:disabled):active {
    background: rgba(255, 193, 7, 0.16);
    color: #ffc107;
  }

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

  .p-splitbutton.p-button-warning.p-button-text>.p-button:not(:disabled):hover {
    background: rgba(255, 193, 7, 0.04);
    border-color: transparent;
    color: #ffc107;
  }

  .p-splitbutton.p-button-warning.p-button-text>.p-button:not(:disabled):active {
    background: rgba(255, 193, 7, 0.16);
    border-color: transparent;
    color: #ffc107;
  }

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

  .p-splitbutton.p-button-help.p-button-outlined>.p-button:not(:disabled):hover {
    background: rgba(111, 66, 193, 0.04);
    color: #6f42c1;
  }

  .p-splitbutton.p-button-help.p-button-outlined>.p-button:not(:disabled):active {
    background: rgba(111, 66, 193, 0.16);
    color: #6f42c1;
  }

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

  .p-splitbutton.p-button-help.p-button-text>.p-button:not(:disabled):hover {
    background: rgba(111, 66, 193, 0.04);
    border-color: transparent;
    color: #6f42c1;
  }

  .p-splitbutton.p-button-help.p-button-text>.p-button:not(:disabled):active {
    background: rgba(111, 66, 193, 0.16);
    border-color: transparent;
    color: #6f42c1;
  }

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

  .p-splitbutton.p-button-danger.p-button-outlined>.p-button:not(:disabled):hover {
    background: rgba(220, 53, 69, 0.04);
    color: #dc3545;
  }

  .p-splitbutton.p-button-danger.p-button-outlined>.p-button:not(:disabled):active {
    background: rgba(220, 53, 69, 0.16);
    color: #dc3545;
  }

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

  .p-splitbutton.p-button-danger.p-button-text>.p-button:not(:disabled):hover {
    background: rgba(220, 53, 69, 0.04);
    border-color: transparent;
    color: #dc3545;
  }

  .p-splitbutton.p-button-danger.p-button-text>.p-button:not(:disabled):active {
    background: rgba(220, 53, 69, 0.16);
    border-color: transparent;
    color: #dc3545;
  }

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

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

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

  .p-speeddial-list {
    outline: 0 none;
  }

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

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

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

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

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

  .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);
    border-radius: 4px;
  }

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

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

  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    margin: 0.5rem;
  }

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

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

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

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

  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: #007bff;
    color: #ffffff;
  }

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

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

  .p-datatable .p-datatable-header {
    background: #efefef;
    color: #212529;
    border: solid #dee2e6;
    border-width: 1px 0 0 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }

  .p-datatable .p-datatable-footer {
    background: #efefef;
    color: #212529;
    border: 1px solid #dee2e6;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }

  .p-datatable .p-datatable-thead>tr>th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #dee2e6;
    border-width: 1px 0 2px 0;
    font-weight: 600;
    color: #212529;
    background: #ffffff;
    transition: box-shadow 0.15s;
  }

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

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

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

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

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

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

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

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

  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #007bff;
  }

  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
    outline: 0 none;
  }

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

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

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

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

  .p-datatable .p-datatable-tbody>tr>td .p-row-toggler:focus-visible,
  .p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

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

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

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

  .p-datatable .p-datatable-tbody>tr.p-highlight-contextmenu {
    outline: 0.15rem solid rgba(38, 143, 255, 0.5);
    outline-offset: -0.15rem;
  }

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

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

  .p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #212529;
  }

  .p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:focus-visible {
    outline: 0.15rem solid rgba(38, 143, 255, 0.5);
    outline-offset: -0.15rem;
  }

  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:not(.p-highlight):hover {
    background: #e9ecef;
    color: #212529;
  }

  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:focus-visible {
    outline: 0.15rem solid rgba(38, 143, 255, 0.5);
    outline-offset: -0.15rem;
  }

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

  .p-datatable .p-column-resizer-helper {
    background: #007bff;
  }

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

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

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

  .p-datatable .p-datatable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td:last-child {
    border-width: 0 1px 1px 1px;
  }

  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td {
    font-family: "Inter", sans-serif !important;
    font-size: 0.91rem !important;
    border-width: 0 0 1px 1px;
    text-transform: uppercase !important;
  }

  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td:last-child {
    border-width: 0 1px 1px 1px;
  }

  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td {
    border-width: 0 0 0 1px;
  }

  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td:last-child {
    border-width: 0 1px 0 1px;
  }

  .p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd {
    background: rgba(0, 0, 0, 0.05);
  }

  .p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd.p-highlight {
    background: #007bff;
    color: #ffffff;
  }

  .p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd.p-highlight .p-row-toggler {
    color: #ffffff;
  }

  .p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #ffffff;
  }

  .p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd+.p-row-expanded {
    background: rgba(0, 0, 0, 0.05);
  }

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

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

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

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

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

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

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

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

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

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

  .p-datatable-drag-selection-helper {
    background: rgba(0, 123, 255, 0.16);
  }

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

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

  .p-dataview .p-dataview-header {
    background: #efefef;
    color: #212529;
    border: solid #dee2e6;
    border-width: 1px 0 0 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }

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

  .p-dataview .p-dataview-footer {
    background: #efefef;
    color: #212529;
    border: 1px solid #dee2e6;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

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

  .p-dataview .p-dataview-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }

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

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

  .p-datascroller .p-datascroller-header {
    background: #efefef;
    color: #212529;
    border: solid #dee2e6;
    border-width: 1px 0 0 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }

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

  .p-datascroller.p-datascroller-inline .p-datascroller-list>li {
    border: 1px solid #dee2e6;
    border-width: 1px 0 0 0;
  }

  .p-datascroller .p-datascroller-footer {
    background: #efefef;
    color: #212529;
    border: 1px solid #dee2e6;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

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

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

  .p-column-filter-menu-button:hover {
    color: #495057;
    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: #495057;
  }

  .p-column-filter-menu-button.p-column-filter-menu-button-active,
  .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
    background: #2c3e50;
    color: #ffffff;
  }

  .p-column-filter-menu-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

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

  .p-column-filter-clear-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-column-filter-overlay {
    background: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: none;
    min-width: 12.5rem;
  }

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

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

  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
    color: #ffffff;
    background: #007bff;
  }

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

  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
  }

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

  .p-column-filter-overlay-menu .p-column-filter-operator {
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid #dee2e6;
    color: #212529;
    background: #efefef;
    margin: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }

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

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

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

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

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

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

  /* Estandar MedicalSoft: filtro de columna simplificado (una sola regla). */
  .p-column-filter-overlay-menu .p-column-filter-operator,
  .p-column-filter-overlay-menu .p-column-filter-add-rule,
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button,
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
    display: none !important;
  }

  .p-column-filter-overlay-menu .p-column-filter-constraint {
    padding: 0.9rem 1rem 0.5rem;
    border-bottom: 0 none;
  }

  .p-column-filter-overlay-menu .p-column-filter-buttonbar {
    padding: 0.75rem 1rem 1rem;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
  }

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

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

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

  .p-orderlist .p-orderlist-filter-container {
    padding: 1rem 1.25rem;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-bottom: 0 none;
  }

  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
    padding-right: 1.75rem;
  }

  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
    right: 0.75rem;
    color: #495057;
  }

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

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

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

  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #212529;
    background: #dee2e6;
  }

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

  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: #0067d6;
  }

  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: rgba(0, 0, 0, 0.05);
  }

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

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

  .p-organizationchart .p-organizationchart-node-content.p-highlight {
    background: #007bff;
    color: #ffffff;
  }

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

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

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

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

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

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

  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-paginator {
    background: #ffffff;
    border: solid #dee2e6;
    border-width: 0;
    padding: 0.75rem;
    border-radius: 4px;
  }

  .p-paginator .p-paginator-first,
  .p-paginator .p-paginator-prev,
  .p-paginator .p-paginator-next,
  .p-paginator .p-paginator-last {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    color: #007bff;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0 0 0 -1px;
    transition: box-shadow 0.15s;
    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-color: var(--color-bg-subtle, #F6F8FA);
    border-color: var(--color-primary, #1A99FB);
    color: var(--color-primary, #1A99FB);
  }

  .p-paginator .p-paginator-first {
    background-color: var(--color-bg, #ffffff);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .p-paginator .p-paginator-last {
    background-color: var(--color-bg, #ffffff);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .p-paginator .p-dropdown {
    background-color: var(--color-bg, #ffffff);
    margin-left: 0.5rem;
    height: 2.357rem;
  }

  .p-paginator .p-dropdown .p-dropdown-label {
    background-color: var(--color-bg, #ffffff) !important;
    color: var(--color-text-primary, #0D1117) !important;
    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: #ffffff;
    border: 1px solid #dee2e6;
    color: #1a99fb;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0 0 0 -1px;
    padding: 0 0.5rem;
    font-family: "Inter", sans-serif !important;
    font-size: medium !important;
  }

  .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: var(--color-bg, #ffffff);
    border: 1px solid #dee2e6;
    color: var(--color-primary, #1A99FB);
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0 0 0 -1px;
    transition: box-shadow 0.15s;
    border-radius: 0;
  }

  .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: var(--color-primary, #1A99FB) !important;
    border-color: var(--color-primary, #1A99FB);
    color: #ffffff;
  }

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

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

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

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

  .p-picklist .p-picklist-filter-container {
    padding: 1rem 1.25rem;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-bottom: 0 none;
  }

  .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
    padding-right: 1.75rem;
  }

  .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
    right: 0.75rem;
    color: #495057;
  }

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

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

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

  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #212529;
    background: #dee2e6;
  }

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

  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: #0067d6;
  }

  .p-tree-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: auto;
  }

  .p-treenode-children {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .p-treenode-selectable {
    cursor: pointer;
    user-select: none;
  }

  .p-tree-toggler {
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
  }

  .p-treenode-leaf>.p-treenode-content .p-tree-toggler {
    visibility: hidden;
  }

  .p-treenode-content {
    display: flex;
    align-items: center;
  }

  .p-tree-filter {
    width: 100%;
  }

  .p-tree-filter-container {
    position: relative;
    display: block;
    width: 100%;
  }

  .p-tree-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }

  .p-tree-loading {
    position: relative;
    min-height: 4rem;
  }

  .p-tree .p-tree-loading-overlay {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

  .p-tree .p-tree-container .p-treenode:focus>.p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
  }

  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 4px;
    transition: box-shadow 0.15s;
    padding: 0.286rem;
  }

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

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

  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

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

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

  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #007bff;
    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: #e9ecef;
    color: #212529;
  }

  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
    background: #e9ecef;
    color: #212529;
  }

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

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

  .p-tree .p-tree-filter-container .p-tree-filter-icon {
    right: 0.75rem;
    color: #495057;
  }

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

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

  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }

  .p-tree .p-treenode-droppoint {
    height: 0.5rem;
  }

  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background: #0062cc;
  }

  .p-treetable {
    position: relative;
  }

  .p-treetable>.p-treetable-wrapper {
    overflow: auto;
  }

  .p-treetable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }

  .p-treetable .p-sortable-column {
    cursor: pointer;
    user-select: none;
  }

  .p-treetable-selectable .p-treetable-tbody>tr {
    cursor: pointer;
  }

  .p-treetable-toggler {
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
  }

  .p-treetable-toggler+.p-checkbox {
    vertical-align: middle;
  }

  .p-treetable-toggler+.p-checkbox+span {
    vertical-align: middle;
  }

  /* Resizable */
  .p-treetable-resizable>.p-treetable-wrapper {
    overflow-x: auto;
  }

  .p-treetable-resizable .p-treetable-thead>tr>th,
  .p-treetable-resizable .p-treetable-tfoot>tr>td,
  .p-treetable-resizable .p-treetable-tbody>tr>td {
    overflow: hidden;
  }

  .p-treetable-resizable .p-resizable-column {
    background-clip: padding-box;
    position: relative;
  }

  .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
    display: none;
  }

  .p-treetable .p-column-resizer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 0.5rem;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
  }

  .p-treetable .p-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
  }

  /* Scrollable */
  .p-treetable-scrollable-wrapper {
    position: relative;
  }

  .p-treetable-scrollable-header,
  .p-treetable-scrollable-footer {
    overflow: hidden;
    border: 0 none;
  }

  .p-treetable-scrollable-body {
    overflow: auto;
    position: relative;
  }

  .p-treetable-virtual-table {
    position: absolute;
  }

  /* Frozen Columns */
  .p-treetable-frozen-view .p-treetable-scrollable-body {
    overflow: hidden;
  }

  .p-treetable-unfrozen-view {
    position: absolute;
    top: 0px;
    left: 0px;
  }

  /* Reorder */
  .p-treetable-reorder-indicator-up,
  .p-treetable-reorder-indicator-down {
    position: absolute;
    display: none;
  }

  /* Loader */
  .p-treetable .p-treetable-loading-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }

  /* Alignment */
  .p-treetable .p-treetable-thead>tr>th.p-align-left>.p-column-header-content,
  .p-treetable .p-treetable-tbody>tr>td.p-align-left,
  .p-treetable .p-treetable-tfoot>tr>td.p-align-left {
    text-align: left;
    justify-content: flex-start;
  }

  .p-treetable .p-treetable-thead>tr>th.p-align-right>.p-column-header-content,
  .p-treetable .p-treetable-tbody>tr>td.p-align-right,
  .p-treetable .p-treetable-tfoot>tr>td.p-align-right {
    text-align: right;
    justify-content: flex-end;
  }

  .p-treetable .p-treetable-thead>tr>th.p-align-center>.p-column-header-content,
  .p-treetable .p-treetable-tbody>tr>td.p-align-center,
  .p-treetable .p-treetable-tfoot>tr>td.p-align-center {
    text-align: center;
    justify-content: center;
  }

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

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

  .p-treetable .p-treetable-header {
    background: #efefef;
    color: #212529;
    border: solid #dee2e6;
    border-width: 1px 0 0 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }

  .p-treetable .p-treetable-footer {
    background: #efefef;
    color: #212529;
    border: 1px solid #dee2e6;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }

  .p-treetable .p-treetable-thead>tr>th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #dee2e6;
    border-width: 1px 0 2px 0;
    font-weight: 600;
    color: #212529;
    background: #ffffff;
    transition: box-shadow 0.15s;
  }

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

  .p-treetable .p-sortable-column {
    outline-color: rgba(38, 143, 255, 0.5);
  }

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

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

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

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

  .p-treetable .p-sortable-column.p-highlight {
    background: #ffffff;
    color: #007bff;
  }

  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #007bff;
  }

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

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

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

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

  .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

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

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

  .p-treetable .p-treetable-tbody>tr:focus-visible {
    outline: 0.15rem solid rgba(38, 143, 255, 0.5);
    outline-offset: -0.15rem;
  }

  .p-treetable .p-treetable-tbody>tr.p-highlight {
    background: #007bff;
    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-selectable .p-treetable-tbody>tr:not(.p-highlight):hover,
  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover {
    background: #e9ecef;
    color: #212529;
  }

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

  .p-treetable .p-column-resizer-helper {
    background: #007bff;
  }

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

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

  .p-treetable .p-treetable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }

  .p-treetable.p-treetable-gridlines .p-treetable-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-striped .p-treetable-tbody>tr.p-row-odd {
    background: rgba(0, 0, 0, 0.05);
  }

  .p-treetable.p-treetable-striped .p-treetable-tbody>tr.p-row-odd.p-highlight {
    background: #007bff;
    color: #ffffff;
  }

  .p-treetable.p-treetable-striped .p-treetable-tbody>tr.p-row-odd.p-highlight .p-row-toggler {
    color: #ffffff;
  }

  .p-treetable.p-treetable-striped .p-treetable-tbody>tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #ffffff;
  }

  .p-treetable.p-treetable-striped .p-treetable-tbody>tr.p-row-odd+.p-row-expanded {
    background: rgba(0, 0, 0, 0.05);
  }

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

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

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

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

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

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

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

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

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

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

  .p-timeline .p-timeline-event-marker {
    border: 0 none;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
  }

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

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

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

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

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

  .p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1rem 1.25rem;
    border: 1px solid #dee2e6;
    color: #212529;
    background: #efefef;
    font-weight: 600;
    border-radius: 4px;
    transition: box-shadow 0.15s;
  }

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

  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .p-fieldset .p-fieldset-legend {
    padding: 1rem 1.25rem;
    border: 1px solid #dee2e6;
    color: #212529;
    background: #efefef;
    font-weight: 600;
    border-radius: 4px;
  }

  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
    padding: 0;
    transition: box-shadow 0.15s;
  }

  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding: 1rem 1.25rem;
    color: #212529;
    border-radius: 4px;
    transition: box-shadow 0.15s;
  }

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

  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

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

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

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

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

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

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

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

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

  .p-panel .p-panel-header {
    border: 1px solid #dee2e6;
    padding: 1rem 1.25rem;
    background: #efefef;
    color: #212529;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }

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

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

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

  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

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

  .p-panel:has(> .p-panel-footer) .p-panel-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .p-panel .p-panel-content {
    padding: 1.25rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #212529;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top: 0 none;
  }

  .p-panel .p-panel-footer {
    padding: 0.5rem 1.25rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #212529;
    border-top: 0 none;
  }

  .p-splitter {
    border: 1px solid #dee2e6;
    background: #ffffff;
    border-radius: 4px;
    color: #212529;
  }

  .p-splitter .p-splitter-gutter {
    transition: box-shadow 0.15s;
    background: #efefef;
  }

  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
    background: #dee2e6;
  }

  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-splitter .p-splitter-gutter-resizing {
    background: #dee2e6;
  }

  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }

  .p-stepper .p-stepper-header .p-stepper-action {
    transition: box-shadow 0.15s;
    border-radius: 4px;
    background: transparent;
    outline-color: transparent;
  }

  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #212529;
    border: 1px solid #dee2e6;
    border-width: 2px;
    background: transparent;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 4px;
    transition: box-shadow 0.15s;
  }

  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #6c757d;
    font-weight: 600;
    transition: box-shadow 0.15s;
  }

  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: var(--primary-color);
    color: #ffffff;
  }

  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #212529;
  }

  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #007bff;
  }

  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 1.25rem;
    color: #212529;
  }

  .p-stepper .p-stepper-separator {
    background-color: #dee2e6;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: box-shadow 0.15s;
  }

  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }

  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: #212529;
  }

  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }

  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }

  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }

  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }

  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }

  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #007bff;
  }

  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }

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

  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-tabview-nav-container {
    position: relative;
  }

  .p-tabview-scrollable .p-tabview-nav-container {
    overflow: hidden;
  }

  .p-tabview-nav-content {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior: contain auto;
    position: relative;
  }

  .p-tabview-nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex: 1 1 auto;
  }

  .p-tabview-nav-link {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    overflow: hidden;
  }

  .p-tabview-ink-bar {
    display: none;
    z-index: 1;
  }

  .p-tabview-nav-link:focus {
    z-index: 1;
  }

  .p-tabview-close {
    z-index: 1;
  }

  .p-tabview-title {
    line-height: 1;
    white-space: nowrap;
  }

  .p-tabview-nav-btn {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .p-tabview-nav-prev {
    left: 0;
  }

  .p-tabview-nav-next {
    right: 0;
  }

  .p-tabview-nav-content::-webkit-scrollbar {
    display: none;
  }

  .p-tabview .p-tabview-nav {
    background: transparent;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
  }

  .p-tabview .p-tabview-nav li {
    margin-right: 0;
  }

  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border: solid;
    border-width: 1px;
    border-color: #ffffff #ffffff #dee2e6 #ffffff;
    background: #ffffff;
    color: #6c757d;
    padding: 0.75rem 1rem;
    font-weight: 600;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    transition: box-shadow 0.15s;
    margin: 0 0 -1px 0;
  }

  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #ffffff;
    border-color: #dee2e6;
    color: #6c757d;
  }

  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
    color: #495057;
  }

  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }

  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #495057;
    width: 2.357rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
  }

  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 1.25rem;
    border: 0 none;
    color: #212529;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .p-toolbar {
    background: #efefef;
    border: 1px solid #dee2e6;
    padding: 1rem 1.25rem;
    border-radius: 4px;
    gap: 0.5rem;
  }

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

  .p-confirm-popup {
    background: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: none;
  }

  .p-confirm-popup .p-confirm-popup-content {
    padding: 1.25rem;
  }

  .p-confirm-popup .p-confirm-popup-footer {
    text-align: right;
    padding: 0 1.25rem 1.25rem 1.25rem;
  }

  .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(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0.2);
  }

  .p-confirm-popup.p-confirm-popup-flipped:after {
    border-top-color: #ffffff;
  }

  .p-confirm-popup.p-confirm-popup-flipped:before {
    border-top-color: rgba(0, 0, 0, 0.2);
  }

  .p-confirm-popup .p-confirm-popup-icon {
    font-size: 1.5rem;
  }

  .p-confirm-popup .p-confirm-popup-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }

  .p-dialog {
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
  }

  .p-dialog .p-dialog-header {
    /* border-bottom: 1px solid #e9ecef; */
    background: #ffffff;
    color: #212529;
    padding: 1rem;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }

  .p-dialog .p-dialog-header .p-dialog-title {
    font-weight: 600;
    font-size: 1.25rem;
  }

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

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

  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-dialog .p-dialog-header .p-dialog-header-icon {
    margin-right: 0.5rem;
  }

  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }

  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #212529;
    padding: 1rem;
  }

  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .p-dialog .p-dialog-footer {
    border-top: 1px solid #e9ecef;
    background: #ffffff;
    color: #212529;
    padding: 1rem;
    text-align: right;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }

  .p-dialog.p-dialog-maximized .p-dialog-header,
  .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
    border-radius: 0;
  }

  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }

  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }

  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }

  .p-overlaypanel {
    background: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: none;
  }

  .p-overlaypanel .p-overlaypanel-content {
    padding: 1.25rem;
  }

  .p-overlaypanel .p-overlaypanel-close {
    background: #007bff;
    color: #ffffff;
    width: 2rem;
    height: 2rem;
    transition: box-shadow 0.15s;
    border-radius: 50%;
    position: absolute;
    top: -1rem;
    right: -1rem;
  }

  .p-overlaypanel .p-overlaypanel-close:enabled:hover {
    background: #0069d9;
    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(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0.2);
  }

  .p-overlaypanel.p-overlaypanel-flipped:after {
    border-top-color: #ffffff;
  }

  .p-overlaypanel.p-overlaypanel-flipped:before {
    border-top-color: rgba(0, 0, 0, 0.2);
  }

  .p-sidebar {
    background: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: none;
  }

  .p-sidebar .p-sidebar-header {
    padding: 1rem 1.25rem;
  }

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

  .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: transparent;
  }

  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-sidebar .p-sidebar-header+.p-sidebar-content {
    padding-top: 0;
  }

  .p-sidebar .p-sidebar-content {
    padding: 1.25rem;
  }

  .p-tooltip .p-tooltip-text {
    background: #212529;
    color: #ffffff;
    padding: 0.5rem 0.75rem;
    box-shadow: none;
    border-radius: 4px;
  }

  .p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: #212529;
  }

  .p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: #212529;
  }

  .p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: #212529;
  }

  .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: #212529;
  }

  .p-fileupload .p-fileupload-buttonbar {
    background: #efefef;
    padding: 1rem 1.25rem;
    border: 1px solid #dee2e6;
    color: #212529;
    border-bottom: 0 none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    gap: 0.5rem;
  }

  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }

  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 2rem 1rem;
    border: 1px solid #dee2e6;
    color: #212529;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }

  .p-fileupload .p-fileupload-row>div {
    padding: 1rem 1rem;
  }

  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }

  .p-breadcrumb {
    background: #efefef;
    border: 0 none;
    border-radius: 4px;
    padding: 1rem;
  }

  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.15s;
    border-radius: 4px;
  }

  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #007bff;
  }

  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #007bff;
  }

  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #6c757d;
  }

  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #6c757d;
  }

  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6c757d;
  }

  .p-contextmenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none;
    border-radius: 4px;
    width: 12.5rem;
  }

  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }

  .p-contextmenu .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none;
    border-radius: 4px;
  }

  .p-contextmenu .p-menuitem>.p-menuitem-content {
    color: #212529;
    transition: box-shadow 0.15s;
    border-radius: 0;
  }

  .p-contextmenu .p-menuitem>.p-menuitem-content .p-menuitem-link {
    color: #212529;
    padding: 0.75rem 1rem;
    user-select: none;
  }

  .p-contextmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

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

  .p-contextmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-contextmenu .p-menuitem.p-highlight>.p-menuitem-content {
    color: #212529;
    background: #e9ecef;
  }

  .p-contextmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-contextmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-contextmenu .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
    background: #e9ecef;
  }

  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
    color: #212529;
    background: #dee2e6;
  }

  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
    color: #212529;
    background: #e9ecef;
  }

  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.5rem 0;
  }

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

  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }

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

  .p-dock .p-dock-list-container .p-dock-list {
    outline: 0 none;
  }

  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 4px;
  }

  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
  }

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

  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container,
  .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }

  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list,
  .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }

  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container,
  .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }

  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list,
  .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }

  .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }

  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {
    transform: none;
    margin: 0;
  }

  .p-megamenu {
    padding: 0.5rem 1rem;
    background: #efefef;
    color: rgba(0, 0, 0, 0.9);
    border: 0 none;
    border-radius: 4px;
  }

  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }

  .p-megamenu .p-menuitem>.p-menuitem-content {
    color: #212529;
    transition: box-shadow 0.15s;
    border-radius: 0;
  }

  .p-megamenu .p-menuitem>.p-menuitem-content .p-menuitem-link {
    color: #212529;
    padding: 0.75rem 1rem;
    user-select: none;
  }

  .p-megamenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

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

  .p-megamenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content {
    color: #212529;
    background: #e9ecef;
  }

  .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-megamenu .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
    background: #e9ecef;
  }

  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
    color: #212529;
    background: #dee2e6;
  }

  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
    color: #212529;
    background: #e9ecef;
  }

  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-megamenu .p-megamenu-panel {
    background: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none;
  }

  .p-megamenu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #212529;
    background: #ffffff;
    font-weight: 600;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }

  .p-megamenu .p-submenu-list {
    padding: 0.5rem 0;
    width: 12.5rem;
  }

  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.5rem 0;
  }

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

  .p-megamenu .p-megamenu-button {
    width: 2rem;
    height: 2rem;
    color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    transition: box-shadow 0.15s;
  }

  .p-megamenu .p-megamenu-button:hover {
    color: rgba(0, 0, 0, 0.7);
    background: transparent;
  }

  .p-megamenu .p-megamenu-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content {
    color: rgba(0, 0, 0, 0.5);
    transition: box-shadow 0.15s;
    border-radius: 4px;
  }

  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link {
    padding: 1rem;
    user-select: none;
  }

  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.5);
  }

  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: rgba(0, 0, 0, 0.5);
    margin-right: 0.5rem;
  }

  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.5);
    margin-left: 0.5rem;
  }

  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
    color: rgba(0, 0, 0, 0.7);
    background: transparent;
  }

  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.7);
  }

  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.7);
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.5rem 0;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem {
    width: 100%;
    position: static;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link>.p-menuitem-content {
    color: #212529;
    transition: box-shadow 0.15s;
    border-radius: 0;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link>.p-menuitem-content .p-menuitem-link {
    color: #212529;
    padding: 0.75rem 1rem;
    user-select: none;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

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

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link.p-highlight>.p-menuitem-content {
    color: #212529;
    background: #e9ecef;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link.p-highlight.p-focus>.p-menuitem-content {
    background: #e9ecef;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
    color: #212529;
    background: #dee2e6;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
    color: #212529;
    background: #e9ecef;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

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

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem>.p-menuitem-link>.p-submenu-icon {
    margin-left: auto;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link>.p-submenu-icon {
    transform: rotate(-180deg);
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.15s;
    transform: rotate(90deg);
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active>.p-menuitem-link>.p-submenu-icon {
    transform: rotate(-90deg);
  }

  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
    width: 100%;
    position: static;
  }

  .p-menu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #212529;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    width: 12.5rem;
  }

  .p-menu .p-menuitem>.p-menuitem-content {
    color: #212529;
    transition: box-shadow 0.15s;
    border-radius: 0;
  }

  .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link {
    color: #212529;
    padding: 0.75rem 1rem;
    user-select: none;
  }

  .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

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

  .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-menu .p-menuitem.p-highlight>.p-menuitem-content {
    color: #212529;
    background: #e9ecef;
  }

  .p-menu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-menu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-menu .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
    background: #e9ecef;
  }

  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
    color: #212529;
    background: #dee2e6;
  }

  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
    color: #212529;
    background: #e9ecef;
  }

  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-menu.p-menu-overlay {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none;
    z-index: 2000 !important;
  }

  .p-menu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #212529;
    background: #ffffff;
    font-weight: 600;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .p-menu .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.5rem 0;
  }

  .p-menubar {
    padding: 0.5rem 1rem;
    background: #efefef;
    color: rgba(0, 0, 0, 0.9);
    border: 0 none;
    border-radius: 4px;
  }

  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }

  .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content {
    color: rgba(0, 0, 0, 0.5);
    transition: box-shadow 0.15s;
    border-radius: 4px;
  }

  .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link {
    padding: 1rem;
    user-select: none;
  }

  .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.5);
  }

  .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: rgba(0, 0, 0, 0.5);
    margin-right: 0.5rem;
  }

  .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.5);
    margin-left: 0.5rem;
  }

  .p-menubar .p-menubar-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
    color: rgba(0, 0, 0, 0.7);
    background: transparent;
  }

  .p-menubar .p-menubar-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.7);
  }

  .p-menubar .p-menubar-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.7);
  }

  .p-menubar .p-menuitem>.p-menuitem-content {
    color: #212529;
    transition: box-shadow 0.15s;
    border-radius: 0;
  }

  .p-menubar .p-menuitem>.p-menuitem-content .p-menuitem-link {
    color: #212529;
    padding: 0.75rem 1rem;
    user-select: none;
  }

  .p-menubar .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

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

  .p-menubar .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-menubar .p-menuitem.p-highlight>.p-menuitem-content {
    color: #212529;
    background: #e9ecef;
  }

  .p-menubar .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-menubar .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-menubar .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
    background: #e9ecef;
  }

  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
    color: #212529;
    background: #dee2e6;
  }

  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
    color: #212529;
    background: #e9ecef;
  }

  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-menubar .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none;
    width: 12.5rem;
  }

  .p-menubar .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.5rem 0;
  }

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

  .p-menubar.p-menubar-mobile .p-menubar-button {
    width: 2rem;
    height: 2rem;
    color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    transition: box-shadow 0.15s;
  }

  .p-menubar.p-menubar-mobile .p-menubar-button:hover {
    color: rgba(0, 0, 0, 0.7);
    background: transparent;
  }

  .p-menubar.p-menubar-mobile .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-menubar.p-menubar-mobile .p-menubar-root-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none;
  }

  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.5rem 0;
  }

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

  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.15s;
  }

  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active>.p-menuitem-content>.p-menuitem-link>.p-submenu-icon {
    transform: rotate(-180deg);
  }

  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.15s;
    transform: rotate(90deg);
  }

  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active>.p-menuitem-content>.p-menuitem-link>.p-submenu-icon {
    transform: rotate(-90deg);
  }

  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }

  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }

  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }

  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }

  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }

  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }

    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      transition: box-shadow 0.15s;
    }

    .p-menubar .p-menubar-button:hover {
      color: rgba(0, 0, 0, 0.7);
      background: transparent;
    }

    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .p-menubar .p-menubar-root-list {
      position: absolute;
      display: none;
      padding: 0.5rem 0;
      background: #ffffff;
      border: 1px solid rgba(0, 0, 0, 0.15);
      box-shadow: none;
      width: 100%;
    }

    .p-menubar .p-menubar-root-list .p-menu-separator {
      border-top: 1px solid #dee2e6;
      margin: 0.5rem 0;
    }

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

    .p-menubar .p-menubar-root-list .p-submenu-icon.p-icon {
      width: 0.875rem;
      height: 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>.p-menuitem-content {
      color: #212529;
      transition: box-shadow 0.15s;
      border-radius: 0;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link>.p-menuitem-content .p-menuitem-link {
      color: #212529;
      padding: 0.75rem 1rem;
      user-select: none;
    }

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

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

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #212529;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link.p-highlight>.p-menuitem-content {
      color: #212529;
      background: #e9ecef;
    }

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

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #212529;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link.p-highlight.p-focus>.p-menuitem-content {
      background: #e9ecef;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
      color: #212529;
      background: #dee2e6;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #212529;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #212529;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
      color: #212529;
      background: #e9ecef;
    }

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

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

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link>.p-submenu-icon {
      margin-left: auto;
      transition: transform 0.15s;
    }

    .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.15s;
      transform: rotate(90deg);
    }

    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active>.p-menuitem-link>.p-submenu-icon {
      transform: rotate(-90deg);
    }

    .p-menubar .p-menubar-root-list .p-menuitem {
      width: 100%;
      position: static;
    }

    .p-menubar .p-menubar-root-list ul li a {
      padding-left: 2.25rem;
    }

    .p-menubar .p-menubar-root-list ul li ul li a {
      padding-left: 3.75rem;
    }

    .p-menubar .p-menubar-root-list ul li ul li ul li a {
      padding-left: 5.25rem;
    }

    .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
      padding-left: 6.75rem;
    }

    .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
      padding-left: 8.25rem;
    }

    .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
      display: flex;
      flex-direction: column;
      top: 100%;
      left: 0;
      z-index: 1;
    }
  }

  .p-panelmenu .p-panelmenu-header {
    outline: 0 none;
  }

  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #dee2e6;
    color: #212529;
    background: #efefef;
    border-radius: 4px;
    transition: box-shadow 0.15s;
  }

  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {
    color: #212529;
    padding: 1rem 1.25rem;
    font-weight: 600;
  }

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

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

  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #212529;
  }

  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #efefef;
    border-color: #dee2e6;
    color: #212529;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }

  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #212529;
  }

  .p-panelmenu .p-panelmenu-content {
    padding: 0.5rem 0;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #212529;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }

  .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content {
    color: #212529;
    transition: box-shadow 0.15s;
    border-radius: 0;
  }

  .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link {
    color: #212529;
    padding: 0.75rem 1rem;
    user-select: none;
  }

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

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

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

  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight>.p-menuitem-content {
    color: #212529;
    background: #e9ecef;
  }

  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
    background: #e9ecef;
  }

  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
    color: #212529;
    background: #dee2e6;
  }

  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
    color: #212529;
    background: #e9ecef;
  }

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

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

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

  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.5rem 0;
  }

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

  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 0;
  }

  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
    border-radius: 0;
  }

  .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
    border-radius: 0;
  }

  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
    border-top: 0 none;
  }

  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content,
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-top: 0 none;
  }

  .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }

  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .p-slidemenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #212529;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    width: 12.5rem;
  }

  .p-slidemenu .p-menuitem-link>.p-menuitem-content {
    color: #212529;
    transition: box-shadow 0.15s;
    border-radius: 0;
  }

  .p-slidemenu .p-menuitem-link>.p-menuitem-content .p-menuitem-link {
    color: #212529;
    padding: 0.75rem 1rem;
    user-select: none;
  }

  .p-slidemenu .p-menuitem-link>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

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

  .p-slidemenu .p-menuitem-link>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-slidemenu .p-menuitem-link.p-highlight>.p-menuitem-content {
    color: #212529;
    background: #e9ecef;
  }

  .p-slidemenu .p-menuitem-link.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-slidemenu .p-menuitem-link.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-slidemenu .p-menuitem-link.p-highlight.p-focus>.p-menuitem-content {
    background: #e9ecef;
  }

  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
    color: #212529;
    background: #dee2e6;
  }

  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
    color: #212529;
    background: #e9ecef;
  }

  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-slidemenu.p-slidemenu-overlay {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none;
  }

  .p-slidemenu .p-slidemenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none;
  }

  .p-slidemenu .p-slidemenu.p-slidemenu-active>.p-slidemenu-link {
    background: #e9ecef;
  }

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

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

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

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

  .p-slidemenu .p-slidemenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }

  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1rem;
    color: #212529;
  }

  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.15s;
    border-radius: 4px;
    background: transparent;
  }

  .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    color: #212529;
    border: 1px solid #dee2e6;
    background: transparent;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    z-index: 1;
    border-radius: 4px;
  }

  .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    margin-top: 0.5rem;
    color: #6c757d;
  }

  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: var(--fc-button-bg-color);
    color: var(--fc-button-text-color);
  }

  .p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 600;
    color: #212529;
  }

  .p-steps .p-steps-item:before {
    /* content: " "; */
    border-top: 1px solid #dee2e6;
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute;
    margin-top: -1rem;
  }

  .p-tabmenu .p-tabmenu-nav {
    background: transparent;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
  }

  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
    margin-right: 0;
  }

  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    border: solid;
    border-width: 1px;
    border-color: #ffffff #ffffff #dee2e6 #ffffff;
    background: #ffffff;
    color: #6c757d;
    padding: 0.75rem 1rem;
    font-weight: 600;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    transition: box-shadow 0.15s;
    margin: 0 0 -1px 0;
    height: calc(100% + 1px);
  }

  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }

  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #ffffff;
    border-color: #dee2e6;
    color: #6c757d;
  }

  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
    color: #495057;
  }

  .p-tieredmenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #212529;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    width: 12.5rem;
  }

  .p-tieredmenu.p-tieredmenu-overlay {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none;
  }

  .p-tieredmenu .p-tieredmenu-root-list {
    outline: 0 none;
  }

  .p-tieredmenu .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none;
  }

  .p-tieredmenu .p-menuitem>.p-menuitem-content {
    color: #212529;
    transition: box-shadow 0.15s;
    border-radius: 0;
  }

  .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link {
    color: #212529;
    padding: 0.75rem 1rem;
    user-select: none;
  }

  .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

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

  .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content {
    color: #212529;
    background: #e9ecef;
  }

  .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-tieredmenu .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
    background: #e9ecef;
  }

  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
    color: #212529;
    background: #dee2e6;
  }

  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
    color: #212529;
    background: #e9ecef;
  }

  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #212529;
  }

  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #212529;
  }

  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.5rem 0;
  }

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

  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }

  .p-inline-message {
    padding: 0.5rem 0.75rem;
    margin: 0;
    border-radius: 4px;
  }

  .p-inline-message.p-inline-message-info {
    background: #cce5ff;
    border: solid #b8daff;
    border-width: 0px;
    color: #004085;
  }

  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #004085;
  }

  .p-inline-message.p-inline-message-success {
    background: #d4edda;
    border: solid #c3e6cb;
    border-width: 0px;
    color: #155724;
  }

  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #155724;
  }

  .p-inline-message.p-inline-message-warn {
    background: #fff3cd;
    border: solid #ffeeba;
    border-width: 0px;
    color: #856404;
  }

  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #856404;
  }

  .p-inline-message.p-inline-message-error {
    background: #f8d7da;
    border: solid #f5c6cb;
    border-width: 0px;
    color: #721c24;
  }

  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #721c24;
  }

  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }

  .p-inline-message .p-inline-message-icon.p-icon {
    width: 1rem;
    height: 1rem;
  }

  .p-inline-message .p-inline-message-text {
    font-size: 1rem;
  }

  .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
    margin-right: 0;
  }

  .p-message {
    margin: 1rem 0;
    border-radius: 4px;
  }

  .p-message .p-message-wrapper {
    padding: 1rem 1.25rem;
  }

  .p-message .p-message-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: box-shadow 0.15s;
  }

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

  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-message.p-message-info {
    background: #cce5ff;
    border: solid #b8daff;
    border-width: 1px;
    color: #004085;
  }

  .p-message.p-message-info .p-message-icon {
    color: #004085;
  }

  .p-message.p-message-info .p-message-close {
    color: #004085;
  }

  .p-message.p-message-success {
    background: #d4edda;
    border: solid #c3e6cb;
    border-width: 1px;
    color: #155724;
  }

  .p-message.p-message-success .p-message-icon {
    color: #155724;
  }

  .p-message.p-message-success .p-message-close {
    color: #155724;
  }

  .p-message.p-message-warn {
    background: #fff3cd;
    border: solid #ffeeba;
    border-width: 1px;
    color: #856404;
  }

  .p-message.p-message-warn .p-message-icon {
    color: #856404;
  }

  .p-message.p-message-warn .p-message-close {
    color: #856404;
  }

  .p-message.p-message-error {
    background: #f8d7da;
    border: solid #f5c6cb;
    border-width: 1px;
    color: #721c24;
  }

  .p-message.p-message-error .p-message-icon {
    color: #721c24;
  }

  .p-message.p-message-error .p-message-close {
    color: #721c24;
  }

  .p-message .p-message-text {
    font-size: 1rem;
    font-weight: 500;
  }

  .p-message .p-message-icon {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }

  .p-message .p-message-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .p-message .p-message-summary {
    font-weight: 700;
  }

  .p-message .p-message-detail {
    margin-left: 0.5rem;
  }

  .p-toast {
    opacity: 1;
  }

  .p-toast .p-toast-message {
    margin: 0 0 1rem 0;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }

  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
  }

  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
    margin: 0 0 0 1rem;
  }

  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    font-size: 2rem;
  }

  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }

  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    font-weight: 700;
  }

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

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

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

  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-toast .p-toast-message.p-toast-message-info {
    background: #cce5ff;
    border: solid #b8daff;
    border-width: 1px;
    color: #004085;
  }

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

  .p-toast .p-toast-message.p-toast-message-success {
    background: #d4edda;
    border: solid #c3e6cb;
    border-width: 1px;
    color: #155724;
  }

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

  .p-toast .p-toast-message.p-toast-message-warn {
    background: #fff3cd;
    border: solid #ffeeba;
    border-width: 1px;
    color: #856404;
  }

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

  .p-toast .p-toast-message.p-toast-message-error {
    background: #f8d7da;
    border: solid #f5c6cb;
    border-width: 1px;
    color: #721c24;
  }

  .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: #721c24;
  }

  .p-galleria .p-galleria-close {
    margin: 0.5rem;
    background: transparent;
    color: #efefef;
    width: 4rem;
    height: 4rem;
    transition: box-shadow 0.15s;
    border-radius: 4px;
  }

  .p-galleria .p-galleria-close .p-galleria-close-icon {
    font-size: 2rem;
  }

  .p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }

  .p-galleria .p-galleria-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #efefef;
  }

  .p-galleria .p-galleria-item-nav {
    background: transparent;
    color: #efefef;
    width: 4rem;
    height: 4rem;
    transition: box-shadow 0.15s;
    border-radius: 4px;
    margin: 0 0.5rem;
  }

  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
    font-size: 2rem;
  }

  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }

  .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
    background: rgba(255, 255, 255, 0.1);
    color: #efefef;
  }

  .p-galleria .p-galleria-caption {
    background: rgba(0, 0, 0, 0.5);
    color: #efefef;
    padding: 1rem;
  }

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

  .p-galleria .p-galleria-indicators .p-galleria-indicator button {
    background-color: #e9ecef;
    width: 1rem;
    height: 1rem;
    transition: box-shadow 0.15s;
    border-radius: 4px;
  }

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

  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #007bff;
    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: #007bff;
    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: #efefef;
    width: 2rem;
    height: 2rem;
    transition: box-shadow 0.15s;
    border-radius: 4px;
  }

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

  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
    transition: box-shadow 0.15s;
  }

  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .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: box-shadow 0.15s;
  }

  .p-image-preview-indicator .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .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: box-shadow 0.15s;
    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 span {
    font-size: 1.5rem;
  }

  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .p-avatar {
    background-color: #dee2e6;
    border-radius: 4px;
  }

  .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-circle {
    border-radius: 50%;
  }

  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }

  .p-chip {
    background-color: #dee2e6;
    color: #212529;
    border-radius: 16px;
    padding: 0 0.75rem;
  }

  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

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

  .p-chip img {
    width: 2rem;
    height: 2rem;
    margin-left: -0.75rem;
    margin-right: 0.5rem;
  }

  .p-chip .p-chip-remove-icon {
    border-radius: 4px;
    transition: box-shadow 0.15s;
    margin-left: 0.5rem;
  }

  .p-chip .p-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-chip .p-chip-remove-icon:focus {
    outline: 0 none;
  }

  .p-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 4px;
    box-shadow: none;
    transition: box-shadow 0.15s;
  }

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

  .p-scrolltop .p-scrolltop-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .p-skeleton {
    background-color: #e9ecef;
    border-radius: 4px;
  }

  .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: #007bff;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 4px;
  }

  .p-tag.p-tag-success {
    background-color: #28a745;
    color: #ffffff;
  }

  .p-tag.p-tag-info {
    background-color: #17a2b8;
    color: #ffffff;
  }

  .p-tag.p-tag-warning {
    background-color: #ffc107;
    color: #212529;
  }

  .p-tag.p-tag-danger {
    background-color: #dc3545;
    color: #ffffff;
  }

  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }

  .p-tag .p-tag-icon.p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }

  .p-inplace .p-inplace-display {
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
  }

  .p-inplace .p-inplace-display:not(.p-disabled):hover {
    background: #e9ecef;
    color: #212529;
  }

  .p-inplace .p-inplace-display:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .p-metergroup .p-metergroup-meter-container {
    background: #e9ecef;
    border-radius: 4px;
  }

  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #007bff;
  }

  .p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
    line-height: 1.5rem;
  }

  .p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
    background: #007bff;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    margin-right: 0.5rem;
  }

  .p-metergroup .p-metergroup-label-list .p-metergroup-label {
    margin-right: 1rem;
  }

  .p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
  }

  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
    height: 0.5rem;
  }

  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
    margin-bottom: 1rem;
  }

  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
    margin-top: 1rem;
  }

  .p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
    width: 0.5rem;
    height: 100%;
  }

  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
    margin-left: 1rem;
  }

  .p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #e9ecef;
    border-radius: 4px;
  }

  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #007bff;
  }

  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 1.5rem;
  }

  .p-terminal {
    background: #ffffff;
    color: #212529;
    border: 1px solid #dee2e6;
    padding: 1.25rem;
  }

  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }

  .p-badge {
    background: #007bff;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: auto;
    line-height: 1.5rem;
  }

  .p-badge.p-badge-secondary {
    background-color: #6c757d;
    color: #ffffff;
  }

  .p-badge.p-badge-success {
    background-color: #28a745;
    color: #ffffff;
  }

  .p-badge.p-badge-info {
    background-color: #17a2b8;
    color: #ffffff;
  }

  .p-badge.p-badge-warning {
    background-color: #ffc107;
    color: #212529;
    height: auto !important;
  }

  .p-badge.p-badge-danger {
    background-color: #dc3545;
    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-tag {
    background: #007bff;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 4px;
  }

  .p-tag.p-tag-success {
    background-color: #28a745;
    color: #ffffff;
  }

  .p-tag.p-tag-info {
    background-color: #17a2b8;
    color: #ffffff;
  }

  .p-tag.p-tag-warning {
    background-color: #ffc107;
    color: #212529;
  }

  .p-tag.p-tag-danger {
    background-color: #dc3545;
    color: #ffffff;
  }
}

/* Vendor extensions to the designer enhanced bootstrap compatibility */
@layer primereact {
  .p-breadcrumb .p-breadcrumb-chevron {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol";
  }

  .p-breadcrumb .p-breadcrumb-chevron:before {
    content: "/";
  }
}

.p-accordion-tab .p-toggleable-content {
  display: block !important;
}

.p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-content {
  display: none !important;
}

/* ============================================================
   MedicalSoft+ — Responsive System + Animations
   Compiled from _animations.scss + _responsive.scss
   Replaces zoom hack — DO NOT re-add zoom rules
   ============================================================ */
@keyframes ms-fade-in {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes ms-fade-in-up {
  from {
    opacity: 0;
    transform: translateY(12px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes ms-fade-in-down {
  from {
    opacity: 0;
    transform: translateY(-8px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes ms-fade-in-scale {
  from {
    opacity: 0;
    transform: scale(0.95)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes ms-slide-in-right {
  from {
    opacity: 0;
    transform: translateX(20px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes ms-slide-in-left {
  from {
    opacity: 0;
    transform: translateX(-20px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes ms-scale-in {
  from {
    opacity: 0;
    transform: scale(0.9)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes ms-shimmer {
  0% {
    background-position: -200% 0
  }

  100% {
    background-position: 200% 0
  }
}

@keyframes ms-pulse-subtle {

  0%,
  100% {
    opacity: 1
  }

  50% {
    opacity: .7
  }
}

@keyframes ms-ripple {
  0% {
    transform: scale(0);
    opacity: .4
  }

  100% {
    transform: scale(2.5);
    opacity: 0
  }
}

.p-button,
.btn {
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.22, 1, 0.36, 1)
}

.p-button:hover,
.btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
}

.p-button:active,
.btn:active {
  transform: translateY(0) scale(0.98);
  transition-duration: 80ms
}

.p-button.p-button-icon-only.p-button-text:hover,
.p-button.p-button-rounded.p-button-text:hover {
  transform: none;
  box-shadow: none
}

.card {
  transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), transform 250ms cubic-bezier(0.22, 1, 0.36, 1);
  animation: ms-fade-in-up 300ms cubic-bezier(0.22, 1, 0.36, 1) both
}

.card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, .06)
}

.dashboard-cards-container .dashboard-card-wrapper:nth-child(1) .card {
  animation-delay: 0ms
}

.dashboard-cards-container .dashboard-card-wrapper:nth-child(2) .card {
  animation-delay: 60ms
}

.dashboard-cards-container .dashboard-card-wrapper:nth-child(3) .card {
  animation-delay: 120ms
}

.dashboard-cards-container .dashboard-card-wrapper:nth-child(4) .card {
  animation-delay: 180ms
}

.dashboard-card {
  transition: transform 250ms cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)
}

.dashboard-card:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12)
}

.p-datatable .p-datatable-tbody>tr {
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-datatable .p-datatable-tbody>tr>td {
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-datatable .p-datatable-tbody>tr {
  animation: ms-fade-in 150ms cubic-bezier(0.22, 1, 0.36, 1) both
}

.p-dialog {
  animation: ms-fade-in-scale 300ms cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.p-dialog-mask.p-component-overlay {
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-dropdown-panel,
.p-multiselect-panel,
.p-autocomplete-panel,
.p-calendar-panel,
.p-cascadeselect-panel {
  animation: ms-fade-in-down 150ms cubic-bezier(0.22, 1, 0.36, 1) both;
  transform-origin: top center
}

.p-dropdown-item,
.p-multiselect-item,
.p-autocomplete-item,
.p-listbox-item {
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-inputtext,
.p-dropdown,
.p-multiselect,
.p-calendar,
.p-inputtextarea,
.form-control,
.form-select {
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-inputtext:focus,
.p-inputtext.p-focus,
.p-dropdown:focus,
.p-dropdown.p-focus,
.p-multiselect:focus,
.p-multiselect.p-focus,
.p-calendar:focus,
.p-calendar.p-focus,
.p-inputtextarea:focus,
.p-inputtextarea.p-focus,
.form-control:focus,
.form-control.p-focus,
.form-select:focus,
.form-select.p-focus {
  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.12)
}

.p-tooltip {
  animation: ms-fade-in 150ms cubic-bezier(0.22, 1, 0.36, 1) both
}

.p-toast-message {
  animation: ms-fade-in-down 400ms cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.p-sidebar {
  transition: transform 400ms cubic-bezier(0.22, 1, 0.36, 1)
}

.p-tabview-panel {
  animation: ms-fade-in 250ms cubic-bezier(0.22, 1, 0.36, 1) both
}

.p-tabview-nav-link,
.nav-link {
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-accordion-content {
  animation: ms-fade-in-up 250ms cubic-bezier(0.22, 1, 0.36, 1) both
}

.p-accordion-header-link {
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-breadcrumb .p-menuitem-link {
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-menuitem-content {
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-menuitem-link {
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-badge,
.badge {
  animation: ms-scale-in 150ms cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.p-progressbar-value {
  transition: width 600ms cubic-bezier(0.22, 1, 0.36, 1)
}

.p-chip,
.p-tag {
  animation: ms-scale-in 150ms cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.p-toolbar {
  animation: ms-fade-in 250ms cubic-bezier(0.22, 1, 0.36, 1) both
}

.p-skeleton {
  background: linear-gradient(90deg, var(--bs-secondary-bg) 25%, rgba(var(--bs-primary-rgb), 0.04) 50%, var(--bs-secondary-bg) 75%);
  background-size: 200% 100%;
  animation: ms-shimmer 1.5s ease-in-out infinite
}

.p-paginator .p-paginator-page,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-last {
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-avatar {
  transition: transform 150ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.p-avatar:hover {
  transform: scale(1.08)
}

.p-inputswitch {
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-inputswitch .p-inputswitch-slider {
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-inputswitch .p-inputswitch-slider::before {
  transition: transform 150ms cubic-bezier(0.34, 1.56, 0.64, 1)
}

.p-checkbox-box,
.p-radiobutton-box {
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.p-checkbox-box .p-checkbox-icon,
.p-checkbox-box .p-radiobutton-icon,
.p-radiobutton-box .p-checkbox-icon,
.p-radiobutton-box .p-radiobutton-icon {
  animation: ms-scale-in 150ms cubic-bezier(0.34, 1.56, 0.64, 1) both
}

a:not(.p-button):not(.btn):not(.nav-link):not(.p-menuitem-link) {
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.swal2-popup.swal2-show {
  animation: ms-fade-in-scale 300ms cubic-bezier(0.34, 1.56, 0.64, 1) !important
}

.ms-animate-on-scroll {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 400ms cubic-bezier(0.22, 1, 0.36, 1), transform 400ms cubic-bezier(0.22, 1, 0.36, 1)
}

.ms-animate-on-scroll.ms-visible {
  opacity: 1;
  transform: translateY(0)
}

.ms-anim-fade-in {
  animation: ms-fade-in 250ms cubic-bezier(0.22, 1, 0.36, 1) both
}

.ms-anim-fade-in-up {
  animation: ms-fade-in-up 250ms cubic-bezier(0.22, 1, 0.36, 1) both
}

.ms-anim-fade-in-down {
  animation: ms-fade-in-down 250ms cubic-bezier(0.22, 1, 0.36, 1) both
}

.ms-anim-scale-in {
  animation: ms-scale-in 250ms cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.ms-anim-slide-right {
  animation: ms-slide-in-right 250ms cubic-bezier(0.22, 1, 0.36, 1) both
}

.ms-anim-slide-left {
  animation: ms-slide-in-left 250ms cubic-bezier(0.22, 1, 0.36, 1) both
}

.ms-delay-1 {
  animation-delay: 50ms
}

.ms-delay-2 {
  animation-delay: 100ms
}

.ms-delay-3 {
  animation-delay: 150ms
}

.ms-delay-4 {
  animation-delay: 200ms
}

.ms-delay-5 {
  animation-delay: 250ms
}

.ms-delay-6 {
  animation-delay: 300ms
}

@media(prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important
  }

  .card:hover,
  .dashboard-card:hover,
  .p-button:hover,
  .btn:hover {
    transform: none !important
  }
}

:root {
  --ms-dialog-padding: 1.5rem;
  --ms-card-padding: 1.5rem;
  --ms-content-padding-x: 2.5rem;
  --ms-table-font-size: 0.875rem;
  --ms-form-gap: 1rem
}

@media(max-width: 480px) {
  :root {
    --ms-dialog-padding: 0.75rem;
    --ms-card-padding: 0.75rem;
    --ms-content-padding-x: 0.5rem;
    --ms-table-font-size: 0.75rem;
    --ms-form-gap: 0.5rem
  }

  body {
    font-size: .875rem;
    overflow-x: hidden
  }

  .phoenix-content,
  .content {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    padding-top: calc(var(--bs-navbar-top-height, 3.5rem) + .5rem) !important
  }

  .container-fluid {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .p-dialog {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important
  }

  .p-dialog .p-dialog-content {
    padding: var(--ms-dialog-padding) !important
  }

  .p-dialog .p-dialog-header {
    padding: .75rem !important
  }

  .p-dialog .p-dialog-header .p-dialog-title {
    font-size: 1rem
  }

  .p-dialog .p-dialog-footer {
    padding: .5rem .75rem !important
  }

  .p-datatable .p-datatable-thead>tr>th,
  .p-datatable .p-datatable-tbody>tr>td {
    padding: .375rem .5rem !important;
    font-size: var(--ms-table-font-size)
  }

  .card .card-body {
    padding: var(--ms-card-padding) !important
  }

  .card .card-header {
    padding: .5rem .75rem !important;
    font-size: .875rem
  }

  .p-inputtext,
  .p-dropdown,
  .p-calendar .p-inputtext {
    font-size: 1rem !important
  }

  .p-breadcrumb {
    font-size: .6875rem;
    padding: .375rem .5rem !important
  }

  .p-toolbar {
    flex-wrap: wrap;
    gap: .375rem;
    padding: .5rem !important
  }

  .p-toolbar .p-button .p-button-label {
    display: none
  }

  .p-toolbar .p-button {
    padding: .5rem !important
  }
}

@media(min-width: 481px)and (max-width: 768px) {
  :root {
    --ms-dialog-padding: 1rem;
    --ms-card-padding: 1rem;
    --ms-content-padding-x: 0.75rem;
    --ms-table-font-size: 0.8125rem;
    --ms-form-gap: 0.75rem
  }

  body {
    overflow-x: hidden
  }

  .phoenix-content,
  .content {
    padding-left: .75rem !important;
    padding-right: .75rem !important
  }

  .p-dialog {
    max-width: 95vw !important
  }

  .row>[class*=col-md-],
  .row>[class*=col-lg-] {
    flex: 0 0 100%;
    max-width: 100%
  }

  .p-tabview .p-tabview-nav {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap !important;
    scrollbar-width: none
  }

  .p-tabview .p-tabview-nav::-webkit-scrollbar {
    display: none
  }

  .p-tabview .p-tabview-nav-link {
    white-space: nowrap;
    font-size: .8125rem
  }
}

@media(min-width: 769px)and (max-width: 1024px) {
  :root {
    --ms-dialog-padding: 1.25rem;
    --ms-card-padding: 1.25rem;
    --ms-content-padding-x: 1rem;
    --ms-table-font-size: 0.8125rem
  }

  .phoenix-content,
  .content {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .row>.col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row>.col-lg-4 {
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media(max-width: 768px) {
  .p-datatable-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .p-datatable .p-datatable-header {
    flex-wrap: wrap;
    gap: .5rem
  }

  .p-paginator {
    flex-wrap: wrap;
    justify-content: center;
    gap: .25rem;
    padding: .5rem !important;
    font-size: .8125rem
  }

  .p-paginator .p-paginator-pages .p-paginator-page {
    min-width: 2rem;
    height: 2rem
  }

  .p-sidebar {
    width: 100vw !important
  }

  .card {
    margin-bottom: .75rem
  }

  .p-inputtext,
  .p-dropdown,
  .p-multiselect,
  .p-calendar,
  .p-inputtextarea,
  .form-control,
  .form-select {
    width: 100% !important
  }

  .p-button-group,
  .btn-group {
    flex-wrap: wrap
  }

  .p-accordion .p-accordion-header-link {
    padding: .75rem !important;
    font-size: .875rem
  }

  .p-toast {
    width: calc(100vw - 1rem) !important;
    max-width: calc(100vw - 1rem) !important
  }

  .swal2-popup {
    width: 90vw !important;
    font-size: .875rem
  }

  .ms-table-responsive {
    position: relative
  }

  .ms-table-responsive::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2rem;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.05), transparent);
    pointer-events: none;
    z-index: 1
  }
}

@media(max-width: 960px) {
  .navbar-vertical {
    display: none
  }

  .content {
    margin-left: 0 !important
  }
}

@media(min-width: 1540px) {
  :root {
    --ms-content-padding-x: 3rem
  }
}

@media print {

  .navbar-vertical,
  .navbar-top,
  .p-menubar,
  .p-breadcrumb,
  .p-toolbar,
  .p-paginator,
  .p-sidebar,
  footer {
    display: none !important
  }

  .content {
    margin: 0 !important;
    padding: 0 !important
  }

  .p-dialog {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: none !important;
    border: none !important
  }

  .card {
    break-inside: avoid;
    box-shadow: none !important;
    border: 1px solid #ddd !important
  }
}

/* ============================================================
   MedicalSoft+ Dark Mode — CSS Variable Overrides
   Applied when data-bs-theme="dark" OR .p-dark on <html>
   ============================================================ */
[data-bs-theme="dark"],
.p-dark {
  --surface-ground: #0F131C;
  --surface-section: #141824;
  --surface-card: #141824;
  --surface-overlay: #1C2231;
  --surface-border: #373e53;
  --surface-hover: #1C2231;
  --text-color: rgba(255, 255, 255, 0.87);
  --text-color-secondary: rgba(255, 255, 255, 0.6);
  --primary-color: #58B5FE;
  --secondary-color: #3A5A6F;
  --accent-color: #24D7DE;
  --info-color: #5CDBFD;
}

[data-bs-theme="dark"] body,
.p-dark body {
  background-color: var(--surface-ground) !important;
  color: var(--text-color) !important;
}

[data-bs-theme="dark"] .card,
.p-dark .card {
  background-color: var(--surface-card) !important;
  border-color: var(--surface-border) !important;
  color: var(--text-color) !important;
}

[data-bs-theme="dark"] .p-datatable,
.p-dark .p-datatable {
  background-color: var(--surface-card) !important;
  color: var(--text-color) !important;
}

[data-bs-theme="dark"] .p-datatable .p-datatable-thead>tr>th,
.p-dark .p-datatable .p-datatable-thead>tr>th {
  background-color: var(--surface-overlay) !important;
  color: var(--text-color) !important;
  border-color: var(--surface-border) !important;
}

[data-bs-theme="dark"] .p-datatable .p-datatable-tbody>tr>td,
.p-dark .p-datatable .p-datatable-tbody>tr>td {
  border-color: var(--surface-border) !important;
  color: var(--text-color) !important;
}

[data-bs-theme="dark"] .p-datatable .p-datatable-tbody>tr:hover,
.p-dark .p-datatable .p-datatable-tbody>tr:hover {
  background-color: var(--surface-hover) !important;
}

[data-bs-theme="dark"] .p-inputtext,
[data-bs-theme="dark"] .p-dropdown,
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
.p-dark .p-inputtext,
.p-dark .p-dropdown,
.p-dark .form-control,
.p-dark .form-select {
  background-color: var(--surface-overlay) !important;
  border-color: var(--surface-border) !important;
  color: var(--text-color) !important;
}

[data-bs-theme="dark"] .p-toolbar,
.p-dark .p-toolbar {
  background-color: var(--surface-card) !important;
  border-color: var(--surface-border) !important;
}

[data-bs-theme="dark"] .navbar-vertical,
[data-bs-theme="dark"] .navbar-top,
.p-dark .navbar-vertical,
.p-dark .navbar-top {
  background-color: var(--surface-card) !important;
  border-color: var(--surface-border) !important;
}



/* ============================================================
   MedicalSoft+ — Typography System
   Change these variables to update fonts/sizes globally
   ============================================================ */
:root {
  --ms-font-primary: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ms-font-size-xs: 0.6875rem;
  --ms-font-size-sm: 0.75rem;
  --ms-font-size-base: 0.8125rem;
  --ms-font-size-md: 0.875rem;
  --ms-font-size-lg: 1rem;
  --ms-font-size-xl: 1.125rem;
  --ms-font-size-2xl: 1.25rem;
  --ms-font-size-3xl: 1.5rem;
  --ms-font-weight-normal: 400;
  --ms-font-weight-medium: 500;
  --ms-font-weight-semibold: 600;
  --ms-font-weight-bold: 700;
}

body {
  font-family: var(--ms-font-primary) !important;
  font-size: var(--ms-font-size-base) !important;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1,
.h1 {
  font-size: var(--ms-font-size-3xl);
  font-weight: var(--ms-font-weight-bold);
}

h2,
.h2 {
  font-size: var(--ms-font-size-2xl);
  font-weight: var(--ms-font-weight-bold);
}

h3,
.h3 {
  font-size: var(--ms-font-size-xl);
  font-weight: var(--ms-font-weight-semibold);
}

h4,
.h4 {
  font-size: var(--ms-font-size-lg);
  font-weight: var(--ms-font-weight-semibold);
}

h5,
.h5 {
  font-size: var(--ms-font-size-md);
  font-weight: var(--ms-font-weight-semibold);
}

.p-component {
  font-family: var(--ms-font-primary);
  font-size: var(--ms-font-size-base);
}

.p-inputtext {
  font-size: var(--ms-font-size-base);
}

.p-button {
  font-size: var(--ms-font-size-base);
  font-weight: var(--ms-font-weight-medium);
}

.p-datatable .p-datatable-thead>tr>th {
  font-size: var(--ms-font-size-sm);
  font-weight: var(--ms-font-weight-semibold);
}

.p-datatable .p-datatable-tbody>tr>td {
  font-size: var(--ms-font-size-base);
}

.p-dialog .p-dialog-title {
  font-size: var(--ms-font-size-xl);
  font-weight: var(--ms-font-weight-semibold);
}

.p-breadcrumb {
  font-size: var(--ms-font-size-sm);
}

.p-paginator {
  font-size: var(--ms-font-size-sm);
}

label,
.form-label {
  font-size: var(--ms-font-size-sm);
  font-weight: var(--ms-font-weight-semibold);
}

/* ============================================================
   MedicalSoft+ — Brand Colors
   ============================================================ */
:root {
  --ms-primary: #1A99FB;
  --ms-primary-light: #58B5FE;
  --ms-primary-dark: #0D7FD9;
  --ms-accent: #24D7DE;
  --ms-success: #10B981;
  --ms-warning: #F59E0B;
  --ms-danger: #EF4444;
}

/* Toast always on top */
.p-toast {
  z-index: 9999 !important;
}

/* Dialog: appendTo body means it renders at root, ensure proper z-index */
.p-dialog-mask {
  z-index: 1101 !important;
}

/* ConfirmDialog centered */
.p-confirm-dialog {
  max-width: 90vw;
}

/* ========================================================================
   DOFA Oleada 1 (B-G-010-icons): anclar fuentes de iconos para que la
   cascada legacy de Grift no rompa los glyphs.
   Las reglas de menu.php / basicMenu.php fueron acotadas a body:not(.v2-styled)
   pero estas reglas adicionales protegen los iconos en TODO el sistema.
   ======================================================================== */

/* PrimeReact icons */
.pi,
.p-button .p-button-icon.pi,
.p-button-icon-left.pi,
.p-button-icon-right.pi,
.p-tag .pi,
.p-badge .pi {
  font-family: 'primeicons' !important;
}

/* FontAwesome SVG mode (autoReplaceSvg=Node.js) — los <i class="fas fa-*">
   se transforman en <svg> y no necesitan font-family. Para los pocos casos
   que renderizan como <i> (sin SVG), forzar la fuente correcta. */
.fa, .fas, .far, .fal, .fab, .fad,
.fa-solid, .fa-regular, .fa-light, .fa-brands, .fa-duotone,
.btn .fa, .btn .fas, .btn .fa-solid,
.p-button .fa, .p-button .fas, .p-button .fa-solid {
  font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Pro', 'Font Awesome 5 Free', 'FontAwesome' !important;
  font-style: normal !important;
}

.fab, .fa-brands {
  font-family: 'Font Awesome 6 Brands', 'Font Awesome 5 Brands' !important;
}

/* Pesos correctos por estilo Font Awesome */
.fas, .fa-solid { font-weight: 900 !important; }
.far, .fa-regular { font-weight: 400 !important; }
.fal, .fa-light { font-weight: 300 !important; }

/* ========================================================================
   MedicalSoft+ — UX standard for feedback and PrimeReact overlays
   2026-05-10: toast global, focus visible suave y paneles menos invasivos.
   ======================================================================== */
.p-toast {
  top: 5.25rem !important;
  width: min(26rem, calc(100vw - 2rem)) !important;
  z-index: 12000 !important;
}

.p-toast-top-right {
  right: 1.25rem !important;
}

.p-toast .p-toast-message {
  backdrop-filter: blur(10px);
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16) !important;
  overflow: hidden;
}

.p-toast .p-toast-message .p-toast-message-content {
  align-items: flex-start;
  gap: 0.85rem;
  padding: 0.9rem 1rem !important;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
  margin: 0 !important;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
  flex: 0 0 auto;
  font-size: 1.35rem !important;
  margin-top: 0.1rem;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
  color: #0f172a;
  display: block;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.25;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-detail,
.ms-toast-form-errors-content {
  color: #475569;
  font-size: 0.875rem;
  line-height: 1.35;
  margin-top: 0.25rem !important;
}

.p-toast .p-toast-icon-close {
  color: #64748b !important;
  height: 1.75rem !important;
  width: 1.75rem !important;
}

.p-toast .p-toast-message.p-toast-message-success {
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.14), rgba(255, 255, 255, 0.98)) !important;
  border-left: 4px solid #10b981 !important;
  color: #065f46 !important;
}

.p-toast .p-toast-message.p-toast-message-error {
  background: linear-gradient(90deg, rgba(239, 68, 68, 0.13), rgba(255, 255, 255, 0.98)) !important;
  border-left: 4px solid #ef4444 !important;
  color: #991b1b !important;
}

.p-toast .p-toast-message.p-toast-message-info {
  background: linear-gradient(90deg, rgba(26, 153, 251, 0.13), rgba(255, 255, 255, 0.98)) !important;
  border-left: 4px solid #1a99fb !important;
  color: #075985 !important;
}

.p-toast .p-toast-message.p-toast-message-warn {
  background: linear-gradient(90deg, rgba(245, 158, 11, 0.15), rgba(255, 255, 255, 0.98)) !important;
  border-left: 4px solid #f59e0b !important;
  color: #92400e !important;
}

.p-dropdown:not(.p-disabled).p-focus,
.p-multiselect:not(.p-disabled).p-focus,
.p-treeselect:not(.p-disabled).p-focus,
.p-cascadeselect:not(.p-disabled).p-focus {
  border-color: #8ec5ff !important;
  border-radius: 8px !important;
  box-shadow: 0 0 0 3px rgba(26, 153, 251, 0.14) !important;
  outline: 0 !important;
}

.p-inputtext:enabled:focus,
.p-inputtextarea:enabled:focus,
.form-control:focus,
.form-select:focus {
  border-color: #8ec5ff !important;
  box-shadow: 0 0 0 3px rgba(26, 153, 251, 0.14) !important;
  outline: 0 !important;
}

.p-dropdown-panel,
.p-multiselect-panel,
.p-autocomplete-panel,
.p-cascadeselect-panel {
  border: 1px solid #d8e2ee !important;
  border-radius: 10px !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14) !important;
  overflow: hidden;
}

.p-dropdown-panel .p-dropdown-header {
  background: #f8fafc !important;
  border-bottom: 1px solid #dbe4ef !important;
  padding: 0.75rem 1rem !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  border-radius: 0 !important;
  color: #172033 !important;
  padding: 0.75rem 1rem !important;
  transition: background-color 150ms ease, color 150ms ease;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
  background: #eef6ff !important;
  color: #0d7fd9 !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  background: #f4f8fc !important;
  color: #172033 !important;
}

@media (max-width: 576px) {
  .p-toast,
  .p-toast-top-right,
  .p-toast-top-left,
  .p-toast-top-center {
    left: 0.75rem !important;
    right: 0.75rem !important;
    top: 4.75rem !important;
    transform: none !important;
    width: calc(100vw - 1.5rem) !important;
  }
}

/* ========================================================================
   DOFA Calendar Radius Hotfix (2026-06-10)
   PrimeReact Calendar con showIcon renderiza input + boton separados.
   Este bloque vive al final porque theme.css legacy contiene reglas tardias
   de .p-datepicker-trigger que pisan components/buttons/calendar.css.
   ======================================================================== */
.p-calendar.p-calendar-w-btn {
  align-items: stretch !important;
  display: inline-flex !important;
  max-width: 100%;
}

.p-calendar.p-calendar-w-btn .p-inputtext {
  border-radius: var(--radius-lg, 8px) 0 0 var(--radius-lg, 8px) !important;
  border-right: 0 !important;
  min-width: 0;
}

.p-calendar.p-calendar-w-btn .p-datepicker-trigger,
.p-calendar.p-calendar-w-btn .p-button.p-datepicker-trigger,
.p-calendar.p-calendar-w-btn .p-button.p-button-icon-only.p-datepicker-trigger {
  align-items: center !important;
  align-self: stretch !important;
  border-left: 0 !important;
  border-radius: 0 var(--radius-lg, 8px) var(--radius-lg, 8px) 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  flex: 0 0 var(--ms-calendar-trigger-size, 2.5rem);
  height: auto !important;
  justify-content: center !important;
  margin-left: 0 !important;
  min-height: 100% !important;
  min-width: var(--ms-calendar-trigger-size, 2.5rem);
  padding: 0 !important;
  transform: none !important;
}

.p-calendar.p-calendar-w-btn:focus-within .p-inputtext {
  border-color: #8ec5ff !important;
  box-shadow: none !important;
}

.p-calendar.p-calendar-w-btn:focus-within .p-datepicker-trigger {
  border-color: #8ec5ff !important;
}

.p-dropdown .p-dropdown-trigger,
.p-multiselect .p-multiselect-trigger,
.p-treeselect .p-treeselect-trigger,
.p-cascadeselect .p-cascadeselect-trigger {
  border-radius: 0 var(--radius-lg, 8px) var(--radius-lg, 8px) 0 !important;
}