@syncfusion/ej2-schedule 26.1.40 → 26.1.41-16103

package/styles/material3.css

@@ -1,113 +1,6 @@
-:root {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 103, 80, 164;
-  --color-sf-primary-container: 234, 221, 255;
-  --color-sf-secondary: 98, 91, 113;
-  --color-sf-secondary-container: 232, 222, 248;
-  --color-sf-tertiary: 125, 82, 96;
-  --color-sf-tertiary-container: 255, 216, 228;
-  --color-sf-surface: 255, 255, 255;
-  --color-sf-surface-variant: 231, 224, 236;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 255, 255, 255;
-  --color-sf-on-primary-container: 33, 0, 94;
-  --color-sf-on-secondary: 255, 255, 255;
-  --color-sf-on-secondary-container: 30, 25, 43;
-  --color-sf-on-tertiary: 255, 255, 255;
-  --color-sf-on-tertiary-containe: 55, 11, 30;
-  --color-sf-on-surface: 28, 27, 31;
-  --color-sf-on-surface-variant: 73, 69, 78;
-  --color-sf-on-background: 28, 27, 31;
-  --color-sf-outline: 121, 116, 126;
-  --color-sf-outline-variant: 196, 199, 197;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 103, 80, 164;
-  --color-sf-inverse-surface: 49, 48, 51;
-  --color-sf-inverse-on-surface: 244, 239, 244;
-  --color-sf-inverse-primary: 208, 188, 255;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 179, 38, 30;
-  --color-sf-error-container: 249, 222, 220;
-  --color-sf-on-error: 255, 250, 250;
-  --color-sf-on-error-container: 65, 14, 11;
-  --color-sf-success: 32, 81, 7;
-  --color-sf-success-container: 209, 255, 186;
-  --color-sf-on-success: 244, 255, 239;
-  --color-sf-on-success-container: 13, 39, 0;
-  --color-sf-info: 1, 87, 155;
-  --color-sf-info-container: 233, 245, 255;
-  --color-sf-on-info: 250, 253, 255;
-  --color-sf-on-info-container: 0, 51, 91;
-  --color-sf-warning: 145, 76, 0;
-  --color-sf-warning-container: 254, 236, 222;
-  --color-sf-on-warning: 255, 255, 255;
-  --color-sf-on-warning-container: 47, 21, 0;
-  --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
-  --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
-  --color-sf-diagram-palette-background: --color-sf-white;
-  --color-sf-success-text: 255, 255, 255;
-  --color-sf-warning-text: 255, 255, 255;
-  --color-sf-danger-text: 255, 255, 255;
-  --color-sf-info-text: 255, 255, 255;
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
-  --color-sf-secondary-bg-color: var(--color-sf-surface);
-}
 
-.e-dark-mode {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 208, 188, 255;
-  --color-sf-primary-container: 79, 55, 139;
-  --color-sf-secondary: 204, 194, 220;
-  --color-sf-secondary-container: 74, 68, 88;
-  --color-sf-tertiary: 239, 184, 200;
-  --color-sf-tertiary-container: 99, 59, 72;
-  --color-sf-surface: 28, 27, 31;
-  --color-sf-surface-variant: 28, 27, 31;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 55, 30, 115;
-  --color-sf-on-primary-container: 234, 221, 255;
-  --color-sf-on-secondary: 51, 45, 65;
-  --color-sf-on-secondary-container: 232, 222, 248;
-  --color-sf-on-tertiary: 73, 37, 50;
-  --color-sf-on-tertiary-containe: 255, 216, 228;
-  --color-sf-on-surface: 230, 225, 229;
-  --color-sf-on-surface-variant: 202, 196, 208;
-  --color-sf-on-background: 230, 225, 229;
-  --color-sf-outline: 147, 143, 153;
-  --color-sf-outline-variant: 68, 71, 70;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 208, 188, 255;
-  --color-sf-inverse-surface: 230, 225, 229;
-  --color-sf-inverse-on-surface: 49, 48, 51;
-  --color-sf-inverse-primary: 103, 80, 164;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 242, 184, 181;
-  --color-sf-error-container: 140, 29, 24;
-  --color-sf-on-error: 96, 20, 16;
-  --color-sf-on-error-container: 249, 222, 220;
-  --color-sf-success: 83, 202, 23;
-  --color-sf-success-container: 22, 62, 2;
-  --color-sf-on-success: 13, 39, 0;
-  --color-sf-on-success-container: 183, 250, 150;
-  --color-sf-info: 71, 172, 251;
-  --color-sf-info-container: 0, 67, 120;
-  --color-sf-on-info: 0, 51, 91;
-  --color-sf-on-info-container: 173, 219, 255;
-  --color-sf-warning: 245, 180, 130;
-  --color-sf-warning-container: 123, 65, 0;
-  --color-sf-on-warning: 99, 52, 0;
-  --color-sf-on-warning-container: 255, 220, 193;
-  --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
-  --color-sf-success-text: 0, 0, 0;
-  --color-sf-warning-text: 0, 0, 0;
-  --color-sf-info-text: 0, 0, 0;
-  --color-sf-danger-text: 0, 0, 0;
-  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
-}
+
+
 
 /* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
@@ -193,52 +86,18 @@
   border-radius: 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: rgba(var(--color-sf-primary));
-}
-
-.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: rgba(0, 0, 0, 0.0001);
-  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: rgba(0, 0, 0, 0.0001);
-}
-
 .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
   margin: 0 6px;
   min-height: 30px;
   min-width: 30px;
 }
 
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  min-height: 38px;
-  min-width: 38px;
-}
-
 .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
 .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
   min-height: 22px;
   min-width: 22px;
 }
 
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
-  padding: 4px 16px 4px 0;
-}
-
 .e-input-group.e-ddl,
 .e-input-group.e-ddl .e-input,
 .e-input-group.e-ddl .e-ddl-icon {
@@ -268,31 +127,6 @@
   padding: 4px 5px 4px 12px;
 }
 
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
-  min-height: 34px;
-  min-width: 34px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
-  padding: 8px 16px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
-  margin: 0 4px;
-}
-
 .e-ddl.e-popup.e-outline .e-filter-parent {
   padding: 4px 8px;
 }
@@ -2568,13 +2402,18 @@
 .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
   color: rgba(var(--color-sf-on-surface));
 }
-.e-schedule .e-agenda-view .e-subject {
+.e-schedule .e-agenda-view .e-subject,
+.e-schedule .e-agenda-view .e-inline-subject {
   color: rgba(var(--color-sf-on-surface));
   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: rgba(var(--color-sf-on-surface));
   font-size: 14px;
@@ -2684,151 +2523,6 @@
   display: none;
 }
 
-.e-bigger .e-schedule .e-schedule-toolbar,
-.e-bigger.e-schedule .e-schedule-toolbar {
-  height: 56px;
-  min-height: 56px;
-}
-.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: 14px;
-}
-.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: 14px;
-}
-.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: 56px;
-  min-width: 24px;
-  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: 56px;
-}
-.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: 56px;
-}
-.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: 32px;
-}
-.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: 16px;
-  min-height: 24px;
-}
-.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: 18px;
-}
-.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: 18px;
-  margin: 4px 0;
-  min-width: 18px;
-  padding: 0 8px;
-}
-.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: 12px 0;
-  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: 0;
-}
-.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: 14px;
-}
-.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: 16px;
-}
-.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: 14px;
-}
-.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: 16px;
-}
-.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: none;
 }
@@ -2859,16 +2553,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;
 }
@@ -2911,10 +2595,6 @@
   text-align: right;
 }
 
-.e-bigger .e-dialog.e-quick-dialog {
-  min-width: 370px;
-}
-
 /*! schedule event window */
 .e-schedule-dialog .e-disable {
   display: none;
@@ -3078,167 +2758,40 @@
   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: 14px;
-  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: rgba(var(--color-sf-surface));
   -webkit-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-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-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-location-container,
-.e-bigger .e-schedule-dialog .e-end-container,
-.e-bigger .e-schedule-dialog .e-end-time-zone-container {
-  padding-left: 12px;
+.e-schedule-dialog.e-device .e-time-zone-row.e-enable {
+  display: inline;
 }
-.e-bigger .e-schedule-dialog .e-all-day-container {
-  padding-right: 16px;
+.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-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: 66px;
-}
-.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: 24px;
-  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: rgba(var(--color-sf-surface));
-  -webkit-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-start-container,
-.e-schedule-dialog.e-device .e-start-time-zone-container,
-.e-schedule-dialog.e-device .e-description-label {
-  padding-right: 0;
+.e-schedule-dialog.e-device .e-subject-container,
+.e-schedule-dialog.e-device .e-start-container,
+.e-schedule-dialog.e-device .e-start-time-zone-container,
+.e-schedule-dialog.e-device .e-description-label {
+  padding-right: 0;
 }
 .e-schedule-dialog.e-device .e-location-container,
 .e-schedule-dialog.e-device .e-end-container,
@@ -3683,86 +3236,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: 60px 24px 0 24px;
-}
-.e-bigger .e-quick-popup-wrapper .e-popup-footer {
-  padding: 10px 34px 34px;
-}
-.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: 13px;
-}
-.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: 13px;
-}
-.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
-  height: 30px;
-  width: 30px;
-}
-.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: 30px;
-  width: 30px;
-}
-.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: 0 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: rgba(var(--color-sf-primary));
   border-radius: 4px;
@@ -3834,10 +3307,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;
@@ -3848,7 +3317,6 @@
             break-inside: auto;
   }
 }
-.e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
@@ -3860,22 +3328,18 @@
   padding: 12px 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: rgba(var(--color-sf-on-surface));
   height: calc(100% - 35px);
@@ -3883,45 +3347,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 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 0 rgba(var(--color-sf-black), 0), 0 0 rgba(var(--color-sf-black), 0);
           box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 0 rgba(var(--color-sf-black), 0), 0 0 rgba(var(--color-sf-black), 0);
 }
-.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: rgba(var(--color-sf-primary));
 }
-.e-bigger .e-more-popup-wrapper .e-header-day,
 .e-more-popup-wrapper .e-header-day {
   color: rgba(var(--color-sf-on-surface));
   font-size: 14px;
   line-height: 1;
   padding-bottom: 4px;
 }
-.e-bigger .e-more-popup-wrapper .e-header-date,
 .e-more-popup-wrapper .e-header-date {
   color: rgba(var(--color-sf-on-surface));
   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;
@@ -3935,22 +3391,17 @@
   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: 18px;
 }
-.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: 0;
 }
-.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: rgba(var(--color-sf-on-surface), 0.04);
   border-radius: 50%;
   color: rgba(var(--color-sf-on-surface));
 }
-.e-bigger .e-more-popup-wrapper .e-appointment,
 .e-more-popup-wrapper .e-appointment {
   background: rgba(var(--color-sf-primary));
   border-radius: 4px;
@@ -3964,7 +3415,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: rgba(var(--color-sf-surface));
   -webkit-box-flex: 1;
@@ -3977,11 +3427,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;
@@ -3992,21 +3440,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: 25px;
   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 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 0 rgba(var(--color-sf-black), 0), 0 0 rgba(var(--color-sf-black), 0);
           box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 0 rgba(var(--color-sf-black), 0), 0 0 rgba(var(--color-sf-black), 0);
 }
-.e-bigger .e-more-popup-wrapper.e-device,
 .e-more-popup-wrapper.e-device {
   bottom: 0;
   height: 100%;
@@ -4019,19 +3462,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;
@@ -4484,43 +3923,720 @@
   color: rgba(var(--color-sf-error));
 }
 
-.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: 56px;
+  min-height: 56px;
 }
-.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: 14px;
 }
-.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: 14px;
 }
-.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: 56px;
+  min-width: 24px;
+  z-index: 0;
 }
-.e-recurrenceeditor .e-recurrence-table .e-input-wrapper {
-  float: none;
-  width: 100%;
+.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-recurrenceeditor .e-recurrence-table .e-week-position {
-  min-width: 98px;
-  position: relative;
-  right: 20px;
+.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-recurrenceeditor .e-recurrence-table .e-day-position {
-  min-width: 120px;
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  min-height: 56px;
+}
+.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: 56px;
+}
+.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: 32px;
+}
+.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: 16px;
+  min-height: 24px;
+}
+.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: 18px;
+}
+.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: 18px;
+  margin: 4px 0;
+  min-width: 18px;
+  padding: 0 8px;
+}
+.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: 12px 0;
+  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: 0;
+}
+.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: 14px;
+}
+.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: 16px;
+}
+.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: 14px;
+}
+.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: 16px;
+}
+.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: 14px;
+  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: 66px;
+}
+.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: 24px;
+  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: 60px 24px 0 24px;
+}
+.e-bigger .e-quick-popup-wrapper .e-popup-footer {
+  padding: 10px 34px 34px;
+}
+.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: 13px;
+}
+.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: 13px;
+}
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
+  height: 30px;
+  width: 30px;
+}
+.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: 30px;
+  width: 30px;
+}
+.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: 0 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: rgba(var(--color-sf-surface));
+  -webkit-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: 14px;
+}
+.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: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
+  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
+  border: 1px solid rgba(var(--color-sf-surface));
+  border-radius: 12px;
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  opacity: 1;
+  padding: 12px 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: rgba(var(--color-sf-on-surface));
+  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 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 0 rgba(var(--color-sf-black), 0), 0 0 rgba(var(--color-sf-black), 0);
+          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 0 rgba(var(--color-sf-black), 0), 0 0 rgba(var(--color-sf-black), 0);
+}
+.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: rgba(var(--color-sf-primary));
+}
+.e-bigger .e-more-popup-wrapper .e-header-day {
+  color: rgba(var(--color-sf-on-surface));
+  font-size: 14px;
+  line-height: 1;
+  padding-bottom: 4px;
+}
+.e-bigger .e-more-popup-wrapper .e-header-date {
+  color: rgba(var(--color-sf-on-surface));
+  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: rgba(var(--color-sf-on-surface-variant));
+  cursor: pointer;
+  height: 25px;
+  padding: unset;
+  position: absolute;
+  right: 6px;
+  width: 25px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-close-icon {
+  font-size: 18px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon {
+  margin-top: 0;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover {
+  background: rgba(var(--color-sf-on-surface), 0.04);
+  border-radius: 50%;
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-bigger .e-more-popup-wrapper .e-appointment {
+  background: rgba(var(--color-sf-primary));
+  border-radius: 4px;
+  color: rgba(var(--color-sf-surface));
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 25px;
+  line-height: 20px;
+  margin-bottom: 4px;
+  padding: 2px 0;
+  width: 100%;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject {
+  color: rgba(var(--color-sf-surface));
+  -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: rgba(var(--color-sf-surface));
+  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: 25px;
+  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 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 0 rgba(var(--color-sf-black), 0), 0 0 rgba(var(--color-sf-black), 0);
+          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 0 rgba(var(--color-sf-black), 0), 0 0 rgba(var(--color-sf-black), 0);
+}
+.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;
+  width: 100%;
+}
+.e-recurrenceeditor .e-recurrence-table .e-week-position {
+  min-width: 98px;
+  position: relative;
+  right: 20px;
+}
+.e-recurrenceeditor .e-recurrence-table .e-day-position {
+  min-width: 120px;
 }
 .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
   padding-left: 10px;
@@ -4644,86 +4760,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: 190px;
-  padding-left: 54px;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
-  font-size: 12px;
-  margin-bottom: -1px;
-  font-weight: 400;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
-  padding-right: 16px;
-}
-.e-bigger .e-recurrenceeditor .e-end-on-label {
-  margin-bottom: 0;
-}
-.e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
-  font-size: 12px;
-  margin-bottom: 8px;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
-  font-size: 12px;
-  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%;
 }
@@ -4878,4 +4914,90 @@
     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: 190px;
+  padding-left: 54px;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  font-size: 12px;
+  margin-bottom: -1px;
+  font-weight: 400;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 16px;
+}
+.e-bigger .e-recurrenceeditor .e-end-on-label {
+  margin-bottom: 0;
+}
+.e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
+  font-size: 12px;
+  margin-bottom: 8px;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
+  font-size: 12px;
+  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-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;
+}