:root {
    --md-source: #006495 !important;
    --md-ref-palette-primary0: #000000 !important;
    --md-ref-palette-primary10: #001e30 !important;
    --md-ref-palette-primary20: #003450 !important;
    --md-ref-palette-primary25: #003f60 !important;
    --md-ref-palette-primary30: #004b71 !important;
    --md-ref-palette-primary35: #005783 !important;
    --md-ref-palette-primary40: #006495 !important;
    --md-ref-palette-primary50: #0f7eb8 !important;
    --md-ref-palette-primary60: #3d98d4 !important;
    --md-ref-palette-primary70: #5db3f0 !important;
    --md-ref-palette-primary80: #8fcdff !important;
    --md-ref-palette-primary90: #cbe6ff !important;
    --md-ref-palette-primary95: #e6f2ff !important;
    --md-ref-palette-primary98: #f7f9ff !important;
    --md-ref-palette-primary99: #fcfcff !important;
    --md-ref-palette-primary100: #ffffff !important;
    --md-ref-palette-secondary0: #000000 !important;
    --md-ref-palette-secondary10: #0d1d29 !important;
    --md-ref-palette-secondary20: #22323f !important;
    --md-ref-palette-secondary25: #2d3d4b !important;
    --md-ref-palette-secondary30: #394856 !important;
    --md-ref-palette-secondary35: #445462 !important;
    --md-ref-palette-secondary40: #50606f !important;
    --md-ref-palette-secondary50: #697988 !important;
    --md-ref-palette-secondary60: #8293a2 !important;
    --md-ref-palette-secondary70: #9dadbd !important;
    --md-ref-palette-secondary80: #b8c8d9 !important;
    --md-ref-palette-secondary90: #d4e4f6 !important;
    --md-ref-palette-secondary95: #e6f2ff !important;
    --md-ref-palette-secondary98: #f7f9ff !important;
    --md-ref-palette-secondary99: #fcfcff !important;
    --md-ref-palette-secondary100: #ffffff !important;
    --md-ref-palette-tertiary0: #000000 !important;
    --md-ref-palette-tertiary10: #211634 !important;
    --md-ref-palette-tertiary20: #362b4a !important;
    --md-ref-palette-tertiary25: #423656 !important;
    --md-ref-palette-tertiary30: #4d4162 !important;
    --md-ref-palette-tertiary35: #594c6e !important;
    --md-ref-palette-tertiary40: #66587b !important;
    --md-ref-palette-tertiary50: #7f7195 !important;
    --md-ref-palette-tertiary60: #998ab0 !important;
    --md-ref-palette-tertiary70: #b4a4cb !important;
    --md-ref-palette-tertiary80: #d0bfe7 !important;
    --md-ref-palette-tertiary90: #ecdcff !important;
    --md-ref-palette-tertiary95: #f7edff !important;
    --md-ref-palette-tertiary98: #fef7ff !important;
    --md-ref-palette-tertiary99: #fffbff !important;
    --md-ref-palette-tertiary100: #ffffff !important;
    --md-ref-palette-neutral0: #000000 !important;
    --md-ref-palette-neutral10: #1a1c1e !important;
    --md-ref-palette-neutral20: #2e3133 !important;
    --md-ref-palette-neutral25: #3a3c3e !important;
    --md-ref-palette-neutral30: #454749 !important;
    --md-ref-palette-neutral35: #515255 !important;
    --md-ref-palette-neutral40: #5d5e61 !important;
    --md-ref-palette-neutral50: #76777a !important;
    --md-ref-palette-neutral60: #8f9194 !important;
    --md-ref-palette-neutral70: #aaabae !important;
    --md-ref-palette-neutral80: #c6c6c9 !important;
    --md-ref-palette-neutral90: #e2e2e5 !important;
    --md-ref-palette-neutral95: #f0f0f3 !important;
    --md-ref-palette-neutral98: #f9f9fc !important;
    --md-ref-palette-neutral99: #fcfcff !important;
    --md-ref-palette-neutral100: #ffffff !important;
    --md-ref-palette-neutral-variant0: #000000 !important;
    --md-ref-palette-neutral-variant10: #161c22 !important;
    --md-ref-palette-neutral-variant20: #2b3137 !important;
    --md-ref-palette-neutral-variant25: #363c42 !important;
    --md-ref-palette-neutral-variant30: #41474d !important;
    --md-ref-palette-neutral-variant35: #4d5359 !important;
    --md-ref-palette-neutral-variant40: #595f65 !important;
    --md-ref-palette-neutral-variant50: #72787e !important;
    --md-ref-palette-neutral-variant60: #8b9198 !important;
    --md-ref-palette-neutral-variant70: #a6acb3 !important;
    --md-ref-palette-neutral-variant80: #c1c7ce !important;
    --md-ref-palette-neutral-variant90: #dee3ea !important;
    --md-ref-palette-neutral-variant95: #ecf1f9 !important;
    --md-ref-palette-neutral-variant98: #f7f9ff !important;
    --md-ref-palette-neutral-variant99: #fcfcff !important;
    --md-ref-palette-neutral-variant100: #ffffff !important;
    --md-ref-palette-error0: #000000 !important;
    --md-ref-palette-error10: #410002 !important;
    --md-ref-palette-error20: #690005 !important;
    --md-ref-palette-error25: #7e0007 !important;
    --md-ref-palette-error30: #93000a !important;
    --md-ref-palette-error35: #a80710 !important;
    --md-ref-palette-error40: #ba1a1a !important;
    --md-ref-palette-error50: #de3730 !important;
    --md-ref-palette-error60: #ff5449 !important;
    --md-ref-palette-error70: #ff897d !important;
    --md-ref-palette-error80: #ffb4ab !important;
    --md-ref-palette-error90: #ffdad6 !important;
    --md-ref-palette-error95: #ffedea !important;
    --md-ref-palette-error98: #fff8f7 !important;
    --md-ref-palette-error99: #fffbff !important;
    --md-ref-palette-error100: #ffffff !important;
    --md-sys-color-primary-light: #006495 !important;
    --md-sys-color-on-primary-light: #ffffff !important;
    --md-sys-color-primary-container-light: #cbe6ff !important;
    --md-sys-color-on-primary-container-light: #001e30 !important;
    --md-sys-color-secondary-light: #50606f !important;
    --md-sys-color-on-secondary-light: #ffffff !important;
    --md-sys-color-secondary-container-light: #d4e4f6 !important;
    --md-sys-color-on-secondary-container-light: #0d1d29 !important;
    --md-sys-color-tertiary-light: #66587b !important;
    --md-sys-color-on-tertiary-light: #ffffff !important;
    --md-sys-color-tertiary-container-light: #ecdcff !important;
    --md-sys-color-on-tertiary-container-light: #211634 !important;
    --md-sys-color-error-light: #ba1a1a !important;
    --md-sys-color-error-container-light: #ffdad6 !important;
    --md-sys-color-on-error-light: #ffffff !important;
    --md-sys-color-on-error-container-light: #410002 !important;
    --md-sys-color-background-light: #fafafa !important;
    --md-sys-color-on-background-light: #1a1c1e !important;
    --md-sys-color-surface-light: #fcfcff !important;
    --md-sys-color-on-surface-light: #1a1c1e !important;
    --md-sys-color-surface-variant-light: #dee3ea !important;
    --md-sys-color-on-surface-variant-light: #41474d !important;
    --md-sys-color-outline-light: #72787e !important;
    --md-sys-color-inverse-on-surface-light: #f0f0f3 !important;
    --md-sys-color-inverse-surface-light: #2e3133 !important;
    --md-sys-color-inverse-primary-light: #8fcdff !important;
    --md-sys-color-shadow-light: #000000 !important;
    --md-sys-color-surface-tint-light: #006495 !important;
    --md-sys-color-outline-variant-light: #c1c7ce !important;
    --md-sys-color-scrim-light: #000000 !important;
    --md-sys-color-primary-dark: #8fcdff !important;
    --md-sys-color-on-primary-dark: #003450 !important;
    --md-sys-color-primary-container-dark: #004b71 !important;
    --md-sys-color-on-primary-container-dark: #cbe6ff !important;
    --md-sys-color-secondary-dark: #b8c8d9 !important;
    --md-sys-color-on-secondary-dark: #22323f !important;
    --md-sys-color-secondary-container-dark: #394856 !important;
    --md-sys-color-on-secondary-container-dark: #d4e4f6 !important;
    --md-sys-color-tertiary-dark: #d0bfe7 !important;
    --md-sys-color-on-tertiary-dark: #362b4a !important;
    --md-sys-color-tertiary-container-dark: #4d4162 !important;
    --md-sys-color-on-tertiary-container-dark: #ecdcff !important;
    --md-sys-color-error-dark: #ffb4ab !important;
    --md-sys-color-error-container-dark: #93000a !important;
    --md-sys-color-on-error-dark: #690005 !important;
    --md-sys-color-on-error-container-dark: #ffdad6 !important;
    --md-sys-color-background-dark: #2c2c2c !important;
    --md-sys-color-on-background-dark: #e2e2e5 !important;
    --md-sys-color-surface-dark: #1a1c1e !important;
    --md-sys-color-on-surface-dark: #e2e2e5 !important;
    --md-sys-color-surface-variant-dark: #41474d !important;
    --md-sys-color-on-surface-variant-dark: #c1c7ce !important;
    --md-sys-color-outline-dark: #8b9198 !important;
    --md-sys-color-inverse-on-surface-dark: #1a1c1e !important;
    --md-sys-color-inverse-surface-dark: #e2e2e5 !important;
    --md-sys-color-inverse-primary-dark: #006495 !important;
    --md-sys-color-shadow-dark: #000000 !important;
    --md-sys-color-surface-tint-dark: #8fcdff !important;
    --md-sys-color-outline-variant-dark: #41474d !important;
    --md-sys-color-scrim-dark: #000000 !important;
}

:root[theme=light] {
    color-scheme: light !important;
    --md-sys-color-primary: var(--md-sys-color-primary-light) !important;
    --md-sys-color-on-primary: var(--md-sys-color-on-primary-light) !important;
    --md-sys-color-primary-container: var(--md-sys-color-primary-container-light) !important;
    --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-light) !important;
    --md-sys-color-secondary: var(--md-sys-color-secondary-light) !important;
    --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-light) !important;
    --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-light) !important;
    --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-light) !important;
    --md-sys-color-tertiary: var(--md-sys-color-tertiary-light) !important;
    --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-light) !important;
    --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-light) !important;
    --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-light) !important;
    --md-sys-color-error: var(--md-sys-color-error-light) !important;
    --md-sys-color-on-error: var(--md-sys-color-on-error-light) !important;
    --md-sys-color-error-container: var(--md-sys-color-error-container-light) !important;
    --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-light) !important;
    --md-sys-color-outline: var(--md-sys-color-outline-light) !important;
    --md-sys-color-on-background: var(--md-sys-color-on-background-light) !important;
    --md-sys-color-surface: var(--md-sys-color-surface-light) !important;
    --md-sys-color-on-surface: var(--md-sys-color-on-surface-light) !important;
    --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-light) !important;
    --md-sys-color-surface-variant-subtle: #c1c5ca !important; 
    --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-light) !important;
    --md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-light) !important;
    --md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-light) !important;
    --md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-light) !important;
    --md-sys-color-shadow: var(--md-sys-color-shadow-light) !important;
    --md-sys-color-surface-tint: var(--md-sys-color-surface-tint-light) !important;
    --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-light) !important;
    --md-sys-color-scrim: var(--md-sys-color-scrim-light) !important;

    /* STYLES OVERRIDES */
    --md-sys-color-background-sidenav: var(--md-sys-color-background-blue-darken);
    --md-sys-color-sidenav-hover: #1355b8b0;

    --md-sys-color-background-table-head: rgb(13, 71, 161);
    --md-sys-color-background-table-head-hover: rgb(37, 104, 206);

    --md-sys-color-background: #fafafa !important;

    /* CUSTOM STYLES */
    --md-sys-color-on-sidenav: #0d47a1 !important;
    --md-sys-color-on-sidenav-subtle: #7aabfa;

    --md-sys-color-background-widget: white;
    --md-sys-color-background-blue-darken: #0d47a1;

    /*--md-sys-color-background-ticket-header: #cde;
    --md-sys-color-background-ticket-container: #def;

    --md-sys-color-background-responses-private-header: #fddbb5;
    --md-sys-color-background-responses-private: #fef1e1;

    --md-sys-color-background-ticket-closed-header: #c3c9d1;
    --md-sys-color-background-ticket-closed-content: #dee3ea;

    --md-sys-color-background-task-closed: #fccccc;
    --md-sys-color-background-task-closed-content: unset;*/

    --ticket-neutral-background: #fcfcff;
    --ticket-neutral-header-background: #dee3ea;
    --ticket-neutral-body-background: #fcfcff;
    --ticket-neutral-border: #555555;

    --ticket-private-background: #fef1e1;
    --ticket-private-header-background: #fddbb5;
    --ticket-private-body-background: #fef1e1;
    --ticket-private-border: #c3a47e;

    --ticket-open-background: #ddeeff;
    --ticket-open-header-background: #ccddee;
    --ticket-open-body-background: #ddeeff;
    --ticket-open-border: #778899;

    --ticket-active-background: #ddeeff;
    --ticket-active-header-background: #ccddee;
    --ticket-active-body-background: #ddeeff;
    --ticket-active-border: #778899;

    --ticket-closed-background: #ebebeb;
    --ticket-closed-header-background: #dedfdf;
    --ticket-closed-body-background: #ebebeb;
    --ticket-closed-border: #555555;

    --ticket-deleted-background: #fad9d9;
    --ticket-deleted-header-background: #fccccc;
    --ticket-deleted-body-background: #fad9d9;
    --ticket-deleted-border: #a91010;

    --search-box-background: #ffffff;
    --search-box-border: #3d3d6d;

    --button-green: #589859;
    --button-green-disabled: #48734b;

    --button-red: #c81111;
    --button-red-disabled: #b52e2e;

    --mention-color: #07168b;

    --time-picker-background: #6785e0;

    --pure-theme-color: #000000;
    --pure-theme-color-rgb: 0, 0, 0;
    --pure-theme-rev-color: #ffffff;

    --neutral-add-background: #eeeded;

    --md-sys-color-background-chip: rgba(0, 0, 0, .09);

    --md-sys-color-no-data-icon: #c8c8c8;

    --color-private: #fac6c6;

    --workflow-border-color: #777;
    --workflow-border-grid-color: #e1e0e0;

    --right-slide-border-color: #e0e0e0;

    --note-border-color: var(--workflow-border-color);
    --note-on-border-color: white;

    --note-background-color: #d7d752;

    --note-delete-color: #eba3a3;
    --note-add-color: #b6d0f0;
}

:root[theme=dark] {
    color-scheme: dark !important;
    --md-sys-color-primary: var(--md-sys-color-primary-dark) !important;
    --md-sys-color-on-primary: var(--md-sys-color-on-primary-dark) !important;
    --md-sys-color-primary-container: var(--md-sys-color-primary-container-dark) !important;
    --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-dark) !important;
    --md-sys-color-secondary: var(--md-sys-color-secondary-dark) !important;
    --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark) !important;
    --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-dark) !important;
    --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-dark) !important;
    --md-sys-color-tertiary: var(--md-sys-color-tertiary-dark) !important;
    --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark) !important;
    --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-dark) !important;
    --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-dark) !important;
    --md-sys-color-error: var(--md-sys-color-error-dark) !important;
    --md-sys-color-on-error: var(--md-sys-color-on-error-dark) !important;
    --md-sys-color-error-container: var(--md-sys-color-error-container-dark) !important;
    --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-dark) !important;
    --md-sys-color-outline: var(--md-sys-color-outline-dark) !important;
    --md-sys-color-background: var(--md-sys-color-background-dark) !important;
    --md-sys-color-on-background: var(--md-sys-color-on-background-dark) !important;
    --md-sys-color-surface: var(--md-sys-color-surface-dark) !important;
    --md-sys-color-on-surface: var(--md-sys-color-on-surface-dark) !important;
    --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-dark) !important;
    --md-sys-color-surface-variant-subtle: #4d5358 !important; 
    --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-dark) !important;
    --md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-dark) !important;
    --md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-dark) !important;
    --md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-dark) !important;
    --md-sys-color-shadow: var(--md-sys-color-shadow-dark) !important;
    --md-sys-color-surface-tint: var(--md-sys-color-surface-tint-dark) !important;
    --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-dark) !important;
    --md-sys-color-scrim: var(--md-sys-color-scrim-dark) !important;

    /* CUSTOM STYLES */
    --md-sys-color-sidenav-hover: #1355b86e;
    --md-sys-color-background-sidenav: #061731;
    --md-sys-color-background-table-head: #051939;
    --md-sys-color-background-table-head-hover: var(--md-sys-color-background-blue-darken);

    --md-sys-color-on-sidenav: #5d88cc;
    --md-sys-color-on-sidenav-subtle: #7799d1;

    --md-sys-color-background-widget: #192232;
    --md-sys-color-background-blue-darken: #082e6a;

    /*--md-sys-color-background-ticket-header: #2b4b6a;
    --md-sys-color-background-ticket-container: #102941;

    --md-sys-color-background-responses-private-header: #63421e;
    --md-sys-color-background-responses-private: #2b1c0a;

    --md-sys-color-background-task-closed: #601010;
    --md-sys-color-background-task-closed-content: #170808;

    --md-sys-color-background-ticket-closed-header: #41474d;
    --md-sys-color-background-ticket-closed-content: #1a1c1e;*/

    --ticket-neutral-background: #1a1c1e;
    --ticket-neutral-header-background: #41474d;
    --ticket-neutral-body-background: #1a1c1e;
    --ticket-neutral-border: #555555;

    --ticket-private-background: #2b1c0a;
    --ticket-private-header-background: #63421e;
    --ticket-private-body-background: #2b1c0a;
    --ticket-private-border: #85643e;

    --ticket-open-background: #102941;
    --ticket-open-header-background: #2b4b6a;
    --ticket-open-body-background: #102941;
    --ticket-open-border: #778899;

    --ticket-active-background: #102941;
    --ticket-active-header-background: #2b4b6a;
    --ticket-active-body-background: #102941;
    --ticket-active-border: #778899;

    --ticket-closed-background: #1a1c1e;
    --ticket-closed-header-background: #555555;
    --ticket-closed-body-background: #1a1c1e;
    --ticket-closed-border: #555555;

    --ticket-deleted-background: #4b2b2b;
    --ticket-deleted-header-background: #5d2121;
    --ticket-deleted-body-background: #4b2b2b;
    --ticket-deleted-border: #750a0a;

    --search-box-background: #1a1c1e;
    --search-box-border: #343456;

    --button-green: #335534;
    --button-green-disabled: #293a2a;

    --button-red: #553333;
    --button-red-disabled: #3a2929;

    --mention-color: #6e7eff;

    --time-picker-background: #445588;

    --pure-theme-color: #ffffff;
    --pure-theme-color-rgb: 255, 255, 255;
    --pure-theme-rev-color: #000000;
    --neutral-add-background: #3b3b3b;

    --md-sys-color-background-chip: #000;

    --md-sys-color-no-data-icon: #5d5d5d;

    /* CKEditor5 overrides */
    /* Helper variables to avoid duplication in the colors. */
    --ck-custom-background: hsl(270, 1%, 29%) !important;
    --ck-custom-foreground: hsl(255, 3%, 18%) !important;
    --ck-custom-border: hsl(300, 1%, 22%) !important;
    --ck-custom-white: hsl(0, 0%, 100%) !important;
    /* -- Overrides generic colors. ------------------------------------------------------------- */
    --ck-color-base-background: #171717 !important;
    --ck-color-base-foreground: var(--ck-custom-background) !important;
    --ck-color-focus-border: hsl(208, 90%, 62%) !important;
    --ck-color-text: hsl(0, 0%, 98%) !important;
    --ck-color-shadow-drop: hsla(0, 0%, 0%, 0.2) !important;
    --ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1) !important;
    /* -- Overrides the default .ck-button class colors. ---------------------------------------- */
    --ck-color-button-default-background: var(--ck-custom-background) !important;
    --ck-color-button-default-hover-background: hsl(270, 1%, 22%) !important;
    --ck-color-button-default-active-background: hsl(270, 2%, 20%) !important;
    --ck-color-button-default-active-shadow: hsl(270, 2%, 23%) !important;
    --ck-color-button-default-disabled-background: var(--ck-custom-background) !important;
    --ck-color-button-on-background: var(--ck-custom-foreground) !important;
    --ck-color-button-on-hover-background: hsl(255, 4%, 16%) !important;
    --ck-color-button-on-active-background: hsl(255, 4%, 14%) !important;
    --ck-color-button-on-active-shadow: hsl(240, 3%, 19%) !important;
    --ck-color-button-on-disabled-background: var(--ck-custom-foreground) !important;
    --ck-color-button-action-background: hsl(168, 76%, 42%) !important;
    --ck-color-button-action-hover-background: hsl(168, 76%, 38%) !important;
    --ck-color-button-action-active-background: hsl(168, 76%, 36%) !important;
    --ck-color-button-action-active-shadow: hsl(168, 75%, 34%) !important;
    --ck-color-button-action-disabled-background: hsl(168, 76%, 42%) !important;
    --ck-color-button-action-text: var(--ck-custom-white) !important;
    --ck-color-button-save: hsl(120, 100%, 46%) !important;
    --ck-color-button-cancel: hsl(15, 100%, 56%) !important;
    /* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */
    --ck-color-dropdown-panel-background: var(--ck-custom-background) !important;
    --ck-color-dropdown-panel-border: var(--ck-custom-foreground) !important;
    /* -- Overrides the default .ck-splitbutton class colors. ----------------------------------- */
    --ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background) !important;
    --ck-color-split-button-hover-border: var(--ck-custom-foreground) !important;
    /* -- Overrides the default .ck-input class colors. ----------------------------------------- */
    --ck-color-input-background: var(--ck-custom-background) !important;
    --ck-color-input-border: hsl(257, 3%, 43%) !important;
    --ck-color-input-text: hsl(0, 0%, 98%) !important;
    --ck-color-input-disabled-background: hsl(255, 4%, 21%) !important;
    --ck-color-input-disabled-border: hsl(250, 3%, 38%) !important;
    --ck-color-input-disabled-text: hsl(0, 0%, 78%) !important;
    /* -- Overrides the default .ck-labeled-field-view class colors. ---------------------------- */
    --ck-color-labeled-field-label-background: var(--ck-custom-background) !important;
    /* -- Overrides the default .ck-list class colors. ------------------------------------------ */
    --ck-color-list-background: var(--ck-custom-background) !important;
    --ck-color-list-button-hover-background: var(--ck-color-base-foreground) !important;
    /*--ck-color-list-button-on-background: var(--ck-color-base-active);
    --ck-color-list-button-on-background-focus: var(--ck-color-base-active-focus);*/
    --ck-color-list-button-on-text: var(--ck-color-base-background) !important;
    /* -- Overrides the default .ck-balloon-panel class colors. --------------------------------- */
    --ck-color-panel-background: var(--ck-custom-background) !important;
    --ck-color-panel-border: var(--ck-custom-border) !important;
    /* -- Overrides the default .ck-toolbar class colors. --------------------------------------- */
    --ck-color-toolbar-background: var(--ck-custom-background) !important;
    --ck-color-toolbar-border: var(--ck-custom-border) !important;
    /* -- Overrides the default .ck-tooltip class colors. --------------------------------------- */
    --ck-color-tooltip-background: hsl(252, 7%, 14%) !important;
    --ck-color-tooltip-text: hsl(0, 0%, 93%) !important;
    /* -- Overrides the default colors used by the ckeditor5-image package. --------------------- */
    --ck-color-image-caption-background: hsl(0, 0%, 97%) !important;
    --ck-color-image-caption-text: hsl(0, 0%, 20%) !important;
    /* -- Overrides the default colors used by the ckeditor5-widget package. -------------------- */
    --ck-color-widget-blurred-border: hsl(0, 0%, 87%) !important;
    --ck-color-widget-hover-border: hsl(43, 100%, 68%) !important;
    --ck-color-widget-editable-focus-background: var(--ck-custom-white) !important;
    /* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */
    --ck-color-link-default: hsl(190, 100%, 75%) !important;
    /** Overrides Drupal Gin CSS */
    --gin-color-primary-active: var(--ck-custom-white) !important;

    --color-private: #691e1e;

    --workflow-border-color: #ccc;
    --workflow-border-grid-color: #444;

    --right-slide-border-color: #484646;

    --note-border-color: var(--md-sys-color-surface);
    --note-on-border-color: white;

    --note-background-color: #4a4a03;

    --note-delete-color: #c64c4c;
    --note-add-color: rgb(77, 148, 234);
}

.ck-style-grid__button .ck-button__label {
    color: var(--ck-color-base-foreground) !important;;
}

.ck-button.ck-on .ck-button__label {
    color: var(--ck-color-text) !important;;
}

.ph-item {
    background-color: var(--md-sys-color-surface) !important;
}

.ph-picture:not(.empty), .ph-avatar:not(.empty), .ph-row:not(.empty) div:not(.empty) {
    background-color: var(--md-sys-color-surface-variant) !important;
}

.blue.darken-4 {
    background-color: var(--md-sys-color-background-blue-darken) !important;
}

:root[theme=dark] .ph-item::before {
    background: linear-gradient(90deg,
        hsla(0, 0%, 100%, 0) 46%,
        hsl(0deg 3.02% 49.37% / 35%) 50%,
        hsl(0deg 3.15% 14.91% / 0%) 54%) 50% 50%;
}

.input-field input[type='submit']:focus {
    padding-top: 12px !important;
    /*
    Fixes an issue with materialize causing submit buttons to become "smaller"
    */
}

.btn.green:hover{
    background-color: #2e7d32 !important;
}

.btn.blue:hover{
    background-color: #1976d2 !important;
}

.btn.red:hover{
    background-color: #d1382d !important;
}

.btn.orange {
    background-color: #e98d05 !important;
}

.btn.orange:hover{
    background-color: #bd7102 !important;
}

body:has(#loading-overlay:not(.hide)), body:has(#loading-overlay:not(.hide)) * {
    overflow: hidden;
    cursor: wait !important;
    user-select: none !important;
}

#loading-overlay-background {
    position: fixed;
    top: 0;
    left: 0;

    width: 100dvw;
    height: 100dvh;

    background-color: var(--md-sys-color-background);

    z-index: 9998;
}

#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;

    width: 100dvw;
    height: 100dvh;

    background-color: #0000002D;

    & div.circle-clipper {
        border-color: var(--md-sys-color-inverse-surface) !important;
    }

    backdrop-filter: blur(3px);

    z-index: 9999;

    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;

    align-items: center;
    justify-content: center;
}

/*html.noscroll {
    position: unset;
    overflow-y: unset;

    &&::-webkit-scrollbar {
        display: none;
    }
}*/

.btn-theme-pure {
    color: var(--pure-theme-color) !important;
}