/* src/styles.scss */
html {
  font-family: "Inter", sans-serif;
  font-size: 16px;
}
body {
  margin: 0;
  background-color: var(--app-background);
  color: var(--app-text);
}
* {
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  color: inherit;
}
p {
  margin: 0;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
dl {
  margin: 0;
}
textarea {
  resize: none;
  height: 100%;
}
mark {
  color: var(--app-text-strong);
}
.light-theme {
  --app-background: #ffffff;
  --app-text: #666666;
  --app-error: #F26060;
  --app-text-strong: #000000;
  --h1-divider: #94CBE4;
  --app-text-disabled: rgba(0, 0, 0, 0.38);
  --section-divider: rgba(148, 195, 232, 0.48);
  --app-error-background: #FAFAFA;
  --app-error-header: #333333;
  --app-spinner: #1976D2;
  --selection-control-border: #D5E0E8;
  --selection-control-hover: #9cb6c9;
  --selection-control-disabled: rgba(26, 26, 26, 0.1);
  --selection-control-text: #666666;
  --selection-control-unselected-focus: rgba(97, 121, 141, 0.12);
  --selection-control-selected-focus: rgba(97, 121, 141, 0.12);
  --selection-control-hover-background: rgba(97, 121, 141, 0.04);
  --selection-control-border-focus: #9cb6c9;
  --selection-control-unselected-active: rgba(97, 121, 141, 0.08);
  --selection-control-selected-active: rgba(97, 121, 141, 0.2);
  --checkbox-selected: #61798D;
  --checkbox-selected-checkmark: #ffffff;
  --radio-selected-checkmark: #61798D;
  --radio-selected: #9cb6c9;
  --header-background1: #041727;
  --header-background2: #082D4D;
  --header-smi-logo: #fdfdfd;
  --header-smi-pay-text: #fdfdfd;
  --header-reporting-admin-text: #94CBE4;
  --header-icon: #fdfdfd;
  --header-notification-indicator: #0EFDB8;
  --header-border: #EBF0F4;
  --avatar-background: #61798D;
  --avatar-icon: #ffffff;
  --footer-background: #082D4D;
  --footer-link: #94CBE4;
  --footer-dot: #E3EFF9;
  --footer-copyright: #D8D8D8;
  --footer-border: #EBF0F4;
  --sidebar-background: #FAFAFA;
  --sidebar-border: #D8D8D8;
  --sidebar-section-label: #666666;
  --sidebar-icon: #666666;
  --sidebar-nav-item-hover: rgba(0, 0, 0, 0.02);
  --sidebar-nav-item-selected-background: rgba(0, 0, 0, 0.05);
  --sidebar-nav-item-text: #666666;
  --sidebar-nav-item-selected-text: #000000;
  --sidebar-nav-focused: rgba(0, 0, 0, 0.03);
  --form-field-background: #ffffff;
  --form-field-border: #E3EFF9;
  --form-field-selected-border: #61798D;
  --form-field-label: #000000;
  --form-field-selected-label: #61798D;
  --form-field-disabled-border: rgba(0, 0, 0, 0.1);
  --form-field-disabled-label: rgba(0, 0, 0, 0.38);
  --form-field-icon-disabled: rgba(0, 0, 0, 0.26);
  --form-field-input-disabled-text: rgba(0, 0, 0, 0.2);
  --form-field-error: #F26060;
  --dropdown-text: #666666;
  --dropdown-disabled-text: rgba(0, 0, 0, 0.38);
  --dropdown-arrow: #61798D;
  --dropdown-disabled-arrow: rgba(0, 0, 0, 0.2);
  --dropdown-item-hover: rgba(0, 0, 0, 0.02);
  --dropdown-item-selected: #61798D;
  --dropdown-item-selected-text: #ffffff;
  --dropdown-list-background: #ffffff;
  --dropdown-list-border: #E3EFF9;
  --button-submit: #61798D;
  --button-apply: #61798D;
  --button-action: #1976D2;
  --button-clear: #8F855D;
  --button-deposit: #1976D2;
  --button-deposit-edit: #61798D;
  --button-text: #094A82;
  --button-text-background-hover: rgba(0, 0, 0, 0.06);
  --button-text-background-active: rgba(0, 0, 0, 0.08);
  --button-text-background-focus: rgba(0, 0, 0, 0.12);
  --button-label: #ffffff;
  --button-focus: rgba(0, 0, 0, 0.8);
  --button-disabled: rgba(0, 0, 0, 0.25);
  --button-label-disabled: rgba(0, 0, 0, 0.25);
  --button-icon: #666666;
  --button-icon-hover: rgba(97, 121, 141, 0.05);
  --button-icon-active: rgba(97, 121, 141, 0.1);
  --button-icon-focus: rgba(97, 121, 141, 0.12);
  --button-edit-background: #8F855D;
  --button-edit-label: #ffffff;
  --button-stroked: #61798D;
  --modal-popup-header-foreground: #000000;
  --modal-popup-header-footer-background: #F1F1F1;
  --modal-popup-border: rgba(148, 203, 228, 0.48);
  --modal-popup-content-background: #ffffff;
  --form-label: #000000;
  --form-error: #F26060;
  --button-toggle-border: #D5E0E8;
  --button-toggle-background: #ffffff;
  --button-toggle-foreground: #434848;
  --button-toggle-selected-border: #E0D193;
  --button-toggle-selected-background: #FFFAEE;
  --button-toggle-selected-foreground: #000000;
  --button-toggle-focus: #E0D193;
  --expansion-panel-background: #FAFAFA;
  --expansion-panel-foreground: #222222;
  --expansion-panel-border: #F1F1F1;
  --data-grid-header-background: #EBF0F4;
  --data-grid-header-foreground: #222222;
  --data-grid-header-border-top: #94C3E8;
  --data-grid-row-border: rgba(148, 195, 232, 0.48);
  --data-grid-row: #ffffff;
  --data-grid-sort-arrow: #61798D;
  --data-grid-cell: #000000;
  --data-grid-row-hover: #FAFAFA;
  --data-grid-resizer: #61798D;
  --data-grid-button-border: #D5E0E8;
  --data-grid-button-label: #666666;
  --data-grid-button-background-hover: #FAFAFA;
  --data-grid-button-label-hover: #333333;
  --data-grid-button-background-active: #F1F1F1;
  --data-grid-button-label-active: #222222;
  --data-grid-button-border-disabled: rgba(0, 0, 0, 0.1);
  --data-grid-button-label-disabled: rgba(0, 0, 0, 0.1);
  --data-grid-paging-label: #000000;
  --data-grid-row-selected: rgba(241, 241, 241, 0.5);
  --success-tag-background: rgba(116, 188, 98, 0.16);
  --success-tag-foreground: #07785a;
  --success-tag-border: #07785a;
  --warning-tag-background: rgba(93, 87, 60, 0.25);
  --warning-tag-foreground: #5d573c;
  --warning-tag-border: #5d573c;
  --identifier-tag-background: rgba(148, 195, 232, 0.24);
  --identifier-tag-foreground: #000000;
  --action-required-tag-background: #F2E8FE;
  --action-required-tag-foreground: #645A79;
  --action-required-tag-border: #9384B2;
  --pending-tag-background: #F1F1F1;
  --pending-tag-foreground: #000000;
  --pending-tag-border: #979797;
  --active-tag-background: #FDEFA5;
  --active-tag-foreground: #000000;
  --active-tag-border: #8F855D;
  --inactive-tag-background: #F26060;
  --inactive-tag-foreground: #ffffff;
  --inactive-tag-border: #000000;
  --completed-action-tag-background: rgba(148, 195, 232, 0.48);
  --completed-action-tag-foreground: #094A82;
  --completed-action-tag-border: #61798D;
  --payment-tag-background: #ffffff;
  --payment-tag-foreground: #61798D;
  --payment-tag-border: rgba(148, 195, 232, 0.48);
  --calendar-text: #ffffff;
  --calendar-header-background: #61798D;
  --calendar-header-arrow-hover: #9cb6c9;
  --calendar-header-arrow-active: #9cb6c9;
  --calendar-border: rgba(97, 121, 141, 0.5);
  --calendar-background: #ffffff;
  --calendar-header-today-hover: rgba(156, 182, 201, 0.1);
  --calendar-header-today-active: rgba(156, 182, 201, 0.3);
  --calendar-selected-item: #61798D;
  --calendar-grid-item-hover-background: rgba(0, 0, 0, 0.08);
  --calendar-grid-item-active-background: rgba(0, 0, 0, 0.12);
  --calendar-grid-item-disabled: rgba(0, 0, 0, 0.38);
  --calendar-year-arrow: #61798D;
  --filter-icon: #666666;
  --filter-text: #666666;
  --filter-border: #D5E0E8;
  --filter-selected-border: #E0D193;
  --filter-selected-background: #FFF8E4;
  --filter-selected-text: #000000;
  --filter-clear-text: #F26060;
  --filter-confirm-text: #094A82;
  --filter-label: #61798D;
  --filter-content-background: rgba(97, 121, 141, 0.08);
  --filter-expanded-border: rgba(148, 195, 232, 0.48);
  --filter-background: #FAFAFA;
  --filter-divider: #94C3E8;
  --filter-expanded-text: #5A5438;
  --filter-focus-outline: #E0D193;
  --card-background: #ffffff;
  --card-stat2: #1976D2;
  --card-footer-background: rgba(241, 241, 241, 0.5);
  --card-footer-text: #094A82;
  --card-border: #F1F1F1;
  --tab-selected: #1976D2;
  --tab-label: #61798D;
  --tab-border: #E3EFF9;
  --tab-hover: rgba(0, 0, 0, 0.02);
  --tab-focus: rgba(0, 0, 0, 0.04);
  --switch-button-text: #094A82;
  --switch-button-text-selected: #ffffff;
  --switch-button-background-selected: #1976D2;
  --switch-button-hover: rgba(0, 0, 0, 0.02);
  --switch-button-border: #D5E0E8;
  --switch-button-focus: rgba(0, 0, 0, 0.75);
  --transaction-details-id: #61798D;
  --transaction-details-edit: #8F855D;
  --transaction-details-breakdown-background: #FAFAFA;
  --transaction-details-breakdown-border: #D8D8D8;
  --export-transactions-column-border: #D5E0E8;
  --transactions-show-more-text: #1976D2;
  --summary-container-background: rgba(255, 248, 228, 0.5);
  --summary-container-border: #E0D193;
  --summary-total-background: #FDEFA5;
  --payor-details-text: #61798D;
  --payor-details-hold-background: #FFFAEE;
  --payor-details-hold-border: #E0D193;
  --payor-details-intercept-text: #5A5438;
  --payor-details-hold-footer-background: rgba(224, 209, 147, 0.5);
  --payor-details-hold-footer-border: #E0D193;
  --payor-details-hold-note-text: #000000;
  --profile-menu-header-background: #F1F1F1;
  --profile-menu-text: #61798D;
  --profile-menu-item-background: #ffffff;
  --profile-menu-item-border: #D5E0E8;
  --profile-menu-border: #EBF0F4;
  --banners-alerts-schedule-info-background: #F1F1F1;
  --banners-alerts-schedule-info-border: #D8D8D8;
  --banners-alerts-status-text: #61798D;
  --banners-alerts-status-dot: #00C188;
  --banners-alerts-status-scheduled-background: #FFF2D0;
  --banners-alerts-pending: #61798D;
  --user-management-divider: #D5E0E8;
  --user-management-options-background: #FAFAFA;
  --user-management-edit-row: #1976D2;
  --user-management-pending: #61798D;
  --reconciliation-row-header-description-foreground: #5d573c;
  --reconciliation-row-header-highlight-foreground: #8F855D;
  --reconciliation-row-header-highlight-background: rgba(224, 209, 147, 0.24);
  --reconciliation-row-header-week-foreground: #1976D2;
  --reconciliation-row-divider-foreground: #1267AF;
  --reconciliation-row-divider-background: rgba(148, 195, 232, 0.24);
  --reconciliation-row-divider-border: rgba(148, 203, 228, 0.48);
  --reconciliation-row-border-background: rgba(0, 0, 0, 0.08);
  --reconciliation-row-subtotal-background: rgba(0, 0, 0, 0.06);
  --reconciliation-row-subtotal-border: rgba(0, 0, 0, 0.08);
  --reconciliation-row-footer-background: #FFFAEE;
  --reconciliation-row-footer-border: #E0D193;
  --reconciliation-row-footer-highlight-background: #E0D193;
  --reconciliation-negative-value: #F26060;
  --reconciliation-row-hover-background: rgba(224, 209, 147, 0.2);
  --reconciliation-row-selected-background: rgba(224, 209, 147, 0.4);
  --timeline-item-success-background: rgba(116, 188, 98, 0.25);
  --timeline-item-success-icon: #088C68;
  --timeline-item-primary-background: #F1F1F1;
  --timeline-item-primary-icon: #666666;
  --timeline-item-secondary-background: rgba(148, 195, 232, 0.24);
  --timeline-item-secondary-icon: #61798D;
  --timeline-dashed-line: #61798D;
  --timeline-item-heading: #61798D;
  --timeline-item-action: #000000;
  --timeline-item-updated-by-background: #FFF2D0;
  --timeline-item-updated-by-text: #5A5438;
  --timeline-item-updated-by-system-text: #61798D;
  --timeline-item-amount-add-current-background: rgba(151, 151, 151, 0.05);
  --timeline-item-amount-add-current-border: rgba(151, 151, 151, 0.24);
  --timeline-item-amount-edit-previous-background: rgba(242, 96, 96, 0.16);
  --timeline-item-amount-edit-previous-border: rgba(242, 96, 96, 0.24);
  --timeline-item-amount-edit-current-background: rgba(116, 188, 98, 0.16);
  --timeline-item-amount-edit-current-border: rgba(116, 188, 98, 0.24);
  --notification-indicator: #00C188;
  --notification-popup-header: #ffffff;
  --notification-popup-border: #D5E0E8;
  --notification-popup-item-background-even: #FAFAFA;
  --notification-popup-item-background-odd: #ffffff;
  --notification-popup-footer: #ffffff;
  --notification-button: #61798D;
  --confirm-icon: #61798D;
  --warning-icon: #F26060;
  --info-icon: #00C188;
  --outbound-payments-case-info-border: #E0D193;
  --outbound-payments-case-info-text: #000000;
  --outbound-payments-case-amount-background: rgba(253, 239, 165, 0.15);
  --privacy-policy-last-updated: #61798D;
  --privacy-policy-table-header: #F1F1F1;
  --privacy-policy-table-border: #D8D8D8;
}
.dark-theme {
  --app-background: #1e2229;
  --app-text: #c0cddf;
  --app-error: #fc8b8b;
  --app-text-strong: #ffffff;
  --h1-divider: #6291b1;
  --app-text-disabled: rgba(255, 255, 255, 0.38);
  --section-divider: rgba(59, 126, 172, 0.48);
  --app-error-background: #252932;
  --app-error-header: #c8d0dc;
  --app-spinner: #63a0d9;
  --selection-control-border: #3a475a;
  --selection-control-hover: #465667;
  --selection-control-disabled: rgba(226, 226, 226, 0.1);
  --selection-control-text: #c0cddf;
  --selection-control-unselected-focus: rgba(155, 178, 204, 0.12);
  --selection-control-selected-focus: rgba(155, 178, 204, 0.12);
  --selection-control-hover-background: rgba(155, 178, 204, 0.04);
  --selection-control-border-focus: #465667;
  --selection-control-unselected-active: rgba(155, 178, 204, 0.08);
  --selection-control-selected-active: rgba(155, 178, 204, 0.2);
  --checkbox-selected: #9bb2cc;
  --checkbox-selected-checkmark: #1e2229;
  --radio-selected-checkmark: #9bb2cc;
  --radio-selected: #465667;
  --header-background1: #02080e;
  --header-background2: #030f1a;
  --header-smi-logo: #fdfdfd;
  --header-smi-pay-text: #fdfdfd;
  --header-reporting-admin-text: #6291b1;
  --header-icon: #fdfdfd;
  --header-notification-indicator: #18ffc4;
  --header-border: #2d3540;
  --avatar-background: #9bb2cc;
  --avatar-icon: #1e2229;
  --footer-background: #030f1a;
  --footer-link: #6291b1;
  --footer-dot: #546a85;
  --footer-copyright: #7f899a;
  --footer-border: #2d3540;
  --sidebar-background: #252932;
  --sidebar-border: #7f899a;
  --sidebar-section-label: #c0cddf;
  --sidebar-icon: #c0cddf;
  --sidebar-nav-item-hover: rgba(255, 255, 255, 0.02);
  --sidebar-nav-item-selected-background: rgba(255, 255, 255, 0.05);
  --sidebar-nav-item-text: #c0cddf;
  --sidebar-nav-item-selected-text: #ffffff;
  --sidebar-nav-focused: rgba(255, 255, 255, 0.03);
  --form-field-background: #1e2229;
  --form-field-border: #546a85;
  --form-field-selected-border: #9bb2cc;
  --form-field-label: #ffffff;
  --form-field-selected-label: #9bb2cc;
  --form-field-disabled-border: rgba(255, 255, 255, 0.1);
  --form-field-disabled-label: rgba(255, 255, 255, 0.38);
  --form-field-icon-disabled: rgba(255, 255, 255, 0.26);
  --form-field-input-disabled-text: rgba(255, 255, 255, 0.2);
  --form-field-error: #fc8b8b;
  --dropdown-text: #c0cddf;
  --dropdown-disabled-text: rgba(255, 255, 255, 0.38);
  --dropdown-arrow: #9bb2cc;
  --dropdown-disabled-arrow: rgba(255, 255, 255, 0.2);
  --dropdown-item-hover: rgba(255, 255, 255, 0.02);
  --dropdown-item-selected: #9bb2cc;
  --dropdown-item-selected-text: #1e2229;
  --dropdown-list-background: #1e2229;
  --dropdown-list-border: #546a85;
  --button-submit: #9bb2cc;
  --button-apply: #9bb2cc;
  --button-action: #63a0d9;
  --button-clear: #8e9eaf;
  --button-deposit: #63a0d9;
  --button-deposit-edit: #9bb2cc;
  --button-text: #adc0d2;
  --button-text-background-hover: rgba(255, 255, 255, 0.06);
  --button-text-background-active: rgba(255, 255, 255, 0.08);
  --button-text-background-focus: rgba(255, 255, 255, 0.12);
  --button-label: #1e2229;
  --button-focus: rgba(255, 255, 255, 0.8);
  --button-disabled: rgba(255, 255, 255, 0.25);
  --button-label-disabled: rgba(255, 255, 255, 0.25);
  --button-icon: #c0cddf;
  --button-icon-hover: rgba(155, 178, 204, 0.05);
  --button-icon-active: rgba(155, 178, 204, 0.1);
  --button-icon-focus: rgba(155, 178, 204, 0.12);
  --button-edit-background: #8e9eaf;
  --button-edit-label: #1e2229;
  --button-stroked: #9bb2cc;
  --modal-popup-header-foreground: #ffffff;
  --modal-popup-header-footer-background: #2b3038;
  --modal-popup-border: rgba(98, 145, 177, 0.48);
  --modal-popup-content-background: #1e2229;
  --form-label: #ffffff;
  --form-error: #fc8b8b;
  --button-toggle-border: #3a475a;
  --button-toggle-background: #1e2229;
  --button-toggle-foreground: #9ba5b6;
  --button-toggle-selected-border: #3e5468;
  --button-toggle-selected-background: #2b3740;
  --button-toggle-selected-foreground: #ffffff;
  --button-toggle-focus: #3e5468;
  --expansion-panel-background: #252932;
  --expansion-panel-foreground: #dfe3e9;
  --expansion-panel-border: #2b3038;
  --data-grid-header-background: #2d3540;
  --data-grid-header-foreground: #dfe3e9;
  --data-grid-header-border-top: #3b7eac;
  --data-grid-row-border: rgba(59, 126, 172, 0.48);
  --data-grid-row: #1e2229;
  --data-grid-sort-arrow: #9bb2cc;
  --data-grid-cell: #ffffff;
  --data-grid-row-hover: #252932;
  --data-grid-resizer: #9bb2cc;
  --data-grid-button-border: #3a475a;
  --data-grid-button-label: #c0cddf;
  --data-grid-button-background-hover: #252932;
  --data-grid-button-label-hover: #c8d0dc;
  --data-grid-button-background-active: #2b3038;
  --data-grid-button-label-active: #dfe3e9;
  --data-grid-button-border-disabled: rgba(255, 255, 255, 0.1);
  --data-grid-button-label-disabled: rgba(255, 255, 255, 0.1);
  --data-grid-paging-label: #ffffff;
  --data-grid-row-selected: rgba(43, 48, 56, 0.5);
  --success-tag-background: rgba(1, 255, 170, 0.16);
  --success-tag-foreground: #2fd05f;
  --success-tag-border: #2fd05f;
  --warning-tag-background: rgba(213, 198, 170, 0.25);
  --warning-tag-foreground: #d5c6aa;
  --warning-tag-border: #d5c6aa;
  --identifier-tag-background: rgba(59, 126, 172, 0.24);
  --identifier-tag-foreground: #ffffff;
  --action-required-tag-background: #363344;
  --action-required-tag-foreground: #beb6c8;
  --action-required-tag-border: #7a6b9e;
  --pending-tag-background: #2b3038;
  --pending-tag-foreground: #ffffff;
  --pending-tag-border: #6e7480;
  --active-tag-background: #024868;
  --active-tag-foreground: #ffffff;
  --active-tag-border: #8e9eaf;
  --inactive-tag-background: #fc8b8b;
  --inactive-tag-foreground: #1e2229;
  --inactive-tag-border: #ffffff;
  --completed-action-tag-background: rgba(59, 126, 172, 0.48);
  --completed-action-tag-foreground: #adc0d2;
  --completed-action-tag-border: #9bb2cc;
  --payment-tag-background: #1e2229;
  --payment-tag-foreground: #9bb2cc;
  --payment-tag-border: rgba(59, 126, 172, 0.48);
  --calendar-text: #1e2229;
  --calendar-header-background: #9bb2cc;
  --calendar-header-arrow-hover: #465667;
  --calendar-header-arrow-active: #465667;
  --calendar-border: rgba(155, 178, 204, 0.5);
  --calendar-background: #1e2229;
  --calendar-header-today-hover: rgba(70, 86, 103, 0.1);
  --calendar-header-today-active: rgba(70, 86, 103, 0.3);
  --calendar-selected-item: #9bb2cc;
  --calendar-grid-item-hover-background: rgba(255, 255, 255, 0.08);
  --calendar-grid-item-active-background: rgba(255, 255, 255, 0.12);
  --calendar-grid-item-disabled: rgba(255, 255, 255, 0.38);
  --calendar-year-arrow: #9bb2cc;
  --filter-icon: #c0cddf;
  --filter-text: #c0cddf;
  --filter-border: #3a475a;
  --filter-selected-border: #3e5468;
  --filter-selected-background: #3a3e41;
  --filter-selected-text: #ffffff;
  --filter-clear-text: #fc8b8b;
  --filter-confirm-text: #adc0d2;
  --filter-label: #9bb2cc;
  --filter-content-background: rgba(155, 178, 204, 0.08);
  --filter-expanded-border: rgba(59, 126, 172, 0.48);
  --filter-background: #252932;
  --filter-divider: #3b7eac;
  --filter-expanded-text: #d0cec8;
  --filter-focus-outline: #3e5468;
  --card-background: #1e2229;
  --card-stat2: #63a0d9;
  --card-footer-background: rgba(43, 48, 56, 0.5);
  --card-footer-text: #adc0d2;
  --card-border: #2b3038;
  --tab-selected: #63a0d9;
  --tab-label: #9bb2cc;
  --tab-border: #546a85;
  --tab-hover: rgba(255, 255, 255, 0.02);
  --tab-focus: rgba(255, 255, 255, 0.04);
  --switch-button-text: #adc0d2;
  --switch-button-text-selected: #1e2229;
  --switch-button-background-selected: #63a0d9;
  --switch-button-hover: rgba(255, 255, 255, 0.02);
  --switch-button-border: #3a475a;
  --switch-button-focus: rgba(255, 255, 255, 0.75);
  --transaction-details-id: #9bb2cc;
  --transaction-details-edit: #8e9eaf;
  --transaction-details-breakdown-background: #252932;
  --transaction-details-breakdown-border: #7f899a;
  --export-transactions-column-border: #3a475a;
  --transactions-show-more-text: #63a0d9;
  --summary-container-background: rgba(58, 62, 65, 0.5);
  --summary-container-border: #3e5468;
  --summary-total-background: #024868;
  --payor-details-text: #9bb2cc;
  --payor-details-hold-background: #2b3740;
  --payor-details-hold-border: #3e5468;
  --payor-details-intercept-text: #d0cec8;
  --payor-details-hold-footer-background: rgba(62, 84, 104, 0.5);
  --payor-details-hold-footer-border: #3e5468;
  --payor-details-hold-note-text: #ffffff;
  --profile-menu-header-background: #2b3038;
  --profile-menu-text: #9bb2cc;
  --profile-menu-item-background: #1e2229;
  --profile-menu-item-border: #3a475a;
  --profile-menu-border: #2d3540;
  --banners-alerts-schedule-info-background: #2b3038;
  --banners-alerts-schedule-info-border: #7f899a;
  --banners-alerts-status-text: #9bb2cc;
  --banners-alerts-status-dot: #00d194;
  --banners-alerts-status-scheduled-background: #264c69;
  --banners-alerts-pending: #9bb2cc;
  --user-management-divider: #3a475a;
  --user-management-options-background: #252932;
  --user-management-edit-row: #63a0d9;
  --user-management-pending: #9bb2cc;
  --reconciliation-row-header-description-foreground: #d5c6aa;
  --reconciliation-row-header-highlight-foreground: #8e9eaf;
  --reconciliation-row-header-highlight-background: rgba(62, 84, 104, 0.24);
  --reconciliation-row-header-week-foreground: #63a0d9;
  --reconciliation-row-divider-foreground: #76ade5;
  --reconciliation-row-divider-background: rgba(59, 126, 172, 0.24);
  --reconciliation-row-divider-border: rgba(98, 145, 177, 0.48);
  --reconciliation-row-border-background: rgba(255, 255, 255, 0.08);
  --reconciliation-row-subtotal-background: rgba(255, 255, 255, 0.06);
  --reconciliation-row-subtotal-border: rgba(255, 255, 255, 0.08);
  --reconciliation-row-footer-background: #2b3740;
  --reconciliation-row-footer-border: #3e5468;
  --reconciliation-row-footer-highlight-background: #3e5468;
  --reconciliation-negative-value: #fc8b8b;
  --reconciliation-row-hover-background: rgba(62, 84, 104, 0.2);
  --reconciliation-row-selected-background: rgba(62, 84, 104, 0.4);
  --timeline-item-success-background: rgba(1, 255, 170, 0.25);
  --timeline-item-success-icon: #1aa67f;
  --timeline-item-primary-background: #2b3038;
  --timeline-item-primary-icon: #c0cddf;
  --timeline-item-secondary-background: rgba(59, 126, 172, 0.24);
  --timeline-item-secondary-icon: #9bb2cc;
  --timeline-dashed-line: #9bb2cc;
  --timeline-item-heading: #9bb2cc;
  --timeline-item-action: #ffffff;
  --timeline-item-updated-by-background: #264c69;
  --timeline-item-updated-by-text: #d0cec8;
  --timeline-item-updated-by-system-text: #9bb2cc;
  --timeline-item-amount-add-current-background: rgba(110, 116, 128, 0.05);
  --timeline-item-amount-add-current-border: rgba(110, 116, 128, 0.24);
  --timeline-item-amount-edit-previous-background: rgba(252, 139, 139, 0.16);
  --timeline-item-amount-edit-previous-border: rgba(252, 139, 139, 0.24);
  --timeline-item-amount-edit-current-background: rgba(1, 255, 170, 0.16);
  --timeline-item-amount-edit-current-border: rgba(1, 255, 170, 0.24);
  --notification-indicator: #00d194;
  --notification-popup-header: #1e2229;
  --notification-popup-border: #3a475a;
  --notification-popup-item-background-even: #252932;
  --notification-popup-item-background-odd: #1e2229;
  --notification-popup-footer: #1e2229;
  --notification-button: #9bb2cc;
  --confirm-icon: #9bb2cc;
  --warning-icon: #fc8b8b;
  --info-icon: #00d194;
  --outbound-payments-case-info-border: #3e5468;
  --outbound-payments-case-info-text: #ffffff;
  --outbound-payments-case-amount-background: rgba(2, 72, 104, 0.15);
  --privacy-policy-last-updated: #9bb2cc;
  --privacy-policy-table-header: #2b3038;
  --privacy-policy-table-border: #7f899a;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.radio-button,
.checkbox {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
}
.radio-button:hover input:not(:checked):not(:disabled):not(:focus) ~ .checkmark,
.checkbox:hover input:not(:checked):not(:disabled):not(:focus) ~ .checkmark {
  border-color: var(--selection-control-hover);
}
.radio-button:hover input:not(:checked):not(:disabled):not(:focus) ~ .selection-control-background::before,
.checkbox:hover input:not(:checked):not(:disabled):not(:focus) ~ .selection-control-background::before {
  background-color: var(--selection-control-hover-background);
}
.radio-button:active input:not(:disabled) ~ .selection-control-background::before,
.checkbox:active input:not(:disabled) ~ .selection-control-background::before {
  background-color: var(--selection-control-selected-active);
}
.radio-button:active input:not(:disabled):not(:checked):not(:focus) ~ .selection-control-background::before,
.checkbox:active input:not(:disabled):not(:checked):not(:focus) ~ .selection-control-background::before {
  background-color: var(--selection-control-unselected-active);
}
.radio-button input,
.checkbox input {
  appearance: none;
  margin: 0;
  padding: 0;
}
.radio-button input:disabled ~ .checkmark,
.checkbox input:disabled ~ .checkmark {
  border-color: var(--selection-control-disabled);
}
.radio-button input:disabled ~ .checkmark::after,
.checkbox input:disabled ~ .checkmark::after {
  background-color: transparent;
}
.radio-button input:not(:disabled):checked:focus ~ .checkmark::before,
.checkbox input:not(:disabled):checked:focus ~ .checkmark::before {
  background-color: var(--selection-control-selected-focus);
}
.radio-button input:not(:disabled):not(:checked):focus ~ .checkmark,
.checkbox input:not(:disabled):not(:checked):focus ~ .checkmark {
  border-color: var(--selection-control-border-focus);
}
.radio-button input:not(:disabled):not(:checked):focus ~ .checkmark::before,
.checkbox input:not(:disabled):not(:checked):focus ~ .checkmark::before {
  background-color: var(--selection-control-unselected-focus);
}
.radio-button:not([disabled=true]) .selection-control-text,
.checkbox:not([disabled=true]) .selection-control-text {
  color: var(--selection-control-text);
}
.radio-button[disabled=true],
.checkbox[disabled=true] {
  cursor: default;
  color: var(--selection-control-disabled);
}
.checkmark {
  border: 2px solid;
  border-color: var(--selection-control-border);
  transition: border-color 120ms;
  position: relative;
  margin-right: 10px;
}
.checkmark:after {
  content: "";
  position: absolute;
}
.selection-control-background::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border-radius: 50%;
  pointer-events: none;
}
.vertical-layout {
  display: flex;
  flex-direction: column;
}
.horizontal-layout {
  display: flex;
  flex-direction: row;
}
.horizontal-layout radio-button:not(:last-child) .radio-button {
  margin-right: 20px;
}
.form-field .dropdown {
  fill: var(--dropdown-arrow);
}
.form-field-disabled icon {
  fill: var(--form-field-icon-disabled);
}
.form-field-disabled ~ form-field-hint {
  color: var(--form-field-disabled-label);
}
h1 {
  font-family: "Source Serif Pro", serif;
  font-size: 40px;
  color: var(--app-text-strong);
  font-weight: 600;
  margin: 0 0 4px;
}
section .section-heading + divider {
  border-top-color: var(--section-divider);
  margin: 10px 0 20px;
}
.section-heading {
  font-size: 20px;
  font-weight: 600;
  color: var(--app-text-strong);
  margin: 0;
}
.button-text icon,
.button-submit icon,
.button-stroked icon,
.button-edit icon,
.button-generate-payments icon,
.button-deposit-edit icon,
.button-deposit icon,
.button-clear icon,
.button-action icon,
.button-apply icon {
  fill: var(--button-label);
}
.button-text icon:first-child,
.button-submit icon:first-child,
.button-stroked icon:first-child,
.button-edit icon:first-child,
.button-generate-payments icon:first-child,
.button-deposit-edit icon:first-child,
.button-deposit icon:first-child,
.button-clear icon:first-child,
.button-action icon:first-child,
.button-apply icon:first-child {
  margin-right: 10px;
}
.button-text icon:last-child,
.button-submit icon:last-child,
.button-stroked icon:last-child,
.button-edit icon:last-child,
.button-generate-payments icon:last-child,
.button-deposit-edit icon:last-child,
.button-deposit icon:last-child,
.button-clear icon:last-child,
.button-action icon:last-child,
.button-apply icon:last-child {
  margin-left: 10px;
}
.button-submit,
.button-stroked,
.button-edit,
.button-generate-payments,
.button-deposit-edit,
.button-deposit,
.button-clear,
.button-action,
.button-apply {
  border: none;
  outline: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  cursor: pointer;
  color: var(--button-label);
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.button-submit:focus-visible,
.button-stroked:focus-visible,
.button-edit:focus-visible,
.button-generate-payments:focus-visible,
.button-deposit-edit:focus-visible,
.button-deposit:focus-visible,
.button-clear:focus-visible,
.button-action:focus-visible,
.button-apply:focus-visible {
  outline: 2px solid var(--button-focus);
}
.button-submit:disabled,
.button-stroked:disabled,
.button-edit:disabled,
.button-generate-payments:disabled,
.button-deposit-edit:disabled,
.button-deposit:disabled,
.button-clear:disabled,
.button-action:disabled,
.button-apply:disabled {
  background-color: var(--button-disabled);
  color: var(--button-label-disabled);
  cursor: default;
}
.button-submit:disabled icon,
.button-stroked:disabled icon,
.button-edit:disabled icon,
.button-generate-payments:disabled icon,
.button-deposit-edit:disabled icon,
.button-deposit:disabled icon,
.button-clear:disabled icon,
.button-action:disabled icon,
.button-apply:disabled icon {
  fill: var(--button-label-disabled);
}
.button-stroked,
.button-edit,
.button-generate-payments,
.button-deposit-edit,
.button-deposit,
.button-clear,
.button-action,
.button-apply {
  border-radius: 5px;
}
.button-submit {
  background-color: var(--button-submit);
  padding: 12px 10px;
  font-size: 16px;
  width: 100%;
}
.button-submit:hover:not(:disabled) {
  background-color: hsl(from var(--button-submit) h s calc(l + 3));
  color: hsl(from var(--button-label) h s calc(l + 3));
  fill: hsl(from var(--button-label) h s calc(l + 3));
}
.button-submit:active:not(:disabled) {
  background-color: hsl(from var(--button-submit) h s calc(l + 6));
  color: hsl(from var(--button-label) h s calc(l + 6));
  fill: hsl(from var(--button-label) h s calc(l + 6));
}
.button-apply {
  background-color: var(--button-apply);
  padding: 8px 15px;
}
.button-apply:hover:not(:disabled) {
  background-color: hsl(from var(--button-apply) h s calc(l + 3));
  color: hsl(from var(--button-label) h s calc(l + 3));
  fill: hsl(from var(--button-label) h s calc(l + 3));
}
.button-apply:active:not(:disabled) {
  background-color: hsl(from var(--button-apply) h s calc(l + 6));
  color: hsl(from var(--button-label) h s calc(l + 6));
  fill: hsl(from var(--button-label) h s calc(l + 6));
}
.button-action {
  background-color: var(--button-action);
  padding: 5px 10px;
}
.button-action:hover:not(:disabled) {
  background-color: hsl(from var(--button-action) h s calc(l + 3));
  color: hsl(from var(--button-label) h s calc(l + 3));
  fill: hsl(from var(--button-label) h s calc(l + 3));
}
.button-action:active:not(:disabled) {
  background-color: hsl(from var(--button-action) h s calc(l + 6));
  color: hsl(from var(--button-label) h s calc(l + 6));
  fill: hsl(from var(--button-label) h s calc(l + 6));
}
.button-clear {
  background-color: var(--button-clear);
  padding: 5px 10px;
}
.button-clear:hover:not(:disabled) {
  background-color: hsl(from var(--button-clear) h s calc(l + 3));
  color: hsl(from var(--button-label) h s calc(l + 3));
  fill: hsl(from var(--button-label) h s calc(l + 3));
}
.button-clear:active:not(:disabled) {
  background-color: hsl(from var(--button-clear) h s calc(l + 6));
  color: hsl(from var(--button-label) h s calc(l + 6));
  fill: hsl(from var(--button-label) h s calc(l + 6));
}
.button-deposit {
  background-color: var(--button-deposit);
  padding: 5px 10px;
}
.button-deposit:hover:not(:disabled) {
  background-color: hsl(from var(--button-deposit) h s calc(l + 3));
  color: hsl(from var(--button-label) h s calc(l + 3));
  fill: hsl(from var(--button-label) h s calc(l + 3));
}
.button-deposit:active:not(:disabled) {
  background-color: hsl(from var(--button-deposit) h s calc(l + 6));
  color: hsl(from var(--button-label) h s calc(l + 6));
  fill: hsl(from var(--button-label) h s calc(l + 6));
}
.button-deposit-edit {
  color: var(--button-deposit-edit);
  background-color: transparent;
  text-decoration: underline;
}
.button-deposit-edit icon {
  fill: var(--button-deposit-edit);
}
.button-generate-payments {
  background-color: var(--button-clear);
  padding: 5px 10px;
}
.button-generate-payments icon {
  width: 15px;
  height: 15px;
}
.button-text {
  background-color: transparent;
  font-size: 16px;
  color: var(--button-text);
  text-decoration: underline;
  border: none;
  border-radius: 10px;
  padding: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.button-text:hover:not(:disabled) {
  background-color: var(--button-text-background-hover);
}
.button-text:active:not(:disabled) {
  background-color: var(--button-text-background-active);
}
.button-text:focus-visible {
  outline: none;
}
.button-text:focus-visible:not(:active) {
  background-color: var(--button-text-background-focus);
}
.button-text:disabled {
  background-color: transparent;
  color: var(--button-label-disabled);
  cursor: default;
  text-decoration: none;
}
.button-text:disabled span {
  color: var(--button-label-disabled);
}
.button-text:disabled icon {
  fill: var(--button-label-disabled) !important;
}
.button-icon {
  background: transparent;
  padding: 4px;
  border: 0;
  cursor: pointer;
  fill: var(--button-icon);
  border-radius: 50%;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-icon:hover {
  background: var(--button-icon-hover);
}
.button-icon:active {
  background: var(--button-icon-active);
}
.button-icon:focus-visible {
  background: var(--button-icon-focus);
}
.button-edit {
  background-color: var(--button-edit-background);
  padding: 5px 10px;
  color: var(--button-edit-label);
}
.button-edit icon {
  fill: var(--button-edit-label);
}
.button-edit:hover:not(:disabled) {
  background-color: hsl(from var(--button-edit-background) h s calc(l + 3));
  color: hsl(from var(--button-label) h s calc(l + 3));
  fill: hsl(from var(--button-label) h s calc(l + 3));
}
.button-edit:active:not(:disabled) {
  background-color: hsl(from var(--button-edit-background) h s calc(l + 6));
  color: hsl(from var(--button-label) h s calc(l + 6));
  fill: hsl(from var(--button-label) h s calc(l + 6));
}
.button-stroked {
  background-color: transparent;
  padding: 8px 15px;
  border: 2px solid var(--button-stroked);
  color: var(--button-stroked);
  width: 100%;
  font-weight: 600;
}
.modal-popup-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--modal-popup-header-foreground);
  background: var(--modal-popup-header-footer-background);
  padding: 15px 10px 10px 15px;
  border-bottom: 1px solid var(--modal-popup-border);
  height: 54px;
}
.modal-popup-header icon {
  fill: var(--app-text);
}
.modal-popup-header .button-icon {
  width: 34px;
  height: 34px;
}
.modal-popup-header .button-icon icon {
  fill: var(--app-text);
}
.modal-popup-header .title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal-popup-header h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}
.modal-popup-header button {
  cursor: pointer;
  border: none;
}
.modal-popup-footer {
  width: 100%;
  height: 63px;
  padding: 15px 20px;
  background: var(--modal-popup-header-footer-background);
  border-top: 1px solid var(--modal-popup-border);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 30px;
}
.popup-backdrop {
  background: rgba(0, 0, 0, 0.8);
}
.success-tag {
  background-color: var(--success-tag-background);
  border: 1px solid var(--success-tag-border);
  color: var(--success-tag-foreground);
}
.success-tag svg {
  fill: var(--success-tag-foreground);
  width: 12px;
  height: 12px;
}
.warning-tag {
  background-color: var(--warning-tag-background);
  border: 1px solid var(--warning-tag-border);
  color: var(--warning-tag-foreground);
}
.warning-tag svg {
  fill: var(--warning-tag-foreground);
  width: 12px;
  height: 12px;
}
.identifier-tag {
  background-color: var(--identifier-tag-background);
  color: var(--identifier-tag-foreground);
}
.action-required-tag {
  background-color: var(--action-required-tag-background);
  border: 1px solid var(--action-required-tag-border);
  color: var(--action-required-tag-foreground);
}
.action-required-tag svg {
  fill: var(--action-required-tag-foreground);
  width: 12px;
  height: 12px;
}
.pending-tag {
  background-color: var(--pending-tag-background);
  border: 1px solid var(--pending-tag-border);
  color: var(--pending-tag-foreground);
}
.pending-tag svg {
  fill: var(--pending-tag-foreground);
  width: 12px;
  height: 12px;
}
.completed-action-tag {
  background-color: var(--completed-action-tag-background);
  border: 1px solid var(--completed-action-tag-border);
  color: var(--completed-action-tag-foreground);
}
.completed-action-tag svg {
  fill: var(--completed-action-tag-foreground);
  width: 12px;
  height: 12px;
}
.payment-tag {
  background-color: var(--payment-tag-background);
  border: 1px solid var(--payment-tag-border);
  color: var(--payment-tag-foreground);
}
.active-tag {
  background-color: var(--active-tag-background);
  border: 1px solid var(--active-tag-border);
  color: var(--active-tag-foreground);
}
.inactive-tag {
  background-color: var(--inactive-tag-background);
  border: transparent;
  color: var(--inactive-tag-foreground);
}
.input-field {
  border: none;
  outline: none;
  background-color: inherit;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 15px;
  color: var(--form-field-input-text-color);
  caret-color: var(--form-field-caret-color);
  z-index: 1;
  width: 100%;
}
.input-field:disabled {
  color: var(--form-field-input-disabled-text);
}
.calendar-grid {
  display: grid;
  justify-items: center;
  align-items: center;
}
.calendar-grid-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
}
.calendar-grid-item::before {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.calendar-grid-item:hover:not(.selected-calendar-grid-item)::before {
  background-color: var(--calendar-grid-item-hover-background);
}
.calendar-grid-item:active:not(.selected-calendar-grid-item)::before {
  background-color: var(--calendar-grid-item-active-background);
}
.selected-calendar-grid-item {
  color: var(--calendar-text);
}
.selected-calendar-grid-item::before {
  background-color: var(--calendar-selected-item);
}
.current-calendar-grid-item:not(.selected-calendar-grid-item)::before {
  border: 1px solid var(--calendar-selected-item);
}
.calendar-grid-item-text {
  z-index: 1;
}
.disabled-calendar-grid-item:not(.selected-calendar-grid-item) {
  color: var(--calendar-grid-item-disabled);
}
.form-label {
  color: var(--form-label);
  margin-bottom: 10px;
  font-weight: 600;
  display: block;
}
.form-label::after {
  content: "*";
  color: var(--form-error);
  margin-left: 3px;
}
.timeline-item-success {
  background-color: var(--timeline-item-success-background);
}
.timeline-item-success svg {
  fill: var(--timeline-item-success-icon);
  width: 16px;
  height: 12px;
}
.timeline-item-primary {
  background-color: var(--timeline-item-primary-background);
}
.timeline-item-primary svg {
  fill: var(--timeline-item-primary-icon);
  width: 14px;
  height: 14px;
}
.timeline-item-secondary {
  background-color: var(--timeline-item-secondary-background);
}
.timeline-item-secondary svg {
  fill: var(--timeline-item-secondary-icon);
  width: 18px;
  height: 18px;
}
.summary {
  display: flex;
  background: var(--summary-container-background);
  border: 1px solid var(--summary-container-border);
  padding: 10px 20px;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: var(--app-text-strong);
}
.summary .summary-results-count {
  font-weight: 600;
}
.summary .summary-total-container {
  display: flex;
  gap: 10px;
  align-items: center;
}
.summary .summary-total {
  background: var(--summary-total-background);
  border-radius: 5px;
  padding: 5px;
  font-weight: 600;
}
.d-flex {
  display: flex;
}
.d-block {
  display: block;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.align-start {
  align-items: flex-start;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.flex-1 {
  flex: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.gap-5 {
  gap: 5px;
}
.gap-10 {
  gap: 10px;
}
.gap-15 {
  gap: 15px;
}
.gap-20 {
  gap: 20px;
}
.gap-30 {
  gap: 30px;
}
.gap-40 {
  gap: 40px;
}
.gap-60 {
  gap: 60px;
}
.gap-80 {
  gap: 80px;
}
.w-100 {
  width: 100%;
}
.p-20 {
  padding: 20px;
}
.p-30 {
  padding: 30px;
}
.p-40 {
  padding: 40px;
}
.font-weight-bold {
  font-weight: 600;
  color: var(--app-text-strong);
}
.font-italic {
  font-style: italic;
}
.cursor-pointer {
  cursor: pointer;
}
expandable-filter form-field {
  height: 34px;
  margin: 10px 0;
  color: var(--filter-selected-text);
}
expandable-filter form-field icon {
  margin-right: 5px;
  fill: var(--app-text);
}
expandable-filter .button-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
expandable-filter .button-text {
  font-size: 12px;
}
expandable-filter .clear-button {
  color: var(--filter-clear-text);
}
expandable-filter .confirm-button:not(:disabled) {
  color: var(--filter-confirm-text);
}
expandable-filter .label {
  color: var(--filter-label);
  font-size: 14px;
}
.loading-backdrop {
  background: rgba(0, 0, 0, 0.2);
}
.shadow {
  box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.2);
}

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