@syncfusion/ej2-schedule 26.2.14 → 27.1.48

package/styles/fluent2.css

@@ -225,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;
@@ -237,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 {
@@ -313,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);
@@ -540,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);
@@ -550,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;
@@ -802,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;
@@ -1186,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);
@@ -1521,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);
@@ -1770,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;
@@ -2050,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;
@@ -2086,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 {
@@ -2699,151 +2659,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);
 }
@@ -2874,16 +2689,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;
 }
@@ -2926,10 +2731,6 @@
   text-align: right;
 }
 
-.e-bigger .e-dialog.e-quick-dialog {
-  min-width: 370px;
-}
-
 /*! schedule event window */
 .e-schedule-dialog .e-disable {
   display: none;
@@ -3093,168 +2894,41 @@
   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-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-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-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,
@@ -3427,7 +3101,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 {
@@ -3697,86 +3371,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;
@@ -3848,10 +3442,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;
@@ -3862,7 +3452,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);
@@ -3873,22 +3462,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);
@@ -3896,45 +3481,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;
@@ -3948,22 +3525,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;
@@ -3977,7 +3552,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;
@@ -3990,11 +3564,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;
@@ -4005,21 +3577,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%;
@@ -4032,19 +3599,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;
@@ -4075,6 +3638,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);
@@ -4127,7 +3693,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;
@@ -4153,6 +3719,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);
@@ -4216,7 +3785,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;
@@ -4228,6 +3797,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);
@@ -4312,7 +3885,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;
@@ -4334,7 +3907,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 {
@@ -4349,7 +3922,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);
@@ -4381,7 +3954,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;
@@ -4441,8 +4014,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);
@@ -4532,34 +4105,710 @@
   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-recurrenceeditor .e-recurrence-table {
-  table-layout: fixed;
-  width: 100%;
+.e-bigger .e-schedule .e-schedule-toolbar,
+.e-bigger.e-schedule .e-schedule-toolbar {
+  height: 48px;
+  min-height: 48px;
 }
-.e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
-  width: 27%;
+.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-month-expand-wrapper td:first-child {
-  width: 24%;
+.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-repeat-content {
-  display: inline-block;
-  font-weight: normal;
-  padding: 18px 0 0 8px;
+.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-input-wrapper {
-  float: none;
+.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 {
+  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;
   width: 100%;
 }
 .e-recurrenceeditor .e-recurrence-table .e-week-position {
@@ -4692,86 +4941,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%;
 }
@@ -4926,4 +5095,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;
+}