@syncfusion/ej2-schedule 26.1.40 → 26.1.41-16103

package/styles/fluent2.css

@@ -1,1036 +1,8 @@
-: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: #d13438;
-  --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-tooltip-text-color: var(--color-sf-content-text-color);
-  --color-sf-toast-text-color: var(--color-sf-content-text-color);
-  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
-  --color-sf-appbar-bg-color-alt1: var(--color-sf-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: #242424;
-  --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: #0e700e;
-  --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: #b10e1c;
-  --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: #00748f;
-  --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: #c43501;
-  --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: #f5f5f5;
-  --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: #424242;
-  --color-sf-border-warning: #bc4b09;
-  --color-sf-border-error: #dc626d;
-  --color-sf-border-success: #9fd89f;
-  --color-sf-border-info: #18a4c4;
-  --color-sf-spreadsheet-gridline: #e6e6e6;
-  --color-sf-flyout-border: #525252;
-  --color-sf-primary: #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: #0e700e;
-  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
-  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
-  --color-sf-success-bg-color-pressed: #052505;
-  --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
-  --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
-  --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
-  --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
-  --color-sf-success-text-focus: var(--color-sf-primary-text-color);
-  --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
-  --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
-  --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
-  --color-sf-success-bg-color-selected: #094509;
-  --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
-  --color-sf-success-text-selected: var(--color-sf-primary-text-color);
-  --color-sf-warning-bg-color: #f87528;
-  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
-  --color-sf-warning-text: #242424;
-  --color-sf-warning-bg-color-hover: #de590b;
-  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
-  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
-  --color-sf-warning-bg-color-pressed: #4a1e04;
-  --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
-  --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
-  --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
-  --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
-  --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
-  --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
-  --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
-  --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
-  --color-sf-warning-bg-color-selected: #8a3707;
-  --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
-  --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
-  --color-sf-info-bg-color: #18a4c4;
-  --color-sf-info-border-color: var(--color-sf-info-bg-color);
-  --color-sf-info-text: #242424;
-  --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
-  --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
-  --color-sf-info-text-hover: var(--color-sf-primary-text-color);
-  --color-sf-info-bg-color-pressed: #002e38;
-  --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
-  --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
-  --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
-  --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
-  --color-sf-info-text-focus: var(--color-sf-primary-text-color);
-  --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
-  --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
-  --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
-  --color-sf-info-bg-color-selected: #005669;
-  --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
-  --color-sf-info-text-selected: var(--color-sf-primary-text-color);
-  --color-sf-danger-bg-color: #cc2635;
-  --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
-  --color-sf-danger-text: var(--color-sf-primary-text-color);
-  --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
-  --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
-  --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
-  --color-sf-danger-bg-color-pressed: #3b0509;
-  --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
-  --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
-  --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
-  --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
-  --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
-  --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
-  --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
-  --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
-  --color-sf-danger-bg-color-selected: #6e0811;
-  --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
-  --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
-  --color-sf-primary-outline: var(--color-sf-primary);
-  --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
-  --color-sf-warning-outline: #f7630c;
-  --color-sf-danger-outline: #c50f1f;
-  --color-sf-success-outline: #107c10;
-  --color-sf-info-outline: #0099bc;
-  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
-  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
-  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
-  --color-sf-toast-text-color: var(--color-sf-content-text-color);
-  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
-  --color-sf-appbar-bg-color-alt1: var(--color-sf-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: #fff;
-  --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: #666666;
-  --color-sf-msg-color-alt2: #242424;
-  --color-sf-msg-bg-color-alt2: #c2c2c2;
-  --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
-  --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
-  --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
-  --color-sf-msg-icon-color-alt2: #fff;
-  --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
-  --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
-  --color-sf-msg-close-icon-color-alt2: #fff;
-  --color-sf-msg-success-color: var(--color-sf-content-text-color);
-  --color-sf-msg-success-bg-color: #052505;
-  --color-sf-msg-success-border-color: #107c10;
-  --color-sf-msg-success-color-alt1: #54b054;
-  --color-sf-msg-success-bg-color-alt1: transparent;
-  --color-sf-msg-success-border-color-alt1: #218c21;
-  --color-sf-msg-success-color-alt2: #fff;
-  --color-sf-msg-success-bg-color-alt2: #107c10;
-  --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
-  --color-sf-msg-success-icon-color: #54b054;
-  --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
-  --color-sf-msg-success-icon-color-alt2: #fff;
-  --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
-  --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-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: #dc626d;
-  --color-sf-msg-danger-bg-color-alt1: transparent;
-  --color-sf-msg-danger-border-color-alt1: #d33f4c;
-  --color-sf-msg-danger-color-alt2: #fff;
-  --color-sf-msg-danger-bg-color-alt2: #c50f1f;
-  --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
-  --color-sf-msg-danger-icon-color: #dc626d;
-  --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
-  --color-sf-msg-danger-icon-color-alt2: #fff;
-  --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
-  --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-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: #56bfd7;
-  --color-sf-msg-info-bg-color-alt1: transparent;
-  --color-sf-msg-info-border-color-alt1: #31afdd;
-  --color-sf-msg-info-color-alt2: #fff;
-  --color-sf-msg-info-bg-color-alt2: #0099bc;
-  --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
-  --color-sf-msg-info-icon-color: #56bfd7;
-  --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
-  --color-sf-msg-info-icon-color-alt2: #fff;
-  --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
-  --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-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: #e9835e;
-  --color-sf-msg-warning-bg-color-alt1: transparent;
-  --color-sf-msg-warning-border-color-alt1: #e36537;
-  --color-sf-msg-warning-color-alt2: #fff;
-  --color-sf-msg-warning-bg-color-alt2: #da3b01;
-  --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
-  --color-sf-msg-warning-icon-color: #e9835e;
-  --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-icon-color);
-  --color-sf-msg-warning-icon-color-alt2: #fff;
-  --color-sf-msg-warning-close-icon-color: var(--color-sf-content-text-color-alt1);
-  --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-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: #141414;
-  --color-sf-chip-bg-disabled: #141414;
-  --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
-  --color-sf-secondary-outline-button-text-color-hover: #fff;
-  --color-sf-secondary-outline-button-text-color-pressed: #fff;
-  --color-sf-secondary-outline-button-text-color-selected: #fff;
-  --color-sf-secondary-outline-button-text-color-focus: #fff;
-  --color-sf-slider-shadow1: #000;
-  --color-sf-slider-shadow2: #666666;
-  --color-sf-slider-disabled: #666666;
-  --color-sf-slider-border-color: rgba(255, 255, 255, 0);
-  --color-sf-slider-bg-disabled: #525252;
-  --color-sf-toggle-switch-border-disabled: #141414;
-  --color-sf-calendar-icon-color: #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: #1a3bff;
-  --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: #3ff23f;
-  --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: #3ff23f;
-  --color-sf-border-warning: #f7630c;
-  --color-sf-border-error: #c50f1f;
-  --color-sf-border-success: #107c10;
-  --color-sf-border-info: #0099bc;
-  --color-sf-spreadsheet-gridline: #e6e6e6;
-  --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-tooltip-text-color: var(--color-sf-content-text-color);
-  --color-sf-toast-text-color: var(--color-sf-content-text-color);
-  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
-  --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: #fff;
-  --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: #107c10;
-  --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: #c50f1f;
-  --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: #0099bc;
-  --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: #f7630c;
-  --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: #fff;
-  --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;
-}
+
+
+
 
 /*! TreeView's theme wise override definitions and variables */
 /* stylelint-disable */
@@ -1253,7 +225,7 @@
 
 .e-ddl.e-popup {
   border: 0;
-  border-radius: 8px;
+  border-radius: 4px;
   -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
           box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   margin-top: 4px;
@@ -1265,46 +237,11 @@
   margin-top: 2px;
 }
 
-.e-bigger .e-ddl.e-popup,
-.e-bigger.e-ddl.e-popup {
-  border-radius: 8px;
-  margin-top: 8px;
-}
-
-.e-bigger.e-small .e-ddl.e-popup,
-.e-small.e-bigger.e-ddl.e-popup {
-  border-radius: 8px;
-  margin-top: 6px;
-}
-
 .e-popup.e-ddl .e-dropdownbase {
   min-height: 26px;
   padding: 6px 4px;
 }
 
-.e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: var(--color-sf-border-light);
-}
-
-.e-bigger .e-popup.e-ddl-device-filter {
-  margin-top: 0;
-}
-
-.e-bigger .e-ddl-device .e-input-group,
-.e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
-  background: var(--color-sf-flyout-bg-color);
-  border-width: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  margin-bottom: 0;
-}
-
-.e-bigger .e-ddl-device .e-input-group .e-back-icon,
-.e-bigger .e-ddl-device .e-input-group input.e-input,
-.e-bigger .e-ddl-device .e-input-group .e-clear-icon {
-  background-color: var(--color-sf-flyout-bg-color);
-}
-
 .e-input-group.e-ddl,
 .e-input-group.e-ddl .e-input,
 .e-input-group.e-ddl .e-ddl-icon {
@@ -1341,11 +278,6 @@
   width: 32px;
 }
 
-.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  height: 28px;
-  width: 28px;
-}
-
 .e-multi-select-wrapper .e-searcher input[type=text],
 .e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: var(--color-sf-content-text-color);
@@ -1568,8 +500,8 @@
   border-right: 1px solid var(--color-sf-border-light);
 }
 .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
-  background: var(--color-sf-content-bg-color-alt3);
-  color: rgba(var(--color-sf-primary), 0.87);
+  background: var(--color-sf-content-bg-color-hover);
+  color: var(--color-sf-icon-color-hover);
 }
 .e-schedule .e-schedule-toolbar .e-hor-nav {
   border-left: 1px solid var(--color-sf-border-light);
@@ -1578,18 +510,18 @@
   content: "";
 }
 .e-schedule .e-schedule-toolbar .e-hor-nav:active {
-  color: rgba(var(--color-sf-primary), 0.87);
+  color: var(--color-sf-icon-color-hover);
 }
 .e-schedule .e-schedule-toolbar .e-hor-nav:active::after {
   content: "";
 }
 .e-schedule .e-schedule-toolbar .e-hor-nav:hover {
-  background: var(--color-sf-content-bg-color-alt3);
-  color: rgba(var(--color-sf-primary), 0.87);
+  background: var(--color-sf-content-bg-color-hover);
+  color: var(--color-sf-icon-color-hover);
 }
 .e-schedule .e-schedule-toolbar .e-hor-nav:focus {
-  background: var(--color-sf-content-bg-color-alt3);
-  color: rgba(var(--color-sf-primary), 0.87);
+  background: var(--color-sf-content-bg-color-hover);
+  color: var(--color-sf-icon-color-hover);
 }
 .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
   display: block;
@@ -1737,7 +669,7 @@
   padding: 0 0 0 12px;
 }
 .e-schedule .e-resource-tree-popup-overlay.e-enable {
-  background: rgba(var(--color-sf-overlay-bg-color), 0.4);
+  background: var(--color-sf-overlay-bg-color);
   height: 100%;
   left: 0;
   opacity: 0.5;
@@ -1830,7 +762,7 @@
   text-decoration: none;
 }
 .e-schedule .e-block-appointment {
-  background: var(--color-sf-content-bg-color-alt2);
+  background: var(--color-sf-holiday-bg-color);
   color: var(--color-sf-content-text-color);
   cursor: default;
   overflow: hidden;
@@ -2214,8 +1146,8 @@
 }
 .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
   background: var(--color-sf-content-bg-color-alt2);
-  -webkit-box-shadow: inset 0 0 0 8px var(--color-sf-content-bg-color);
-          box-shadow: inset 0 0 0 8px var(--color-sf-content-bg-color);
+  -webkit-box-shadow: inset 0 0 0 8px var(--color-sf-holiday-bg-color);
+          box-shadow: inset 0 0 0 8px var(--color-sf-holiday-bg-color);
 }
 .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
   background: var(--color-sf-content-bg-color-alt2);
@@ -2549,8 +1481,8 @@
 }
 .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
   background: var(--color-sf-content-bg-color-alt2);
-  -webkit-box-shadow: inset 0 0 0 8px var(--color-sf-content-bg-color);
-          box-shadow: inset 0 0 0 8px var(--color-sf-content-bg-color);
+  -webkit-box-shadow: inset 0 0 0 8px var(--color-sf-holiday-bg-color);
+          box-shadow: inset 0 0 0 8px var(--color-sf-holiday-bg-color);
 }
 .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
   background: var(--color-sf-content-bg-color-alt2);
@@ -2798,7 +1730,7 @@
   position: relative;
 }
 .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-holiday-bg-color);
   border-color: var(--color-sf-border-light);
   border-style: solid;
   border-width: 0 1px 1px 0;
@@ -3078,7 +2010,7 @@
 }
 .e-schedule .e-timeline-view .e-resource-cells,
 .e-schedule .e-timeline-month-view .e-resource-cells {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-holiday-bg-color);
   border-color: var(--color-sf-border-light);
   border-style: solid;
   border-width: 0 1px 1px 0;
@@ -3114,8 +2046,8 @@
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
 .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
   background: var(--color-sf-content-bg-color-alt2);
-  -webkit-box-shadow: inset 0 0 0 8px var(--color-sf-content-bg-color);
-          box-shadow: inset 0 0 0 8px var(--color-sf-content-bg-color);
+  -webkit-box-shadow: inset 0 0 0 8px var(--color-sf-holiday-bg-color);
+          box-shadow: inset 0 0 0 8px var(--color-sf-holiday-bg-color);
 }
 .e-schedule .e-timeline-view .e-resource-tree-icon,
 .e-schedule .e-timeline-month-view .e-resource-tree-icon {
@@ -3611,13 +2543,18 @@
 .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
   color: var(--color-sf-content-text-color-selected);
 }
-.e-schedule .e-agenda-view .e-subject {
+.e-schedule .e-agenda-view .e-subject,
+.e-schedule .e-agenda-view .e-inline-subject {
   color: var(--color-sf-content-text-color);
   font-size: 14px;
   line-height: 23px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.e-schedule .e-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
 .e-schedule .e-agenda-view .e-resource-name {
   color: var(--color-sf-content-text-color);
   font-size: 12px;
@@ -3727,151 +2664,6 @@
   display: none;
 }
 
-.e-bigger .e-schedule .e-schedule-toolbar,
-.e-bigger.e-schedule .e-schedule-toolbar {
-  height: 48px;
-  min-height: 48px;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text,
-.e-bigger.e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
-  font-size: 16px;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item.e-date-range .e-tbar-btn-text,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item.e-date-range .e-tbar-btn-text {
-  font-size: 16px;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-icon-down-arrow,
-.e-bigger.e-schedule .e-schedule-toolbar .e-icon-down-arrow {
-  font-size: 18px;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-schedule .e-toolbar .e-hor-nav,
-.e-bigger.e-schedule .e-schedule-toolbar .e-schedule .e-toolbar .e-hor-nav {
-  min-height: 48px;
-  min-width: 32px;
-  z-index: 0;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon {
-  font-size: 18px;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text {
-  line-height: inherit;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items {
-  min-height: 48px;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
-  min-height: 48px;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
-  min-width: 34px;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
-  height: calc(100% - 15px);
-  margin: 10px 3px;
-  min-height: 28px;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-icons,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-icons {
-  min-width: 24px;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn,
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  height: auto;
-  line-height: 25px;
-  margin: 4px 0;
-  min-width: 24px;
-  padding: 0 12px;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right {
-  padding: 3px 0 0 12px;
-  font-size: 18px;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
-  padding-top: 3px;
-}
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
-  font-size: 16px;
-}
-.e-bigger .e-schedule .e-more-popup-wrapper .e-header-day,
-.e-bigger.e-schedule .e-more-popup-wrapper .e-header-day {
-  font-size: 14px;
-}
-.e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-day,
-.e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-day {
-  font-size: 14px;
-}
-.e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-date,
-.e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-date {
-  font-size: 18px;
-}
-.e-bigger .e-schedule .e-vertical-view .e-resource-cells,
-.e-bigger.e-schedule .e-vertical-view .e-resource-cells {
-  font-size: 14px;
-}
-.e-bigger .e-schedule .e-vertical-view .e-time-cells-wrap table td,
-.e-bigger.e-schedule .e-vertical-view .e-time-cells-wrap table td {
-  font-size: 14px;
-}
-.e-bigger .e-schedule .e-vertical-view .e-clone-time-indicator,
-.e-bigger .e-schedule .e-vertical-view .e-current-time,
-.e-bigger.e-schedule .e-vertical-view .e-clone-time-indicator,
-.e-bigger.e-schedule .e-vertical-view .e-current-time {
-  font-size: 12px;
-}
-.e-bigger .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td,
-.e-bigger.e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
-  font-size: 12px;
-}
-.e-bigger .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
-.e-bigger .e-schedule.e-device .e-vertical-view .e-current-time,
-.e-bigger.e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
-.e-bigger.e-schedule.e-device .e-vertical-view .e-current-time {
-  font-size: 12px;
-}
-.e-bigger .e-schedule .e-month-view .e-header-cells,
-.e-bigger.e-schedule .e-month-view .e-header-cells {
-  height: 38px;
-}
-.e-bigger .e-schedule .e-month-view .e-resource-cells,
-.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
-.e-bigger.e-schedule .e-month-view .e-resource-cells,
-.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
-  font-size: 16px;
-}
-.e-bigger .e-schedule .e-month-view .e-content-wrap,
-.e-bigger.e-schedule .e-month-view .e-content-wrap {
-  font-size: 16px;
-}
-.e-bigger .e-schedule .e-month-view .e-m-date,
-.e-bigger.e-schedule .e-month-view .e-m-date {
-  font-size: 18px;
-}
-.e-bigger .e-schedule .e-month-view .e-resource-name,
-.e-bigger .e-schedule .e-month-view .e-m-day,
-.e-bigger.e-schedule .e-month-view .e-resource-name,
-.e-bigger.e-schedule .e-month-view .e-m-day {
-  font-size: 14px;
-}
-.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
-.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
-  min-width: 306px;
-}
-
 .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
   border: 1px solid rgba(var(--color-sf-border-light), 0.5);
 }
@@ -3902,16 +2694,6 @@
   font-size: 12px;
 }
 
-.e-bigger .e-schedule-event-tooltip .e-subject,
-.e-schedule-event-tooltip.e-bigger .e-subject {
-  font-size: 14px;
-  font-weight: 500;
-}
-
-.e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
-  width: 502px;
-}
-
 .e-dialog.e-quick-dialog.e-following-events-dialog {
   width: 420px;
 }
@@ -3954,10 +2736,6 @@
   text-align: right;
 }
 
-.e-bigger .e-dialog.e-quick-dialog {
-  min-width: 370px;
-}
-
 /*! schedule event window */
 .e-schedule-dialog .e-disable {
   display: none;
@@ -4121,162 +2899,35 @@
   width: 14px;
 }
 
-.e-bigger .e-ddl.e-popup .e-resource-template {
-  padding: 0 15px;
-}
-.e-bigger .e-ddl.e-popup .e-resource-template .e-resource-color {
-  height: 16px;
-  margin-top: 10px;
-  width: 16px;
-}
-.e-bigger .e-schedule-dialog .e-disable {
-  display: none;
-}
-.e-bigger .e-schedule-dialog .e-dlg-header-content {
-  padding-bottom: 8px;
-}
-.e-bigger .e-schedule-dialog .e-dlg-content {
-  padding-bottom: 12px;
-  position: relative;
+.e-schedule-dialog.e-device .e-dlg-header,
+.e-schedule-dialog.e-device .e-dlg-header * {
+  width: 100%;
 }
-.e-bigger .e-schedule-dialog .e-event-cancel,
-.e-bigger .e-schedule-dialog .e-event-delete {
-  border: none;
+.e-schedule-dialog.e-device .e-dlg-header-content {
+  background: var(--color-sf-content-bg-color-alt1);
   -webkit-box-shadow: none;
           box-shadow: none;
+  box-shadow: none;
+  margin-bottom: 0;
 }
-.e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
-  float: left;
-  margin-left: 0;
+.e-schedule-dialog.e-device .e-title-location-row,
+.e-schedule-dialog.e-device .e-start-end-row,
+.e-schedule-dialog.e-device .e-time-zone-row,
+.e-schedule-dialog.e-device .e-start-input-container,
+.e-schedule-dialog.e-device .e-end-input-container {
+  display: inline;
 }
-.e-bigger .e-schedule-dialog .e-subject-container,
-.e-bigger .e-schedule-dialog .e-start-container,
-.e-bigger .e-schedule-dialog .e-start-time-zone-container,
-.e-bigger .e-schedule-dialog .e-description-label {
-  padding-right: 12px;
+.e-schedule-dialog.e-device .e-time-zone-row.e-enable {
+  display: inline;
 }
-.e-bigger .e-schedule-dialog .e-location-container,
-.e-bigger .e-schedule-dialog .e-end-container,
-.e-bigger .e-schedule-dialog .e-end-time-zone-container {
-  padding-left: 12px;
-}
-.e-bigger .e-schedule-dialog .e-all-day-container {
-  padding-right: 16px;
-}
-.e-bigger .e-schedule-dialog .e-time-zone-row {
-  display: none;
-}
-.e-bigger .e-schedule-dialog .e-time-zone-row.e-enable {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  height: 64px;
-}
-.e-bigger .e-schedule-dialog .e-title-location-row,
-.e-bigger .e-schedule-dialog .e-start-end-row,
-.e-bigger .e-schedule-dialog .e-start-input-container,
-.e-bigger .e-schedule-dialog .e-end-input-container,
-.e-bigger .e-schedule-dialog .e-time-zone-row {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding-bottom: 12px;
-  width: 100%;
-}
-.e-bigger .e-schedule-dialog .e-resources {
-  padding-bottom: 12px;
-  width: 100%;
-}
-.e-bigger .e-schedule-dialog .e-all-day-time-zone-row {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding-bottom: 20px;
-  padding-top: 0;
-  width: 100%;
-}
-.e-bigger .e-schedule-dialog .e-subject-container,
-.e-bigger .e-schedule-dialog .e-location-container,
-.e-bigger .e-schedule-dialog .e-start-container,
-.e-bigger .e-schedule-dialog .e-end-container,
-.e-bigger .e-schedule-dialog .e-start-time-zone-container,
-.e-bigger .e-schedule-dialog .e-end-time-zone-container {
-  width: 50%;
-}
-.e-bigger .e-schedule-dialog .e-location-container,
-.e-bigger .e-schedule-dialog .e-end-container,
-.e-bigger .e-schedule-dialog .e-end-time-zone-container,
-.e-bigger .e-schedule-dialog .e-start-container,
-.e-bigger .e-schedule-dialog .e-start-time-zone-container,
-.e-bigger .e-schedule-dialog .e-subject-container,
-.e-bigger .e-schedule-dialog .e-description-row,
-.e-bigger .e-schedule-dialog .e-repeat-container {
-  padding-top: 0;
-}
-.e-bigger .e-schedule-dialog .e-all-day-time-zone-row {
-  padding-bottom: 16px;
-  padding-top: 10px;
-}
-.e-bigger .e-schedule-dialog .e-description,
-.e-bigger .e-schedule-dialog .e-float-input .e-description {
-  height: 50px;
-  resize: vertical;
-}
-.e-bigger .e-schedule-dialog .e-time-zone-row,
-.e-bigger .e-schedule-dialog .e-repeat-container,
-.e-bigger .e-schedule-dialog .e-input-group .e-input-group-icon.e-icon-disable {
-  display: none;
-}
-.e-bigger .e-schedule-dialog.e-rtl .e-all-day-container {
-  margin-left: 20px;
-  margin-right: 0;
-}
-.e-bigger .e-schedule-dialog.e-rtl .e-subject-container,
-.e-bigger .e-schedule-dialog.e-rtl .e-start-container,
-.e-bigger .e-schedule-dialog.e-rtl .e-start-time-zone-container,
-.e-bigger .e-schedule-dialog.e-rtl .e-description-label {
-  padding-left: 12px;
-  padding-right: 0;
-}
-.e-bigger .e-schedule-dialog.e-rtl .e-location-container,
-.e-bigger .e-schedule-dialog.e-rtl .e-end-container,
-.e-bigger .e-schedule-dialog.e-rtl .e-end-time-zone-container {
-  padding-left: 0;
-  padding-right: 12px;
-}
-.e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
-  float: right;
-}
-
-.e-schedule-dialog.e-device .e-dlg-header,
-.e-schedule-dialog.e-device .e-dlg-header * {
-  width: 100%;
-}
-.e-schedule-dialog.e-device .e-dlg-header-content {
-  background: var(--color-sf-content-bg-color-alt1);
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  box-shadow: none;
-  margin-bottom: 0;
-}
-.e-schedule-dialog.e-device .e-title-location-row,
-.e-schedule-dialog.e-device .e-start-end-row,
-.e-schedule-dialog.e-device .e-time-zone-row,
-.e-schedule-dialog.e-device .e-start-input-container,
-.e-schedule-dialog.e-device .e-end-input-container {
-  display: inline;
-}
-.e-schedule-dialog.e-device .e-time-zone-row.e-enable {
-  display: inline;
-}
-.e-schedule-dialog.e-device .e-subject-container,
-.e-schedule-dialog.e-device .e-location-container,
-.e-schedule-dialog.e-device .e-start-container,
-.e-schedule-dialog.e-device .e-end-container,
-.e-schedule-dialog.e-device .e-start-time-zone-container,
-.e-schedule-dialog.e-device .e-end-time-zone-container {
-  padding-left: 0;
-  width: 100%;
+.e-schedule-dialog.e-device .e-subject-container,
+.e-schedule-dialog.e-device .e-location-container,
+.e-schedule-dialog.e-device .e-start-container,
+.e-schedule-dialog.e-device .e-end-container,
+.e-schedule-dialog.e-device .e-start-time-zone-container,
+.e-schedule-dialog.e-device .e-end-time-zone-container {
+  padding-left: 0;
+  width: 100%;
 }
 .e-schedule-dialog.e-device .e-subject-container,
 .e-schedule-dialog.e-device .e-start-container,
@@ -4455,7 +3106,7 @@
   background: var(--color-sf-content-bg-color);
 }
 .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
-  padding: 6px 8px 0 0;
+  padding: 6px 8px 0 8px;
 }
 .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit,
 .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete {
@@ -4725,86 +3376,6 @@
     padding-right: 5px;
   }
 }
-.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
-  font-size: 24px;
-}
-.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content {
-  padding: 48px 24px 16px;
-}
-.e-bigger .e-quick-popup-wrapper .e-popup-footer {
-  padding: 8px 18px 8px 18px;
-}
-.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
-.e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
-  padding-right: 16px;
-}
-.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
-  font-size: 16px;
-}
-.e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
-  padding-right: 0;
-}
-.e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
-  padding-right: 16px;
-}
-.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
-  height: 2em;
-  width: 2em;
-}
-.e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
-  height: 2em;
-  width: 2em;
-}
-.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
-.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
-.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
-  font-size: 18px;
-}
-.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
-.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
-.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
-  font-size: 14px;
-}
-.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
-  height: 35px;
-}
-.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
-  padding: 2px 5px;
-}
-
-.e-bigger .e-agenda-view .e-appointment {
-  padding: 7px 16px;
-}
-.e-bigger .e-agenda-view .e-subject {
-  font-size: 16px;
-}
-.e-bigger .e-agenda-view .e-date-time {
-  font-size: 14px;
-}
-.e-bigger .e-agenda-view .e-day-date-header .e-m-date {
-  font-size: 20px;
-}
-.e-bigger .e-agenda-view .e-day-date-header .e-m-day {
-  font-size: 14px;
-}
-
-.e-bigger .e-timeline-view .e-resource-text {
-  font-size: 14px;
-  padding-left: 12px;
-}
-.e-bigger .e-timeline-view .e-navigate {
-  font-size: 16px;
-  padding: 8px 0 8px 8px;
-}
-.e-bigger .e-timeline-view .e-date-header-wrap table tbody td > span {
-  font-size: 16px;
-  padding: 8px 0 8px 8px;
-}
-
 .e-appointment.e-schedule-event-clone {
   background: var(--color-sf-primary);
   border-radius: 2px;
@@ -4876,10 +3447,6 @@
   display: none;
 }
 
-.e-bigger .e-schedule .e-month-view .e-current-date .e-date-header {
-  width: 26px;
-}
-
 @media print {
   .e-schedule .e-table-container {
     display: block;
@@ -4890,7 +3457,6 @@
             break-inside: auto;
   }
 }
-.e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: var(--color-sf-content-bg-color);
   border: 1px solid var(--color-sf-border-light);
@@ -4901,22 +3467,18 @@
   padding: 8px 0;
   width: 225px;
 }
-.e-bigger .e-more-popup-wrapper .e-more-appointment-wrapper,
 .e-more-popup-wrapper .e-more-appointment-wrapper {
   margin: 0 4px;
 }
-.e-bigger .e-more-popup-wrapper .e-more-event-popup,
 .e-more-popup-wrapper .e-more-event-popup {
   height: 100%;
   position: relative;
   width: 100%;
 }
-.e-bigger .e-more-popup-wrapper .e-more-event-header,
 .e-more-popup-wrapper .e-more-event-header {
   height: 35px;
   margin: 0 8px 4px 14px;
 }
-.e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
   color: var(--color-sf-content-text-color);
   height: calc(100% - 35px);
@@ -4924,45 +3486,37 @@
   overflow-y: auto;
   padding: 10px 10px 0;
 }
-.e-bigger .e-more-popup-wrapper .e-more-event-content .e-appointment-border,
 .e-more-popup-wrapper .e-more-event-content .e-appointment-border {
   border: 0;
   -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
           box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
 }
-.e-bigger .e-more-popup-wrapper .e-more-event-date-header,
 .e-more-popup-wrapper .e-more-event-date-header {
   height: 100%;
   width: calc(100% - 25px);
 }
-.e-bigger .e-more-popup-wrapper .e-more-event-date-header .e-current-date,
 .e-more-popup-wrapper .e-more-event-date-header .e-current-date {
   color: var(--color-sf-primary);
 }
-.e-bigger .e-more-popup-wrapper .e-header-day,
 .e-more-popup-wrapper .e-header-day {
   color: var(--color-sf-content-text-color);
   font-size: 14px;
   line-height: 1;
   padding-bottom: 2px;
 }
-.e-bigger .e-more-popup-wrapper .e-header-date,
 .e-more-popup-wrapper .e-header-date {
   color: var(--color-sf-content-text-color);
   font-size: 16px;
   line-height: 1;
   max-width: 15%;
 }
-.e-bigger .e-more-popup-wrapper .e-header-date:hover,
 .e-more-popup-wrapper .e-header-date:hover {
   cursor: pointer;
   text-decoration: underline;
 }
-.e-bigger .e-more-popup-wrapper .e-header-date:focus,
 .e-more-popup-wrapper .e-header-date:focus {
   text-decoration: underline;
 }
-.e-bigger .e-more-popup-wrapper .e-more-event-close,
 .e-more-popup-wrapper .e-more-event-close {
   background: transparent;
   border: 0;
@@ -4976,22 +3530,20 @@
   right: 6px;
   width: 25px;
 }
-.e-bigger .e-more-popup-wrapper .e-more-event-close .e-close-icon,
 .e-more-popup-wrapper .e-more-event-close .e-close-icon {
   font-size: 14px;
 }
-.e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon,
 .e-more-popup-wrapper .e-more-event-close .e-btn-icon {
-  margin-top: 8px;
+  margin-top: 5px;
 }
-.e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
-.e-more-popup-wrapper .e-more-event-close:focus,
-.e-more-popup-wrapper .e-more-event-close:hover {
+.e-more-popup-wrapper .e-more-event-close:focus, .e-more-popup-wrapper .e-more-event-close:hover {
   background: var(--color-sf-content-bg-color-selected);
   border-radius: 50%;
   color: var(--color-sf-icon-color);
 }
-.e-bigger .e-more-popup-wrapper .e-appointment,
+.e-more-popup-wrapper .e-more-event-close:focus .e-close-icon, .e-more-popup-wrapper .e-more-event-close:hover .e-close-icon {
+  color: var(--color-sf-content-text-color-hover);
+}
 .e-more-popup-wrapper .e-appointment {
   background: var(--color-sf-primary);
   border-radius: 2px;
@@ -5005,7 +3557,6 @@
   padding: 2px 0;
   width: 100%;
 }
-.e-bigger .e-more-popup-wrapper .e-appointment .e-subject,
 .e-more-popup-wrapper .e-appointment .e-subject {
   color: var(--color-sf-primary-text-color);
   -webkit-box-flex: 1;
@@ -5018,11 +3569,9 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
 .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
   display: none;
 }
-.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
 .e-more-popup-wrapper .e-appointment .e-inline-subject {
   background: transparent;
   border: 0;
@@ -5033,21 +3582,16 @@
   padding-top: 4px;
   width: 100%;
 }
-.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
-.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon {
   line-height: 26px;
   padding: 0 2px;
 }
-.e-bigger .e-more-popup-wrapper .e-appointment.e-appointment-border, .e-bigger .e-more-popup-wrapper .e-appointment:focus,
-.e-more-popup-wrapper .e-appointment.e-appointment-border,
-.e-more-popup-wrapper .e-appointment:focus {
+.e-more-popup-wrapper .e-appointment.e-appointment-border, .e-more-popup-wrapper .e-appointment:focus {
   border: 0;
   -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
           box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
 }
-.e-bigger .e-more-popup-wrapper.e-device,
 .e-more-popup-wrapper.e-device {
   bottom: 0;
   height: 100%;
@@ -5060,19 +3604,15 @@
   width: 100%;
   z-index: 1002;
 }
-.e-bigger .e-more-popup-wrapper.e-device .e-more-event-content,
 .e-more-popup-wrapper.e-device .e-more-event-content {
   max-height: unset;
 }
-.e-bigger .e-more-popup-wrapper.e-rtl .e-header-date,
 .e-more-popup-wrapper.e-rtl .e-header-date {
   padding-right: 10px;
 }
-.e-bigger .e-more-popup-wrapper.e-rtl .e-header-day,
 .e-more-popup-wrapper.e-rtl .e-header-day {
   padding-right: 10px;
 }
-.e-bigger .e-more-popup-wrapper.e-rtl .e-more-event-close,
 .e-more-popup-wrapper.e-rtl .e-more-event-close {
   left: 6px;
   right: auto;
@@ -5103,6 +3643,9 @@
 .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover {
   background: var(--color-sf-content-bg-color-hover);
 }
+.e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover .e-more-indicator {
+  color: var(--color-sf-content-text-color-hover);
+}
 .e-schedule .e-vertical-view .e-left-indent-wrap table tbody td {
   background: var(--color-sf-content-bg-color-alt1);
   border-color: var(--color-sf-border-light);
@@ -5155,7 +3698,7 @@
   font-weight: 600;
 }
 .e-schedule .e-vertical-view .e-work-cells {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-holiday-bg-color);
   border-color: var(--color-sf-border-light);
   border-style: solid;
   border-width: 0 0 1px 1px;
@@ -5181,6 +3724,9 @@
   background: var(--color-sf-content-bg-color-selected);
   color: var(--color-sf-content-text-color-hover);
 }
+.e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell .e-more-indicator {
+  color: var(--color-sf-content-text-color-hover);
+}
 .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
   background: var(--color-sf-content-bg-color-selected);
   color: var(--color-sf-content-text-color-hover);
@@ -5244,7 +3790,7 @@
 }
 .e-schedule .e-month-view .e-work-cells,
 .e-schedule .e-month-agenda-view .e-work-cells {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-holiday-bg-color);
   border-color: var(--color-sf-border-light);
   border-style: solid;
   border-width: 0 0 1px 1px;
@@ -5256,6 +3802,10 @@
   background: var(--color-sf-content-bg-color-hover);
   color: var(--color-sf-content-text-color-hover);
 }
+.e-schedule .e-month-view .e-work-cells:hover .e-more-indicator,
+.e-schedule .e-month-agenda-view .e-work-cells:hover .e-more-indicator {
+  color: var(--color-sf-content-text-color-hover);
+}
 .e-schedule .e-month-view .e-work-days,
 .e-schedule .e-month-agenda-view .e-work-days {
   background: var(--color-sf-content-bg-color-alt1);
@@ -5340,7 +3890,7 @@
 }
 .e-schedule .e-timeline-view .e-work-cells,
 .e-schedule .e-timeline-month-view .e-work-cells {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-holiday-bg-color);
   border-color: var(--color-sf-border-light);
   border-style: solid;
   border-width: 0 0 1px 1px;
@@ -5362,7 +3912,7 @@
 }
 .e-schedule .e-timeline-view .e-resource-group-cells,
 .e-schedule .e-timeline-month-view .e-resource-group-cells {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-holiday-bg-color);
 }
 .e-schedule .e-timeline-view .e-selected-cell,
 .e-schedule .e-timeline-month-view .e-selected-cell {
@@ -5377,7 +3927,7 @@
   background: var(--color-sf-content-bg-color-alt1);
 }
 .e-schedule .e-timeline-view .e-resource-group-cells {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-holiday-bg-color);
 }
 .e-schedule .e-timeline-view .e-selected-cell {
   background: var(--color-sf-content-bg-color-selected);
@@ -5409,7 +3959,7 @@
   border-left: 1px solid var(--color-sf-primary);
 }
 .e-schedule .e-timeline-year-view .e-work-cells {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-holiday-bg-color);
   border-color: var(--color-sf-border-light);
   border-style: solid;
   border-width: 0 1px 1px 0;
@@ -5469,8 +4019,8 @@
 }
 .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
   background: var(--color-sf-content-bg-color-alt2);
-  -webkit-box-shadow: inset 0 0 0 8px var(--color-sf-content-bg-color);
-          box-shadow: inset 0 0 0 8px var(--color-sf-content-bg-color);
+  -webkit-box-shadow: inset 0 0 0 8px var(--color-sf-holiday-bg-color);
+          box-shadow: inset 0 0 0 8px var(--color-sf-holiday-bg-color);
 }
 .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
   background: var(--color-sf-content-bg-color-alt2);
@@ -5560,31 +4110,708 @@
   color: var(--color-sf-danger-bg-color);
 }
 
-.e-recurrenceeditor .e-editor {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-flow: row wrap;
-          flex-flow: row wrap;
-  margin: 0 auto;
-  max-width: 1240px;
+.e-bigger .e-schedule .e-schedule-toolbar,
+.e-bigger.e-schedule .e-schedule-toolbar {
+  height: 48px;
+  min-height: 48px;
 }
-.e-recurrenceeditor .e-recurrence-table {
-  table-layout: fixed;
-  width: 100%;
+.e-bigger .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text,
+.e-bigger.e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
+  font-size: 16px;
 }
-.e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
-  width: 27%;
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item.e-date-range .e-tbar-btn-text,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item.e-date-range .e-tbar-btn-text {
+  font-size: 16px;
 }
-.e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
-  width: 24%;
+.e-bigger .e-schedule .e-schedule-toolbar .e-icon-down-arrow,
+.e-bigger.e-schedule .e-schedule-toolbar .e-icon-down-arrow {
+  font-size: 18px;
 }
-.e-recurrenceeditor .e-recurrence-table .e-repeat-content {
-  display: inline-block;
-  font-weight: normal;
-  padding: 18px 0 0 8px;
+.e-bigger .e-schedule .e-schedule-toolbar .e-schedule .e-toolbar .e-hor-nav,
+.e-bigger.e-schedule .e-schedule-toolbar .e-schedule .e-toolbar .e-hor-nav {
+  min-height: 48px;
+  min-width: 32px;
+  z-index: 0;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon {
+  font-size: 18px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text {
+  line-height: inherit;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  min-height: 48px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
+  min-height: 48px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
+  min-width: 34px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
+  height: calc(100% - 15px);
+  margin: 10px 3px;
+  min-height: 28px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-icons,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-icons {
+  min-width: 24px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn,
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
+  height: auto;
+  line-height: 25px;
+  margin: 4px 0;
+  min-width: 24px;
+  padding: 0 12px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right {
+  padding: 3px 0 0 12px;
+  font-size: 18px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
+  padding-top: 3px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
+  font-size: 16px;
+}
+.e-bigger .e-schedule .e-more-popup-wrapper .e-header-day,
+.e-bigger.e-schedule .e-more-popup-wrapper .e-header-day {
+  font-size: 14px;
+}
+.e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-day,
+.e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-day {
+  font-size: 14px;
+}
+.e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-date,
+.e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-date {
+  font-size: 18px;
+}
+.e-bigger .e-schedule .e-vertical-view .e-resource-cells,
+.e-bigger.e-schedule .e-vertical-view .e-resource-cells {
+  font-size: 14px;
+}
+.e-bigger .e-schedule .e-vertical-view .e-time-cells-wrap table td,
+.e-bigger.e-schedule .e-vertical-view .e-time-cells-wrap table td {
+  font-size: 14px;
+}
+.e-bigger .e-schedule .e-vertical-view .e-clone-time-indicator,
+.e-bigger .e-schedule .e-vertical-view .e-current-time,
+.e-bigger.e-schedule .e-vertical-view .e-clone-time-indicator,
+.e-bigger.e-schedule .e-vertical-view .e-current-time {
+  font-size: 12px;
+}
+.e-bigger .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td,
+.e-bigger.e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
+  font-size: 12px;
+}
+.e-bigger .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
+.e-bigger .e-schedule.e-device .e-vertical-view .e-current-time,
+.e-bigger.e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
+.e-bigger.e-schedule.e-device .e-vertical-view .e-current-time {
+  font-size: 12px;
+}
+.e-bigger .e-schedule .e-month-view .e-header-cells,
+.e-bigger.e-schedule .e-month-view .e-header-cells {
+  height: 38px;
+}
+.e-bigger .e-schedule .e-month-view .e-resource-cells,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
+.e-bigger.e-schedule .e-month-view .e-resource-cells,
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
+  font-size: 16px;
+}
+.e-bigger .e-schedule .e-month-view .e-content-wrap,
+.e-bigger.e-schedule .e-month-view .e-content-wrap {
+  font-size: 16px;
+}
+.e-bigger .e-schedule .e-month-view .e-m-date,
+.e-bigger.e-schedule .e-month-view .e-m-date {
+  font-size: 18px;
+}
+.e-bigger .e-schedule .e-month-view .e-resource-name,
+.e-bigger .e-schedule .e-month-view .e-m-day,
+.e-bigger.e-schedule .e-month-view .e-resource-name,
+.e-bigger.e-schedule .e-month-view .e-m-day {
+  font-size: 14px;
+}
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
+
+/*! schedule event tooltip */
+.e-bigger .e-schedule-event-tooltip .e-subject,
+.e-schedule-event-tooltip.e-bigger .e-subject {
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
+  width: 502px;
+}
+
+.e-bigger .e-dialog.e-quick-dialog {
+  min-width: 370px;
+}
+
+.e-bigger .e-ddl.e-popup .e-resource-template {
+  padding: 0 15px;
+}
+.e-bigger .e-ddl.e-popup .e-resource-template .e-resource-color {
+  height: 16px;
+  margin-top: 10px;
+  width: 16px;
+}
+.e-bigger .e-schedule-dialog .e-disable {
+  display: none;
+}
+.e-bigger .e-schedule-dialog .e-dlg-header-content {
+  padding-bottom: 8px;
+}
+.e-bigger .e-schedule-dialog .e-dlg-content {
+  padding-bottom: 12px;
+  position: relative;
+}
+.e-bigger .e-schedule-dialog .e-event-cancel,
+.e-bigger .e-schedule-dialog .e-event-delete {
+  border: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
+  float: left;
+  margin-left: 0;
+}
+.e-bigger .e-schedule-dialog .e-subject-container,
+.e-bigger .e-schedule-dialog .e-start-container,
+.e-bigger .e-schedule-dialog .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog .e-description-label {
+  padding-right: 12px;
+}
+.e-bigger .e-schedule-dialog .e-location-container,
+.e-bigger .e-schedule-dialog .e-end-container,
+.e-bigger .e-schedule-dialog .e-end-time-zone-container {
+  padding-left: 12px;
+}
+.e-bigger .e-schedule-dialog .e-all-day-container {
+  padding-right: 16px;
+}
+.e-bigger .e-schedule-dialog .e-time-zone-row {
+  display: none;
+}
+.e-bigger .e-schedule-dialog .e-time-zone-row.e-enable {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 64px;
+}
+.e-bigger .e-schedule-dialog .e-title-location-row,
+.e-bigger .e-schedule-dialog .e-start-end-row,
+.e-bigger .e-schedule-dialog .e-start-input-container,
+.e-bigger .e-schedule-dialog .e-end-input-container,
+.e-bigger .e-schedule-dialog .e-time-zone-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding-bottom: 12px;
+  width: 100%;
+}
+.e-bigger .e-schedule-dialog .e-resources {
+  padding-bottom: 12px;
+  width: 100%;
+}
+.e-bigger .e-schedule-dialog .e-all-day-time-zone-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding-bottom: 20px;
+  padding-top: 0;
+  width: 100%;
+}
+.e-bigger .e-schedule-dialog .e-subject-container,
+.e-bigger .e-schedule-dialog .e-location-container,
+.e-bigger .e-schedule-dialog .e-start-container,
+.e-bigger .e-schedule-dialog .e-end-container,
+.e-bigger .e-schedule-dialog .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog .e-end-time-zone-container {
+  width: 50%;
+}
+.e-bigger .e-schedule-dialog .e-location-container,
+.e-bigger .e-schedule-dialog .e-end-container,
+.e-bigger .e-schedule-dialog .e-end-time-zone-container,
+.e-bigger .e-schedule-dialog .e-start-container,
+.e-bigger .e-schedule-dialog .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog .e-subject-container,
+.e-bigger .e-schedule-dialog .e-description-row,
+.e-bigger .e-schedule-dialog .e-repeat-container {
+  padding-top: 0;
+}
+.e-bigger .e-schedule-dialog .e-all-day-time-zone-row {
+  padding-bottom: 16px;
+  padding-top: 10px;
+}
+.e-bigger .e-schedule-dialog .e-description,
+.e-bigger .e-schedule-dialog .e-float-input .e-description {
+  height: 50px;
+  resize: vertical;
+}
+.e-bigger .e-schedule-dialog .e-time-zone-row,
+.e-bigger .e-schedule-dialog .e-repeat-container,
+.e-bigger .e-schedule-dialog .e-input-group .e-input-group-icon.e-icon-disable {
+  display: none;
+}
+.e-bigger .e-schedule-dialog.e-rtl .e-all-day-container {
+  margin-left: 20px;
+  margin-right: 0;
+}
+.e-bigger .e-schedule-dialog.e-rtl .e-subject-container,
+.e-bigger .e-schedule-dialog.e-rtl .e-start-container,
+.e-bigger .e-schedule-dialog.e-rtl .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog.e-rtl .e-description-label {
+  padding-left: 12px;
+  padding-right: 0;
+}
+.e-bigger .e-schedule-dialog.e-rtl .e-location-container,
+.e-bigger .e-schedule-dialog.e-rtl .e-end-container,
+.e-bigger .e-schedule-dialog.e-rtl .e-end-time-zone-container {
+  padding-left: 0;
+  padding-right: 12px;
+}
+.e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
+  float: right;
+}
+
+/*! schedule quick popup */
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
+  font-size: 24px;
+}
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content {
+  padding: 48px 24px 16px;
+}
+.e-bigger .e-quick-popup-wrapper .e-popup-footer {
+  padding: 8px 18px 8px 18px;
+}
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
+  padding-right: 16px;
+}
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
+  font-size: 16px;
+}
+.e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
+  padding-right: 0;
+}
+.e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
+  padding-right: 16px;
+}
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
+  height: 2em;
+  width: 2em;
+}
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
+  height: 2em;
+  width: 2em;
+}
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
+  font-size: 18px;
+}
+.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
+.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
+.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
+  font-size: 14px;
+}
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
+  height: 35px;
+}
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
+  padding: 2px 5px;
+}
+
+.e-bigger .e-agenda-view .e-appointment {
+  padding: 7px 16px;
+}
+.e-bigger .e-agenda-view .e-subject,
+.e-bigger .e-agenda-view .e-inline-subject {
+  font-size: 16px;
+}
+.e-bigger .e-agenda-view .e-date-time {
+  font-size: 14px;
+}
+.e-bigger .e-agenda-view .e-day-date-header .e-m-date {
+  font-size: 20px;
+}
+.e-bigger .e-agenda-view .e-day-date-header .e-m-day {
+  font-size: 14px;
+}
+
+.e-bigger .e-timeline-view .e-resource-text {
+  font-size: 14px;
+  padding-left: 12px;
+}
+.e-bigger .e-timeline-view .e-navigate {
+  font-size: 16px;
+  padding: 8px 0 8px 8px;
+}
+.e-bigger .e-timeline-view .e-date-header-wrap table tbody td > span {
+  font-size: 16px;
+  padding: 8px 0 8px 8px;
+}
+
+.e-bigger .e-schedule .e-month-view .e-current-date .e-date-header {
+  width: 26px;
+}
+
+.e-bigger .e-schedule-dialog.e-device .e-dlg-header,
+.e-bigger .e-schedule-dialog.e-device .e-dlg-header * {
+  width: 100%;
+}
+.e-bigger .e-schedule-dialog.e-device .e-dlg-header-content {
+  background: var(--color-sf-content-bg-color-alt1);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  box-shadow: none;
+  margin-bottom: 0;
+}
+.e-bigger .e-schedule-dialog.e-device .e-title-location-row,
+.e-bigger .e-schedule-dialog.e-device .e-start-end-row,
+.e-bigger .e-schedule-dialog.e-device .e-time-zone-row,
+.e-bigger .e-schedule-dialog.e-device .e-start-input-container,
+.e-bigger .e-schedule-dialog.e-device .e-end-input-container {
+  display: inline;
+}
+.e-bigger .e-schedule-dialog.e-device .e-time-zone-row.e-enable {
+  display: inline;
+}
+.e-bigger .e-schedule-dialog.e-device .e-subject-container,
+.e-bigger .e-schedule-dialog.e-device .e-location-container,
+.e-bigger .e-schedule-dialog.e-device .e-start-container,
+.e-bigger .e-schedule-dialog.e-device .e-end-container,
+.e-bigger .e-schedule-dialog.e-device .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog.e-device .e-end-time-zone-container {
+  padding-left: 0;
+  width: 100%;
+}
+.e-bigger .e-schedule-dialog.e-device .e-subject-container,
+.e-bigger .e-schedule-dialog.e-device .e-start-container,
+.e-bigger .e-schedule-dialog.e-device .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog.e-device .e-description-label {
+  padding-right: 0;
+}
+.e-bigger .e-schedule-dialog.e-device .e-location-container,
+.e-bigger .e-schedule-dialog.e-device .e-end-container,
+.e-bigger .e-schedule-dialog.e-device .e-end-time-zone-container,
+.e-bigger .e-schedule-dialog.e-device .e-start-container,
+.e-bigger .e-schedule-dialog.e-device .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog.e-device .e-subject-container,
+.e-bigger .e-schedule-dialog.e-device .e-description-row,
+.e-bigger .e-schedule-dialog.e-device .e-repeat-container {
+  padding-top: 20px;
+}
+.e-bigger .e-schedule-dialog.e-device .e-all-day-time-zone-row {
+  padding-top: 20px;
+}
+.e-bigger .e-schedule-dialog.e-device .e-resources {
+  padding-bottom: 0;
+  padding-top: 20px;
+}
+.e-bigger .e-schedule-dialog.e-device .e-description,
+.e-bigger .e-schedule-dialog.e-device .e-float-input .e-description {
+  height: 60px;
+  resize: vertical;
+}
+.e-bigger .e-schedule-dialog.e-device .e-all-day-time-zone-row {
+  margin-top: 0;
+  padding-bottom: 0;
+}
+.e-bigger .e-schedule-dialog.e-device .e-repeat-parent-row {
+  padding-top: 8px;
+}
+.e-bigger .e-schedule-dialog.e-device .e-all-day-container {
+  margin-right: 20px;
+}
+.e-bigger .e-schedule-dialog.e-device .e-title-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+}
+.e-bigger .e-schedule-dialog.e-device .e-save-icon,
+.e-bigger .e-schedule-dialog.e-device .e-back-icon,
+.e-bigger .e-schedule-dialog.e-device .e-forward-icon {
+  cursor: pointer;
+  line-height: normal;
+}
+.e-bigger .e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-bigger .e-schedule-dialog.e-device .e-save-icon,
+.e-bigger .e-schedule-dialog.e-device .e-back-icon,
+.e-bigger .e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-bigger .e-schedule-dialog.e-device .e-save-icon,
+.e-bigger .e-schedule-dialog.e-device .e-delete-icon {
+  text-align: right;
+}
+.e-bigger .e-schedule-dialog.e-device .e-time-zone-row,
+.e-bigger .e-schedule-dialog.e-device .e-input-group .e-input-group-icon.e-icon-disable {
+  display: none;
+}
+.e-bigger .e-schedule-dialog.e-device .e-repeat-container {
+  display: block;
+  padding-right: 35px;
+  padding-left: 0;
+}
+.e-bigger .e-schedule-dialog.e-device .e-icon-down-arrow {
+  font-size: 18px;
+}
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-save-icon {
+  text-align: left;
+}
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-all-day-container {
+  margin-left: 20px;
+  margin-right: 0;
+}
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-subject-container,
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-start-container,
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-description-label {
+  padding-left: 0;
+}
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-location-container,
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-end-container,
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-end-time-zone-container,
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-all-day-container {
+  padding-right: 0;
+}
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-repeat-container {
+  padding-left: 35px;
+  padding-right: 0;
+}
+.e-bigger .e-schedule-dialog.e-device .e-recurrence-container {
+  position: relative;
+}
+.e-bigger .e-schedule-dialog.e-device .e-recurrence-container.e-hide {
+  display: none;
+}
+.e-bigger .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button {
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  margin: -3px 5px;
+  position: absolute;
+}
+.e-bigger .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons {
+  font-size: 12px;
+  position: relative;
+  top: 1px;
+}
+
+.e-bigger .e-more-popup-wrapper {
+  background: var(--color-sf-content-bg-color);
+  border: 1px solid var(--color-sf-border-light);
+  border-radius: 6px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  opacity: 1;
+  padding: 8px 0;
+  width: 225px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-appointment-wrapper {
+  margin: 0 4px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-popup {
+  height: 100%;
+  position: relative;
+  width: 100%;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-header {
+  height: 35px;
+  margin: 0 8px 4px 14px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-content {
+  color: var(--color-sf-content-text-color);
+  height: calc(100% - 35px);
+  max-height: 150px;
+  overflow-y: auto;
+  padding: 10px 10px 0;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-content .e-appointment-border {
+  border: 0;
+  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-date-header {
+  height: 100%;
+  width: calc(100% - 25px);
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-date-header .e-current-date {
+  color: var(--color-sf-primary);
+}
+.e-bigger .e-more-popup-wrapper .e-header-day {
+  color: var(--color-sf-content-text-color);
+  font-size: 14px;
+  line-height: 1;
+  padding-bottom: 2px;
+}
+.e-bigger .e-more-popup-wrapper .e-header-date {
+  color: var(--color-sf-content-text-color);
+  font-size: 16px;
+  line-height: 1;
+  max-width: 15%;
+}
+.e-bigger .e-more-popup-wrapper .e-header-date:hover {
+  cursor: pointer;
+  text-decoration: underline;
+}
+.e-bigger .e-more-popup-wrapper .e-header-date:focus {
+  text-decoration: underline;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-close {
+  background: transparent;
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  color: var(--color-sf-icon-color);
+  cursor: pointer;
+  height: 25px;
+  padding: 1px;
+  position: absolute;
+  right: 6px;
+  width: 25px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-close-icon {
+  font-size: 14px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon {
+  margin-top: 5px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover {
+  background: var(--color-sf-content-bg-color-selected);
+  border-radius: 50%;
+  color: var(--color-sf-icon-color);
+}
+.e-bigger .e-more-popup-wrapper .e-appointment {
+  background: var(--color-sf-primary);
+  border-radius: 2px;
+  color: var(--color-sf-primary-text-color);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 26px;
+  line-height: 20px;
+  margin-bottom: 2px;
+  padding: 2px 0;
+  width: 100%;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject {
+  color: var(--color-sf-primary-text-color);
+  -webkit-box-flex: 1;
+      -ms-flex: auto;
+          flex: auto;
+  font-size: 13px;
+  font-weight: 500;
+  overflow: hidden;
+  padding: 0 2px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: var(--color-sf-primary-text-color);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
+.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon {
+  line-height: 26px;
+  padding: 0 2px;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment.e-appointment-border, .e-bigger .e-more-popup-wrapper .e-appointment:focus {
+  border: 0;
+  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+}
+.e-bigger .e-more-popup-wrapper.e-device {
+  bottom: 0;
+  height: 100%;
+  left: 0;
+  margin: 0;
+  max-width: 100%;
+  overflow: hidden;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1002;
+}
+.e-bigger .e-more-popup-wrapper.e-device .e-more-event-content {
+  max-height: unset;
+}
+.e-bigger .e-more-popup-wrapper.e-rtl .e-header-date {
+  padding-right: 10px;
+}
+.e-bigger .e-more-popup-wrapper.e-rtl .e-header-day {
+  padding-right: 10px;
+}
+.e-bigger .e-more-popup-wrapper.e-rtl .e-more-event-close {
+  left: 6px;
+  right: auto;
+}
+
+.e-recurrenceeditor .e-editor {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap;
+  margin: 0 auto;
+  max-width: 1240px;
+}
+.e-recurrenceeditor .e-recurrence-table {
+  table-layout: fixed;
+  width: 100%;
+}
+.e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
+  width: 27%;
+}
+.e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
+  width: 24%;
+}
+.e-recurrenceeditor .e-recurrence-table .e-repeat-content {
+  display: inline-block;
+  font-weight: normal;
+  padding: 18px 0 0 8px;
 }
 .e-recurrenceeditor .e-recurrence-table .e-input-wrapper {
   float: none;
@@ -5720,86 +4947,6 @@
   margin-bottom: 11px;
 }
 
-.e-bigger .e-recurrenceeditor {
-  padding: 0;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
-  padding: 0 12px 11px 0;
-}
-.e-bigger .e-recurrenceeditor .e-form-left {
-  padding: 0 12px 14px 0;
-}
-.e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
-  padding-left: 70px;
-}
-.e-bigger .e-recurrenceeditor .e-week-position {
-  min-width: 130px;
-  right: 0;
-}
-.e-bigger .e-recurrenceeditor .e-day-position {
-  min-width: 197px;
-  padding-left: 54px;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
-  font-size: 16px;
-  margin-bottom: 0;
-  font-weight: 600;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
-  padding-right: 5px;
-}
-.e-bigger .e-recurrenceeditor .e-end-on-label {
-  margin-bottom: 0;
-}
-.e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
-  font-size: 16px;
-  margin-bottom: 8px;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
-  font-size: 16px;
-  margin-bottom: 1px;
-}
-.e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
-.e-bigger .e-recurrenceeditor .e-year-expander {
-  margin-bottom: 11px;
-}
-.e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
-  width: 30px;
-}
-.e-bigger .e-recurrenceeditor .e-days button {
-  height: 40px;
-  width: 40px;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
-  padding: 0 0 10px 12px;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
-  padding: 0 12px 10px 0;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
-.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
-  padding: 0 64px 0 0;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
-  padding-right: 0;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
-  margin-bottom: 5px;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
-  padding: 0 0 0 12px;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
-  padding: 0 12px 0 0;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
-  left: 0;
-}
-
 .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
   width: 25%;
 }
@@ -5954,4 +5101,93 @@
     padding: 0 10px 0 0;
   }
 }
-/*! Recurrence-Editor component theme */
+/*! Recurrence-Editor component theme */
+.e-bigger .e-recurrenceeditor {
+  padding: 0;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
+  padding: 0 12px 11px 0;
+}
+.e-bigger .e-recurrenceeditor .e-form-left {
+  padding: 0 12px 14px 0;
+}
+.e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
+  padding-left: 70px;
+}
+.e-bigger .e-recurrenceeditor .e-week-position {
+  min-width: 130px;
+  right: 0;
+}
+.e-bigger .e-recurrenceeditor .e-day-position {
+  min-width: 197px;
+  padding-left: 54px;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  font-size: 16px;
+  margin-bottom: 0;
+  font-weight: 600;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 5px;
+}
+.e-bigger .e-recurrenceeditor .e-end-on-label {
+  margin-bottom: 0;
+}
+.e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
+  font-size: 16px;
+  margin-bottom: 8px;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
+  font-size: 16px;
+  margin-bottom: 1px;
+}
+.e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
+.e-bigger .e-recurrenceeditor .e-year-expander {
+  margin-bottom: 11px;
+}
+.e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
+  width: 30px;
+}
+.e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper .e-radio + label {
+  margin: 0;
+}
+.e-bigger .e-recurrenceeditor .e-days button {
+  height: 40px;
+  width: 40px;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
+  padding: 0 0 10px 12px;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
+  padding: 0 12px 10px 0;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
+.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  padding: 0 64px 0 0;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  padding-right: 0;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
+  margin-bottom: 5px;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding: 0 0 0 12px;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+  padding: 0 12px 0 0;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
+  left: 0;
+}
+.e-bigger .e-device .e-recurrence-table .e-monthday-element,
+.e-bigger .e-device .e-recurrence-table .e-day-position {
+  padding-left: 20px;
+}
+.e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
+  padding: 0 20px 0 0;
+}