@syncfusion/ej2-filemanager 25.2.3 → 26.1.35

package/styles/file-manager/fluent2.css

@@ -0,0 +1,2872 @@
+:root {
+  --color-sf-black: #000;
+  --color-sf-white: #fff;
+  --color-sf-primary: #0f6cbd;
+  --color-sf-primary-text-color: #fff;
+  --color-sf-primary-light: #b4d6fa;
+  --color-sf-primary-lighter: #ebf3fc;
+  --color-sf-primary-dark: #0f548c;
+  --color-sf-primary-darker: #0c3b5e;
+  --color-sf-success: #0e700e;
+  --color-sf-info: #008aa9;
+  --color-sf-warning: #bc4b09;
+  --color-sf-danger: #b10e1c;
+  --color-sf-success-light: #54b054;
+  --color-sf-info-light: #56bfd7;
+  --color-sf-warning-light: #fee5d7;
+  --color-sf-danger-light: #eeacb2;
+  --color-sf-success-dark: #54b054;
+  --color-sf-info-dark: #56bfd7;
+  --color-sf-warning-dark: #8a3707;
+  --color-sf-danger-dark: #6e0811;
+  --color-sf-success-light-alt: #f1faf1;
+  --color-sf-info-light-alt: #f2fafc;
+  --color-sf-warning-light-alt: #fff9f5;
+  --color-sf-danger-light-alt: #fdf3f4;
+  --color-sf-badge-warning: #fde300;
+  --color-sf-badge-warning-text: #847619;
+  --color-sf-primary-label-color: var(--color-sf-primary);
+  --color-sf-primary-cell-selection: var(--color-sf-primary-lighter);
+  --color-sf-brand-primary: #7e56d8;
+  --color-sf-brand-primary-d10: #6e41d3;
+  --color-sf-content-bg-color: #fafafa;
+  --color-sf-content-bg-color-alt1: #fff;
+  --color-sf-content-bg-color-alt2: #f5f5f5;
+  --color-sf-content-bg-color-alt3: #e6e6e6;
+  --color-sf-content-bg-color-alt4: #f0f0f0;
+  --color-sf-content-bg-color-alt5: #ebebeb;
+  --color-sf-content-bg-color-alt6: #e6e6e6;
+  --color-sf-content-bg-color-hover: #f0f0f0;
+  --color-sf-content-bg-color-pressed: #dbdbdb;
+  --color-sf-content-bg-color-focus: #f0f0f0;
+  --color-sf-content-bg-color-selected: #e6e6e6;
+  --color-sf-content-bg-color-dragged: #ebf3fc;
+  --color-sf-content-bg-color-disabled: #f0f0f0;
+  --color-sf-flyout-bg-color: #fff;
+  --color-sf-flyout-bg-color-hover: #f5f5f5;
+  --color-sf-flyout-bg-color-pressed: #e0e0e0;
+  --color-sf-flyout-bg-color-selected: #ebebeb;
+  --color-sf-flyout-bg-color-focus: #f5f5f5;
+  --color-sf-overlay-bg-color: #000;
+  --color-sf-table-bg-color-hover: #f5f5f5;
+  --color-sf-table-bg-color-pressed: #e0e0e0;
+  --color-sf-table-bg-color-selected: #ebf3fc;
+  --color-sf-content-text-color: #242424;
+  --color-sf-content-text-color-alt1: #424242;
+  --color-sf-content-text-color-alt2: #616161;
+  --color-sf-content-text-color-alt3: #707070;
+  --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: #bdbdbd;
+  --color-sf-placeholder-text-color: #707070;
+  --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: var(--color-sf-content-text-color-alt1);
+  --color-sf-icon-color-hover: 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: #e0e0e0;
+  --color-sf-border: #d1d1d1;
+  --color-sf-border-alt: #616161;
+  --color-sf-border-dark: #c7c7c7;
+  --color-sf-border-hover: #575757;
+  --color-sf-border-pressed: #4d4d4d;
+  --color-sf-border-focus: var(--color-sf-border);
+  --color-sf-border-selected: #b3b3b3;
+  --color-sf-border-dragged: #ebf3fc;
+  --color-sf-border-disabled: var(--color-sf-border-light);
+  --color-sf-border-warning: #da3b01;
+  --color-sf-border-error: #c50f1f;
+  --color-sf-border-success: #107c10;
+  --color-sf-border-info: #0099bc;
+  --color-sf-spreadsheet-gridline: var(--color-sf-content-bg-color-alt3);
+  --color-sf-flyout-border: var(--color-sf-border-light);
+  --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: #115ea3;
+  --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: #0c3b5e;
+  --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: #f0f0f0;
+  --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
+  --color-sf-primary-text-disabled: #b8b8b8;
+  --color-sf-primary-bg-color-selected: #0f548c;
+  --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: #fff;
+  --color-sf-secondary-border-color: #d1d1d1;
+  --color-sf-secondary-text-color: var(--color-sf-content-text-color);
+  --color-sf-secondary-bg-color-hover: #f5f5f5;
+  --color-sf-secondary-border-color-hover: #c7c7c7;
+  --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
+  --color-sf-secondary-bg-color-pressed: #e0e0e0;
+  --color-sf-secondary-border-color-pressed: #b3b3b3;
+  --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
+  --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color);
+  --color-sf-secondary-border-color-focus: #000;
+  --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
+  --color-sf-secondary-bg-color-disabled: #f0f0f0;
+  --color-sf-secondary-border-color-disabled: #e0e0e0;
+  --color-sf-secondary-text-color-disabled: #bdbdbd;
+  --color-sf-secondary-bg-color-selected: #ebebeb;
+  --color-sf-secondary-border-color-selected: #bdbdbd;
+  --color-sf-secondary-text-color-selected: #242424;
+  --color-sf-success-bg-color: #107c10;
+  --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: #0c5e0c;
+  --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: #f7630c;
+  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
+  --color-sf-warning-text: var(--color-sf-content-text-color);
+  --color-sf-warning-bg-color-hover: #bc4b09;
+  --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: #bc4b09;
+  --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: #31afcc;
+  --color-sf-info-border-color: var(--color-sf-info-bg-color);
+  --color-sf-info-text: var(--color-sf-content-text-color);
+  --color-sf-info-bg-color-hover: #008aa9;
+  --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: #00748f;
+  --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: #c50f1f;
+  --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: #960b18;
+  --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: var(--color-sf-warning-border-color);
+  --color-sf-danger-outline: var(--color-sf-danger-border-color);
+  --color-sf-success-outline: var(--color-sf-success-border-color);
+  --color-sf-info-outline: var(--color-sf-info-border-color);
+  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
+  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
+  --color-sf-toooltip-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-content-bg-color-alt2);
+  --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
+  --color-sf-appbar-hover-bg-color-alt1: transparent;
+  --color-sf-appbar-bg-color-alt2: #141414;
+  --color-sf-appbar-color-alt2: var(--color-sf-content-bg-color-alt1);
+  --color-sf-appbar-border-color-alt2: #141414;
+  --color-sf-appbar-hover-bg-color-alt2: transparent;
+  --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
+  --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
+  --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
+  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-disabled-color: #b3b3b3;
+  --color-sf-rating-unrated-disabled-color: #b3b3b3;
+  --color-sf-rating-selected-hover-color: #115ea3;
+  --color-sf-rating-unrated-hover-color: #0f6cbd;
+  --color-sf-rating-pressed-color: #0f548c;
+  --color-sf-msg-color: var(--color-sf-content-text-color);
+  --color-sf-msg-bg-color: #f5f5f5;
+  --color-sf-msg-border-color: #d1d1d1;
+  --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-bg-color-alt1: transparent;
+  --color-sf-msg-border-color-alt1: #d1d1d1;
+  --color-sf-msg-color-alt2: #fff;
+  --color-sf-msg-bg-color-alt2: #616161;
+  --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: #f1faf1;
+  --color-sf-msg-success-border-color: #9fd89f;
+  --color-sf-msg-success-color-alt1: var(--color-sf-success);
+  --color-sf-msg-success-bg-color-alt1: transparent;
+  --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
+  --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: #0e700e;
+  --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-msg-success-close-icon-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: #fdf3f4;
+  --color-sf-msg-danger-border-color: #eeacb2;
+  --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
+  --color-sf-msg-danger-bg-color-alt1: transparent;
+  --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
+  --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: #b10e1c;
+  --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-msg-danger-close-icon-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: #f2fafc;
+  --color-sf-msg-info-border-color: #a4deeb;
+  --color-sf-msg-info-color-alt1: var(--color-sf-info);
+  --color-sf-msg-info-bg-color-alt1: transparent;
+  --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
+  --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: #008aa9;
+  --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-msg-info-close-icon-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: #fdf6f3;
+  --color-sf-msg-warning-border-color: #f4bfab;
+  --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
+  --color-sf-msg-warning-bg-color-alt1: transparent;
+  --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
+  --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: #c43501;
+  --color-sf-msg-warning-icon-color-alt1: --color-sf-msg-warning-icon-color;
+  --color-sf-msg-warning-icon-color-alt2: #fff;
+  --color-sf-msg-warning-close-icon-color: --color-sf-content-text-color-alt1;
+  --color-sf-msg-warning-close-icon-color-alt1: --color-sf-msg-warning-close-icon-color-alt1;
+  --color-sf-msg-warning-close-icon-color-alt2: #fff;
+  --color-sf-utility-primary-lighter: #f9f5ff;
+  --color-sf-utility-success-lighter: #aaefc6;
+  --color-sf-utility-info-lighter: #b9e6fe;
+  --color-sf-utility-warning-lighter: #fede88;
+  --color-sf-utility-danger-lighter: #fecdc9;
+  --color-sf-fg-white: #fff;
+  --color-sf-shadow-color: #000;
+  --color-sf-shadow-color1: #fff;
+  --color-sf-link-button: var(--color-sf-primary);
+  --color-sf-link-button-hover: #115ea3;
+  --color-sf-link-button-pressed: #0c3b5e;
+  --color-sf-link-button-focus: #0f6cbd;
+  --color-sf-link-button-border-focus: #242424;
+  --color-sf-chip-bg-color: #f5f5f5;
+  --color-sf-chip-border-color: rgba(0, 0, 0, 0);
+  --color-sf-chip-bg-disabled: #f0f0f0;
+  --color-sf-chip-border-disabled: #fff;
+  --color-sf-secondary-outline-button-text-color-hover: #242424;
+  --color-sf-secondary-outline-button-text-color-pressed: #242424;
+  --color-sf-secondary-outline-button-text-color-selected: #242424;
+  --color-sf-secondary-outline-button-text-color-focus: #242424;
+  --color-sf-slider-shadow1: #fff;
+  --color-sf-slider-shadow2: #d1d1d1;
+  --color-sf-slider-disabled: #d1d1d1;
+  --color-sf-slider-border-color: rgba(255, 255, 255, 0);
+  --color-sf-slider-bg-disabled: #e0e0e0;
+  --color-sf-toggle-switch-border-disabled: #f0f0f0;
+  --color-sf-calendar-icon-color: #0f6ebd;
+  --color-sf-calendar-header-text-color-pressed: #0f548c;
+  --color-sf-calendar-today-bg-color: #0f63bd;
+  --color-sf-dialog-border: #fafafa;
+  --color-sf-badge-light-bg-color: #e6e6e6;
+  --color-sf-secondary-badge-border-color: #fff;
+  --color-sf-secondary-badge-bg-color: #fff;
+  --color-sf-secondary-badge-bg-color-focus: #fff;
+  --color-sf-skeleton-bg-color: #e6e6e6;
+  --color-sf-tab-selected-bg-color-disabled: #0f6ebd;
+  --color-sf-tab-selected-text-color-disabled: #bdbdbd;
+  --color-sf-ribbon-border-color: #00000000;
+  --color-sf-toolbar-icon-color: #0f6cbd;
+  --color-sf-contextual-text: #616161;
+  --color-sf-cell-selection-bg-color: #ebf3fc;
+  --color-sf-document-editor-border-color: #00000000;
+}
+
+.e-dark-mode {
+  --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: #08233b;
+  --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($black, .4);
+  --color-sf-table-bg-color-hover: #383838;
+  --color-sf-table-bg-color-pressed: #2e2e2e;
+  --color-sf-table-bg-color-selected: #082338;
+  --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-colo);
+  --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-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: #08233b;
+  --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: #115ea3;
+  --color-sf-primary-text-color: #fff;
+  --color-sf-primary-light: #0e4775;
+  --color-sf-primary-lighter: #082338;
+  --color-sf-primary-dark: #62abf5;
+  --color-sf-primary-darker: #96c6fa;
+  --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: #fde300;
+  --color-sf-primary-label-color: #479ef5;
+  --color-sf-primary-cell-selection: #ebf3fc;
+  --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: #0f6cbd;
+  --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: #0c3b5e;
+  --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: #0f548c;
+  --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: var(--color-sf-success-bg-color);
+  --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: var(--color-sf-warning-bg-color);
+  --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-toooltip-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-content-bg-color-alt2);
+  --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
+  --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-content-text-color);
+  --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-disabled-color: #575757;
+  --color-sf-rating-unrated-disabled-color: #4d4d4d;
+  --color-sf-rating-selected-hover-color: #2886de;
+  --color-sf-rating-unrated-hover-color: #115ea3;
+  --color-sf-rating-pressed-color: #479ef5;
+  --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: var(--color-sf-msg-bg-color);
+  --color-sf-msg-color-alt2: #242424;
+  --color-sf-msg-bg-color-alt2: #adadad;
+  --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: var(--color-sf-success);
+  --color-sf-msg-success-bg-color-alt1: transparent;
+  --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-color);
+  --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-msg-success-close-icon-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: var(--color-sf-danger);
+  --color-sf-msg-danger-bg-color-alt1: transparent;
+  --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
+  --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-msg-danger-close-icon-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: var(--color-sf-info);
+  --color-sf-msg-info-bg-color-alt1: transparent;
+  --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
+  --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-msg-info-close-icon-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: var(--color-sf-warning);
+  --color-sf-msg-warning-bg-color-alt1: transparent;
+  --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
+  --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-msg-warning-close-icon-color-alt1);
+  --color-sf-msg-warning-close-icon-color-alt2: #fff;
+  --color-sf-shadow-color: #fff;
+  --color-sf-shadow-color1: #000;
+  --color-sf-link-button: var(--color-sf-primary);
+  --color-sf-link-button-hover: #0f6cbd;
+  --color-sf-link-button-pressed: #115ea3;
+  --color-sf-link-button-focus: #115ea3;
+  --color-sf-link-button-border-focus: #fff;
+  --color-sf-chip-bg-color: #141414;
+  --color-sf-chip-border-color: rgba(0, 0, 0, 0);
+  --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: #1153a3;
+  --color-sf-calendar-header-text-color-pressed: #62abf5;
+  --color-sf-calendar-today-bg-color: #1153a3;
+  --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: #115ea3;
+  --color-sf-tab-selected-text-color-disabled: #a3a3a3;
+  --color-sf-ribbon-border-color: #00000000;
+  --color-sf-toolbar-icon-color: #479ef5;
+  --color-sf-contextual-text: #fff;
+  --color-sf-cell-selection-bg-color: #08233b;
+  --color-sf-document-editor-border-color: #00000000;
+}
+
+.e-high-contrast {
+  --color-sf-black: #000;
+  --color-sf-white: #fff;
+  --color-sf-content-bg-color: #000;
+  --color-sf-content-bg-color-alt1: var(--color-sf-black);
+  --color-sf-content-bg-color-alt2: var(--color-sf-black);
+  --color-sf-content-bg-color-alt3: var(--color-sf-black);
+  --color-sf-content-bg-color-alt4: var(--color-sf-black);
+  --color-sf-content-bg-color-alt5: var(--color-sf-black);
+  --color-sf-content-bg-color-alt6: var(--color-sf-black);
+  --color-sf-content-bg-color-hover: #1aebff;
+  --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-hover);
+  --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
+  --color-sf-content-bg-color-selected: var(--color-sf-content-bg-color-hover);
+  --color-sf-content-bg-color-dragged: #fff;
+  --color-sf-content-bg-color-disabled: #000000;
+  --color-sf-flyout-bg-color: var(--color-sf-black);
+  --color-sf-flyout-bg-color-hover: var(--color-sf-content-bg-color-hover);
+  --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
+  --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
+  --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
+  --color-sf-overlay-bg-color: rgba($black, .4);
+  --color-sf-table-bg-color-hover: var(--color-sf-black);
+  --color-sf-table-bg-color-pressed: var(--color-sf-black);
+  --color-sf-table-bg-color-selected: var(--color-sf-black);
+  --color-sf-content-text-color: #fff;
+  --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
+  --color-sf-content-text-color-alt3: var(--color-sf-content-text-color);
+  --color-sf-content-text-color-hover: #000;
+  --color-sf-content-text-color-pressed: var(--color-sf-content-text-color-hover);
+  --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
+  --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
+  --color-sf-content-text-color-dragged: #000;
+  --color-sf-content-text-color-disabled: var(--color-sf-content-bg-color-disabled);
+  --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
+  --color-sf-flyout-text-color: var(--color-sf-content-text-color);
+  --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
+  --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color-hover);
+  --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
+  --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
+  --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-hover);
+  --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
+  --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
+  --color-sf-icon-color: #fff;
+  --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
+  --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
+  --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
+  --color-sf-border-light: #fff;
+  --color-sf-border: var(--color-sf-border-light);
+  --color-sf-border-alt: var(--color-sf-border-light);
+  --color-sf-border-dark: var(--color-sf-border-light);
+  --color-sf-border-hover: #1aebff;
+  --color-sf-border-pressed: var(--color-sf-border-hover);
+  --color-sf-border-focus: var(--color-sf-border-hover);
+  --color-sf-border-selected: var(--color-sf-border-hover);
+  --color-sf-border-dragged: var(--color-sf-border-light);
+  --color-sf-border-disabled: #fff;
+  --color-sf-border-warning: #f7630c;
+  --color-sf-border-error: #c50f1f;
+  --color-sf-border-success: #107c10;
+  --color-sf-border-info: #0099bc;
+  --color-sf-spreadsheet-gridline: var(--color-sf-border-light);
+  --color-sf-flyout-border: var(--color-sf-border-light);
+  --color-sf-primary: #1aebff;
+  --color-sf-primary-text-color: #000;
+  --color-sf-primary-light: rgba(26, 235, 255, .8);
+  --color-sf-primary-lighter: var(--color-sf-primary-light);
+  --color-sf-primary-dark: var(--color-sf-primary);
+  --color-sf-primary-darker: var(--color-sf-primary);
+  --color-sf-success: #107c10;
+  --color-sf-info: #0099bc;
+  --color-sf-warning: #f7630c;
+  --color-sf-danger: #c50f1f;
+  --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: #f6d1d5;
+  --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: #fde300;
+  --color-sf-primary-label-color: #1aebff;
+  --color-sf-primary-cell-selection: rgba(26, 235, 255, .28);
+  --color-sf-primary-bg-color: #1aebff;
+  --color-sf-primary-border-color: var(--color-sf-primary-bg-color);
+  --color-sf-primary-text: #000;
+  --color-sf-primary-bg-color-hover: var(--color-sf-primary-bg-color);
+  --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color);
+  --color-sf-primary-text-hover: var(--color-sf-primary-text);
+  --color-sf-primary-bg-color-pressed: var(--color-sf-primary-bg-color);
+  --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color);
+  --color-sf-primary-text-pressed: var(--color-sf-primary-text);
+  --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color);
+  --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color);
+  --color-sf-primary-text-focus: var(--color-sf-primary-text);
+  --color-sf-primary-bg-color-disabled: #000;
+  --color-sf-primary-border-color-disabled: #3ff23f;
+  --color-sf-primary-text-disabled: var(--color-sf-primary-border-color-disabled);
+  --color-sf-primary-bg-color-selected: var(--color-sf-primary-bg-color);
+  --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color);
+  --color-sf-primary-text-selected: var(--color-sf-primary-text);
+  --color-sf-secondary-bg-color: #000;
+  --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: #1aebff;
+  --color-sf-secondary-border-color-hover: var(--color-sf-secondary-bg-color-hover);
+  --color-sf-secondary-text-color-hover: #000;
+  --color-sf-secondary-bg-color-pressed: var(--color-sf-secondary-bg-color-hover);
+  --color-sf-secondary-border-color-pressed: var(--color-sf-secondary-border-color-hover);
+  --color-sf-secondary-text-color-pressed: var(--color-sf-secondary-text-color-hover);
+  --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color-hover);
+  --color-sf-secondary-border-color-focus: var(--color-sf-secondary-border-color-hover);
+  --color-sf-secondary-text-color-focus: var(--color-sf-secondary-text-color-hover);
+  --color-sf-secondary-bg-color-disabled: #000;
+  --color-sf-secondary-border-color-disabled: #3ff23f;
+  --color-sf-secondary-text-color-disabled: var(--color-sf-secondary-border-color-disabled);
+  --color-sf-secondary-bg-color-selected: var(--color-sf-secondary-bg-color-hover);
+  --color-sf-secondary-border-color-selected: var(--color-sf-secondary-border-color-hover);
+  --color-sf-secondary-text-color-selected: var(--color-sf-secondary-text-color-hover);
+  --color-sf-success-bg-color: #107c10;
+  --color-sf-success-border-color: var(--color-sf-success-bg-color);
+  --color-sf-success-text: #fff;
+  --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
+  --color-sf-success-border-color-hover: var(--color-sf-success-border-color);
+  --color-sf-success-text-hover: var(--color-sf-success-text);
+  --color-sf-success-bg-color-pressed: var(--color-sf-success-bg-color);
+  --color-sf-success-border-color-pressed: var(--color-sf-success-border-color);
+  --color-sf-success-text-pressed: var(--color-sf-success-text);
+  --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
+  --color-sf-success-border-color-focus: var(--color-sf-success-border-color);
+  --color-sf-success-text-focus: var(--color-sf-success-text);
+  --color-sf-success-bg-color-disabled: #000;
+  --color-sf-success-border-color-disabled: #3ff23f;
+  --color-sf-success-text-disabled: var(--color-sf-success-border-color-disabled);
+  --color-sf-success-bg-color-selected: var(--color-sf-success-bg-color);
+  --color-sf-success-border-color-selected: var(--color-sf-success-border-color);
+  --color-sf-success-text-selected: var(--color-sf-success-text);
+  --color-sf-warning-bg-color: #f7630c;
+  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
+  --color-sf-warning-text: #000;
+  --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
+  --color-sf-warning-border-color-hover: var(--color-sf-warning-border-color);
+  --color-sf-warning-text-hover: var(--color-sf-warning-text);
+  --color-sf-warning-bg-color-pressed: var(--color-sf-warning-bg-color);
+  --color-sf-warning-border-color-pressed: var(--color-sf-warning-border-color);
+  --color-sf-warning-text-pressed: var(--color-sf-warning-text);
+  --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-warning-text);
+  --color-sf-warning-bg-color-disabled: #000;
+  --color-sf-warning-border-color-disabled: #3ff23f;
+  --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
+  --color-sf-warning-bg-color-selected: var(--color-sf-warning-bg-color);
+  --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
+  --color-sf-warning-text-selected: var(--color-sf-warning-text);
+  --color-sf-info-bg-color: #0099bc;
+  --color-sf-info-border-color: var(--color-sf-info-bg-color);
+  --color-sf-info-text: #000;
+  --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-info-text);
+  --color-sf-info-bg-color-pressed: var(--color-sf-info-bg-color);
+  --color-sf-info-border-color-pressed: var(--color-sf-info-border-color);
+  --color-sf-info-text-pressed: var(--color-sf-info-text);
+  --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-info-text);
+  --color-sf-info-bg-color-disabled: #000;
+  --color-sf-info-border-color-disabled: #3ff23f;
+  --color-sf-info-text-disabled: var(--color-sf-info-border-color-disabled);
+  --color-sf-info-bg-color-selected: var(--color-sf-info-bg-color);
+  --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
+  --color-sf-info-text-selected: var(--color-sf-info-text);
+  --color-sf-danger-bg-color: #c50f1f;
+  --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
+  --color-sf-danger-text: #fff;
+  --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-danger-text);
+  --color-sf-danger-bg-color-pressed: var(--color-sf-danger-bg-color);
+  --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
+  --color-sf-danger-text-pressed: var(--color-sf-danger-text);
+  --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-danger-text);
+  --color-sf-danger-bg-color-disabled: #000;
+  --color-sf-danger-border-color-disabled: #3ff23f;
+  --color-sf-danger-text-disabled: var(--color-sf-danger-border-color-disabled);
+  --color-sf-danger-bg-color-selected: var(--color-sf-danger-bg-color);
+  --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
+  --color-sf-danger-text-selected: var(--color-sf-danger-text);
+  --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-border-light);
+  --color-sf-toooltip-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);
+  --color-sf-appbar-bg-color-alt1: #fff;
+  --color-sf-appbar-color-alt1: #000;
+  --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
+  --color-sf-appbar-hover-bg-color-alt1: var(--color-sf-appbar-bg-color-alt1);
+  --color-sf-appbar-bg-color-alt2: var(--color-sf-appbar-color-alt1);
+  --color-sf-appbar-color-alt2: var(--color-sf-appbar-bg-color-alt1);
+  --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt1);
+  --color-sf-appbar-hover-bg-color-alt2: var(--color-sf-appbar-color-alt1);
+  --color-sf-diagram-palette-background: #000;
+  --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
+  --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
+  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
+  --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
+  --color-sf-rating-selected-hover-color: var(--color-sf-content-bg-color-hover);
+  --color-sf-rating-unrated-hover-color: var(--color-sf-content-bg-color-hover);
+  --color-sf-rating-pressed-color: var(--color-sf-content-bg-color-hover);
+  --color-sf-msg-color: #fff;
+  --color-sf-msg-bg-color: #000;
+  --color-sf-msg-border-color: var(--color-sf-msg-color);
+  --color-sf-msg-color-alt1: #1aebff;
+  --color-sf-msg-bg-color-alt1: var(--color-sf-msg-bg-color);
+  --color-sf-msg-border-color-alt1: var(--color-sf-msg-color);
+  --color-sf-msg-color-alt2: var(--color-sf-msg-bg-color);
+  --color-sf-msg-bg-color-alt2: var(--color-sf-msg-color-alt1);
+  --color-sf-msg-border-color-alt2: var(--color-sf-msg-color-alt1);
+  --color-sf-msg-icon-color: var(--color-sf-msg-color);
+  --color-sf-msg-icon-color-alt1: var(--color-sf-msg-color-alt);
+  --color-sf-msg-icon-color-alt2: var(--color-sf-msg-bg-color);
+  --color-sf-msg-close-icon-color: var(--color-sf-msg-color);
+  --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-color);
+  --color-sf-msg-close-icon-color-alt2: var(--color-sf-msg-bg-color);
+  --color-sf-msg-success-color: #107c10;
+  --color-sf-msg-success-bg-color: #000;
+  --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
+  --color-sf-msg-success-color-alt1: var(--color-sf-success);
+  --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
+  --color-sf-msg-success-border-color-alt1: #fff;
+  --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
+  --color-sf-msg-success-bg-color-alt2: var(--color-sf-msg-success-color);
+  --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-color);
+  --color-sf-msg-success-icon-color: var(--color-sf-msg-success-color);
+  --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-color);
+  --color-sf-msg-success-icon-color-alt2: var(--color-sf-msg-success-bg-color);
+  --color-sf-msg-success-close-icon-color: var(--color-sf-msg-success-border-color-alt1);
+  --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-border-color-alt1);
+  --color-sf-msg-success-close-icon-color-alt2: var(--color-sf-msg-success-bg-color);
+  --color-sf-msg-danger-color: #c50f1f;
+  --color-sf-msg-danger-bg-color: #000;
+  --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
+  --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
+  --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
+  --color-sf-msg-danger-border-color-alt1: #fff;
+  --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
+  --color-sf-msg-danger-bg-color-alt2: var(--color-sf-msg-danger-color);
+  --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-color);
+  --color-sf-msg-danger-icon-color: var(--color-sf-msg-danger-color);
+  --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-color);
+  --color-sf-msg-danger-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
+  --color-sf-msg-danger-close-icon-color: var(--color-sf-msg-danger-border-color-alt1);
+  --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-border-color-alt1);
+  --color-sf-msg-danger-close-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
+  --color-sf-msg-info-color: #0099bc;
+  --color-sf-msg-info-bg-color: #000;
+  --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
+  --color-sf-msg-info-color-alt1: var(--color-sf-info);
+  --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
+  --color-sf-msg-info-border-color-alt1: #fff;
+  --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
+  --color-sf-msg-info-bg-color-alt2: var(--color-sf-msg-info-color);
+  --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-color);
+  --color-sf-msg-info-icon-color: var(--color-sf-msg-info-color);
+  --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-color);
+  --color-sf-msg-info-icon-color-alt2: var(--color-sf-msg-info-bg-color);
+  --color-sf-msg-info-close-icon-color: var(--color-sf-msg-info-border-color-alt1);
+  --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-border-color-alt1);
+  --color-sf-msg-info-close-icon-color-alt2: var(--color-sf-msg-info-bg-color);
+  --color-sf-msg-warning-color: #f7630c;
+  --color-sf-msg-warning-bg-color: #000;
+  --color-sf-msg-warning-border-color: #da3b01;
+  --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
+  --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
+  --color-sf-msg-warning-border-color-alt1: #fff;
+  --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
+  --color-sf-msg-warning-bg-color-alt2: var(--color-sf-msg-warning-color);
+  --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-color);
+  --color-sf-msg-warning-icon-color: var(--color-sf-msg-warning-color);
+  --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-color);
+  --color-sf-msg-warning-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
+  --color-sf-msg-warning-close-icon-color: var(--color-sf-msg-warning-border-color-alt11);
+  --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-border-color-alt11);
+  --color-sf-msg-warning-close-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
+  --color-sf-shadow-color: #fff;
+  --color-sf-shadow-color1: #1aebff;
+  --color-sf-link-button: #fff000;
+  --color-sf-link-button-hover: #fff000;
+  --color-sf-link-button-pressed: #fff000;
+  --color-sf-link-button-focus: #fff000;
+  --color-sf-link-button-border-focus: #1aebff;
+  --color-sf-chip-bg-color: #000;
+  --color-sf-chip-border-color: #fff;
+  --color-sf-chip-bg-disabled: #000;
+  --color-sf-chip-border-disabled: #3ff23f;
+  --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: #fff;
+  --color-sf-slider-disabled: #3ff23f;
+  --color-sf-slider-border-color: #fff;
+  --color-sf-slider-bg-disabled: #000;
+  --color-sf-toggle-switch-border-disabled: #3ff23f;
+  --color-sf-calendar-icon-color: #000;
+  --color-sf-calendar-header-text-color-pressed: #000;
+  --color-sf-calendar-today-bg-color: #fff;
+  --color-sf-dialog-border: #fff;
+  --color-sf-badge-light-bg-color: #000;
+  --color-sf-secondary-badge-border-color: #fff;
+  --color-sf-secondary-badge-bg-color: #000;
+  --color-sf-secondary-badge-bg-color-focus: #fff;
+  --color-sf-skeleton-bg-color: #ffffff;
+  --color-sf-tab-selected-bg-color-disabled: #000;
+  --color-sf-tab-selected-text-color-disabled: #3ff23f;
+  --color-sf-ribbon-border-color: #fff;
+  --color-sf-toolbar-icon-color: #000;
+  --color-sf-contextual-text: #000;
+  --color-sf-cell-selection-bg-color: #1aecff1f;
+  --color-sf-document-editor-border-color: #fff;
+}
+
+/* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@-webkit-keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
+/* stylelint-disable */
+.e-input:focus:not(.e-success):not(.e-warning).e-error,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input:focus:not(.e-error):not(.e-warning).e-success,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input:focus:not(.e-success):not(.e-error).e-warning,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-float-input.e-error label.e-float-text,
+.e-float-input.e-control-wrapper.e-error label.e-float-text,
+.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
+  color: var(--color-sf-danger) !important;
+}
+
+.e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
+  color: var(--color-sf-danger) !important;
+}
+
+.e-filled.e-float-input.e-error label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
+.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  color: var(--color-sf-danger) !important;
+}
+
+/* stylelint-disable-line no-empty-source */
+.e-upload .e-upload-actions,
+.e-bigger.e-small .e-upload .e-upload-actions {
+  background-color: var(--color-sf-content-bg-color-alt1);
+  border-radius: 0 0 6px 6px;
+}
+
+/* stylelint-disable */
+.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+  padding: 0;
+}
+
+.e-bigger .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+  padding: 0;
+}
+
+.e-dialog .e-dlg-content {
+  border-radius: 8px !important;
+}
+
+.e-dlg-overlay {
+  -webkit-backdrop-filter: blur(2px) !important;
+          backdrop-filter: blur(2px) !important;
+}
+
+/* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+/*! TreeView's theme wise override definitions and variables */
+/* stylelint-disable */
+/* stylelint-disable */
+.e-dialog.e-checkboxfilter,
+.e-dialog.e-flmenu {
+  min-width: 250px !important;
+}
+
+/*! FileManager's bds theme wise override definitions and variables */
+.e-filemanager .e-fe-icon,
+.e-filemanager .e-list-icon {
+  background-repeat: no-repeat;
+}
+.e-filemanager .e-fe-access-error {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.6609 3.84609C17.9756 1.38463 22.0244 1.38464 23.3392 3.84609L39.6572 34.3961C40.7819 36.5017 39.0019 38.9055 36.318 38.9055H3.68198C0.998067 38.9055 -0.781888 36.5017 0.342825 34.3961L16.6609 3.84609Z" fill="%23FDDD35"/%3E%3Cpath d="M20 22.5025V25.8794M20 29.2564H20.0097M28.75 25.8794C28.75 30.0758 24.8325 33.4776 20 33.4776C15.1675 33.4776 11.25 30.0758 11.25 25.8794C11.25 21.6831 15.1675 18.2812 20 18.2812C24.8325 18.2812 28.75 21.6831 28.75 25.8794Z" stroke="%23212529" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-docx,
+.e-filemanager .e-fe-doc {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%2300B0FF"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cline x1="10.5" y1="15.75" x2="22" y2="15.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M11.25 22.5L30 22.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M11.25 30L30 30" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="2"/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-pptx,
+.e-filemanager .e-fe-ppt {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H30.9997C33.2088 40 34.9997 38.2091 34.9997 36V10L24.9998 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%23FF8E47"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H34.9999L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M11.249 32.499L29.9988 32.499" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cellipse cx="19.9994" cy="20" rx="7.49991" ry="7.5" fill="%23FFA153" stroke="white"/%3E%3Cpath d="M27.5 20H20L20.0001 12.5C24.1422 12.5 27.5 15.8579 27.5 20Z" fill="white"/%3E%3Cpath d="M27.5 20V20.5H28V20H27.5ZM20 20L19.5 20C19.5 20.1326 19.5527 20.2598 19.6464 20.3536C19.7402 20.4473 19.8674 20.5 20 20.5V20ZM20.0001 12.5V12H19.5001L19.5001 12.5L20.0001 12.5ZM20.5 20L20.5001 12.5L19.5001 12.5L19.5 20L20.5 20ZM20.0001 13C23.866 13 27 16.134 27 20H28C28 15.5817 24.4183 12 20.0001 12V13ZM27.5 19.5H20V20.5H27.5V19.5Z" fill="white"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="29.9997" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="13.9999" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-xlsx,
+.e-filemanager .e-fe-xls {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%2337E170"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M11.25 25L30 25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M20 16.875L20 33.125" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M30 33.75H11.25V16.25H30V33.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-pdf {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%23FF8484"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M8.75 28.75V23.75M8.75 23.75V18.75H11.75C12.8546 18.75 13.75 19.6454 13.75 20.75V21.75C13.75 22.8546 12.8546 23.75 11.75 23.75H8.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M26.25 28.75V23.75V18.75H32.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M26.25 23.75H31.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M20.5 18.75H17.5V28.75H20.5C21.6046 28.75 22.5 27.8546 22.5 26.75V20.75C22.5 19.6454 21.6046 18.75 20.5 18.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-image {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%238799FB"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M11.25 29.25L16.624 24.2821C17.5393 23.4359 19.0232 23.4359 19.9385 24.2821L25.3125 29.25M22.9688 27.0833L24.8271 25.3654C25.7424 24.5193 27.2264 24.5193 28.1417 25.3654L30 27.0833M22.9688 20.5833H22.9805M13.5938 32.5H27.6562C28.9507 32.5 30 31.5299 30 30.3333V18.4167C30 17.22 28.9507 16.25 27.6562 16.25H13.5938C12.2993 16.25 11.25 17.22 11.25 18.4167V30.3333C11.25 31.5299 12.2993 32.5 13.5938 32.5Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-rar {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%23B870FF"/%3E%3C/g%3E%3Cpath d="M8.75 28.75V23.75M8.75 23.75V18.75H11.75C12.8546 18.75 13.75 19.6454 13.75 20.75V21.75C13.75 22.8546 12.8546 23.75 11.75 23.75H8.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M9.47102 23.817L13.7497 28.749" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M17.5 28.75V20.75C17.5 19.6454 18.3954 18.75 19.5 18.75H20.5C21.6046 18.75 22.5 19.6454 22.5 20.75V28.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M26.25 28.75V23.75M26.25 23.75V18.75H29.25C30.3546 18.75 31.25 19.6454 31.25 20.75V21.75C31.25 22.8546 30.3546 23.75 29.25 23.75H26.25Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M26.971 23.817L31.2497 28.749" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cline x1="17.5" y1="25.75" x2="22.5" y2="25.75" stroke="white"/%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-zip {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%23FFCB45"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M10 16.25L22.5 16.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10 10.001L22.5 10.001" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10 22.5L22.5 22.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M22.5 28.75H10L16.25 35L22.5 28.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-txt {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%239A9DA2"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cline x1="11.75" y1="17" x2="23.25" y2="17" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M11.25 23.75L30 23.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M11.25 31.25L30 31.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-music {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%2333C0FF"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M15.4167 31.5278V17.0833L28.75 13.75V28.1944M15.4167 31.5278C15.4167 32.7551 13.9243 33.75 12.0833 33.75C10.2424 33.75 8.75 32.7551 8.75 31.5278C8.75 30.3005 10.2424 29.3056 12.0833 29.3056C13.9243 29.3056 15.4167 30.3005 15.4167 31.5278ZM28.75 28.1944C28.75 29.4217 27.2576 30.4167 25.4167 30.4167C23.5757 30.4167 22.0833 29.4217 22.0833 28.1944C22.0833 26.9671 23.5757 25.9722 25.4167 25.9722C27.2576 25.9722 28.75 26.9671 28.75 28.1944ZM15.4167 21.5278L28.75 18.1944" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-video {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%23FF8484"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M23.4916 23.5073L20.1611 21.287C19.4689 20.8255 18.5417 21.3218 18.5417 22.1537V26.5943C18.5417 27.4263 19.4689 27.9225 20.1611 27.461L23.4916 25.2407C24.1101 24.8284 24.1101 23.9196 23.4916 23.5073Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M30 24.374C30 29.5517 25.8027 33.749 20.625 33.749C15.4473 33.749 11.25 29.5517 11.25 24.374C11.25 19.1964 15.4473 14.999 20.625 14.999C25.8027 14.999 30 19.1964 30 24.374Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-js {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%23A0DA40"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M22.5 28.75H26.75C27.8546 28.75 28.75 27.8546 28.75 26.75V25.125C28.75 24.0204 27.8546 23.125 26.75 23.125H24.5C23.3954 23.125 22.5 22.2296 22.5 21.125V19.5C22.5 18.3954 23.3954 17.5 24.5 17.5H28.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M17.5 17.5V26.75C17.5 27.8546 16.6046 28.75 15.5 28.75H13.25C12.1454 28.75 11.25 27.8546 11.25 26.75V24.5312" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-css {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%23F4A839"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M26.25 30H30.5C31.6046 30 32.5 29.1046 32.5 28V26.375C32.5 25.2704 31.6046 24.375 30.5 24.375H28.25C27.1454 24.375 26.25 23.4796 26.25 22.375V20.75C26.25 19.6454 27.1454 18.75 28.25 18.75H32.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M17.5 30H21.75C22.8546 30 23.75 29.1046 23.75 28V26.375C23.75 25.2704 22.8546 24.375 21.75 24.375H19.5C18.3954 24.375 17.5 23.4796 17.5 22.375V20.75C17.5 19.6454 18.3954 18.75 19.5 18.75H23.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M15 18.75H10.75C9.64543 18.75 8.75 19.6454 8.75 20.75V28C8.75 29.1046 9.64543 30 10.75 30H15" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-html {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%23B653C6"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M17.5 33.75L22.5 13.75M26.25 18.75L31.25 23.75L26.25 28.75M13.75 28.75L8.75 23.75L13.75 18.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-php {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%23A080FF"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M8.75 28.75V25M8.75 25V20H11.75C12.8546 20 13.75 20.8954 13.75 22V23C13.75 24.1046 12.8546 25 11.75 25H8.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M26.25 28.75V25M26.25 25V20H29.25C30.3546 20 31.25 20.8954 31.25 22V23C31.25 24.1046 30.3546 25 29.25 25H26.25Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M17.5 28.75V25V20" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M22.5 28.75V25V20" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M17.5 23.75H22.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-exe {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%239B9DA2"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M27.5 30V25V20H32.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M8.75 30V25V20H13.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M17.5 30L23.75 20" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M23.75 30L17.5 20" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M27.5 25H31.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M8.75 25H12.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M27.5 30H32.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M8.75 30H13.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-msi {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%232ACBB7"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M31.25 31.25V25.625V20" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M17.5 31.25V25.625V20" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M8.75 31.25V25.625V20" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M21.25 31.25H25.5C26.6046 31.25 27.5 30.3546 27.5 29.25V27.625C27.5 26.5204 26.6046 25.625 25.5 25.625H23.25C22.1454 25.625 21.25 24.7296 21.25 23.625V22C21.25 20.8954 22.1454 20 23.25 20H27.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M17.5 20L13.125 25.625L8.75 20" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-unknown {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%23DD6BBA"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M20.625 20.2074V24.374M20.625 28.5407H20.6354M30 24.374C30 29.5517 25.8027 33.749 20.625 33.749C15.4473 33.749 11.25 29.5517 11.25 24.374C11.25 19.1964 15.4473 14.999 20.625 14.999C25.8027 14.999 30 19.1964 30 24.374Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-rtf {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%235FDBF7"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M26.25 27.5V22.5V17.5H32.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M20 27.5V22.5V17.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M26.25 22.5H31.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M16.25 17.5H23.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M8.75 27.5V22.5M8.75 22.5V17.5H11.75C12.8546 17.5 13.75 18.3954 13.75 19.5V20.5C13.75 21.6046 12.8546 22.5 11.75 22.5H8.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M9.47102 22.568L13.7497 27.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-xml {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cg filter="url(%23filter0_i)"%3E%3Cpath d="M9 40H31C33.2091 40 35 38.2091 35 36V10L25 0H9C6.79086 0 5 1.79086 5 4V36C5 38.2091 6.79086 40 9 40Z" fill="%23A0DA40"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d)"%3E%3Cpath d="M27 10H35L25 0V8C25 9.10457 25.8954 10 27 10Z" fill="white" fill-opacity="0.5"/%3E%3C/g%3E%3Cpath d="M28.75 17.501V22.501V27.501H33.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7.5 27.5L13.75 17.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M13.75 27.5L7.5 17.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M16.25 27.5V23.125V17.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M25 27.5V23.125V17.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M25 17.5L20.625 23.125L16.25 17.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_i" x="5" y="0" width="30" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="shape" result="effect1_innerShadow"/%3E%3C/filter%3E%3Cfilter id="filter1_d" x="23" y="-1" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1"/%3E%3CfeGaussianBlur stdDeviation="1"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-folder {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0.269631 16.0936C0.126239 14.9028 1.05591 13.8545 2.25529 13.8545H37.7447C38.9441 13.8545 39.8738 14.9028 39.7304 16.0936L37.7574 32.4777C37.5154 34.4873 35.8103 35.9994 33.7861 35.9994H6.21389C4.18972 35.9994 2.48458 34.4873 2.24258 32.4777L0.269631 16.0936Z" fill="%23FDDD35"/%3E%3Cpath d="M2.5 8V14.1587H37.5V11.9798C37.5 10.8753 36.6046 9.97984 35.5 9.97984H21.4809C21.0683 9.97984 20.6657 9.85221 20.3285 9.61445L15.7199 6.36538C15.3826 6.12763 14.9801 6 14.5675 6H4.5C3.39543 6 2.5 6.89543 2.5 8Z" fill="%23FAC800"/%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-fe-locked > .e-text-content .e-fe-folder, .e-filemanager .e-fe-locked > .e-fe-grid-icon .e-fe-folder {
+  background-image: url('data:image/svg+xml,%3Csvg width="auto" height="auto" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0.272644 16.3177C0.127709 15.1261 1.05767 14.0762 2.25801 14.0762H37.742C38.9423 14.0762 39.8723 15.1261 39.7274 16.3177L37.7611 32.4827C37.5169 34.4902 35.8127 35.9997 33.7904 35.9997H6.20961C4.18727 35.9997 2.48306 34.4902 2.23887 32.4826L0.272644 16.3177Z" fill="%23FDDD35"/%3E%3Cpath d="M2.5 8V14.0771H37.5V11.94C37.5 10.8355 36.6046 9.94004 35.5 9.94004H21.4757C21.0663 9.94004 20.6668 9.8144 20.331 9.58008L15.7173 6.35996C15.3816 6.12564 14.9821 6 14.5727 6H4.5C3.39543 6 2.5 6.89543 2.5 8Z" fill="%23FAC800"/%3E%3Cpath d="M23.125 23.693V24.193H23.625V23.693H23.125ZM16.875 23.693H16.375V24.193H16.875V23.693ZM20.5 26.77C20.5 26.4939 20.2761 26.27 20 26.27C19.7239 26.27 19.5 26.4939 19.5 26.77H20.5ZM19.5 28.3085C19.5 28.5846 19.7239 28.8085 20 28.8085C20.2761 28.8085 20.5 28.5846 20.5 28.3085H19.5ZM15.3125 24.193H24.6875V23.193H15.3125V24.193ZM25.75 25.2315V29.847H26.75V25.2315H25.75ZM24.6875 30.8855H15.3125V31.8855H24.6875V30.8855ZM14.25 29.847V25.2315H13.25V29.847H14.25ZM15.3125 30.8855C14.7184 30.8855 14.25 30.4133 14.25 29.847H13.25C13.25 30.9801 14.1807 31.8855 15.3125 31.8855V30.8855ZM25.75 29.847C25.75 30.4133 25.2816 30.8855 24.6875 30.8855V31.8855C25.8193 31.8855 26.75 30.9801 26.75 29.847H25.75ZM24.6875 24.193C25.2816 24.193 25.75 24.6652 25.75 25.2315H26.75C26.75 24.0984 25.8193 23.193 24.6875 23.193V24.193ZM15.3125 23.193C14.1807 23.193 13.25 24.0984 13.25 25.2315H14.25C14.25 24.6652 14.7184 24.193 15.3125 24.193V23.193ZM22.625 20.616V23.693H23.625V20.616H22.625ZM23.125 23.193H16.875V24.193H23.125V23.193ZM17.375 23.693V20.616H16.375V23.693H17.375ZM20 18.0391C21.4571 18.0391 22.625 19.2001 22.625 20.616H23.625C23.625 18.6333 21.9947 17.0391 20 17.0391V18.0391ZM20 17.0391C18.0053 17.0391 16.375 18.6333 16.375 20.616H17.375C17.375 19.2001 18.5429 18.0391 20 18.0391V17.0391ZM19.5 26.77V28.3085H20.5V26.77H19.5Z" fill="%23998100"/%3E%3C/svg%3E%0A');
+}
+.e-filemanager .e-address .e-address-list-item .e-icons::before {
+  content: "\e748";
+}
+
+.e-filemanager .e-fe-open::before,
+.e-fe-popup .e-fe-open::before {
+  content: "\e760";
+}
+.e-filemanager .e-fe-cut::before,
+.e-fe-popup .e-fe-cut::before {
+  content: "\e7fb";
+}
+.e-filemanager .e-fe-copy::before,
+.e-fe-popup .e-fe-copy::before {
+  content: "\e77c";
+}
+.e-filemanager .e-fe-paste::before,
+.e-fe-popup .e-fe-paste::before {
+  content: "\e70b";
+}
+.e-filemanager .e-fe-delete::before,
+.e-fe-popup .e-fe-delete::before {
+  content: "\e820";
+}
+.e-filemanager .e-fe-rename::before,
+.e-fe-popup .e-fe-rename::before {
+  content: "\e76d";
+}
+.e-filemanager .e-fe-newfolder::before,
+.e-fe-popup .e-fe-newfolder::before {
+  content: "\e805";
+}
+.e-filemanager .e-fe-refresh::before,
+.e-fe-popup .e-fe-refresh::before {
+  content: "\e772";
+}
+.e-filemanager .e-fe-upload::before,
+.e-fe-popup .e-fe-upload::before {
+  content: "\e712";
+}
+.e-filemanager .e-fe-download::before,
+.e-fe-popup .e-fe-download::before {
+  content: "\e7a1";
+}
+.e-filemanager .e-fe-grid::before,
+.e-fe-popup .e-fe-grid::before {
+  content: "\e77e";
+}
+.e-filemanager .e-fe-large::before,
+.e-fe-popup .e-fe-large::before {
+  content: "\e82d";
+}
+.e-filemanager .e-fe-select::before,
+.e-fe-popup .e-fe-select::before {
+  content: "\e78e";
+}
+.e-filemanager .e-fe-details::before,
+.e-fe-popup .e-fe-details::before {
+  content: "\e800";
+}
+.e-filemanager .e-fe-sort::before,
+.e-fe-popup .e-fe-sort::before {
+  content: "\e87c";
+}
+.e-filemanager .e-fe-search::before,
+.e-fe-popup .e-fe-search::before {
+  content: "\e754";
+}
+.e-filemanager .e-fe-clear::before,
+.e-fe-popup .e-fe-clear::before {
+  content: "\e7e7";
+}
+.e-filemanager .e-fe-breadcrumb::before,
+.e-fe-popup .e-fe-breadcrumb::before {
+  content: "\e71c";
+}
+.e-filemanager .e-fe-drop-in::before,
+.e-fe-popup .e-fe-drop-in::before {
+  content: "\e768";
+}
+.e-filemanager .e-fe-drop-out::before,
+.e-fe-popup .e-fe-drop-out::before {
+  content: "\e736";
+}
+.e-filemanager .e-fe-no-drop::before,
+.e-fe-popup .e-fe-no-drop::before {
+  content: "\e839";
+}
+.e-filemanager .e-toolbar .e-hor-nav .e-popup-up-icon::before,
+.e-fe-popup .e-toolbar .e-hor-nav .e-popup-up-icon::before {
+  content: "\e770";
+}
+.e-filemanager .e-toolbar .e-hor-nav .e-popup-down-icon::before,
+.e-fe-popup .e-toolbar .e-hor-nav .e-popup-down-icon::before {
+  content: "\e770";
+}
+.e-filemanager.e-fe-m-filter .e-fe-search::before,
+.e-fe-popup.e-fe-m-filter .e-fe-search::before {
+  content: "\e773";
+}
+
+.e-fe-popup .e-fe-dot::before {
+  content: "\e774";
+}
+.e-fe-popup .e-fe-tick::before {
+  content: "\e774";
+}
+
+/* stylelint-disable property-no-vendor-prefix */
+ejs-filemanager {
+  display: block;
+}
+
+.e-filemanager {
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+  border: 1px solid;
+  position: relative;
+  border-radius: 4px;
+}
+.e-filemanager .e-blur {
+  opacity: 0.5;
+}
+.e-filemanager.e-fe-drop, .e-filemanager.e-fe-drop .e-treeview .e-text-content, .e-filemanager.e-fe-drop .e-treeview .e-fullrow, .e-filemanager.e-fe-drop .e-address .e-address-list-item:last-child .e-list-text, .e-filemanager.e-fe-drop .e-grid .e-columnheader {
+  cursor: -webkit-grab;
+  cursor: grab;
+}
+.e-filemanager.e-no-drop {
+  cursor: no-drop;
+}
+.e-filemanager .e-toolbar {
+  border-width: 0 0 1px;
+  height: 40px;
+  min-height: 40px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  font-weight: normal;
+  height: calc(100% - 10px);
+  padding: 0;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn .e-btn-icon.e-icons:not(.e-icon-left):not(.e-icon-right) {
+  padding: 0;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn .e-btn-icon.e-icons.e-caret {
+  font-size: 18px;
+  padding: 0 8px;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn .e-tbar-btn-text.e-tbar-ddb-text {
+  padding-right: 0;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active, .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover, .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
+  border: 0;
+  padding: 0;
+}
+.e-filemanager .e-toolbar .e-toolbar-pop .e-toolbar-item .e-dropdown-btn .e-icons.e-caret {
+  font-size: 18px;
+  min-width: 0;
+  padding: 0 8px;
+}
+.e-filemanager .e-toolbar .e-toolbar-pop .e-toolbar-item .e-dropdown-btn .e-tbar-btn-text.e-tbar-ddb-text {
+  padding-right: 0;
+}
+.e-filemanager .e-toolbar .e-toolbar-pop {
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+}
+.e-filemanager .e-treeview {
+  border: none;
+}
+.e-filemanager .e-treeview > .e-ul {
+  overflow: initial;
+  padding-left: 8px;
+}
+.e-filemanager .e-treeview .e-list-parent {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.e-filemanager .e-treeview .e-list-parent .e-list-item .e-list-text {
+  height: 32px;
+  line-height: 32px;
+}
+.e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder > .e-fullrow {
+  border: 1px dashed;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.e-filemanager .e-treeview .e-text-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.e-filemanager .e-treeview .e-list-text {
+  display: initial;
+}
+.e-filemanager .e-splitter {
+  border-width: 0;
+}
+.e-filemanager .e-address {
+  border-bottom: 1px solid;
+  height: 40px;
+  position: relative;
+}
+.e-filemanager .e-address .e-fe-breadcrumb.e-icons {
+  padding-bottom: 6px;
+}
+.e-filemanager .e-address .e-search-wrap {
+  float: right;
+  padding: 2.5px 12px 2px 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 200px;
+}
+.e-filemanager .e-address .e-search-wrap .e-input-group {
+  height: 32px;
+  margin: 0;
+}
+.e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
+  margin: 0 0 0 29px;
+  padding: 0;
+}
+.e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon {
+  margin: 0;
+}
+.e-filemanager .e-address .e-fe-search {
+  font-size: 14px;
+  margin: 5px;
+  padding: 5px;
+  position: absolute;
+  z-index: 1;
+}
+.e-filemanager .e-address .e-fe-search::before {
+  display: inline-block;
+}
+.e-filemanager .e-address .e-addressbar-ul {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  list-style: none;
+  margin: 0;
+  padding: 9px 12px 9px 18px;
+}
+.e-filemanager .e-address .e-addressbar-ul .e-breadcrumb-menu {
+  display: inline;
+}
+.e-filemanager .e-address .e-addressbar-ul .e-breadcrumb-menu .e-breadcrumb-submenu {
+  height: 26px;
+}
+.e-filemanager .e-address .e-list-text {
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 20px;
+  padding: 4px 4px 5px;
+  text-decoration: none;
+  border-radius: 4px;
+}
+.e-filemanager .e-address .e-list-text:hover {
+  text-decoration: none;
+}
+.e-filemanager .e-address .e-address-list-item {
+  display: inline-block;
+  height: 20px;
+}
+.e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
+  cursor: default;
+  font-weight: 600;
+}
+.e-filemanager .e-address .e-address-list-item:last-child .e-list-text:hover {
+  text-decoration: none;
+}
+.e-filemanager .e-address .e-address-list-item .e-icons {
+  font-size: 14px;
+  margin: 0 8px;
+  vertical-align: middle;
+}
+.e-filemanager .e-view-container .e-grid .e-gridcontent .e-emptyrow {
+  display: table-row;
+}
+.e-filemanager .e-grid {
+  border-width: 0;
+  float: left;
+}
+.e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
+  border-width: 1px;
+  line-height: 12px;
+  height: 16px;
+  width: 16px;
+  font-size: 10px;
+  margin: 0;
+}
+.e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
+  height: 0;
+  padding: 0;
+}
+.e-filemanager .e-grid .e-gridheader {
+  border-width: 0 1px 1px;
+}
+.e-filemanager .e-grid .e-gridheader .e-headercell {
+  height: 32px;
+}
+.e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-sortfilterdiv {
+  margin-right: 0;
+}
+.e-filemanager .e-grid .e-gridheader .e-headercell .e-headertext {
+  font-size: 14px;
+}
+.e-filemanager .e-grid .e-gridheader .e-headercell .e-rcursor {
+  border: 0;
+}
+.e-filemanager .e-grid .e-gridheader .e-checkbox-wrapper {
+  visibility: hidden;
+  padding: 0;
+}
+.e-filemanager .e-grid .e-gridheader:hover .e-checkbox-wrapper,
+.e-filemanager .e-grid .e-gridheader .e-active .e-checkbox-wrapper {
+  visibility: visible;
+  padding: 0;
+}
+.e-filemanager .e-grid.e-headercheck .e-gridheader .e-headercontent .e-checkbox-wrapper {
+  visibility: visible;
+  padding: 0;
+}
+.e-filemanager .e-grid .e-content {
+  overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-filemanager .e-grid .e-content .e-table {
+  border-spacing: 0;
+}
+.e-filemanager .e-grid .e-content .e-rowcell {
+  border: 0;
+  font-size: 14px;
+  padding: 7px 12px;
+  line-height: 20px;
+}
+.e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
+  font-size: 14px;
+  line-height: 20px;
+}
+.e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
+  -webkit-box-shadow: 1px 0 0 1px var(--color-sf-primary) inset;
+          box-shadow: 1px 0 0 1px var(--color-sf-primary) inset;
+}
+.e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:last-child {
+  -webkit-box-shadow: -1px 0 0 1px var(--color-sf-primary) inset;
+          box-shadow: -1px 0 0 1px var(--color-sf-primary) inset;
+}
+.e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell {
+  -webkit-box-shadow: 0 2px 0 -1px var(--color-sf-primary) inset, 0 -2px 0 -1px var(--color-sf-primary) inset;
+          box-shadow: 0 2px 0 -1px var(--color-sf-primary) inset, 0 -2px 0 -1px var(--color-sf-primary) inset;
+}
+.e-filemanager .e-grid .e-empty {
+  min-width: 200px;
+}
+.e-filemanager .e-grid .e-empty-content {
+  font-size: 14px;
+  margin: 0 auto;
+  padding: 8px 0;
+  text-align: center;
+}
+.e-filemanager .e-grid .e-empty-icon {
+  height: 52px;
+  margin: 0 auto;
+  width: 52px;
+}
+.e-filemanager .e-grid .e-empty-inner-content {
+  font-size: 14px;
+  margin: 0 auto;
+  padding: 0;
+  text-align: center;
+  line-height: 20px;
+  color: var(--color-sf-content-text-color-alt3);
+}
+.e-filemanager .e-grid .e-gridpopup {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-filemanager .e-grid .e-gridheader .e-fe-checkbox,
+.e-filemanager .e-grid .e-gridcontent .e-fe-checkbox {
+  overflow: inherit;
+  padding-left: 8px;
+  padding-right: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 0 0 12px;
+}
+.e-filemanager .e-grid .e-gridheader .e-fe-grid-icon .e-headercelldiv,
+.e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon .e-headercelldiv {
+  text-overflow: unset;
+}
+.e-filemanager .e-grid .e-gridheader .e-fe-grid-icon + .e-rowcell, .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon + .e-headercell,
+.e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon + .e-rowcell,
+.e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon + .e-headercell {
+  padding-left: 0;
+}
+.e-filemanager .e-grid .e-gridheader .e-fe-grid-icon + .e-rowcell.e-fe-grid-name, .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon + .e-headercell.e-fe-grid-name,
+.e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon + .e-rowcell.e-fe-grid-name,
+.e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon + .e-headercell.e-fe-grid-name {
+  padding-left: 6px;
+}
+.e-filemanager .e-grid .e-row .e-checkbox-wrapper {
+  visibility: hidden;
+  padding: 0;
+}
+.e-filemanager .e-grid .e-row.e-focused {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-filemanager .e-grid .e-row:hover .e-checkbox-wrapper,
+.e-filemanager .e-grid .e-row .e-active .e-checkbox-wrapper {
+  visibility: visible;
+  padding: 0;
+}
+.e-filemanager .e-grid .e-row.e-fe-drop-file:hover .e-checkbox-wrapper {
+  visibility: hidden;
+  padding: 0;
+}
+.e-filemanager .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-filemanager .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-filemanager .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
+  border-bottom-width: 0;
+}
+.e-filemanager .e-grid.e-resize-lines .e-headercell .e-rsuppress {
+  border-width: 0;
+}
+.e-filemanager .e-grid .e-fe-icon {
+  display: inline-block;
+  height: 20px;
+  margin: 0;
+  width: 20px;
+  vertical-align: middle;
+}
+.e-filemanager .e-view-container .e-grid .e-gridheader {
+  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-filemanager.e-rtl .e-view-container .e-grid .e-gridheader {
+  padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-filemanager .e-large-icons {
+  float: left;
+  overflow: auto;
+  width: 100%;
+}
+.e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame {
+  border-width: 1px;
+  line-height: 12px;
+  height: 16px;
+  width: 16px;
+  font-size: 10px;
+  margin: 0;
+}
+.e-filemanager .e-large-icons .e-empty {
+  min-width: 200px;
+}
+.e-filemanager .e-large-icons .e-empty-content {
+  font-size: 14px;
+  margin: 0 auto;
+  padding: 8px 0;
+  text-align: center;
+}
+.e-filemanager .e-large-icons .e-empty-icon {
+  height: 52px;
+  margin: 0 auto;
+  width: 52px;
+}
+.e-filemanager .e-large-icons .e-empty-inner-content {
+  font-size: 14px;
+  margin: 0 auto;
+  padding: 0;
+  text-align: center;
+  line-height: 20px;
+  color: var(--color-sf-content-text-color-alt3);
+}
+.e-filemanager .e-large-icons .e-list-parent {
+  display: block;
+  height: 100%;
+  margin: 0;
+  padding: 0 12px;
+  overflow: auto;
+}
+.e-filemanager .e-large-icons .e-checkbox-wrapper {
+  float: left;
+  position: absolute;
+  top: 0;
+  visibility: hidden;
+}
+.e-filemanager .e-large-icons .e-list-item {
+  border: 1px solid;
+  float: left;
+  height: 94px;
+  margin: 8px 4px;
+  width: 94px;
+  overflow: hidden;
+  padding: 2px;
+  border-radius: 4px;
+}
+.e-filemanager .e-large-icons .e-list-item.e-active .e-checkbox-wrapper, .e-filemanager .e-large-icons .e-list-item.e-hover .e-checkbox-wrapper, .e-filemanager .e-large-icons .e-list-item:hover .e-checkbox-wrapper {
+  visibility: visible;
+  padding: 0;
+}
+.e-filemanager .e-large-icons .e-text-content {
+  display: table-cell;
+  height: 79px;
+  position: relative;
+  vertical-align: bottom;
+}
+.e-filemanager .e-large-icons .e-list-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: block;
+  font-size: 14px;
+  padding: 2px 0 0 0;
+  text-align: center;
+  width: 90px;
+}
+.e-filemanager .e-large-icons .e-list-img {
+  border: 2px solid;
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.05);
+  display: block;
+  margin: 0 auto;
+  max-height: 62px;
+  max-width: 100%;
+  min-height: 20px;
+}
+.e-filemanager .e-large-icons .e-list-icon {
+  display: block;
+  height: 40px;
+  margin: 0 auto;
+  width: 40px;
+}
+.e-filemanager .e-fe-clone {
+  pointer-events: none;
+  z-index: 20;
+}
+.e-filemanager .e-fe-clone .e-fe-content {
+  border: none;
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  height: 36px;
+  padding: 4px 8px;
+}
+.e-filemanager .e-fe-clone .e-fe-content .e-fe-name {
+  display: inline-block;
+  font-size: 13px;
+  margin: auto 8px;
+  max-width: 70px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.e-filemanager .e-fe-clone .e-fe-content .e-fe-icon {
+  display: inline-block;
+  height: 18px;
+  margin: auto 8px;
+  width: 18px;
+}
+.e-filemanager .e-fe-clone .e-fe-count {
+  border: 1px solid;
+  border-radius: 50%;
+  font-size: 12px;
+  height: 22px;
+  width: 22px;
+  line-height: 22px;
+  margin-left: -12px;
+  position: relative;
+  text-align: center;
+  top: 0;
+}
+.e-filemanager.e-rtl .e-treeview > .e-ul {
+  padding: 0 8px 0 0;
+}
+.e-filemanager.e-rtl .e-toolbar .e-fe-grid {
+  display: inline-table;
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.e-filemanager.e-rtl .e-splitter.e-splitter-horizontal {
+  -ms-flex-direction: row-reverse;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+          flex-direction: row-reverse;
+}
+.e-filemanager.e-rtl .e-address .e-search-wrap {
+  float: left;
+  left: 0;
+  right: auto;
+}
+.e-filemanager.e-rtl .e-address .e-search-wrap .e-input-group .e-input {
+  margin: 0 24px 0 0;
+  padding: 0;
+}
+.e-filemanager.e-rtl .e-address .e-addressbar-ul {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-filemanager.e-rtl .e-address .e-addressbar-ul .e-icons::before {
+  display: inline-block;
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.e-filemanager.e-rtl .e-grid.e-rtl .e-row.e-focused td:first-child {
+  -webkit-box-shadow: inset -1px 1px 0 0 #66afe9, inset -1px -1px 0 0 #66afe9;
+          box-shadow: inset -1px 1px 0 0 #66afe9, inset -1px -1px 0 0 #66afe9;
+}
+.e-filemanager.e-rtl .e-grid.e-rtl .e-row.e-focused td:last-child {
+  -webkit-box-shadow: inset 1px 1px 0 0 #66afe9, inset 1px -1px 0 0 #66afe9;
+          box-shadow: inset 1px 1px 0 0 #66afe9, inset 1px -1px 0 0 #66afe9;
+}
+.e-filemanager.e-rtl .e-grid.e-rtl .e-gridheader .e-fe-checkbox,
+.e-filemanager.e-rtl .e-grid.e-rtl .e-gridcontent .e-fe-checkbox {
+  padding-left: 0;
+  padding-right: 12px;
+}
+.e-filemanager.e-rtl .e-grid.e-rtl .e-gridheader .e-fe-grid-icon,
+.e-filemanager.e-rtl .e-grid.e-rtl .e-gridcontent .e-fe-grid-icon {
+  padding-left: 0;
+  padding-right: 12px;
+}
+.e-filemanager.e-rtl .e-grid.e-rtl .e-gridheader .e-fe-grid-icon + .e-rowcell, .e-filemanager.e-rtl .e-grid.e-rtl .e-gridheader .e-fe-grid-icon + .e-headercell,
+.e-filemanager.e-rtl .e-grid.e-rtl .e-gridcontent .e-fe-grid-icon + .e-rowcell,
+.e-filemanager.e-rtl .e-grid.e-rtl .e-gridcontent .e-fe-grid-icon + .e-headercell {
+  padding-left: 21px;
+  padding-right: 0;
+}
+.e-filemanager.e-rtl .e-grid.e-rtl .e-gridheader .e-fe-grid-icon + .e-rowcell.e-fe-grid-name, .e-filemanager.e-rtl .e-grid.e-rtl .e-gridheader .e-fe-grid-icon + .e-headercell.e-fe-grid-name,
+.e-filemanager.e-rtl .e-grid.e-rtl .e-gridcontent .e-fe-grid-icon + .e-rowcell.e-fe-grid-name,
+.e-filemanager.e-rtl .e-grid.e-rtl .e-gridcontent .e-fe-grid-icon + .e-headercell.e-fe-grid-name {
+  padding-right: 12px;
+}
+.e-filemanager.e-rtl .e-grid.e-rtl .e-fe-icon {
+  margin: 0 0 0 8px;
+}
+.e-filemanager.e-rtl .e-large-icons .e-list-item {
+  float: right;
+}
+.e-filemanager.e-rtl .e-fe-clone .e-fe-count {
+  margin-left: 0;
+  margin-right: -12px;
+}
+.e-filemanager .e-layout-content {
+  position: relative;
+}
+.e-filemanager .e-fe-overlay {
+  border: 2px dashed var(--color-sf-primary);
+  bottom: 0;
+  display: block;
+  height: calc(100% - 34px);
+  width: 100%;
+  width: calc(100% - 48px);
+  top: 64px;
+  height: calc(100% - 88px);
+  left: 24px;
+  pointer-events: none;
+  position: absolute;
+  visibility: hidden;
+}
+.e-filemanager .e-grid + .e-large-icons + .e-fe-overlay {
+  top: 82px;
+}
+.e-filemanager .e-grid:has(.e-empty) + .e-large-icons + .e-fe-overlay {
+  top: 96px;
+  height: calc(100% - 120px);
+}
+.e-filemanager .e-upload-drag-hover {
+  outline: none;
+}
+.e-filemanager .e-upload-drag-hover .e-fe-overlay {
+  visibility: visible;
+}
+
+.e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
+.e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
+.e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick, .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-dot,
+.e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-tick {
+  font-size: 16px;
+}
+.e-fe-popup.e-dlg-resizable .e-dlg-content {
+  overflow: hidden;
+}
+.e-fe-popup.e-dialog.e-fe-upload-dialog .e-dlg-content {
+  overflow: auto;
+}
+.e-fe-popup.e-contextmenu-wrapper ul .e-menu-item.e-separator, .e-fe-popup.e-contextmenu-container ul .e-menu-item.e-separator {
+  margin: 0 0;
+}
+.e-fe-popup.e-rtl .e-fe-grid {
+  display: inline-table;
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.e-fe-popup.e-dialog td {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  max-width: 211px;
+  min-width: 51px;
+  padding: 4px 24px 4px 0;
+}
+.e-fe-popup.e-dialog td.e-fe-value {
+  white-space: unset;
+  word-break: break-word;
+}
+.e-fe-popup.e-dialog .e-fe-errorcontent {
+  white-space: normal;
+  word-break: break-word;
+}
+.e-fe-popup.e-dialog .e-fe-icon {
+  display: inline-block;
+  height: 18px;
+  margin: 0 8px -2px 0;
+  width: 18px;
+}
+.e-fe-popup.e-dialog .e-fe-access-header {
+  display: inline-block;
+}
+.e-fe-popup.e-dialog .e-fe-retrycontent {
+  padding: 16px 0;
+}
+.e-fe-popup.e-dialog .e-image {
+  height: 100%;
+  width: 100%;
+}
+.e-fe-popup.e-dialog.e-rtl td {
+  padding: 8px 0 8px 24px;
+}
+.e-fe-popup.e-dialog.e-rtl .e-fe-icon {
+  margin: 0 0 -2px 8px;
+}
+.e-fe-popup.e-dialog.e-popup.e-dlg-resizable {
+  min-height: 200px;
+}
+.e-fe-popup .e-fe-error {
+  font-size: 12px;
+  line-height: 1.5;
+}
+.e-fe-popup .e-upload {
+  border-bottom-width: 0;
+  border-top-width: 0;
+}
+.e-fe-popup .e-upload .e-upload-actions {
+  border-bottom: 1px solid;
+}
+
+.e-filemanager .e-display-none,
+.e-filemanager .e-treeview .e-icons .e-treeview-spinner,
+.e-filemanager .e-splitter .e-split-bar .e-resize-handler,
+.e-filemanager .e-splitter .e-display-none,
+.e-filemanager .e-grid .e-spin-show,
+.e-filemanager .e-grid .e-gridheader .e-emptyrow,
+.e-filemanager .e-grid .e-gridcontent .e-emptyrow,
+.e-fe-popup .e-upload .e-file-select-wrap,
+.e-fe-popup .e-upload .e-icons.e-file-delete-btn {
+  display: none;
+}
+
+.e-filemanager.e-fe-mobile .e-toolbar,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar {
+  height: 48px;
+  min-height: 48px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
+.e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
+.e-filemanager.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons {
+  font-size: 20px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-newfolder,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-newfolder,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-newfolder {
+  padding-top: 0;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-upload,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-upload,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-upload {
+  padding-left: 0;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-sort,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-sort,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-sort {
+  padding-top: 3px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-refresh,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-refresh,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-refresh {
+  padding-top: 3px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-select,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-select,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-select {
+  padding-top: 2px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-large,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-large,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-large {
+  padding: 0 0 0 2px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-grid,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-grid,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-grid {
+  padding: 4px 2px 0 2px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-details,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-details,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-details {
+  padding-top: 3px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-delete,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-delete,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-delete {
+  padding-left: 4px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-rename,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-rename,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-rename {
+  padding-left: 2px;
+  padding-top: 3px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-download,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-download,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-download {
+  padding-left: 4px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-cut,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-cut,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-cut {
+  padding-left: 2px;
+  padding-top: 1px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
+  padding-left: 4px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
+  display: inline-block;
+  margin: 0;
+  width: 14px;
+}
+.e-filemanager.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
+.e-filemanager.e-fe-mobile .e-toolbar-left .e-toolbar-item .e-tbar-btn-text,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
+.e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-toolbar-item .e-tbar-btn-text,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
+.e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-toolbar-item .e-tbar-btn-text {
+  display: none;
+}
+.e-filemanager.e-fe-mobile .e-splitter .e-split-bar,
+.e-bigger .e-filemanager.e-fe-mobile .e-splitter .e-split-bar,
+.e-filemanager.e-bigger.e-fe-mobile .e-splitter .e-split-bar {
+  display: none;
+}
+.e-filemanager.e-fe-mobile .e-address,
+.e-bigger .e-filemanager.e-fe-mobile .e-address,
+.e-filemanager.e-bigger.e-fe-mobile .e-address {
+  height: 40px;
+}
+.e-filemanager.e-fe-mobile .e-address .e-addressbar-ul,
+.e-bigger .e-filemanager.e-fe-mobile .e-address .e-addressbar-ul,
+.e-filemanager.e-bigger.e-fe-mobile .e-address .e-addressbar-ul {
+  height: 40px;
+}
+.e-filemanager.e-fe-mobile .e-address .e-address-list-item .e-icons,
+.e-bigger .e-filemanager.e-fe-mobile .e-address .e-address-list-item .e-icons,
+.e-filemanager.e-bigger.e-fe-mobile .e-address .e-address-list-item .e-icons {
+  font-size: 16px;
+}
+.e-filemanager.e-fe-mobile .e-address .e-list-text,
+.e-bigger .e-filemanager.e-fe-mobile .e-address .e-list-text,
+.e-filemanager.e-bigger.e-fe-mobile .e-address .e-list-text {
+  font-size: 16px;
+}
+.e-filemanager.e-fe-mobile .e-address .e-search-wrap,
+.e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap,
+.e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap {
+  min-width: 47px;
+  width: auto;
+}
+.e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group,
+.e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group,
+.e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group {
+  display: none;
+  height: 40px;
+  width: 100%;
+}
+.e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-clear-icon,
+.e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-clear-icon,
+.e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-clear-icon {
+  margin: 2px 8px 0;
+}
+.e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
+.e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
+.e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input {
+  margin: 0 0 0 29px;
+}
+.e-filemanager.e-fe-mobile .e-address .e-fe-search,
+.e-bigger .e-filemanager.e-fe-mobile .e-address .e-fe-search,
+.e-filemanager.e-bigger.e-fe-mobile .e-address .e-fe-search {
+  font-size: 20px;
+  margin: 3px 0;
+  right: 13px;
+}
+.e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
+.e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
+.e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
+  height: 32px;
+  width: 32px;
+}
+.e-filemanager.e-fe-mobile .e-grid .e-gridheader,
+.e-bigger .e-filemanager.e-fe-mobile .e-grid .e-gridheader,
+.e-filemanager.e-bigger.e-fe-mobile .e-grid .e-gridheader {
+  display: none;
+}
+.e-filemanager.e-fe-mobile .e-grid .e-content .e-rowcell,
+.e-bigger .e-filemanager.e-fe-mobile .e-grid .e-content .e-rowcell,
+.e-filemanager.e-bigger.e-fe-mobile .e-grid .e-content .e-rowcell {
+  border-bottom: 1px solid;
+  border-bottom-color: var(--color-sf-border-light);
+}
+.e-filemanager.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox,
+.e-bigger .e-filemanager.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox,
+.e-filemanager.e-bigger.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox {
+  padding: 0;
+}
+.e-filemanager.e-fe-mobile .e-grid .e-gridcontent .e-fe-grid-icon,
+.e-bigger .e-filemanager.e-fe-mobile .e-grid .e-gridcontent .e-fe-grid-icon,
+.e-filemanager.e-bigger.e-fe-mobile .e-grid .e-gridcontent .e-fe-grid-icon {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+.e-filemanager.e-fe-mobile .e-grid .e-fe-text,
+.e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-text,
+.e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.e-filemanager.e-fe-mobile .e-grid .e-fe-text,
+.e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-text,
+.e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-text {
+  font-size: 16px;
+  line-height: 22px;
+}
+.e-filemanager.e-fe-mobile .e-grid .e-fe-date,
+.e-filemanager.e-fe-mobile .e-grid .e-fe-size,
+.e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-date,
+.e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-size,
+.e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-date,
+.e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-size {
+  color: var(--color-sf-content-text-color-alt3);
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-list-parent,
+.e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent,
+.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent {
+  padding: 0;
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
+.e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
+.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  display: inline-table;
+  height: 94px;
+  margin: 8px 4px;
+  width: 94px;
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item.e-hover .e-checkbox-wrapper, .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item:hover .e-checkbox-wrapper,
+.e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item.e-hover .e-checkbox-wrapper,
+.e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item:hover .e-checkbox-wrapper,
+.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item.e-hover .e-checkbox-wrapper,
+.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item:hover .e-checkbox-wrapper {
+  visibility: hidden;
+  padding: 0;
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item.e-active .e-checkbox-wrapper,
+.e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item.e-active .e-checkbox-wrapper,
+.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item.e-active .e-checkbox-wrapper {
+  visibility: visible;
+  padding: 0;
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
+.e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
+.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
+  z-index: 999;
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
+.e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
+.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text {
+  margin: 0 auto;
+  width: 94px;
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-img,
+.e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-img,
+.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-img {
+  margin: 11px auto;
+  max-height: 94px;
+  max-width: 94px;
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon,
+.e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon,
+.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon {
+  height: 40px;
+  margin: 11px auto 0;
+  width: 40px;
+}
+.e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
+.e-filemanager.e-fe-m-select .e-grid .e-content .e-row .e-rowcell .e-checkbox-wrapper,
+.e-bigger .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
+.e-bigger .e-filemanager.e-fe-m-select .e-grid .e-content .e-row .e-rowcell .e-checkbox-wrapper,
+.e-filemanager.e-bigger.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
+.e-filemanager.e-bigger.e-fe-m-select .e-grid .e-content .e-row .e-rowcell .e-checkbox-wrapper {
+  visibility: visible;
+  padding: 0;
+}
+.e-filemanager.e-fe-m-filter .e-address .e-search-wrap,
+.e-bigger .e-filemanager.e-fe-m-filter .e-address .e-search-wrap,
+.e-filemanager.e-bigger.e-fe-m-filter .e-address .e-search-wrap {
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  width: 100%;
+}
+.e-filemanager.e-fe-m-filter .e-address .e-search-wrap .e-input-group,
+.e-bigger .e-filemanager.e-fe-m-filter .e-address .e-search-wrap .e-input-group,
+.e-filemanager.e-bigger.e-fe-m-filter .e-address .e-search-wrap .e-input-group {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
+.e-filemanager.e-fe-m-filter .e-address .e-search-wrap .e-input-group .e-input,
+.e-bigger .e-filemanager.e-fe-m-filter .e-address .e-search-wrap .e-input-group .e-input,
+.e-filemanager.e-bigger.e-fe-m-filter .e-address .e-search-wrap .e-input-group .e-input {
+  height: auto;
+  margin-left: 45px;
+}
+.e-filemanager.e-fe-m-filter .e-address .e-search-wrap .e-fe-search,
+.e-bigger .e-filemanager.e-fe-m-filter .e-address .e-search-wrap .e-fe-search,
+.e-filemanager.e-bigger.e-fe-m-filter .e-address .e-search-wrap .e-fe-search {
+  left: 0;
+  margin-left: 8px;
+  margin-top: 3px;
+  width: 30px;
+}
+.e-filemanager.e-fe-m-filter .e-address .e-addressbar-ul,
+.e-bigger .e-filemanager.e-fe-m-filter .e-address .e-addressbar-ul,
+.e-filemanager.e-bigger.e-fe-m-filter .e-address .e-addressbar-ul {
+  visibility: hidden;
+}
+.e-filemanager.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-input-group .e-input,
+.e-bigger .e-filemanager.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-input-group .e-input,
+.e-filemanager.e-bigger.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-input-group .e-input {
+  margin-right: 45px;
+}
+.e-filemanager.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-fe-search,
+.e-bigger .e-filemanager.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-fe-search,
+.e-filemanager.e-bigger.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-fe-search {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.e-filemanager.e-rtl .e-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager.e-rtl .e-grid .e-gridcontent .e-fe-grid-icon,
+.e-bigger .e-filemanager.e-rtl .e-grid .e-gridheader .e-fe-grid-icon,
+.e-bigger .e-filemanager.e-rtl .e-grid .e-gridcontent .e-fe-grid-icon,
+.e-filemanager.e-bigger.e-rtl .e-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager.e-bigger.e-rtl .e-grid .e-gridcontent .e-fe-grid-icon {
+  padding-right: 10px;
+}
+
+.e-fe-popup.e-bigger.e-dialog .e-dlg-header-content,
+.e-bigger .e-fe-popup.e-dialog .e-dlg-header-content {
+  padding: 21px;
+}
+.e-fe-popup.e-bigger.e-dialog td,
+.e-bigger .e-fe-popup.e-dialog td {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 16px;
+  max-width: 205px;
+  min-width: 45px;
+  padding: 8px 30px 8px 0;
+}
+
+.e-bigger .e-filemanager .e-toolbar,
+.e-filemanager.e-bigger .e-toolbar {
+  height: 48px;
+  min-height: 48px;
+}
+.e-bigger .e-filemanager .e-toolbar .e-toolbar-item:not(.e-separator),
+.e-filemanager.e-bigger .e-toolbar .e-toolbar-item:not(.e-separator) {
+  min-height: 48px;
+  padding: 4px;
+}
+.e-bigger .e-filemanager .e-toolbar .e-popup-up-icon.e-icons,
+.e-bigger .e-filemanager .e-toolbar .e-popup-down-icon.e-icons,
+.e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
+.e-filemanager.e-bigger .e-toolbar .e-popup-up-icon.e-icons,
+.e-filemanager.e-bigger .e-toolbar .e-popup-down-icon.e-icons,
+.e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons {
+  font-size: 20px;
+}
+.e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn,
+.e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
+  padding: 0 6px;
+}
+.e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active, .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover, .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus,
+.e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active,
+.e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover,
+.e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
+  padding: 0 6px;
+}
+.e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn .e-btn-icon.e-icons.e-caret,
+.e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn .e-btn-icon.e-icons.e-caret {
+  padding: 0 10px;
+}
+.e-bigger .e-filemanager .e-toolbar .e-toolbar-pop .e-toolbar-item .e-dropdown-btn .e-btn-icon.e-icons.e-caret,
+.e-filemanager.e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-dropdown-btn .e-btn-icon.e-icons.e-caret {
+  padding: 0 10px;
+}
+.e-bigger .e-filemanager .e-treeview > .e-ul,
+.e-filemanager.e-bigger .e-treeview > .e-ul {
+  padding-left: 12px;
+}
+.e-bigger .e-filemanager .e-treeview .e-list-parent .e-list-item .e-fullrow,
+.e-filemanager.e-bigger .e-treeview .e-list-parent .e-list-item .e-fullrow {
+  height: 40px;
+}
+.e-bigger .e-filemanager .e-treeview .e-list-parent .e-list-item .e-list-text,
+.e-filemanager.e-bigger .e-treeview .e-list-parent .e-list-item .e-list-text {
+  height: 38px;
+  line-height: 38px;
+}
+.e-bigger .e-filemanager .e-address,
+.e-filemanager.e-bigger .e-address {
+  height: 48px;
+}
+.e-bigger .e-filemanager .e-address .e-breadcrumb-menu .e-breadcrumb-submenu,
+.e-filemanager.e-bigger .e-address .e-breadcrumb-menu .e-breadcrumb-submenu {
+  height: 27px;
+}
+.e-bigger .e-filemanager .e-address .e-address-list-item,
+.e-filemanager.e-bigger .e-address .e-address-list-item {
+  height: 22px;
+}
+.e-bigger .e-filemanager .e-address .e-address-list-item .e-icons,
+.e-filemanager.e-bigger .e-address .e-address-list-item .e-icons {
+  font-size: 16px;
+}
+.e-bigger .e-filemanager .e-address .e-addressbar-ul,
+.e-filemanager.e-bigger .e-address .e-addressbar-ul {
+  padding: 12px 10px 14px 16px;
+}
+.e-bigger .e-filemanager .e-address .e-list-text,
+.e-filemanager.e-bigger .e-address .e-list-text {
+  font-size: 16px;
+  line-height: 22px;
+  padding: 8px 8px 10px;
+}
+.e-bigger .e-filemanager .e-address .e-search-wrap,
+.e-filemanager.e-bigger .e-address .e-search-wrap {
+  min-width: 51px;
+  padding: 1.5px 10px 0 16px;
+}
+.e-bigger .e-filemanager .e-address .e-search-wrap .e-input-group,
+.e-filemanager.e-bigger .e-address .e-search-wrap .e-input-group {
+  height: 36px;
+}
+.e-bigger .e-filemanager .e-address .e-search-wrap .e-input-group .e-input:focus,
+.e-filemanager.e-bigger .e-address .e-search-wrap .e-input-group .e-input:focus {
+  padding: 0;
+}
+.e-bigger .e-filemanager .e-address .e-fe-search,
+.e-filemanager.e-bigger .e-address .e-fe-search {
+  margin: 7px 0;
+}
+.e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
+.e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
+  border-width: 1px;
+  line-height: 14px;
+  height: 16px;
+  width: 16px;
+  font-size: 10px;
+  margin: 0;
+}
+.e-bigger .e-filemanager .e-grid .e-gridheader .e-headercell,
+.e-filemanager.e-bigger .e-grid .e-gridheader .e-headercell {
+  height: 36px;
+}
+.e-bigger .e-filemanager .e-grid .e-gridheader .e-headertext,
+.e-filemanager.e-bigger .e-grid .e-gridheader .e-headertext {
+  font-size: 14px;
+}
+.e-bigger .e-filemanager .e-grid .e-gridheader .e-rowcell,
+.e-bigger .e-filemanager .e-grid .e-gridcontent .e-rowcell,
+.e-filemanager.e-bigger .e-grid .e-gridheader .e-rowcell,
+.e-filemanager.e-bigger .e-grid .e-gridcontent .e-rowcell {
+  font-size: 14px;
+}
+.e-bigger .e-filemanager .e-grid .e-gridheader .e-rowcell .e-fe-text,
+.e-bigger .e-filemanager .e-grid .e-gridcontent .e-rowcell .e-fe-text,
+.e-filemanager.e-bigger .e-grid .e-gridheader .e-rowcell .e-fe-text,
+.e-filemanager.e-bigger .e-grid .e-gridcontent .e-rowcell .e-fe-text {
+  font-size: 16px;
+}
+.e-bigger .e-filemanager .e-grid .e-gridheader .e-fe-checkbox,
+.e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox,
+.e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-checkbox,
+.e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-checkbox {
+  padding-left: 10px;
+}
+.e-bigger .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
+.e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon,
+.e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-grid-icon {
+  padding-left: 16px;
+}
+.e-bigger .e-filemanager .e-grid .e-fe-icon,
+.e-filemanager.e-bigger .e-grid .e-fe-icon {
+  margin: 0 12px 0 0;
+}
+.e-bigger .e-filemanager .e-grid .e-empty,
+.e-filemanager.e-bigger .e-grid .e-empty {
+  min-width: 300px;
+}
+.e-bigger .e-filemanager .e-grid .e-empty-content,
+.e-filemanager.e-bigger .e-grid .e-empty-content {
+  font-size: 22px;
+  margin: 0 auto;
+  padding: 12px;
+  text-align: center;
+}
+.e-bigger .e-filemanager .e-grid .e-empty-icon,
+.e-filemanager.e-bigger .e-grid .e-empty-icon {
+  height: 92px;
+  margin: 0 auto;
+  width: 92px;
+}
+.e-bigger .e-filemanager .e-grid .e-empty-inner-content,
+.e-filemanager.e-bigger .e-grid .e-empty-inner-content {
+  font-size: 14px;
+  margin: 0 auto;
+  padding: 6px;
+  text-align: center;
+}
+.e-bigger .e-filemanager .e-grid .e-empty-inner-content,
+.e-filemanager.e-bigger .e-grid .e-empty-inner-content {
+  opacity: 0.5;
+}
+.e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
+.e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
+  margin-right: -10px;
+}
+.e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
+.e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
+  border-width: 1px;
+  line-height: 14px;
+  height: 16px;
+  width: 16px;
+  font-size: 10px;
+  margin: 0;
+}
+.e-bigger .e-filemanager .e-large-icons .e-list-parent,
+.e-filemanager.e-bigger .e-large-icons .e-list-parent {
+  padding: 0 6px;
+}
+.e-bigger .e-filemanager .e-large-icons .e-list-item,
+.e-filemanager.e-bigger .e-large-icons .e-list-item {
+  height: 106px;
+  margin: 12px 6px;
+  width: 100px;
+}
+.e-bigger .e-filemanager .e-large-icons .e-text-content,
+.e-filemanager.e-bigger .e-large-icons .e-text-content {
+  height: 100px;
+}
+.e-bigger .e-filemanager .e-large-icons .e-list-text,
+.e-filemanager.e-bigger .e-large-icons .e-list-text {
+  font-size: 14px;
+  padding: 4px 2px 2px;
+  width: 94px;
+}
+.e-bigger .e-filemanager .e-large-icons .e-list-img,
+.e-filemanager.e-bigger .e-large-icons .e-list-img {
+  max-height: 79px;
+  max-width: 94px;
+}
+.e-bigger .e-filemanager .e-large-icons .e-list-icon,
+.e-filemanager.e-bigger .e-large-icons .e-list-icon {
+  height: 52px;
+  margin: 11px auto;
+  width: 52px;
+}
+.e-bigger .e-filemanager .e-large-icons .e-empty,
+.e-filemanager.e-bigger .e-large-icons .e-empty {
+  min-width: 300px;
+}
+.e-bigger .e-filemanager .e-large-icons .e-empty-content,
+.e-filemanager.e-bigger .e-large-icons .e-empty-content {
+  font-size: 22px;
+  margin: 0 auto;
+  padding: 12px;
+  text-align: center;
+}
+.e-bigger .e-filemanager .e-large-icons .e-empty-icon,
+.e-filemanager.e-bigger .e-large-icons .e-empty-icon {
+  height: 52px;
+  margin: 0 auto;
+  width: 52px;
+}
+.e-bigger .e-filemanager .e-large-icons .e-empty-inner-content,
+.e-filemanager.e-bigger .e-large-icons .e-empty-inner-content {
+  font-size: 14px;
+  margin: 0 auto;
+  padding: 4px;
+  text-align: center;
+}
+.e-bigger .e-filemanager .e-large-icons .e-empty-inner-content,
+.e-filemanager.e-bigger .e-large-icons .e-empty-inner-content {
+  opacity: 0.5;
+}
+.e-bigger .e-filemanager.e-rtl .e-treeview > .e-ul,
+.e-filemanager.e-bigger.e-rtl .e-treeview > .e-ul {
+  padding: 0 12px 0 0;
+}
+.e-bigger .e-filemanager.e-rtl .e-grid .e-gridheader .e-fe-checkbox,
+.e-bigger .e-filemanager.e-rtl .e-grid .e-gridcontent .e-fe-checkbox,
+.e-filemanager.e-bigger.e-rtl .e-grid .e-gridheader .e-fe-checkbox,
+.e-filemanager.e-bigger.e-rtl .e-grid .e-gridcontent .e-fe-checkbox {
+  padding-right: 16px;
+}
+.e-bigger .e-filemanager .e-fe-overlay,
+.e-filemanager.e-bigger .e-fe-overlay {
+  height: calc(100% - 41px);
+}
+
+@media (max-width: 469px) {
+  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+    min-width: 140px;
+    width: calc(50% - 17px);
+  }
+}
+@media (min-width: 470px) and (max-width: 625px) {
+  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+    min-width: 140px;
+    width: calc(33.33% - 17px);
+  }
+}
+.e-content-placeholder.e-filemanager.e-placeholder-filemanager {
+  height: 100%;
+  width: 100%;
+}
+
+.e-filemanager {
+  background: var(--color-sf-content-bg-color-alt1);
+  border-color: var(--color-sf-border-light);
+}
+.e-filemanager .e-toolbar {
+  border-bottom-color: var(--color-sf-border-light);
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
+  background: var(--color-sf-content-bg-color-alt3);
+  border-color: var(--color-sf-content-bg-color-alt3);
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
+  background: var(--color-sf-content-bg-color-alt3);
+  border-color: var(--color-sf-content-bg-color-alt3);
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
+  background: var(--color-sf-content-bg-color-alt3);
+  border-color: var(--color-sf-content-bg-color-alt3);
+}
+.e-filemanager .e-address {
+  border-bottom-color: var(--color-sf-border-light);
+}
+.e-filemanager .e-address .e-icons {
+  color: var(--color-sf-icon-color);
+}
+.e-filemanager .e-address .e-list-text {
+  color: var(--color-sf-content-text-color-alt2);
+}
+.e-filemanager .e-address .e-address-list-item {
+  color: var(--color-sf-content-text-color-alt2);
+}
+.e-filemanager .e-address .e-address-list-item:focus .e-list-text {
+  background: var(--color-sf-content-bg-color-hover);
+  color: var(--color-sf-content-text-color);
+}
+.e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
+  color: var(--color-sf-content-text-color);
+}
+.e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
+  background: var(--color-sf-content-bg-color-hover);
+  color: var(--color-sf-content-text-color);
+}
+.e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active {
+  background: var(--color-sf-content-bg-color-pressed);
+}
+.e-filemanager .e-treeview .e-list-item.e-active > .e-fullrow {
+  border: var(--color-sf-content-bg-color-selected);
+}
+.e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder.e-hover > .e-fullrow {
+  border-color: var(--color-sf-primary);
+}
+.e-filemanager .e-grid .e-gridheader tr:first-child th {
+  background: var(--color-sf-content-bg-color-alt1);
+}
+.e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
+  background: var(--color-sf-content-bg-color-hover);
+}
+.e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
+  background: var(--color-sf-content-bg-color-alt1);
+}
+.e-filemanager .e-grid td.e-active {
+  background-color: var(--color-sf-content-bg-color-selected);
+  color: var(--color-sf-content-text-color);
+}
+.e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+  background-color: transparent;
+}
+.e-filemanager .e-large-icons .e-list-img {
+  border-color: var(--color-sf-border-light);
+}
+.e-filemanager .e-large-icons .e-active {
+  color: var(--color-sf-content-text-color);
+}
+.e-filemanager .e-large-icons .e-large-icon {
+  border-color: transparent;
+}
+.e-filemanager .e-large-icons .e-large-icon.e-active {
+  background: var(--color-sf-content-bg-color-selected);
+  border-color: var(--color-sf-content-bg-color-selected);
+}
+.e-filemanager .e-large-icons .e-large-icon.e-hover, .e-filemanager .e-large-icons .e-large-icon:hover {
+  background: var(--color-sf-content-bg-color-hover);
+  border-color: var(--color-sf-content-bg-color-hover);
+}
+.e-filemanager .e-large-icons .e-large-icon.e-active.e-hover, .e-filemanager .e-large-icons .e-large-icon.e-active:hover {
+  background: var(--color-sf-content-bg-color-selected);
+  border-color: var(--color-sf-content-bg-color-selected);
+}
+.e-filemanager .e-large-icons .e-large-icon.e-focus {
+  border-color: var(--color-sf-content-bg-color-selected);
+}
+.e-filemanager .e-large-icons .e-large-icon.e-hover.e-fe-drop-folder, .e-filemanager .e-large-icons .e-large-icon:hover.e-fe-drop-folder {
+  border-color: var(--color-sf-primary);
+}
+.e-filemanager .e-large-icons .e-checkbox-wrapper .e-icons.e-check {
+  background-color: var(--color-sf-primary);
+  color: var(--color-sf-primary-text-color);
+}
+.e-filemanager .e-fe-clone .e-fe-content {
+  background-color: var(--color-sf-content-bg-color-alt3);
+  color: var(--color-sf-content-text-color);
+}
+.e-filemanager .e-fe-clone .e-fe-count {
+  background-color: var(--color-sf-primary);
+  border-color: var(--color-sf-primary-text-color);
+  color: var(--color-sf-primary-text-color);
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-hover, .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon:hover {
+  background: transparent;
+  border-color: transparent;
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-focus {
+  border-color: transparent;
+}
+.e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-active {
+  background: var(--color-sf-content-bg-color-selected);
+  border-color: var(--color-sf-content-bg-color-selected);
+}
+
+.e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
+.e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
+.e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick, .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-dot,
+.e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-tick {
+  color: var(--color-sf-icon-color);
+}
+.e-fe-popup.e-dialog td {
+  color: var(--color-sf-content-text-color);
+}
+.e-fe-popup.e-dialog td:first-child {
+  color: var(--color-sf-content-text-color-alt2);
+}
+.e-fe-popup .e-fe-error {
+  color: var(--color-sf-danger);
+}
+.e-fe-popup .e-upload .e-upload-actions {
+  border-bottom-color: var(--color-sf-border-light);
+}