:root {
    --color-sf-black: #000;
    --color-sf-white: #fff;
    --color-sf-content-bg-color: #1f1f1f;
    --color-sf-content-bg-color-alt1: #292929;
    --color-sf-content-bg-color-alt2: #141414;
    --color-sf-content-bg-color-alt3: #333;
    --color-sf-content-bg-color-alt4: #0a0a0a;
    --color-sf-content-bg-color-alt5: #000;
    --color-sf-content-bg-color-alt6: #050505;
    --color-sf-content-bg-color-hover: var(--color-sf-content-bg-color-alt3);
    --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-alt2);
    --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
    --color-sf-content-bg-color-selected: #2e2e2e;
    --color-sf-content-bg-color-dragged: var(--color-sf-primary-dark);
    --color-sf-content-bg-color-disabled: #141414;
    --color-sf-flyout-bg-color: var(--color-sf-content-bg-color-alt1);
    --color-sf-flyout-bg-color-hover: #3d3d3d;
    --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
    --color-sf-flyout-bg-color-selected: #383838;
    --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
    --color-sf-overlay-bg-color: rgba(0, 0, 0, 0.4);
    --color-sf-table-bg-color-hover: #383838;
    --color-sf-table-bg-color-pressed: #2e2e2e;
    --color-sf-table-bg-color-selected: var(--color-sf-content-bg-color-selected);
    --color-sf-content-text-color: #fff;
    --color-sf-content-text-color-alt1: #d6d6d6;
    --color-sf-content-text-color-alt2: #adadad;
    --color-sf-content-text-color-alt3: #999;
    --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
    --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
    --color-sf-content-text-color-focus: var(--color-sf-content-text-color);
    --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
    --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
    --color-sf-content-text-color-disabled: #5c5c5c;
    --color-sf-placeholder-text-color: var(--color-sf-content-text-color-alt3);
    --color-sf-flyout-text-color: var(--color-sf-content-text-color);
    --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
    --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
    --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
    --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
    --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
    --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
    --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
    --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
    --color-sf-icon-color: #d6d6d6;
    --color-sf-icon-color-hover: var(--color-sf-content-text-color);
    --color-sf-icon-color-hover-alt: var(--color-sf-content-text-color);
    --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
    --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
    --color-sf-border-light: #525252;
    --color-sf-border: #666;
    --color-sf-border-alt: #adadad;
    --color-sf-border-dark: #757575;
    --color-sf-border-hover: #757575;
    --color-sf-border-pressed: #4d4d4d;
    --color-sf-border-focus: var(--color-sf-border);
    --color-sf-border-selected: #6b6b6b;
    --color-sf-border-dragged: var(--color-sf-primary);
    --color-sf-border-disabled: #424242;
    --color-sf-border-warning: #bc4b09;
    --color-sf-border-error: #dc626d;
    --color-sf-border-success: #9fd89f;
    --color-sf-border-info: #18a4c4;
    --color-sf-spreadsheet-gridline: #e6e6e6;
    --color-sf-flyout-border: #525252;
    --color-sf-primary: rgba(206, 141, 47, 1);
    --color-sf-primary-text-color: #fff;
    --color-sf-primary-light: rgba(222, 167, 87, 1);
    --color-sf-primary-lighter: rgba(230, 193, 127, 1);
    --color-sf-primary-dark: rgba(165, 113, 37, 1);
    --color-sf-primary-darker: rgba(140, 95, 29, 1);
    --color-sf-success: #107c10;
    --color-sf-info: #0099bc;
    --color-sf-warning: #faa06b;
    --color-sf-danger: #dc626d;
    --color-sf-success-light: #094509;
    --color-sf-info-light: #005669;
    --color-sf-warning-light: #4a1e04;
    --color-sf-danger-light: #6e0811;
    --color-sf-success-dark: #c9eac9;
    --color-sf-info-dark: #cdedf4;
    --color-sf-warning-dark: #fee5d7;
    --color-sf-danger-dark: #fee5d7;
    --color-sf-success-light-alt: #052505;
    --color-sf-info-light-alt: #002e38;
    --color-sf-warning-light-alt: #4a1e04;
    --color-sf-danger-light-alt: #3b0509;
    --color-sf-badge-warning: #fde300;
    --color-sf-badge-warning-text: var(--color-sf-black);
    --color-sf-primary-label-color: var(--color-sf-primary);
    --color-sf-primary-cell-selection: rgba(206, 141, 47, 0.2);
    --color-sf-primary-bg-color: var(--color-sf-primary);
    --color-sf-primary-border-color: var(--color-sf-primary);
    --color-sf-primary-text: var(--color-sf-primary-text-color);
    --color-sf-primary-bg-color-hover: rgba(185, 127, 42, 1);
    --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
    --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
    --color-sf-primary-bg-color-pressed: var(--color-sf-primary-dark);
    --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
    --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
    --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
    --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
    --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
    --color-sf-primary-bg-color-disabled: #141414;
    --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
    --color-sf-primary-text-disabled: var(--color-sf-content-text-color-disabled);
    --color-sf-primary-bg-color-selected: rgba(173, 118, 41, 1);
    --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
    --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
    --color-sf-secondary-bg-color: #292929;
    --color-sf-secondary-border-color: var(--color-sf-border);
    --color-sf-secondary-text-color: var(--color-sf-content-text-color);
    --color-sf-secondary-bg-color-hover: #3d3d3d;
    --color-sf-secondary-border-color-hover: #757575;
    --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
    --color-sf-secondary-bg-color-pressed: var(--color-sf-black);
    --color-sf-secondary-border-color-pressed: #6b6b6b;
    --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
    --color-sf-secondary-bg-color-focus: #383838;
    --color-sf-secondary-border-color-focus: #fff;
    --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
    --color-sf-secondary-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
    --color-sf-secondary-border-color-disabled: var(--color-sf-secondary-bg-color-disabled);
    --color-sf-secondary-text-color-disabled: var(--color-sf-content-text-color-disabled);
    --color-sf-secondary-bg-color-selected: #383838;
    --color-sf-secondary-border-color-selected: #707070;
    --color-sf-secondary-text-color-selected: var(--color-sf-content-text-color);
    --color-sf-success-bg-color: #218c21;
    --color-sf-success-border-color: var(--color-sf-success-bg-color);
    --color-sf-success-text: var(--color-sf-primary-text-color);
    --color-sf-success-bg-color-hover: #0e700e;
    --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
    --color-sf-success-text-hover: var(--color-sf-primary-text-color);
    --color-sf-success-bg-color-pressed: #052505;
    --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
    --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
    --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
    --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
    --color-sf-success-text-focus: var(--color-sf-primary-text-color);
    --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
    --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
    --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
    --color-sf-success-bg-color-selected: #094509;
    --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
    --color-sf-success-text-selected: var(--color-sf-primary-text-color);
    --color-sf-warning-bg-color: #f87528;
    --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
    --color-sf-warning-text: #242424;
    --color-sf-warning-bg-color-hover: #de590b;
    --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
    --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
    --color-sf-warning-bg-color-pressed: #4a1e04;
    --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
    --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
    --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
    --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
    --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
    --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
    --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
    --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
    --color-sf-warning-bg-color-selected: #8a3707;
    --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
    --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
    --color-sf-info-bg-color: #18a4c4;
    --color-sf-info-border-color: var(--color-sf-info-bg-color);
    --color-sf-info-text: #242424;
    --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
    --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
    --color-sf-info-text-hover: var(--color-sf-primary-text-color);
    --color-sf-info-bg-color-pressed: #002e38;
    --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
    --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
    --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
    --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
    --color-sf-info-text-focus: var(--color-sf-primary-text-color);
    --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
    --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
    --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
    --color-sf-info-bg-color-selected: #005669;
    --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
    --color-sf-info-text-selected: var(--color-sf-primary-text-color);
    --color-sf-danger-bg-color: #cc2635;
    --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
    --color-sf-danger-text: var(--color-sf-primary-text-color);
    --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
    --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
    --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
    --color-sf-danger-bg-color-pressed: #3b0509;
    --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
    --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
    --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
    --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
    --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
    --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
    --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
    --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
    --color-sf-danger-bg-color-selected: #6e0811;
    --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
    --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
    --color-sf-primary-outline: var(--color-sf-primary);
    --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
    --color-sf-warning-outline: #f7630c;
    --color-sf-danger-outline: #c50f1f;
    --color-sf-success-outline: #107c10;
    --color-sf-info-outline: #0099bc;
    --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
    --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
    --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
    --color-sf-toast-text-color: var(--color-sf-content-text-color);
    --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
    --color-sf-appbar-bg-color-alt1: var(--color-sf-secondary-bg-color);
    --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
    --color-sf-appbar-border-color-alt1: var(--color-sf-secondary-bg-color);
    --color-sf-appbar-hover-bg-color-alt1: transparent;
    --color-sf-appbar-bg-color-alt2: #f5f5f5;
    --color-sf-appbar-color-alt2: #242424;
    --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
    --color-sf-appbar-hover-bg-color-alt2: transparent;
    --color-sf-diagram-palette-background: #e0e0e0;
    --color-sf-diagram-palette-hover-background: #bdbdbd;
    --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
    --color-sf-rating-selected-color: var(--color-sf-primary);
    --color-sf-rating-unrated-color: var(--color-sf-content-text-color-alt2);
    --color-sf-rating-selected-disabled-color: #575757;
    --color-sf-rating-unrated-disabled-color: #4d4d4d;
    --color-sf-rating-selected-hover-color: var(--color-sf-primary-light);
    --color-sf-rating-unrated-hover-color: var(--color-sf-content-text-color-alt1);
    --color-sf-rating-pressed-color: var(--color-sf-primary-dark);
    --color-sf-msg-color: var(--color-sf-content-text-color);
    --color-sf-msg-bg-color: var(--color-sf-content-bg-color-alt2);
    --color-sf-msg-border-color: var(--color-sf-border);
    --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
    --color-sf-msg-bg-color-alt1: transparent;
    --color-sf-msg-border-color-alt1: #666666;
    --color-sf-msg-color-alt2: #242424;
    --color-sf-msg-bg-color-alt2: #c2c2c2;
    --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
    --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
    --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
    --color-sf-msg-icon-color-alt2: #fff;
    --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
    --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
    --color-sf-msg-close-icon-color-alt2: #fff;
    --color-sf-msg-success-color: var(--color-sf-content-text-color);
    --color-sf-msg-success-bg-color: #052505;
    --color-sf-msg-success-border-color: #107c10;
    --color-sf-msg-success-color-alt1: #54b054;
    --color-sf-msg-success-bg-color-alt1: transparent;
    --color-sf-msg-success-border-color-alt1: #218c21;
    --color-sf-msg-success-color-alt2: #fff;
    --color-sf-msg-success-bg-color-alt2: #107c10;
    --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
    --color-sf-msg-success-icon-color: #54b054;
    --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
    --color-sf-msg-success-icon-color-alt2: #fff;
    --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
    --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-content-text-color-alt1);
    --color-sf-msg-success-close-icon-color-alt2: #fff;
    --color-sf-msg-danger-color: var(--color-sf-content-text-color);
    --color-sf-msg-danger-bg-color: #3b0509;
    --color-sf-msg-danger-border-color: #c50f1f;
    --color-sf-msg-danger-color-alt1: #dc626d;
    --color-sf-msg-danger-bg-color-alt1: transparent;
    --color-sf-msg-danger-border-color-alt1: #d33f4c;
    --color-sf-msg-danger-color-alt2: #fff;
    --color-sf-msg-danger-bg-color-alt2: #c50f1f;
    --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
    --color-sf-msg-danger-icon-color: #dc626d;
    --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
    --color-sf-msg-danger-icon-color-alt2: #fff;
    --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
    --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-content-text-color-alt1);
    --color-sf-msg-danger-close-icon-color-alt2: #fff;
    --color-sf-msg-info-color: var(--color-sf-content-text-color);
    --color-sf-msg-info-bg-color: #002e38;
    --color-sf-msg-info-border-color: #0099bc;
    --color-sf-msg-info-color-alt1: #56bfd7;
    --color-sf-msg-info-bg-color-alt1: transparent;
    --color-sf-msg-info-border-color-alt1: #31afdd;
    --color-sf-msg-info-color-alt2: #fff;
    --color-sf-msg-info-bg-color-alt2: #0099bc;
    --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
    --color-sf-msg-info-icon-color: #56bfd7;
    --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
    --color-sf-msg-info-icon-color-alt2: #fff;
    --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
    --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-content-text-color-alt1);
    --color-sf-msg-info-close-icon-color-alt2: #fff;
    --color-sf-msg-warning-color: var(--color-sf-content-text-color);
    --color-sf-msg-warning-bg-color: #411200;
    --color-sf-msg-warning-border-color: #da3b01;
    --color-sf-msg-warning-color-alt1: #e9835e;
    --color-sf-msg-warning-bg-color-alt1: transparent;
    --color-sf-msg-warning-border-color-alt1: #e36537;
    --color-sf-msg-warning-color-alt2: #fff;
    --color-sf-msg-warning-bg-color-alt2: #da3b01;
    --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
    --color-sf-msg-warning-icon-color: #e9835e;
    --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-icon-color);
    --color-sf-msg-warning-icon-color-alt2: #fff;
    --color-sf-msg-warning-close-icon-color: var(--color-sf-content-text-color-alt1);
    --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-content-text-color-alt1);
    --color-sf-msg-warning-close-icon-color-alt2: #fff;
    --color-sf-shadow-color: rgba(255, 255, 255, 0.1);
    --color-sf-shadow-color1: #000;
    --color-sf-link-button: var(--color-sf-primary);
    --color-sf-link-button-hover: var(--color-sf-primary-bg-color-hover);
    --color-sf-link-button-pressed: var(--color-sf-primary-dark);
    --color-sf-link-button-focus: var(--color-sf-link-button-pressed);
    --color-sf-link-button-border-focus: #fff;
    --color-sf-chip-bg-color: #141414;
    --color-sf-chip-border-color: #141414;
    --color-sf-chip-bg-disabled: #141414;
    --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
    --color-sf-secondary-outline-button-text-color-hover: #fff;
    --color-sf-secondary-outline-button-text-color-pressed: #fff;
    --color-sf-secondary-outline-button-text-color-selected: #fff;
    --color-sf-secondary-outline-button-text-color-focus: #fff;
    --color-sf-slider-shadow1: #000;
    --color-sf-slider-shadow2: #666666;
    --color-sf-slider-disabled: #666666;
    --color-sf-slider-border-color: rgba(255, 255, 255, 0);
    --color-sf-slider-bg-disabled: #525252;
    --color-sf-toggle-switch-border-disabled: #141414;
    --color-sf-calendar-icon-color: var(--color-sf-primary-dark);
    --color-sf-calendar-header-text-color-pressed: var(--color-sf-primary-darker);
    --color-sf-calendar-today-bg-color: var(--color-sf-primary-dark);
    --color-sf-dialog-border: #1f1f1f;
    --color-sf-badge-light-bg-color: #333333;
    --color-sf-secondary-badge-border-color: #292929;
    --color-sf-secondary-badge-bg-color: #292929;
    --color-sf-secondary-badge-bg-color-focus: #292929;
    --color-sf-skeleton-bg-color: #575757;
    --color-sf-tab-selected-bg-color-disabled: var(--color-sf-primary-dark);
    --color-sf-tab-selected-text-color-disabled: #a3a3a3;
    --color-sf-ribbon-border-color: #00000000;
    --color-sf-toolbar-icon-color: var(--color-sf-primary);
    --color-sf-contextual-text: #fff;
    --color-sf-cell-selection-bg-color: var(--color-sf-primary-cell-selection);
    --color-sf-document-editor-border-color: #00000000;
    --color-sf-holiday-bg-color: #141414;
    --color-sf-taskbar-bg: rgba(206, 141, 47, 0.3);
    --color-sf-taskbar-border: var(--color-sf-primary);
    --color-sf-taskbar-progress: var(--color-sf-primary-dark);
    --color-sf-sort-bg-color: #333333;

    /* Bootstrap Overrides */

    --bs-body-bg: var(--color-sf-content-bg-color);
    --bs-body-color: var(--color-sf-content-text-color);
    --bs-body-bg-rgb: 31, 31, 31;
    --bs-body-color-rgb: 255, 255, 255;
    --bs-emphasis-color: var(--color-sf-content-text-color);
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: var(--color-sf-content-text-color-alt2);
    --bs-secondary-color-rgb: 173, 173, 173;
    --bs-secondary-bg: var(--color-sf-secondary-bg-color);
    --bs-secondary-bg-rgb: 41, 41, 41;
    --bs-tertiary-color: var(--color-sf-content-text-color-alt3);
    --bs-tertiary-color-rgb: 153, 153, 153;
    --bs-tertiary-bg: var(--color-sf-content-bg-color-alt3);
    --bs-tertiary-bg-rgb: 51, 51, 51;
    --bs-link-color: var(--color-sf-primary);
    --bs-link-color-rgb: 206, 141, 47;
    --bs-link-hover-color: var(--color-sf-link-button-hover);
    --bs-link-hover-color-rgb: 185, 127, 42;
    --bs-border-color: var(--color-sf-border);
    --bs-border-color-rgb: 102, 102, 102;
    --bs-border-color-translucent: rgba(var(--bs-border-color-rgb), 0.175);
    --bs-primary: var(--color-sf-primary);
    --bs-primary-rgb: 206, 141, 47;
    --bs-primary-text-emphasis: var(--color-sf-primary-text-color);
    --bs-primary-bg-subtle: var(--color-sf-primary-lighter);
    --bs-primary-border-subtle: var(--color-sf-primary-light);
    --bs-secondary: var(--color-sf-secondary-bg-color);
    --bs-secondary-rgb: 41, 41, 41;
    --bs-secondary-text-emphasis: var(--color-sf-secondary-text-color);
    --bs-secondary-bg-subtle: var(--color-sf-content-bg-color-alt3);
    --bs-secondary-border-subtle: var(--color-sf-border-light);
    --bs-success: var(--color-sf-success);
    --bs-success-rgb: 16, 124, 16;
    --bs-success-text-emphasis: var(--color-sf-success-text);
    --bs-success-bg-subtle: var(--color-sf-success-light-alt);
    --bs-success-border-subtle: var(--color-sf-success-bg-color-pressed);
    --bs-info: var(--color-sf-info);
    --bs-info-rgb: 0, 153, 188;
    --bs-info-text-emphasis: var(--color-sf-info-text);
    --bs-info-bg-subtle: var(--color-sf-info-light-alt);
    --bs-info-border-subtle: var(--color-sf-info-bg-color-pressed);
    --bs-warning: var(--color-sf-warning);
    --bs-warning-rgb: 250, 160, 107;
    --bs-warning-text-emphasis: var(--color-sf-warning-text);
    --bs-warning-bg-subtle: var(--color-sf-warning-light-alt);
    --bs-warning-border-subtle: var(--color-sf-warning-bg-color-pressed);
    --bs-danger: var(--color-sf-danger);
    --bs-danger-rgb: 220, 98, 109;
    --bs-danger-text-emphasis: var(--color-sf-danger-text);
    --bs-danger-bg-subtle: var(--color-sf-danger-light-alt);
    --bs-danger-border-subtle: var(--color-sf-danger-bg-color-pressed);
    --bs-light: var(--color-sf-content-bg-color-alt1);
    --bs-light-rgb: 41, 41, 41;
    --bs-light-text-emphasis: var(--color-sf-content-text-color-alt1);
    --bs-light-bg-subtle: var(--color-sf-content-bg-color-alt3);
    --bs-light-border-subtle: var(--color-sf-border-light);
    --bs-dark: var(--color-sf-content-bg-color-alt2);
    --bs-dark-rgb: 20, 20, 20;
    --bs-dark-text-emphasis: var(--color-sf-content-text-color);
    --bs-dark-bg-subtle: var(--color-sf-content-bg-color-alt4);
    --bs-dark-border-subtle: var(--color-sf-content-bg-color-alt6);
    --bs-gray-100: var(--color-sf-content-bg-color-alt3);
    --bs-gray-200: var(--color-sf-content-bg-color-alt2);
    --bs-gray-300: var(--color-sf-content-bg-color-alt1);
    --bs-gray-400: var(--color-sf-content-bg-color);
    --bs-gray-500: var(--color-sf-content-text-color-alt3);
    --bs-gray-600: var(--color-sf-content-text-color-alt2);
    --bs-gray-700: var(--color-sf-content-text-color-alt1);
    --bs-gray-800: var(--color-sf-content-text-color);
    --bs-gray-900: var(--color-sf-white);
}

html, body {
    /*height: 100%;*/
    /*font-family: "Segoe UI",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",sans-serif*/
    font-family: 'Montserrat', sans-serif;
}

body {
    overflow-x: hidden;
}

* {
    min-width: 0;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}

/* ===== PRELOADER ===== */

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

.loading-progress circle {
    fill: none;
    stroke: #e0e0e0;
    stroke-width: 0.6rem;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
}

.loading-progress circle:last-child {
    stroke: var(--color-sf-primary);
    stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
    transition: stroke-dasharray 0.05s ease-in-out;
}

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: 3.25rem 0 auto 0.2rem;
    margin: 20vh auto 1rem auto;
    color: var(--color-sf-primary-text-color);
}

.loading-progress-text:after {
    content: var(--blazor-load-percentage-text, "Mabilis");
}

/* ===== OVERRIDES DE FONTES ===== */

.e-control,
.e-css,
.e-error, input.e-input,
textarea.e-input,
.e-input-group,
.e-input-group.e-control-wrapper,
.e-input-group.e-disabled,
.e-input-group.e-control-wrapper.e-disabled,
.e-float-input,
.e-float-input.e-control-wrapper,
.e-float-input.e-disabled,
.e-float-input.e-control-wrapper.e-disabled,
.e-float-input.e-input-group.e-disabled,
.e-float-input.e-input-group.e-control-wrapper.e-disabled,
.e-spinner-pane .e-spinner-inner .e-spin-label,
.e-popup.e-ddl .e-dropdownbase.e-nodata,
.e-popup.e-mention .e-dropdownbase.e-nodata ,
.e-dropdownbase .e-list-item ,
.e-dropdownbase .e-list-group-item,
.e-fixed-head,
.e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header,
.e-ddl.e-popup.e-multiselect-group .e-list-group-item,
.e-avatar,
.e-badge,
.e-btn,
.e-css.e-btn ,
.e-card ,
.e-card .e-card-actions .e-card-btn,
.e-card .e-card-actions a ,
.e-checkbox-wrapper .e-label,
.e-css.e-checkbox-wrapper .e-label ,
.e-tooltip-wrap .e-tip-content ,
.e-control-wrapper.e-slider-container .e-scale ,
.e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value,
.e-contextmenu-wrapper ul.e-ul,
.e-contextmenu-container ul.e-ul,
.e-dashboardlayout.e-control .e-panel .e-panel-header,
.e-radio+label .e-label,
.e-switch-wrapper .e-switch-on,
.e-switch-wrapper .e-switch-off,
.e-css.e-switch-wrapper .e-switch-on,
.e-css.e-switch-wrapper .e-switch-off,
.e-listview,
.e-control-wrapper.e-mask .e-maskedtextbox,
.e-upload.e-control-wrapper,
.e-bigger.e-small .e-upload.e-control-wrapper,
.e-tab .e-tab-header .e-toolbar-item .e-tab-text,
.e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
.e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before,
.e-tab-clone-element .e-tab-text,
.e-treeview.e-drag-item,
.e-menu-wrapper .e-menu-header,
.e-menu-container .e-menu-header,
.e-multi-select-wrapper input[type=text],
.e-multiselect.e-filled .e-multi-select-wrapper input[type=text],
.e-multi-select-wrapper .e-delim-values,
.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
.e-multi-select-wrapper .e-chips>.e-chipcontent,
.e-listbox-wrapper,
.e-listbox-container,
.e-listboxtool-wrapper,
.e-splitter.e-splitter-horizontal .e-pane,
.e-splitter.e-splitter-vertical .e-pane,
.e-grid,
.e-grid .e-row .e-input-group .e-input.e-field,
.e-grid .e-row .e-input-focus .e-input.e-field,
.e-bigger .e-grid .e-row .e-input-group .e-input.e-field,
.e-bigger .e-grid .e-row .e-input-focus .e-input.e-field,
.e-grid.e-bigger .e-row .e-input-group .e-input.e-field,
.e-grid.e-bigger .e-row .e-input-focus .e-input.e-field,
.e-richtexteditor .e-linkheader,
.e-richtexteditor .e-audioheader,
.e-richtexteditor .e-videoheader,
.e-richtexteditor .e-video-url-wrap,
.e-rte-elements .e-linkheader,
.e-rte-elements .e-audioheader,
.e-rte-elements .e-videoheader,
.e-rte-elements .e-video-url-wrap,
.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
.e-dialog .e-img-uploadwrap .e-droptext,
.e-dialog .e-aud-uploadwrap .e-droptext,
.e-dialog .e-vid-uploadwrap .e-droptext,
.e-dialog.e-device .e-vid-uploadwrap .e-droptext,
.e-rte-elements.e-slash-menu .e-slash-menu-icon,
.e-rte-table-popup .e-rte-popup-header,
.e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
.e-inplaceeditor .e-editable-value-container .e-editable-value,
.e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title,
.e-pv-form-field-property-header ,
.e-pv-form-field-property-header-general,
.e-pv-properties-formfield-label,
.e-pivot-calc-dialog-div .e-treeview ul li .e-list-text,
.e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-list-text,
.e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul li .e-list-text,
.e-pivotfieldlist-container .e-member-editor-dialog .e-select-all-container ul li .e-list-text,
.e-button-drag-clone,
.e-pivotfieldlist-container,
.e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li .e-list-text,
.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list ul li .e-list-text,
.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-radio-wrapper .e-label,
.e-pivotview .e-member-editor-dialog .e-select-all-container ul li .e-list-text,
.e-pivotview .e-member-editor-dialog .e-member-editor-container ul li .e-list-text,
.e-pivottooltip p,
.e-query-builder .e-summary-text,
.e-message {
    font-family: 'Montserrat', sans-serif;
}

/* ===== REMOVER DROPZONE DO FILE UPLOAD ===== */

.e-upload .e-file-drop {
    display: none;
}

.e-upload .e-file-select-wrap {
    display: flex;
    justify-content: center;
}

/* ===== GRID RESPONSIVO - MULTILINHA ===== */

.e-grid.e-row-responsive .e-gridcontent td.e-rowcell {
    padding: 12px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;

    height: auto !important;
    border-bottom: 1px solid var(--color-sf-border-light);
}

.e-grid.e-row-responsive .e-gridcontent td.e-rowcell::before {
    position: static !important;
    width: auto !important;

    white-space: normal !important;
    word-break: break-word !important;
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--color-sf-content-text-color);
}

.e-grid.e-row-responsive .e-gridcontent td.e-rowcell {
    white-space: normal !important;
    word-break: break-word !important;
    color: var(--color-sf-content-text-color);
}

.e-grid.e-row-responsive td.e-rowcell.e-hide {
    display: none !important;
}

.e-grid.e-row-responsive .e-tableborder {
    border-right: none;
}

/* ===== FIXED TOP / BOTTOM Z-INDEX ===== */

.fixed-bottom, .fixed-top {
    z-index: 1000;
}

/* ===== SPINNER BUTTON ===== */
.e-progress-btn .e-spinner-pane .e-spinner-inner .e-spin-fluent2 .e-path-circle {
    stroke: var(--color-sf-primary) !important
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--color-sf-link-button-focus)
}

.nav {
    --bs-nav-link-color: var(--color-sf-link-button);
    --bs-nav-link-hover-color: var(--color-sf-link-button-hover);
}

/* ===== TABS ===== */
.e-tab, .e-tab > .e-content, .e-tab > .e-content > .e-item {
    display: flex !important;
    flex-grow: 1 !important;
    flex-direction: column !important;
}

/* ==== TOOLBAR ==== */
.e-toolbar-item .e-dropdown-btn, .e-toolbar-item .e-btn {
    background: var(--color-sf-content-bg-color-alt1);
    box-shadow: none;
    color: var(--color-sf-content-text-color);
    border: none;
    font-size: 14px;
    font-weight: 400;
    min-height: 32px;
}

.e-toolbar-item .e-btn span:before {
    font-size: 16px;
}

.e-toolbar-item .e-dropdown-btn:not(:disabled):hover, .e-toolbar-item .e-btn:not(:disabled):hover {
    background: var(--color-sf-content-bg-color-hover);
    border-color: var(--color-sf-icon-color);
    border-style: solid;
    border-width: 0;
    border-radius: 4px;
    color: var(--color-sf-toolbar-icon-color)
}

.e-toolbar-item .e-dropdown-btn:focus, .e-toolbar-item .e-btn:focus {
    background: var(--color-sf-content-bg-color-focus);
    border-radius: 4px;
    color: var(--color-sf-content-text-color);
    border-color: var(--color-sf-icon-color);
    border-style: solid;
    border-width: 0;
    box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color),inset 0 0 0 2px var(--color-sf-shadow-color1)
}

.e-toolbar-item .e-dropdown-btn:active, .e-toolbar-item .e-btn:active {
    background: var(--color-sf-content-bg-color-pressed);
    border-color: var(--color-sf-border-light);
    border-style: solid;
    border-width: 0;
    border-radius: 4px;
    box-shadow: none;
    color: var(--color-sf-toolbar-icon-color)
}

/* ==== DISBLE GRID ==== */
.grid-wrapper.disabled {
    opacity: 0.5;
    pointer-events: none;
    touch-action: none;
    cursor: not-allowed;
}

/*.e-toolbar-item .e-dropdown-btn.e-overlay>*, .e-toolbar-item .e-btn.e-overlay>* {*/
/*    pointer-events: none*/
/*}*/

/* ==== Radio Button ==== */
.form-check-input {
    accent-color: var(--bs-primary);
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.form-check-input:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), .25);
}