@syncfusion/ej2-react-schedule 21.2.9 → 22.1.34

package/styles/material3-dark.css

@@ -0,0 +1,4653 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
+:root {
+  --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: 73, 69, 79;
+  --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 #000000, 0 0 0 3px #ffffff;
+  --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);
+}
+
+/*! Toolbar's material3 theme wise override definitions and variables */
+/* stylelint-disable */
+/*! TreeView's Material 3 theme wise override definitions and variables */
+/* stylelint-disable */
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+}
+/*! calendar material3 theme variables */
+.e-ddl.e-control-wrapper .e-ddl-icon::before {
+  transform: rotate(0deg);
+  transition: transform 300ms ease;
+}
+
+.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
+  transform: rotate(180deg);
+  transition: transform 300ms ease;
+}
+
+.e-dropdownbase .e-list-item.e-active.e-hover {
+  color: rgba(var(--color-sf-on-surface));
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
+.e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-input-group:not(.e-disabled) .e-back-icon:hover,
+.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
+.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
+  background: rgba(var(--color-sf-on-surface), 0.08);
+}
+
+.e-input-group .e-ddl-icon:not(:active)::after {
+  animation: none;
+}
+
+.e-ddl.e-popup {
+  border: 0;
+  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  margin-top: 2px;
+}
+
+.e-popup.e-ddl .e-dropdownbase {
+  min-height: 26px;
+  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;
+  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: 6px 6px 5px;
+  min-height: 12px;
+  min-width: 12px;
+  padding: 6px;
+}
+
+.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: 16px;
+  min-width: 16px;
+}
+
+.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: 8px 16px 8px 0;
+}
+
+.e-input-group.e-ddl,
+.e-input-group.e-ddl .e-input,
+.e-input-group.e-ddl .e-ddl-icon {
+  background: transparent;
+}
+
+.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
+.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
+  border-bottom-width: 0;
+}
+
+.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-clear-icon,
+.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
+.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
+.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
+.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
+  margin: 0;
+}
+
+.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
+.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
+.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-input-focus .e-input-filter,
+.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
+.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
+  padding: 5px 5px 5px 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: 18px;
+  min-width: 18px;
+}
+
+.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-ddl.e-popup.e-outline .e-filter-parent {
+  padding: 4px 8px;
+}
+
+/*! Schedule's material3 theme wise override definitions and variables */
+/* stylelint-disable */
+.e-schedule .e-schedule-toolbar .e-icon-prev::before {
+  content: "\e765";
+}
+.e-schedule .e-schedule-toolbar .e-icon-next::before {
+  content: "\e748";
+}
+.e-schedule .e-schedule-toolbar .e-icon-add::before {
+  content: "\e805";
+}
+.e-schedule .e-schedule-toolbar .e-icon-today::before {
+  content: "\e778";
+}
+.e-schedule .e-schedule-toolbar .e-icon-down-arrow::before {
+  content: "\e729";
+}
+.e-schedule .e-schedule-toolbar .e-icon-day::before {
+  content: "\e75e";
+}
+.e-schedule .e-schedule-toolbar .e-icon-week::before {
+  content: "\e817";
+}
+.e-schedule .e-schedule-toolbar .e-icon-workweek::before {
+  content: "\e817";
+}
+.e-schedule .e-schedule-toolbar .e-icon-month::before {
+  content: "\e7c5";
+}
+.e-schedule .e-schedule-toolbar .e-icon-month-agenda::before {
+  content: "\e75b";
+}
+.e-schedule .e-schedule-toolbar .e-icon-agenda::before {
+  content: "\e74c";
+}
+.e-schedule .e-schedule-toolbar .e-icon-year::before {
+  content: "\e7c5";
+}
+.e-schedule .e-schedule-toolbar .e-icon-timeline-year-vertical::before {
+  content: "\e876";
+}
+.e-schedule .e-schedule-toolbar .e-icon-timeline-year-horizontal::before {
+  content: "\e876";
+}
+.e-schedule .e-schedule-toolbar .e-icon-timeline-day::before {
+  content: "\e7da";
+}
+.e-schedule .e-schedule-toolbar .e-icon-timeline-week::before {
+  content: "\e81f";
+}
+.e-schedule .e-schedule-toolbar .e-icon-timeline-workweek::before {
+  content: "\e720";
+}
+.e-schedule .e-schedule-toolbar .e-icon-timeline-month::before {
+  content: "\e876";
+}
+.e-schedule .e-schedule-toolbar.e-toolbar .e-popup-down-icon::before {
+  content: "\e770";
+}
+.e-schedule .e-schedule-toolbar.e-toolbar .e-popup-up-icon::before {
+  content: "\e770";
+}
+.e-schedule .e-schedule-toolbar.e-rtl .e-icon-prev::before {
+  content: "\e748";
+}
+.e-schedule .e-schedule-toolbar.e-rtl .e-icon-next::before {
+  content: "\e765";
+}
+.e-schedule .e-schedule-resource-toolbar .e-icon-menu::before {
+  content: "\e799";
+}
+.e-schedule .e-schedule-resource-toolbar .e-icon-next::before {
+  content: "\e748";
+}
+.e-schedule .e-close-icon::before {
+  content: "\e7e7";
+}
+.e-schedule .e-block-indicator::before {
+  content: "\e839";
+}
+.e-schedule .e-appointment .e-recurrence-icon::before {
+  content: "\e772";
+}
+.e-schedule .e-appointment .e-recurrence-edit-icon::before {
+  content: "\e789";
+}
+.e-schedule .e-appointment .e-up-icon::before {
+  content: "\e822";
+}
+.e-schedule .e-appointment .e-down-icon::before {
+  content: "\e7fe";
+}
+.e-schedule .e-appointment .e-left-icon::before {
+  content: "\e744";
+}
+.e-schedule .e-appointment .e-right-icon::before {
+  content: "\e7a9";
+}
+.e-schedule .e-vertical-view .e-all-day-cells .e-all-day-appointment-section::before {
+  content: "\e729";
+}
+.e-schedule.e-rtl .e-appointment .e-left-icon::before {
+  content: "\e7a9";
+}
+.e-schedule.e-rtl .e-appointment .e-right-icon::before {
+  content: "\e744";
+}
+.e-schedule .e-resource-tree-icon::before {
+  content: "\e748";
+}
+
+.e-schedule-dialog.e-device .e-back-icon::before {
+  content: "\e773";
+}
+.e-schedule-dialog.e-device .e-save-icon::before {
+  content: "\e7c8";
+}
+.e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
+  content: "\e730";
+}
+
+.e-schedule-dialog.e-device.e-rtl .e-back-icon::before {
+  content: "\e7f9";
+}
+
+.e-quick-popup-wrapper .e-edit-icon::before {
+  content: "\e730";
+}
+.e-quick-popup-wrapper .e-delete-icon::before {
+  content: "\e820";
+}
+.e-quick-popup-wrapper .e-close-icon::before {
+  content: "\e7e7";
+}
+.e-quick-popup-wrapper .e-time-icon::before {
+  content: "\e705";
+}
+.e-quick-popup-wrapper .e-location-icon::before {
+  content: "\e756";
+}
+.e-quick-popup-wrapper .e-time-zone-icon::before {
+  content: "\e804";
+}
+.e-quick-popup-wrapper .e-description-icon::before {
+  content: "\e7c0";
+}
+.e-quick-popup-wrapper .e-resource-icon::before {
+  content: "\e7b9";
+}
+.e-quick-popup-wrapper .e-date-time-icon::before {
+  content: "\e7da";
+}
+
+.e-more-popup-wrapper.e-device .e-close-icon::before {
+  content: "\e7e7";
+}
+
+/*! schedule component layout */
+.e-schedule {
+  display: block;
+  outline: medium none;
+  overflow: hidden;
+  position: relative;
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.e-schedule .e-schedule-toolbar {
+  border: 0;
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+  box-shadow: none;
+  margin-bottom: 0;
+  min-height: 48px;
+}
+.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,
+.e-schedule .e-schedule-toolbar .e-active-view .e-icons {
+  color: rgba(var(--color-sf-primary));
+}
+.e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
+  cursor: pointer;
+  font-size: 14px;
+  text-transform: none;
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
+  height: 48px;
+  min-height: 48px;
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
+  border: 1px solid rgba(var(--color-sf-outline-variant));
+  border-radius: 20px;
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn {
+  border: 1px solid rgba(var(--color-sf-primary));
+  background: rgba(var(--color-sf-primary), 0.08);
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn:hover {
+  background: rgba(var(--color-sf-primary), 0.12);
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn:hover .e-tbar-btn-text,
+.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn:hover .e-icons, .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn:focus .e-tbar-btn-text,
+.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn:focus .e-icons {
+  color: rgba(var(--color-sf-primary));
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
+  height: inherit;
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon.e-icon-down-arrow {
+  font-size: 14px;
+  margin-top: 0;
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
+  border-radius: 4px;
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-day .e-icon-day, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-week .e-icon-week, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-work-week .e-icon-workweek, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-month .e-icon-month, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-year .e-icon-year, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-agenda .e-icon-agenda, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-month-agenda .e-icon-month-agenda, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-day .e-icon-timeline-day, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-week .e-icon-timeline-week, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-work-week .e-icon-timeline-workweek, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-month .e-icon-timeline-month, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-year .e-icon-timeline-year-vertical, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-year .e-icon-timeline-year-horizontal, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-add .e-tbar-btn-text, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-day, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
+  display: none;
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-hidden {
+  display: none;
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-prev .e-icon-prev, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-next .e-icon-next {
+  font-size: 18px;
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
+  border-right: 1px solid rgba(var(--color-sf-outline-variant));
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
+  font-size: 14px;
+  text-transform: initial;
+}
+.e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
+  border-left: 0;
+  border-right: 1px none rgba(var(--color-sf-outline-variant));
+}
+.e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+  color: rgba(var(--color-sf-primary), 0.87);
+}
+.e-schedule .e-schedule-toolbar .e-hor-nav {
+  border-left: 1px none rgba(var(--color-sf-outline-variant));
+}
+.e-schedule .e-schedule-toolbar .e-hor-nav::after {
+  content: "";
+}
+.e-schedule .e-schedule-toolbar .e-hor-nav:active {
+  color: rgba(var(--color-sf-primary), 0.87);
+}
+.e-schedule .e-schedule-toolbar .e-hor-nav:active::after {
+  content: "";
+}
+.e-schedule .e-schedule-toolbar .e-hor-nav:hover {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+  color: rgba(var(--color-sf-primary), 0.87);
+}
+.e-schedule .e-schedule-toolbar .e-hor-nav:focus {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+  color: rgba(var(--color-sf-primary), 0.87);
+}
+.e-schedule.e-device .e-schedule-toolbar {
+  height: 56px;
+  min-height: 56px;
+}
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
+  height: calc(100% - 20px);
+}
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
+  height: 56px;
+  min-height: 56px;
+}
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
+  border: none;
+  border-radius: 0;
+}
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
+  height: inherit;
+}
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
+  padding: 0;
+}
+.e-schedule.e-device .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
+  font-size: 14px;
+}
+.e-schedule.e-device .e-schedule-toolbar .e-date-range .e-tbar-btn .e-tbar-btn-text {
+  font-size: 16px;
+}
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-pop {
+  overflow: auto;
+}
+.e-schedule.e-device .e-content-wrap.e-scroll-hidden {
+  overflow: hidden;
+}
+.e-schedule .e-schedule-resource-toolbar {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+  box-shadow: none;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 0;
+  min-height: 48px;
+  padding: 10px;
+}
+.e-schedule .e-schedule-resource-toolbar .e-resource-menu .e-icon-menu {
+  color: rgba(var(--color-sf-on-surface-variant));
+  font-size: 14px;
+  padding: 7px;
+  padding-left: 4px;
+}
+.e-schedule .e-schedule-resource-toolbar .e-resource-menu.e-disable {
+  display: none;
+}
+.e-schedule .e-schedule-resource-toolbar .e-resource-level-title {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-schedule .e-schedule-resource-toolbar .e-resource-level-title .e-resource-name {
+  font-size: 14px;
+  padding: 5px;
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-schedule-resource-toolbar .e-resource-level-title .e-resource-name:not(:last-child) {
+  opacity: 0.6;
+}
+.e-schedule .e-schedule-resource-toolbar .e-resource-level-title .e-icon-next {
+  color: rgba(var(--color-sf-on-surface-variant));
+  font-size: 10px;
+  line-height: 18px;
+  opacity: 0.4;
+  padding: 5px;
+}
+.e-schedule .e-schedule-resource-toolbar.e-popup-close {
+  display: none;
+}
+.e-schedule .e-schedule-resource-toolbar.e-popup-open {
+  display: block;
+}
+.e-schedule .e-text-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-text-center {
+  text-align: center;
+}
+.e-schedule .e-table-container {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  position: relative;
+  vertical-align: top;
+}
+.e-schedule .e-table-container.e-translate {
+  transition: transform 0.1s ease 0s;
+}
+.e-schedule .e-resource-tree-popup {
+  background: rgba(var(--color-sf-surface));
+  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  height: 100%;
+  position: absolute;
+  width: 250px;
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-resource-tree-popup .e-resource-tree {
+  height: 100%;
+  overflow-y: auto;
+}
+.e-schedule .e-resource-tree-popup .e-resource-tree.e-treeview .e-text-content {
+  padding: 0 0 0 8px;
+}
+.e-schedule .e-resource-tree-popup-overlay.e-enable {
+  background: rgba(var(--color-sf-scrim), 0.5);
+  height: 100%;
+  left: 0;
+  opacity: 0.5;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.e-schedule .e-new-event {
+  background: rgba(var(--color-sf-primary));
+  border: 1px solid rgba(var(--color-sf-surface));
+  border-radius: 5px;
+  height: 100%;
+  opacity: 0.9;
+  position: relative;
+  width: 100%;
+  z-index: 1;
+}
+.e-schedule .e-new-event .e-title {
+  color: rgba(var(--color-sf-surface));
+  font-size: 12px;
+  line-height: 1.2;
+  margin: 0;
+  overflow-wrap: break-word;
+  padding: 3px;
+  position: absolute;
+  text-align: left;
+  white-space: normal;
+  word-wrap: break-word;
+}
+.e-schedule .e-schedule-table {
+  border: 0 none;
+  border-collapse: separate;
+  border-spacing: 0;
+  margin: 0;
+  table-layout: fixed;
+  width: 100%;
+}
+.e-schedule .e-schedule-table > tbody > tr > th,
+.e-schedule .e-schedule-table > tbody > tr > td {
+  box-sizing: border-box;
+  font-weight: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.e-schedule .e-outer-table > tbody > tr > td {
+  padding: 0;
+  vertical-align: top;
+}
+.e-schedule .e-content-wrap {
+  position: relative;
+}
+.e-schedule .e-content-wrap .e-day-wrapper {
+  width: 100%;
+}
+.e-schedule .e-content-placeholder {
+  height: 100%;
+  position: relative;
+  width: 100%;
+  z-index: 99999;
+}
+.e-schedule .e-content-wrap,
+.e-schedule .e-scroll-container {
+  -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
+  overflow: auto;
+}
+.e-schedule .e-hide-childs > * {
+  display: none;
+}
+.e-schedule .e-recurrence-icon,
+.e-schedule .e-recurrence-edit-icon {
+  font-size: 12px;
+}
+.e-schedule .e-left-icon,
+.e-schedule .e-right-icon {
+  font-size: 8px;
+}
+.e-schedule .e-m-date {
+  cursor: pointer;
+  font-size: 20px;
+}
+.e-schedule .e-m-date:hover {
+  text-decoration: underline;
+}
+.e-schedule .e-m-day {
+  font-size: 12px;
+}
+.e-schedule.e-device .e-m-date:hover {
+  text-decoration: none;
+}
+.e-schedule .e-block-appointment {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+  color: rgba(var(--color-sf-on-surface));
+  cursor: default;
+  overflow: hidden;
+  position: absolute;
+}
+.e-schedule .e-block-appointment .e-subject {
+  overflow: hidden;
+  overflow-wrap: break-word;
+  padding: 4px;
+  white-space: normal;
+  word-wrap: break-word;
+}
+.e-schedule .e-block-indicator {
+  color: rgba(var(--color-sf-on-surface));
+  float: right;
+  padding: 0 5px;
+  z-index: 1;
+}
+.e-schedule.e-rtl .e-block-indicator {
+  float: left;
+}
+.e-schedule .e-timeline-view .e-block-indicator,
+.e-schedule .e-timeline-month-view .e-block-indicator {
+  position: absolute;
+  top: 3px;
+}
+.e-schedule .e-appointment {
+  opacity: 1;
+  transition: opacity 100ms linear;
+}
+.e-schedule .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-schedule .e-appointment .e-inline-appointment {
+  z-index: 1;
+}
+.e-schedule .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-schedule .e-appointment.e-event-action {
+  opacity: 0.38;
+}
+.e-schedule .e-appointment.e-allow-select {
+  pointer-events: none;
+}
+.e-schedule .e-read-only {
+  opacity: 0.8;
+}
+.e-schedule.e-event-action .e-appointment:not(.e-schedule-event-clone), .e-schedule.e-event-action .e-block-appointment {
+  pointer-events: none;
+}
+.e-schedule.e-event-action .e-drag-clone, .e-schedule.e-event-action .e-timeline-view .e-drag-clone {
+  cursor: move;
+}
+.e-schedule.e-event-action .e-drag-clone .e-top-handler,
+.e-schedule.e-event-action .e-drag-clone .e-bottom-handler, .e-schedule.e-event-action .e-timeline-view .e-drag-clone .e-top-handler,
+.e-schedule.e-event-action .e-timeline-view .e-drag-clone .e-bottom-handler {
+  pointer-events: none;
+}
+.e-schedule.e-event-action .e-vertical-view .e-appointment-wrapper .e-resize-clone {
+  cursor: ns-resize;
+}
+.e-schedule.e-event-action .e-timeline-view .e-resize-clone, .e-schedule.e-event-action .e-timeline-month-view .e-resize-clone, .e-schedule.e-event-action .e-all-day-appointment-wrapper .e-resize-clone {
+  cursor: ew-resize;
+}
+.e-schedule.e-device .e-appointment {
+  overflow: hidden;
+}
+.e-schedule.e-device .e-appointment.e-appointment-border .e-top-bottom-resize {
+  height: 10px;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+  width: 100%;
+}
+.e-schedule.e-device .e-appointment.e-appointment-border .e-left-right-resize {
+  border-radius: 50%;
+  height: 100%;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 10px;
+}
+.e-schedule.e-device .e-appointment.e-appointment-border .e-top-handler .e-top-bottom-resize {
+  margin-top: -8px;
+}
+.e-schedule.e-device .e-appointment.e-appointment-border .e-bottom-handler .e-top-bottom-resize {
+  margin-top: 8px;
+}
+.e-schedule.e-device .e-appointment.e-appointment-border .e-left-handler .e-left-right-resize {
+  margin-left: -8px;
+}
+.e-schedule.e-device .e-appointment.e-appointment-border .e-right-handler .e-left-right-resize {
+  margin-left: 8px;
+}
+.e-schedule .e-timeline-year-view .e-event-resize.e-left-handler, .e-schedule .e-timeline-year-view .e-event-resize.e-right-handler {
+  height: 100%;
+  width: 5px;
+}
+.e-schedule .e-timeline-year-view .e-event-resize.e-top-handler, .e-schedule .e-timeline-year-view .e-event-resize.e-bottom-handler {
+  height: 5px;
+  width: 100%;
+}
+.e-schedule .e-event-resize {
+  position: absolute;
+}
+.e-schedule .e-event-resize.e-left-handler, .e-schedule .e-event-resize.e-right-handler {
+  height: 100%;
+  min-width: 1px;
+  max-width: 10px;
+  width: 20%;
+}
+.e-schedule .e-event-resize.e-left-handler {
+  cursor: ew-resize;
+  float: left;
+  left: 0;
+}
+.e-schedule .e-event-resize.e-right-handler {
+  cursor: e-resize;
+  float: right;
+  right: 0;
+}
+.e-schedule .e-event-resize.e-top-handler, .e-schedule .e-event-resize.e-bottom-handler {
+  min-height: 1px;
+  max-height: 10px;
+  height: 20%;
+  width: 100%;
+}
+.e-schedule .e-event-resize.e-top-handler {
+  cursor: ns-resize;
+  top: 0;
+}
+.e-schedule .e-event-resize.e-bottom-handler {
+  bottom: 0;
+  cursor: ns-resize;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-content-table,
+.e-schedule .e-vertical-view.e-timescale-disable .e-content-wrap {
+  height: 100%;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
+.e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
+  height: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
+  background: rgba(var(--color-sf-primary));
+  border: 1px solid rgba(var(--color-sf-outline-variant));
+  border-radius: 4px;
+  color: rgba(var(--color-sf-surface));
+  display: -ms-flexbox;
+  display: flex;
+  height: 118px;
+  margin-bottom: 2px;
+  overflow: hidden;
+  position: absolute;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-appointment-details {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex: auto;
+      flex: auto;
+  padding: 2px 4px 0 2px;
+  text-align: left;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-inner-wrap {
+  -ms-flex: auto;
+      flex: auto;
+  overflow: hidden;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-subject {
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  margin-left: auto;
+  min-height: 18px;
+  overflow: hidden;
+  overflow-wrap: break-word;
+  padding-top: 1px;
+  white-space: normal;
+  word-wrap: break-word;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-time,
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-location {
+  font-size: 11px;
+  overflow: hidden;
+  padding-top: 1px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-disable {
+  display: none;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-recurrence-icon,
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-recurrence-edit-icon {
+  line-height: 118px;
+  padding: 0 5px;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-left-icon,
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-right-icon {
+  line-height: 118px;
+  padding: 0 2px;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment.e-appointment-border, .e-schedule .e-vertical-view.e-timescale-disable .e-appointment:focus {
+  border: 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-schedule .e-vertical-view.e-timescale-disable .e-appointment.e-allow-select {
+  pointer-events: none;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment-wrapper {
+  position: absolute;
+  width: 0;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-work-cells {
+  height: auto;
+  vertical-align: top;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-more-indicator {
+  color: rgba(var(--color-sf-on-surface-variant));
+  cursor: pointer;
+  font-size: 10px;
+  line-height: 11px;
+  overflow: hidden;
+  padding: 2px 4px;
+  position: absolute;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-more-indicator:focus {
+  text-decoration: underline;
+}
+.e-schedule .e-vertical-view .e-left-indent {
+  width: 85px;
+}
+.e-schedule .e-vertical-view .e-left-indent .e-all-day-cells {
+  position: relative;
+}
+.e-schedule .e-vertical-view .e-date-header-wrap table col,
+.e-schedule .e-vertical-view .e-content-wrap table col {
+  width: 36px;
+}
+.e-schedule .e-vertical-view .e-resource-cells {
+  color: rgba(var(--color-sf-on-surface));
+  font-size: 14px;
+  height: 40px;
+  padding: 8px;
+  padding-left: 15px;
+}
+.e-schedule .e-vertical-view .e-header-cells {
+  font-size: 12px;
+  height: 60px;
+  padding: 3px 3px 2px;
+}
+.e-schedule .e-vertical-view .e-header-cells .e-header-day {
+  display: table;
+  font-size: 14px;
+  line-height: 20px;
+  padding-bottom: 4px;
+}
+.e-schedule .e-vertical-view .e-header-cells .e-header-date {
+  cursor: pointer;
+  display: table;
+  font-size: 16px;
+  line-height: 24px;
+  padding-top: 0;
+}
+.e-schedule .e-vertical-view .e-header-cells .e-header-date:hover {
+  text-decoration: underline;
+}
+.e-schedule .e-vertical-view .e-header-cells.e-disable-dates .e-header-day {
+  cursor: default;
+  opacity: 0.35;
+}
+.e-schedule .e-vertical-view .e-header-cells.e-disable-dates .e-header-date {
+  cursor: default;
+  opacity: 0.35;
+}
+.e-schedule .e-vertical-view .e-header-cells.e-disable-dates .e-header-date:hover {
+  text-decoration: none;
+}
+.e-schedule .e-vertical-view .e-row-count-wrapper {
+  display: block;
+  height: 100%;
+  pointer-events: none;
+  position: relative;
+}
+.e-schedule .e-vertical-view .e-row-count-wrapper .e-more-indicator {
+  bottom: 0;
+  color: rgba(var(--color-sf-on-surface-variant));
+  cursor: pointer;
+  overflow: hidden;
+  overflow-wrap: normal;
+  padding: 2px 4px;
+  pointer-events: visible;
+  position: absolute;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+.e-schedule .e-vertical-view .e-row-count-wrapper .e-more-indicator:focus {
+  text-decoration: underline;
+}
+.e-schedule .e-vertical-view .e-row-count-wrapper.e-disable {
+  display: none;
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-section {
+  bottom: 4px;
+  color: rgba(var(--color-sf-on-surface-variant));
+  cursor: pointer;
+  display: block;
+  font-size: 11px;
+  height: 25px;
+  left: 0;
+  line-height: 25px;
+  margin: 0 auto;
+  position: absolute;
+  right: 0;
+  transform: rotate(0deg);
+  transition: transform 300ms ease-in-out;
+  width: 25px;
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-section.e-disable {
+  display: none;
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-section.e-appointment-expand {
+  transform: rotate(0deg);
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-section.e-appointment-collapse {
+  transform: rotate(180deg);
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-section:hover, .e-schedule .e-vertical-view .e-all-day-appointment-section:focus {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
+  border-radius: 100%;
+  color: rgba(var(--color-sf-on-surface-variant));
+}
+.e-schedule .e-vertical-view .e-appointment-hide {
+  opacity: 0;
+}
+.e-schedule .e-vertical-view .e-all-day-cells {
+  height: 0;
+  padding: 0;
+  text-align: center;
+  vertical-align: top;
+}
+.e-schedule .e-vertical-view .e-all-day-cells:first-child.e-animate {
+  transition: 250ms ease-out;
+}
+.e-schedule .e-vertical-view .e-time-cells-wrap table td,
+.e-schedule .e-vertical-view .e-work-cells {
+  font-size: 14px;
+  height: 36px;
+  text-align: center;
+}
+.e-schedule .e-vertical-view .e-work-cells {
+  width: 36px;
+}
+.e-schedule .e-vertical-view .e-work-cells.e-disable-dates {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
+  background: rgba(var(--color-sf-surface));
+  box-shadow: inset 0 0 0 8px linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+}
+.e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-vertical-view .e-current-time {
+  font-size: 10px;
+}
+.e-schedule .e-vertical-view .e-clone-time-indicator,
+.e-schedule .e-vertical-view .e-current-time,
+.e-schedule .e-vertical-view .e-previous-timeline,
+.e-schedule .e-vertical-view .e-current-timeline {
+  left: 0;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  width: 100%;
+}
+.e-schedule .e-vertical-view .e-previous-timeline,
+.e-schedule .e-vertical-view .e-current-timeline {
+  z-index: 1;
+}
+.e-schedule .e-vertical-view .e-date-header-wrap {
+  max-height: 300px;
+  overflow: hidden;
+}
+.e-schedule .e-vertical-view .e-date-header-wrap.e-all-day-scroll {
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+  overflow-y: auto;
+}
+.e-schedule .e-vertical-view .e-date-header-wrap.e-all-day-scroll .e-header-row .e-resource-cells {
+  position: sticky;
+}
+.e-schedule .e-vertical-view .e-date-header-wrap.e-all-day-scroll .e-header-row .e-header-cells {
+  position: sticky;
+  top: 0;
+}
+.e-schedule .e-vertical-view .e-date-header-wrap.e-all-day-auto {
+  max-height: unset;
+}
+.e-schedule .e-vertical-view .e-time-cells-wrap {
+  overflow: hidden;
+}
+.e-schedule .e-vertical-view .e-content-wrap,
+.e-schedule .e-vertical-view .e-time-cells-wrap {
+  position: relative;
+}
+.e-schedule .e-vertical-view .e-timeline-wrapper,
+.e-schedule .e-vertical-view .e-day-wrapper,
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper {
+  height: 0;
+  margin: 0;
+  padding: 0;
+  position: relative;
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
+  cursor: default;
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment {
+  background: rgba(var(--color-sf-primary));
+  border: 1px solid rgba(var(--color-sf-outline-variant));
+  border-radius: 4px;
+  color: rgba(var(--color-sf-surface));
+  display: -ms-flexbox;
+  display: flex;
+  height: 25px;
+  overflow: hidden;
+  position: absolute;
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex: auto;
+      flex: auto;
+  line-height: 22px;
+  overflow: hidden;
+  padding: 1px 0 1px 4px;
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-subject {
+  -ms-flex: auto;
+      flex: auto;
+  font-size: 13px;
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-time {
+  display: block;
+  font-size: 11px;
+  padding: 1px 4px 2px 0;
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-recurrence-icon,
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-recurrence-edit-icon,
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-left-icon,
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-right-icon {
+  line-height: 20px;
+  padding: 0 2px;
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-disable {
+  display: none;
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
+  border: 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-schedule .e-vertical-view .e-day-wrapper .e-appointment:not(.e-schedule-event-clone) {
+  cursor: default;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
+  background: rgba(var(--color-sf-primary));
+  border: 1px solid rgba(var(--color-sf-outline-variant));
+  border-radius: 4px;
+  color: rgba(var(--color-sf-surface));
+  overflow: hidden;
+  position: absolute;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-appointment-details {
+  -ms-flex: auto;
+      flex: auto;
+  padding: 0 4px;
+  text-align: left;
+  line-height: 18px;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  margin-left: auto;
+  min-height: 18px;
+  overflow: hidden;
+  overflow-wrap: break-word;
+  padding-top: 4px;
+  white-space: normal;
+  word-wrap: break-word;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-time,
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-location {
+  font-size: 11px;
+  overflow: hidden;
+  padding-top: 1px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-time {
+  display: block;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-disable {
+  display: none;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-edit-icon {
+  bottom: 5px;
+  display: block;
+  float: right;
+  height: auto;
+  left: auto;
+  position: absolute;
+  right: 5px;
+  width: auto;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-indicator {
+  display: block;
+  margin: 0 45%;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-up-icon,
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-down-icon {
+  font-size: 8px;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-up-icon {
+  margin-top: 3px;
+  top: 0;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-down-icon {
+  bottom: 6px;
+  position: absolute;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.e-appointment-border, .e-schedule .e-vertical-view .e-day-wrapper .e-appointment:focus {
+  border: 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-schedule .e-vertical-view.e-day-view .e-header-date {
+  cursor: default;
+}
+.e-schedule .e-vertical-view.e-day-view .e-header-date:hover {
+  text-decoration: none;
+}
+.e-schedule.e-device .e-vertical-view .e-header-cells .e-header-day {
+  font-size: 14px;
+}
+.e-schedule.e-device .e-vertical-view .e-header-cells .e-header-date {
+  font-size: 16px;
+}
+.e-schedule.e-device .e-vertical-view .e-header-cells .e-header-date:hover {
+  text-decoration: none;
+}
+.e-schedule.e-device .e-vertical-view .e-left-indent {
+  width: 44px;
+}
+.e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
+.e-schedule.e-device .e-vertical-view .e-current-time {
+  font-size: 9px;
+}
+.e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
+  float: left;
+  width: 44px;
+}
+.e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
+  font-size: 14px;
+}
+.e-schedule.e-device .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
+  font-weight: 500;
+  min-height: auto;
+}
+.e-schedule.e-rtl {
+  text-align: right;
+}
+.e-schedule.e-rtl .e-vertical-view.e-timescale-disable .e-appointment-details {
+  text-align: right;
+}
+.e-schedule.e-rtl .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details {
+  padding: 1px 4px 1px 0;
+}
+.e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-appointment-details {
+  line-height: 15px;
+  text-align: right;
+}
+.e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
+  font-weight: 500;
+  margin-left: 15px;
+  margin-right: auto;
+}
+.e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
+.e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-edit-icon {
+  float: left;
+  left: 5px;
+  right: auto;
+}
+.e-schedule.e-rtl.e-device .e-vertical-view .e-time-cells-wrap {
+  float: right;
+}
+@media screen and (max-width: 480px) {
+  .e-schedule .e-vertical-view .e-left-indent {
+    width: 44px;
+  }
+}
+.e-schedule .e-month-view .e-left-indent,
+.e-schedule .e-month-agenda-view .e-left-indent {
+  border-right: 1px solid rgba(var(--color-sf-outline-variant));
+  width: 36px;
+}
+.e-schedule .e-month-view .e-week-number-wrapper,
+.e-schedule .e-month-agenda-view .e-week-number-wrapper {
+  overflow: hidden;
+  position: relative;
+}
+.e-schedule .e-month-view .e-week-number-wrapper .e-schedule-table,
+.e-schedule .e-month-agenda-view .e-week-number-wrapper .e-schedule-table {
+  height: 100%;
+}
+.e-schedule .e-month-view .e-week-number-wrapper .e-week-number,
+.e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
+  color: rgba(var(--color-sf-on-surface-variant));
+  padding-top: 4px;
+  text-align: center;
+  vertical-align: top;
+  width: 36px;
+}
+.e-schedule .e-month-view .e-content-wrap table tr:last-child td {
+  border-bottom-width: 0;
+}
+.e-schedule .e-month-view .e-date-header-wrap {
+  font-size: 14px;
+  overflow: hidden;
+}
+.e-schedule .e-month-view .e-week-number {
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+  border-right: 1px solid rgba(var(--color-sf-outline-variant));
+  height: 124px;
+}
+.e-schedule .e-month-view .e-content-wrap {
+  font-size: 14px;
+}
+.e-schedule .e-month-view .e-date-header-wrap table col {
+  width: 36px;
+}
+.e-schedule .e-month-view .e-resource-cells {
+  color: rgba(var(--color-sf-on-surface));
+  font-size: 14px;
+  height: 40px;
+  padding: 8px;
+  padding-left: 15px;
+}
+.e-schedule .e-month-view .e-header-cells {
+  cursor: default;
+  font-weight: normal;
+  height: 34px;
+  padding: 8px;
+}
+.e-schedule .e-month-view .e-content-table {
+  height: 100%;
+}
+.e-schedule .e-month-view .e-work-cells {
+  height: 124px;
+  vertical-align: top;
+  width: 36px;
+}
+.e-schedule .e-month-view .e-work-cells.e-disable-date .e-date-header {
+  visibility: hidden;
+}
+.e-schedule .e-month-view .e-work-cells.e-disable-dates {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header {
+  cursor: default;
+  opacity: 0.35;
+}
+.e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header:hover {
+  text-decoration: none;
+}
+.e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-month-view.e-virtual-mask .e-work-cells {
+  background: rgba(var(--color-sf-surface));
+  box-shadow: inset 0 0 0 8px linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+}
+.e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-month-view .e-date-header {
+  cursor: pointer;
+  display: table;
+  height: 20px;
+  line-height: 24px;
+  margin: 3px 3px 2px;
+  text-align: center;
+}
+.e-schedule .e-month-view .e-date-header:hover {
+  text-decoration: underline;
+}
+.e-schedule .e-month-view .e-appointment-wrapper {
+  position: absolute;
+}
+.e-schedule .e-month-view .e-new-event {
+  height: calc(100% - 25px);
+}
+.e-schedule .e-month-view .e-block-indicator {
+  margin-top: -20px;
+}
+.e-schedule .e-month-view .e-inline-appointment {
+  z-index: 1;
+}
+.e-schedule .e-month-view .e-appointment {
+  background: rgba(var(--color-sf-primary));
+  border: 1px solid rgba(var(--color-sf-outline-variant));
+  border-radius: 4px;
+  color: rgba(var(--color-sf-surface));
+  cursor: default;
+  display: -ms-flexbox;
+  display: flex;
+  height: 25px;
+  overflow: hidden;
+  position: absolute;
+}
+.e-schedule .e-month-view .e-appointment .e-disable {
+  display: none;
+}
+.e-schedule .e-month-view .e-appointment .e-appointment-details {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex: auto;
+      flex: auto;
+  line-height: 22px;
+  overflow: hidden;
+}
+.e-schedule .e-month-view .e-appointment .e-appointment-details .e-subject {
+  -ms-flex: auto;
+      flex: auto;
+  font-size: 13px;
+  font-weight: 500;
+  overflow: hidden;
+  padding: 1px 2px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-month-view .e-appointment .e-appointment-details .e-inline-subject {
+  padding: 4px;
+  text-align: center;
+}
+.e-schedule .e-month-view .e-appointment .e-appointment-details .e-time {
+  font-size: 11px;
+  padding: 2px;
+}
+.e-schedule .e-month-view .e-appointment .e-appointment-details .e-recurrence-icon,
+.e-schedule .e-month-view .e-appointment .e-appointment-details .e-recurrence-edit-icon,
+.e-schedule .e-month-view .e-appointment .e-appointment-details .e-left-icon,
+.e-schedule .e-month-view .e-appointment .e-appointment-details .e-right-icon {
+  line-height: 25px;
+  padding: 0 2px;
+}
+.e-schedule .e-month-view .e-appointment.e-appointment-border, .e-schedule .e-month-view .e-appointment:focus {
+  border: 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-schedule .e-month-view .e-appointment.e-allow-select {
+  pointer-events: none;
+}
+.e-schedule .e-month-view .e-appointment .e-subject {
+  padding: 2px;
+  width: 100%;
+}
+.e-schedule .e-month-view .e-more-indicator {
+  color: rgba(var(--color-sf-on-surface-variant));
+  cursor: pointer;
+  font-size: 10px;
+  line-height: 11px;
+  overflow: hidden;
+  padding: 2px 4px;
+  position: absolute;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-month-view .e-more-indicator:focus {
+  text-decoration: underline;
+}
+.e-schedule.e-rtl .e-month-view .e-date-header {
+  margin: 3px 3px 2px;
+}
+.e-schedule.e-rtl .e-month-view .e-left-indent {
+  border-left: 1px solid rgba(var(--color-sf-outline-variant));
+  border-right-width: 0;
+}
+.e-schedule.e-rtl .e-month-view .e-week-number {
+  border-left: 1px solid rgba(var(--color-sf-outline-variant));
+  border-right-width: 0;
+}
+.e-schedule .e-year-view .e-calendar-wrapper {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  border: 0;
+  -ms-flex: 0 25%;
+      flex: 0 25%;
+  max-width: 100%;
+  min-width: 260px;
+  padding: 10px;
+}
+.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-header .e-title {
+  cursor: default;
+}
+.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-content span.e-day {
+  display: block;
+  margin: 0 auto;
+}
+.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-other-month {
+  color: rgba(var(--color-sf-on-surface-variant));
+  pointer-events: visible;
+  -ms-touch-action: auto;
+      touch-action: auto;
+}
+.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-other-month.e-today {
+  opacity: 0.5;
+}
+.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment,
+.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator {
+  background: rgba(var(--color-sf-primary));
+  border-radius: 50%;
+  height: 5px;
+  margin: -6px auto 0;
+  position: relative;
+  width: 5px;
+}
+.e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates {
+  background: rgba(var(--color-sf-surface));
+  cursor: default;
+}
+.e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates .e-day {
+  cursor: default;
+}
+.e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates:hover {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-year-view .e-date-header-wrap {
+  font-size: 14px;
+  overflow: hidden;
+}
+.e-schedule .e-year-view .e-date-header-wrap table col {
+  width: 36px;
+}
+.e-schedule .e-year-view .e-date-header-wrap table td {
+  background: rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  color: rgba(var(--color-sf-on-surface));
+  text-align: left;
+}
+.e-schedule .e-year-view .e-date-header-wrap table td:first-child {
+  border-left-width: 0;
+}
+.e-schedule .e-year-view .e-resource-cells {
+  color: rgba(var(--color-sf-on-surface));
+  font-size: 14px;
+  height: 40px;
+  padding: 8px;
+  padding-left: 15px;
+}
+.e-schedule .e-year-view .e-content-wrap table td:first-child {
+  border-left-width: 0;
+}
+.e-schedule .e-year-view .e-resource .e-month-calendar {
+  max-width: 100%;
+  min-width: 100%;
+}
+.e-schedule .e-timeline-year-view .e-date-header-wrap,
+.e-schedule .e-timeline-year-view .e-month-header-wrapper {
+  overflow: hidden;
+  position: relative;
+}
+.e-schedule .e-timeline-year-view .e-month-header-wrapper .e-schedule-table {
+  height: 100%;
+}
+.e-schedule .e-timeline-year-view .e-month-header-wrapper .e-schedule-table.e-auto-height {
+  height: auto;
+}
+.e-schedule .e-timeline-year-view .e-date-header-wrap table col,
+.e-schedule .e-timeline-year-view .e-content-wrap table col {
+  width: 100px;
+}
+.e-schedule .e-timeline-year-view .e-resource-left-td,
+.e-schedule .e-timeline-year-view .e-date-header-wrap table td {
+  background: rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: rgba(var(--color-sf-on-surface));
+  text-align: center;
+}
+.e-schedule .e-timeline-year-view .e-resource-left-td.e-current-day,
+.e-schedule .e-timeline-year-view .e-date-header-wrap table td.e-current-day {
+  color: rgba(var(--color-sf-primary));
+}
+.e-schedule .e-timeline-year-view .e-resource-text {
+  color: rgba(var(--color-sf-on-surface));
+  font-size: 13px;
+  overflow: hidden;
+  padding: 4px 16px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-timeline-year-view .e-resource-left-td {
+  vertical-align: middle;
+  width: 224px;
+}
+.e-schedule .e-timeline-year-view .e-left-indent-wrap .e-resource-cells,
+.e-schedule .e-timeline-year-view .e-date-header-wrap .e-resource-cells {
+  height: 40px;
+}
+.e-schedule .e-timeline-year-view .e-resource-column-wrap {
+  overflow: hidden;
+  position: relative;
+}
+.e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: rgba(var(--color-sf-on-surface));
+  height: 125px;
+  padding-left: 16px;
+  padding-right: 0;
+  vertical-align: middle;
+}
+.e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells.e-child-node {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells:focus {
+  background: rgba(var(--color-sf-primary-container));
+}
+.e-schedule .e-timeline-year-view .e-resource-column-table {
+  height: 100%;
+}
+.e-schedule .e-timeline-year-view .e-resource-column-table.e-auto-height {
+  height: auto;
+}
+.e-schedule .e-timeline-year-view .e-resource-tree-icon {
+  color: rgba(var(--color-sf-on-surface-variant));
+  cursor: pointer;
+  float: left;
+  font-family: "e-icons";
+  font-size: 12px;
+  padding: 4px 7px;
+}
+.e-schedule .e-timeline-year-view .e-resource-collapse {
+  transform: rotate(90deg);
+}
+.e-schedule .e-timeline-year-view .e-content-table {
+  height: 100%;
+}
+.e-schedule .e-timeline-year-view .e-content-table.e-auto-height {
+  height: auto;
+}
+.e-schedule .e-timeline-year-view .e-left-indent td {
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 1px 0 0;
+  vertical-align: middle;
+}
+.e-schedule .e-timeline-year-view .e-left-indent tr:last-child td {
+  border-width: 0 1px 1px 0;
+}
+.e-schedule .e-timeline-year-view.e-horizontal .e-left-indent {
+  padding: 0;
+  width: 100px;
+}
+.e-schedule .e-timeline-year-view.e-vertical .e-left-indent, .e-schedule .e-timeline-year-view.e-vertical .e-left-indent .e-header-cells {
+  width: 100px;
+}
+.e-schedule .e-timeline-year-view .e-month-header {
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+  border-right: 1px solid rgba(var(--color-sf-outline-variant));
+  text-align: center;
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-timeline-year-view .e-month-header.e-current-day {
+  color: rgba(var(--color-sf-primary));
+}
+.e-schedule .e-timeline-year-view .e-left-indent,
+.e-schedule .e-timeline-year-view .e-header-cells {
+  cursor: default;
+  font-weight: normal;
+  height: 34px;
+  padding: 0;
+  text-align: center;
+}
+.e-schedule .e-timeline-year-view .e-month-header,
+.e-schedule .e-timeline-year-view .e-work-cells {
+  height: 125px;
+}
+.e-schedule .e-timeline-year-view .e-header-cells,
+.e-schedule .e-timeline-year-view .e-work-cells {
+  width: 134px;
+}
+.e-schedule .e-timeline-year-view .e-work-cells {
+  vertical-align: top;
+}
+.e-schedule .e-timeline-year-view .e-work-cells .e-date-header {
+  cursor: pointer;
+  display: table;
+  height: 20px;
+  line-height: 24px;
+  margin: 3px 3px 2px;
+  text-align: center;
+  width: 10px;
+}
+.e-schedule .e-timeline-year-view .e-work-cells .e-date-header:hover {
+  text-decoration: underline;
+}
+.e-schedule .e-timeline-year-view .e-event-table {
+  position: absolute;
+  top: 0;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
+  height: 125px;
+  position: relative;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
+  position: absolute;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-inline-appointment {
+  z-index: 1;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment {
+  background: rgba(var(--color-sf-primary));
+  border: 1px solid rgba(var(--color-sf-outline-variant));
+  border-radius: 4px;
+  color: rgba(var(--color-sf-surface));
+  cursor: default;
+  display: -ms-flexbox;
+  display: flex;
+  height: 25px;
+  overflow: hidden;
+  position: absolute;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-hidden {
+  display: none;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-appointment-details {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex: auto;
+      flex: auto;
+  line-height: 20px;
+  overflow: hidden;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-subject {
+  -ms-flex: auto;
+      flex: auto;
+  font-size: 13px;
+  font-weight: 500;
+  overflow: hidden;
+  padding: 1px 2px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-time,
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-location {
+  font-size: 11px;
+  overflow: hidden;
+  padding: 1.5px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-disable {
+  display: none;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
+  line-height: 25px;
+  padding: 0 5px;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
+  line-height: 25px;
+  padding: 0 2px;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
+  border: 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-schedule .e-timeline-year-view .e-event-table .e-appointment.e-allow-select {
+  pointer-events: none;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-more-indicator {
+  color: rgba(var(--color-sf-on-surface-variant));
+  cursor: pointer;
+  font-size: 10px;
+  line-height: 11px;
+  overflow: hidden;
+  padding: 2px 4px;
+  position: absolute;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-more-indicator.e-hidden {
+  display: none;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-more-indicator:focus {
+  text-decoration: underline;
+}
+.e-schedule.e-device .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  max-width: 100%;
+  min-width: 100%;
+}
+.e-schedule .e-timeline-view .e-content-wrap,
+.e-schedule .e-timeline-view .e-content-table,
+.e-schedule .e-timeline-month-view .e-content-wrap,
+.e-schedule .e-timeline-month-view .e-content-table {
+  height: 100%;
+}
+.e-schedule .e-timeline-view .e-date-header-wrap,
+.e-schedule .e-timeline-month-view .e-date-header-wrap {
+  font-size: 14px;
+  overflow: hidden;
+  position: relative;
+}
+.e-schedule .e-timeline-view .e-event-table,
+.e-schedule .e-timeline-month-view .e-event-table {
+  position: absolute;
+  top: 0;
+}
+.e-schedule .e-timeline-view .e-appointment-container.e-event-container,
+.e-schedule .e-timeline-month-view .e-appointment-container.e-event-container {
+  height: 84px;
+  position: relative;
+}
+.e-schedule .e-timeline-view .e-date-header-wrap table col,
+.e-schedule .e-timeline-view .e-content-wrap table col,
+.e-schedule .e-timeline-month-view .e-date-header-wrap table col,
+.e-schedule .e-timeline-month-view .e-content-wrap table col {
+  width: 50px;
+}
+.e-schedule .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td {
+  height: 40px;
+  overflow: hidden;
+  padding: 8px 0 8px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
+.e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
+  background: rgba(var(--color-sf-surface));
+  overflow: inherit;
+}
+.e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
+.e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td > span {
+  position: relative;
+}
+.e-schedule .e-timeline-view .e-navigate:hover,
+.e-schedule .e-timeline-month-view .e-navigate:hover {
+  cursor: pointer;
+  text-decoration: underline;
+}
+.e-schedule .e-timeline-view .e-navigate:focus,
+.e-schedule .e-timeline-month-view .e-navigate:focus {
+  text-decoration: underline;
+}
+.e-schedule .e-timeline-view .e-work-cells,
+.e-schedule .e-timeline-month-view .e-work-cells {
+  height: 84px;
+}
+.e-schedule .e-timeline-view .e-work-cells.e-disable-dates,
+.e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-view .e-work-cells.e-disable-dates:hover,
+.e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates:hover {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-view .e-resource-text,
+.e-schedule .e-timeline-month-view .e-resource-text {
+  color: rgba(var(--color-sf-on-surface));
+  font-size: 13px;
+  overflow: hidden;
+  padding: 4px 16px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-timeline-view .e-resource-left-td,
+.e-schedule .e-timeline-month-view .e-resource-left-td {
+  background: rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: rgba(var(--color-sf-on-surface));
+  vertical-align: middle;
+  width: 224px;
+}
+.e-schedule .e-timeline-view .e-resource-cells,
+.e-schedule .e-timeline-month-view .e-resource-cells {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: rgba(var(--color-sf-on-surface));
+  height: 84px;
+  padding-left: 16px;
+  padding-right: 0;
+  vertical-align: middle;
+}
+.e-schedule .e-timeline-view .e-resource-cells:focus,
+.e-schedule .e-timeline-month-view .e-resource-cells:focus {
+  background: rgba(var(--color-sf-primary-container));
+}
+.e-schedule .e-timeline-view .e-resource-column-wrap,
+.e-schedule .e-timeline-month-view .e-resource-column-wrap {
+  overflow: hidden;
+  position: relative;
+}
+.e-schedule .e-timeline-view .e-resource-column-table,
+.e-schedule .e-timeline-month-view .e-resource-column-table {
+  height: 100%;
+}
+.e-schedule .e-timeline-view .e-auto-height,
+.e-schedule .e-timeline-month-view .e-auto-height {
+  height: auto;
+}
+.e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells, .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells, .e-schedule .e-timeline-view.e-ignore-whitespace .e-event-container,
+.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
+.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells,
+.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-event-container {
+  height: 42px;
+}
+.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
+.e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
+  background: rgba(var(--color-sf-surface));
+  box-shadow: inset 0 0 0 8px linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-view .e-resource-tree-icon,
+.e-schedule .e-timeline-month-view .e-resource-tree-icon {
+  color: rgba(var(--color-sf-on-surface-variant));
+  cursor: pointer;
+  float: left;
+  font-family: "e-icons";
+  font-size: 12px;
+  padding: 4px 7px;
+}
+.e-schedule .e-timeline-view .e-resource-collapse,
+.e-schedule .e-timeline-month-view .e-resource-collapse {
+  transform: rotate(90deg);
+}
+.e-schedule .e-timeline-view .e-child-node,
+.e-schedule .e-timeline-month-view .e-child-node {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-view .e-appointment-wrapper,
+.e-schedule .e-timeline-month-view .e-appointment-wrapper {
+  position: absolute;
+}
+.e-schedule .e-timeline-view .e-inline-appointment,
+.e-schedule .e-timeline-month-view .e-inline-appointment {
+  z-index: 1;
+}
+.e-schedule .e-timeline-view .e-appointment,
+.e-schedule .e-timeline-month-view .e-appointment {
+  background: rgba(var(--color-sf-primary));
+  border: 1px solid rgba(var(--color-sf-outline-variant));
+  border-radius: 4px;
+  color: rgba(var(--color-sf-surface));
+  cursor: default;
+  display: -ms-flexbox;
+  display: flex;
+  height: 38px;
+  overflow: hidden;
+  position: absolute;
+}
+.e-schedule .e-timeline-view .e-appointment .e-appointment-details,
+.e-schedule .e-timeline-month-view .e-appointment .e-appointment-details {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex: auto;
+      flex: auto;
+  overflow: hidden;
+  padding: 0 4px;
+}
+.e-schedule .e-timeline-view .e-appointment .e-appointment-details .e-inner-wrap,
+.e-schedule .e-timeline-month-view .e-appointment .e-appointment-details .e-inner-wrap {
+  -ms-flex: auto;
+      flex: auto;
+  overflow: hidden;
+}
+.e-schedule .e-timeline-view .e-appointment .e-subject,
+.e-schedule .e-timeline-month-view .e-appointment .e-subject {
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  margin-left: auto;
+  min-height: 18px;
+  overflow: hidden;
+  padding-top: 4px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-timeline-view .e-appointment .e-time,
+.e-schedule .e-timeline-view .e-appointment .e-location,
+.e-schedule .e-timeline-month-view .e-appointment .e-time,
+.e-schedule .e-timeline-month-view .e-appointment .e-location {
+  font-size: 11px;
+  overflow: hidden;
+  padding-top: 1px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-timeline-view .e-appointment .e-time,
+.e-schedule .e-timeline-month-view .e-appointment .e-time {
+  display: block;
+  line-height: 1.4;
+}
+.e-schedule .e-timeline-view .e-appointment .e-disable,
+.e-schedule .e-timeline-month-view .e-appointment .e-disable {
+  display: none;
+}
+.e-schedule .e-timeline-view .e-appointment .e-recurrence-icon,
+.e-schedule .e-timeline-view .e-appointment .e-recurrence-edit-icon,
+.e-schedule .e-timeline-month-view .e-appointment .e-recurrence-icon,
+.e-schedule .e-timeline-month-view .e-appointment .e-recurrence-edit-icon {
+  line-height: 38px;
+  padding: 0 5px;
+}
+.e-schedule .e-timeline-view .e-appointment .e-indicator,
+.e-schedule .e-timeline-month-view .e-appointment .e-indicator {
+  display: block;
+}
+.e-schedule .e-timeline-view .e-appointment .e-left-icon,
+.e-schedule .e-timeline-view .e-appointment .e-right-icon,
+.e-schedule .e-timeline-month-view .e-appointment .e-left-icon,
+.e-schedule .e-timeline-month-view .e-appointment .e-right-icon {
+  font-size: 10px;
+  line-height: 38px;
+  padding-right: 7px;
+}
+.e-schedule .e-timeline-view .e-appointment .e-right-icon,
+.e-schedule .e-timeline-month-view .e-appointment .e-right-icon {
+  padding-right: 5px;
+}
+.e-schedule .e-timeline-view .e-appointment.e-appointment-border, .e-schedule .e-timeline-view .e-appointment:focus,
+.e-schedule .e-timeline-month-view .e-appointment.e-appointment-border,
+.e-schedule .e-timeline-month-view .e-appointment:focus {
+  border: 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-schedule .e-timeline-view .e-appointment.e-allow-select,
+.e-schedule .e-timeline-month-view .e-appointment.e-allow-select {
+  pointer-events: none;
+}
+.e-schedule .e-timeline-view .e-more-indicator,
+.e-schedule .e-timeline-month-view .e-more-indicator {
+  color: rgba(var(--color-sf-on-surface-variant));
+  cursor: pointer;
+  font-size: 10px;
+  line-height: 11px;
+  overflow: hidden;
+  padding: 2px 4px;
+  position: absolute;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-timeline-view .e-more-indicator:focus,
+.e-schedule .e-timeline-month-view .e-more-indicator:focus {
+  text-decoration: underline;
+}
+.e-schedule .e-timeline-view .e-navigate {
+  font-size: 14px;
+}
+.e-schedule .e-timeline-view .e-clone-time-indicator,
+.e-schedule .e-timeline-view .e-current-time {
+  bottom: 0;
+  position: absolute;
+}
+.e-schedule .e-timeline-view .e-current-timeline {
+  position: absolute;
+  top: 0;
+}
+.e-schedule .e-timeline-month-view .e-date-header-wrap table col,
+.e-schedule .e-timeline-month-view .e-content-wrap table col {
+  width: 70px;
+}
+.e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
+  transform: translateX(0);
+}
+.e-schedule .e-virtual-scroll.e-timeline-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-month-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-year-view.e-vertical .e-content-table {
+  transform: translateY(0);
+}
+.e-schedule .e-virtual-scroll .e-content-table {
+  position: absolute;
+}
+.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
+  position: relative;
+}
+.e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
+  transition: all 1000ms linear;
+}
+.e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
+.e-schedule.e-rtl .e-timeline-view .e-appointment .e-right-icon,
+.e-schedule.e-rtl .e-timeline-month-view .e-appointment .e-left-icon,
+.e-schedule.e-rtl .e-timeline-month-view .e-appointment .e-right-icon {
+  padding: 0 0 0 5px;
+}
+.e-schedule.e-rtl .e-timeline-view .e-inline-appointment,
+.e-schedule.e-rtl .e-timeline-month-view .e-inline-appointment {
+  z-index: 1;
+}
+.e-schedule.e-rtl .e-timeline-view .e-resource-left-td,
+.e-schedule.e-rtl .e-timeline-month-view .e-resource-left-td {
+  border-width: 0 0 1px 1px;
+}
+.e-schedule.e-rtl .e-timeline-view .e-resource-cells,
+.e-schedule.e-rtl .e-timeline-month-view .e-resource-cells {
+  border-width: 0 0 1px 1px;
+  padding-right: 15px;
+}
+.e-schedule.e-rtl .e-timeline-view .e-resource-tree-icon,
+.e-schedule.e-rtl .e-timeline-month-view .e-resource-tree-icon {
+  float: right;
+}
+.e-schedule.e-rtl .e-timeline-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap,
+.e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
+  text-align: right;
+}
+.e-schedule.e-device .e-month-view .e-date-header-wrap,
+.e-schedule.e-device .e-timeline-view .e-date-header-wrap,
+.e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
+  font-size: 16px;
+}
+.e-schedule.e-device .e-month-view .e-date-header-wrap td,
+.e-schedule.e-device .e-timeline-view .e-date-header-wrap td,
+.e-schedule.e-device .e-timeline-month-view .e-date-header-wrap td {
+  border-left-width: 0;
+  border-right-width: 0;
+}
+.e-schedule.e-device .e-month-view .e-content-wrap,
+.e-schedule.e-device .e-timeline-view .e-content-wrap,
+.e-schedule.e-device .e-timeline-month-view .e-content-wrap {
+  font-size: 14px;
+}
+.e-schedule.e-device .e-month-view .e-date-header:hover,
+.e-schedule.e-device .e-timeline-view .e-date-header:hover,
+.e-schedule.e-device .e-timeline-month-view .e-date-header:hover {
+  text-decoration: none;
+}
+.e-schedule.e-device .e-month-view .e-more-indicator,
+.e-schedule.e-device .e-timeline-view .e-more-indicator,
+.e-schedule.e-device .e-timeline-month-view .e-more-indicator {
+  font-size: 12px;
+}
+.e-schedule.e-device .e-month-view .e-navigate:hover,
+.e-schedule.e-device .e-timeline-view .e-navigate:hover,
+.e-schedule.e-device .e-timeline-month-view .e-navigate:hover {
+  text-decoration: none;
+}
+.e-schedule .e-month-agenda-view .e-schedule-resource-toolbar .e-resource-menu {
+  margin-top: 6px;
+}
+.e-schedule .e-month-agenda-view .e-schedule-resource-toolbar .e-resource-menu.e-disable {
+  display: none;
+}
+.e-schedule .e-month-agenda-view .e-schedule-resource-toolbar .e-resource-level-title .e-icon-next {
+  margin-top: 4px;
+}
+.e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
+  border-right: 1px solid rgba(var(--color-sf-outline-variant));
+  height: 40px;
+  padding-top: 8px;
+}
+.e-schedule .e-month-agenda-view .e-wrapper-container {
+  position: relative;
+}
+.e-schedule .e-month-agenda-view .e-week-number-wrapper .e-schedule-table,
+.e-schedule .e-month-agenda-view .e-content-table {
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+  box-shadow: 0 1px 0 rgba(var(--color-sf-black), 0.15);
+  height: 100%;
+}
+.e-schedule .e-month-agenda-view .e-resource-column {
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+  border-right: 1px solid rgba(var(--color-sf-outline-variant));
+  vertical-align: top;
+  width: 75px;
+}
+.e-schedule .e-month-agenda-view .e-resource-name {
+  color: rgba(var(--color-sf-on-surface));
+  font-size: 16px;
+  line-height: 26px;
+  overflow: hidden;
+  padding: 8px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-month-agenda-view .e-day-padding {
+  padding-left: 8px;
+}
+.e-schedule .e-month-agenda-view .e-day-border {
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+}
+.e-schedule .e-month-agenda-view .e-date-header-wrap {
+  font-size: 16px;
+  overflow: hidden;
+}
+.e-schedule .e-month-agenda-view .e-content-wrap {
+  font-size: 14px;
+}
+.e-schedule .e-month-agenda-view .e-header-cells {
+  cursor: default;
+  font-weight: normal;
+  height: 34px;
+  padding: 5px;
+  text-align: center;
+}
+.e-schedule .e-month-agenda-view .e-work-cells {
+  height: 40px;
+  position: relative;
+  vertical-align: top;
+}
+.e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates:hover {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-month-agenda-view .e-date-header {
+  height: 24px;
+  line-height: 24.5px;
+  margin: 4px auto 0;
+  text-align: center;
+  width: 24px;
+}
+.e-schedule .e-month-agenda-view .e-appointment-container {
+  min-height: 40px;
+}
+.e-schedule .e-month-agenda-view .e-appointment-wrap {
+  background: rgba(var(--color-sf-surface));
+  overflow: auto;
+  padding: 0 8px;
+}
+.e-schedule .e-month-agenda-view .e-appointment {
+  border-left: 3px solid rgba(var(--color-sf-primary));
+  border-right: 0;
+  cursor: default;
+  padding: 0 16px;
+}
+.e-schedule .e-month-agenda-view .e-appointment:hover {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
+.e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
+  background: rgba(var(--color-sf-primary-container));
+}
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+.e-schedule .e-month-agenda-view .e-subject-wrap {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-schedule .e-month-agenda-view .e-subject {
+  color: rgba(var(--color-sf-on-surface));
+  font-size: 14px;
+  line-height: 26px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-month-agenda-view .e-recurrence-icon,
+.e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
+  color: rgba(var(--color-sf-on-surface-variant));
+  line-height: 26px;
+  padding: 0 10px;
+}
+.e-schedule .e-month-agenda-view .e-date-time {
+  color: rgba(var(--color-sf-on-surface-variant));
+  font-size: 12px;
+  line-height: 26px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-month-agenda-view .e-location {
+  color: rgba(var(--color-sf-on-surface-variant));
+  font-size: 12px;
+  line-height: 26px;
+  overflow: hidden;
+  padding-left: 8px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-month-agenda-view .e-no-event {
+  color: rgba(var(--color-sf-on-surface-variant));
+  cursor: default;
+  font-size: 14px;
+  height: 100%;
+  padding: 8px 4px;
+}
+.e-schedule .e-month-agenda-view .e-agenda-item.e-month-agenda-view {
+  padding: 12px 0;
+}
+.e-schedule .e-month-agenda-view .e-agenda-parent.e-month-agenda-view {
+  margin: 0;
+  padding: 0;
+}
+.e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator {
+  background: rgba(var(--color-sf-primary));
+  border-radius: 50%;
+  height: 6px;
+  left: 0;
+  margin: 1px auto;
+  width: 6px;
+}
+.e-schedule.e-rtl .e-month-agenda-view .e-left-indent {
+  border-left: 1px solid rgba(var(--color-sf-outline-variant));
+  border-right-width: 0;
+}
+.e-schedule.e-rtl .e-month-agenda-view .e-week-number {
+  border-left: 1px solid rgba(var(--color-sf-outline-variant));
+  border-right-width: 0;
+}
+.e-schedule.e-rtl .e-month-agenda-view .e-appointment {
+  border-left: 0;
+  border-right: 3px solid rgba(var(--color-sf-primary));
+}
+.e-schedule.e-rtl .e-month-agenda-view .e-resource-column {
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+  border-left: 1px solid rgba(var(--color-sf-outline-variant));
+  border-right: 0;
+  vertical-align: top;
+  width: 75px;
+}
+.e-schedule.e-rtl .e-month-agenda-view .e-resource-column .e-resource-name {
+  white-space: normal;
+}
+.e-schedule.e-rtl .e-month-agenda-view .e-day-padding {
+  padding-right: 8px;
+}
+.e-schedule.e-device .e-month-agenda-view .e-date-header-wrap {
+  font-size: 16px;
+}
+.e-schedule.e-device .e-month-agenda-view .e-content-wrap {
+  font-size: 14px;
+}
+.e-schedule .e-agenda-view {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-agenda-view .e-content-wrap table td:first-child,
+.e-schedule .e-agenda-view .e-date-column {
+  vertical-align: top;
+  width: 75px;
+}
+.e-schedule .e-agenda-view .e-resource-column {
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+  border-right: 1px solid rgba(var(--color-sf-outline-variant));
+  color: rgba(var(--color-sf-on-surface));
+  vertical-align: top;
+  width: 75px;
+}
+.e-schedule .e-agenda-view .e-month-header {
+  background: rgba(var(--color-sf-primary));
+  height: 100px;
+  padding-top: 12px;
+  vertical-align: top;
+}
+.e-schedule .e-agenda-view .e-month-header .e-date-header {
+  color: rgba(var(--color-sf-surface));
+  font-size: 18px;
+}
+.e-schedule .e-agenda-view .e-day-date-header {
+  color: rgba(var(--color-sf-on-surface));
+  cursor: default;
+  padding: 12px 40px 12px 16px;
+}
+.e-schedule .e-agenda-view .e-day-date-header .e-m-date {
+  font-size: 16px;
+}
+.e-schedule .e-agenda-view .e-day-date-header .e-m-day {
+  font-size: 14px;
+}
+.e-schedule .e-agenda-view .e-day-date-header.e-current-day {
+  color: rgba(var(--color-sf-primary));
+}
+.e-schedule .e-agenda-view .e-day-border {
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+}
+.e-schedule .e-agenda-view .e-date-border {
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+  border-right: 1px solid rgba(var(--color-sf-outline-variant));
+}
+.e-schedule .e-agenda-view .e-day-padding {
+  padding-left: 8px;
+}
+.e-schedule .e-agenda-view .e-date-header {
+  font-size: 20px;
+}
+.e-schedule .e-agenda-view .e-day-header {
+  font-size: 12px;
+}
+.e-schedule .e-agenda-view .e-subject-wrap {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 0;
+}
+.e-schedule .e-agenda-view .e-active-appointment-agenda .e-subject {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-agenda-view .e-active-appointment-agenda .e-date-time {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-agenda-view .e-active-appointment-agenda .e-resource-name {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-agenda-view .e-active-appointment-agenda .e-recurrence-icon,
+.e-schedule .e-agenda-view .e-active-appointment-agenda .e-recurrence-edit-icon {
+  color: rgba(var(--color-sf-on-surface));
+}
+.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 {
+  color: rgba(var(--color-sf-on-surface));
+  font-size: 14px;
+  line-height: 23px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-agenda-view .e-resource-name {
+  color: rgba(var(--color-sf-on-surface));
+  font-size: 14px;
+  line-height: 26px;
+  overflow: hidden;
+  padding: 8px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-agenda-view .e-recurrence-icon,
+.e-schedule .e-agenda-view .e-recurrence-edit-icon {
+  color: rgba(var(--color-sf-on-surface));
+  line-height: 21px;
+  padding: 0 10px;
+}
+.e-schedule .e-agenda-view .e-date-time {
+  color: rgba(var(--color-sf-on-surface-variant));
+  font-size: 12px;
+  line-height: 21px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-agenda-view .e-location {
+  color: rgba(var(--color-sf-on-surface-variant));
+  font-size: 12px;
+  line-height: 23px;
+  overflow: hidden;
+  padding-left: 8px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-agenda-view .e-agenda-item {
+  padding: 12px 0;
+}
+.e-schedule .e-agenda-view .e-agenda-parent {
+  margin: 0;
+  padding: 0;
+}
+.e-schedule .e-agenda-view .e-appointment {
+  border-left: 3px solid rgba(var(--color-sf-primary));
+  border-right: 0;
+  cursor: default;
+  padding: 0 16px;
+}
+.e-schedule .e-agenda-view .e-appointment:hover {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
+.e-schedule .e-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-agenda-view .e-appointment:focus {
+  background: rgba(var(--color-sf-primary-container));
+}
+.e-schedule .e-agenda-view .e-appointment.e-template {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+.e-schedule .e-agenda-view .e-no-event {
+  color: rgba(var(--color-sf-on-surface-variant));
+  cursor: default;
+  font-size: 14px;
+  line-height: 52px;
+  padding: 0 11px;
+}
+.e-schedule .e-agenda-view .e-empty-event {
+  color: rgba(var(--color-sf-on-surface-variant));
+  cursor: default;
+  font-size: 14px;
+  line-height: 52px;
+  padding: 0 11px;
+}
+.e-schedule.e-device .e-agenda-view .e-m-date,
+.e-schedule.e-device .e-month-agenda-view .e-m-date {
+  font-size: 16px;
+}
+.e-schedule.e-device .e-agenda-view .e-resource-name,
+.e-schedule.e-device .e-agenda-view .e-m-day,
+.e-schedule.e-device .e-month-agenda-view .e-resource-name,
+.e-schedule.e-device .e-month-agenda-view .e-m-day {
+  color: rgba(var(--color-sf-on-surface));
+  font-size: 14px;
+}
+.e-schedule.e-rtl .e-agenda-view .e-appointment {
+  border-left: 0;
+  border-right: 3px solid rgba(var(--color-sf-primary));
+}
+.e-schedule.e-rtl .e-agenda-view .e-resource-column {
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+  border-left: 1px solid rgba(var(--color-sf-outline-variant));
+  border-right: 0;
+  vertical-align: top;
+  width: 75px;
+}
+.e-schedule.e-rtl .e-agenda-view .e-resource-column .e-resource-name {
+  white-space: normal;
+}
+.e-schedule.e-rtl .e-agenda-view .e-day-padding {
+  padding-right: 8px;
+}
+.e-schedule.e-rtl .e-agenda-view .e-date-border {
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+  border-left: 1px solid rgba(var(--color-sf-outline-variant));
+  border-right: 0;
+}
+
+.e-schedule.e-read-only .e-toolbar-item.e-add.e-overflow-show {
+  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),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+  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: 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;
+}
+.e-schedule.e-multi-drag .e-vertical-view.e-timescale-disable .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view.e-timescale-disable .e-appointment:focus {
+  border: none;
+}
+.e-schedule.e-multi-drag .e-vertical-view .e-day-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-day-wrapper .e-appointment:focus {
+  border: none;
+}
+.e-schedule.e-multi-drag .e-month-view .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-month-view .e-appointment:focus {
+  border: none;
+}
+.e-schedule.e-multi-drag .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-timeline-year-view .e-event-table .e-appointment:focus {
+  border: none;
+}
+.e-schedule.e-multi-drag .e-timeline-view .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-timeline-view .e-appointment:focus,
+.e-schedule.e-multi-drag .e-timeline-month-view .e-appointment.e-appointment-border,
+.e-schedule.e-multi-drag .e-timeline-month-view .e-appointment:focus {
+  border: none;
+}
+
+.e-more-popup-wrapper.e-multi-drag .e-appointment.e-appointment-border, .e-more-popup-wrapper.e-multi-drag .e-appointment:focus {
+  border: none;
+}
+
+/*! schedule event tooltip */
+.e-schedule-event-tooltip .e-subject {
+  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;
+}
+.e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
+  padding: 8px;
+}
+@media screen and (max-width: 767px) {
+  .e-dialog.e-quick-dialog.e-following-events-dialog {
+    width: 289px;
+  }
+  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
+    padding: 5%;
+  }
+  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
+    margin-bottom: 5%;
+  }
+}
+
+.e-dialog.e-quick-dialog {
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  width: 320px;
+}
+.e-dialog.e-quick-dialog .e-disable {
+  display: none;
+}
+.e-dialog.e-quick-dialog .e-dlg-header-content {
+  border-bottom: none;
+}
+.e-dialog.e-quick-dialog .e-footer-content {
+  border-top: none;
+}
+.e-dialog.e-quick-dialog .e-quick-dialog-cancel {
+  box-shadow: none;
+}
+.e-dialog.e-quick-dialog.e-rtl {
+  text-align: right;
+}
+
+.e-bigger .e-dialog.e-quick-dialog {
+  min-width: 370px;
+}
+
+/*! schedule event window */
+.e-schedule-dialog .e-disable {
+  display: none;
+}
+.e-schedule-dialog .e-icon-disable {
+  opacity: 0.5;
+}
+.e-schedule-dialog .e-dlg-header-content {
+  padding-bottom: 8px;
+}
+.e-schedule-dialog .e-dlg-content {
+  padding-bottom: 12px;
+  position: relative;
+}
+.e-schedule-dialog .e-event-delete {
+  float: left;
+}
+.e-schedule-dialog .e-subject-container,
+.e-schedule-dialog .e-start-container,
+.e-schedule-dialog .e-description-label {
+  padding-right: 8px;
+}
+.e-schedule-dialog .e-start-time-zone-container {
+  padding-left: 4px;
+  padding-right: 8px;
+}
+.e-schedule-dialog .e-location-container,
+.e-schedule-dialog .e-end-container {
+  padding-left: 8px;
+}
+.e-schedule-dialog .e-end-time-zone-container {
+  padding-left: 8px;
+  padding-right: 4px;
+}
+.e-schedule-dialog .e-all-day-container {
+  padding-right: 16px;
+}
+.e-schedule-dialog .e-time-zone-row {
+  display: -ms-flexbox;
+  display: flex;
+  height: 0;
+  margin-bottom: 0;
+  overflow: hidden;
+  padding-bottom: 0;
+  transition: 0.3s ease-in-out;
+  width: 100%;
+}
+.e-schedule-dialog .e-time-zone-row .e-start-time-zone-container,
+.e-schedule-dialog .e-time-zone-row .e-end-time-zone-container {
+  display: none;
+  transform: translateY(-100%);
+}
+.e-schedule-dialog .e-time-zone-row.e-enable {
+  height: 60px;
+  margin-bottom: 12px;
+}
+.e-schedule-dialog .e-time-zone-row.e-enable .e-start-time-zone-container,
+.e-schedule-dialog .e-time-zone-row.e-enable .e-end-time-zone-container {
+  display: block;
+  transform: translateY(0);
+}
+.e-schedule-dialog .e-title-location-row,
+.e-schedule-dialog .e-start-end-row,
+.e-schedule-dialog .e-start-input-container,
+.e-schedule-dialog .e-end-input-container {
+  display: -ms-flexbox;
+  display: flex;
+  padding-bottom: 20px;
+  width: 100%;
+}
+.e-schedule-dialog .e-resources {
+  padding-bottom: 12px;
+  width: 100%;
+}
+.e-schedule-dialog .e-all-day-time-zone-row {
+  display: -ms-flexbox;
+  display: flex;
+  padding-bottom: 20px;
+  padding-top: 4px;
+  width: 100%;
+}
+.e-schedule-dialog .e-subject-container,
+.e-schedule-dialog .e-location-container,
+.e-schedule-dialog .e-start-container,
+.e-schedule-dialog .e-end-container,
+.e-schedule-dialog .e-start-time-zone-container,
+.e-schedule-dialog .e-end-time-zone-container {
+  width: 50%;
+}
+.e-schedule-dialog .e-description,
+.e-schedule-dialog .e-float-input .e-description {
+  height: 50px;
+  resize: vertical;
+}
+.e-schedule-dialog .e-repeat-container,
+.e-schedule-dialog .e-input-group .e-input-group-icon.e-icon-disable {
+  display: none;
+}
+.e-schedule-dialog .e-footer-content {
+  margin-top: 4px;
+}
+.e-schedule-dialog.e-rtl {
+  text-align: right;
+}
+.e-schedule-dialog.e-rtl .e-all-day-container {
+  margin-left: 16px;
+  margin-right: 0;
+}
+.e-schedule-dialog.e-rtl .e-subject-container,
+.e-schedule-dialog.e-rtl .e-start-container,
+.e-schedule-dialog.e-rtl .e-description-label {
+  padding-left: 8px;
+  padding-right: 0;
+}
+.e-schedule-dialog.e-rtl .e-start-time-zone-container {
+  padding-left: 8px;
+  padding-right: 4px;
+}
+.e-schedule-dialog.e-rtl .e-location-container,
+.e-schedule-dialog.e-rtl .e-end-container {
+  padding-left: 0;
+  padding-right: 8px;
+}
+.e-schedule-dialog.e-rtl .e-end-time-zone-container {
+  padding-left: 4px;
+  padding-right: 8px;
+}
+.e-schedule-dialog.e-rtl .e-event-delete {
+  float: right;
+}
+
+.e-ddl.e-popup .e-resource-template {
+  display: -ms-flexbox;
+  display: flex;
+  padding: 0 10px;
+  text-indent: 10px;
+}
+.e-ddl.e-popup .e-resource-template .e-resource-color {
+  height: 14px;
+  margin-top: 10px;
+  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-bigger .e-schedule-dialog .e-event-cancel,
+.e-bigger .e-schedule-dialog .e-event-delete {
+  border: 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: -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: -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: -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));
+  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-location-container,
+.e-schedule-dialog.e-device .e-end-container,
+.e-schedule-dialog.e-device .e-end-time-zone-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-subject-container,
+.e-schedule-dialog.e-device .e-description-row,
+.e-schedule-dialog.e-device .e-repeat-container {
+  padding-top: 20px;
+}
+.e-schedule-dialog.e-device .e-all-day-time-zone-row {
+  padding-top: 20px;
+}
+.e-schedule-dialog.e-device .e-resources {
+  padding-bottom: 0;
+  padding-top: 20px;
+}
+.e-schedule-dialog.e-device .e-description,
+.e-schedule-dialog.e-device .e-float-input .e-description {
+  height: 60px;
+  resize: vertical;
+}
+.e-schedule-dialog.e-device .e-all-day-time-zone-row {
+  margin-top: 0;
+  padding-bottom: 0;
+}
+.e-schedule-dialog.e-device .e-repeat-parent-row {
+  padding-top: 8px;
+}
+.e-schedule-dialog.e-device .e-all-day-container {
+  margin-right: 20px;
+}
+.e-schedule-dialog.e-device .e-title-header {
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-forward-icon {
+  cursor: pointer;
+  line-height: normal;
+}
+.e-schedule-dialog.e-device .e-save-icon {
+  text-align: right;
+}
+.e-schedule-dialog.e-device .e-time-zone-row,
+.e-schedule-dialog.e-device .e-input-group .e-input-group-icon.e-icon-disable {
+  display: none;
+}
+.e-schedule-dialog.e-device .e-repeat-container {
+  display: block;
+  padding-right: 35px;
+  padding-left: 0;
+}
+.e-schedule-dialog.e-device .e-icon-down-arrow {
+  font-size: 14px;
+}
+.e-schedule-dialog.e-device.e-rtl .e-save-icon {
+  text-align: left;
+}
+.e-schedule-dialog.e-device.e-rtl .e-all-day-container {
+  margin-left: 20px;
+  margin-right: 0;
+}
+.e-schedule-dialog.e-device.e-rtl .e-subject-container,
+.e-schedule-dialog.e-device.e-rtl .e-start-container,
+.e-schedule-dialog.e-device.e-rtl .e-start-time-zone-container,
+.e-schedule-dialog.e-device.e-rtl .e-description-label {
+  padding-left: 0;
+}
+.e-schedule-dialog.e-device.e-rtl .e-location-container,
+.e-schedule-dialog.e-device.e-rtl .e-end-container,
+.e-schedule-dialog.e-device.e-rtl .e-end-time-zone-container,
+.e-schedule-dialog.e-device.e-rtl .e-all-day-container {
+  padding-right: 0;
+}
+.e-schedule-dialog.e-device.e-rtl .e-repeat-container {
+  padding-left: 35px;
+  padding-right: 0;
+}
+.e-schedule-dialog.e-device .e-recurrence-container {
+  position: relative;
+}
+.e-schedule-dialog.e-device .e-recurrence-container.e-hide {
+  display: none;
+}
+.e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button {
+  border: 0;
+  box-shadow: none;
+  margin: -3px 5px;
+  position: absolute;
+}
+.e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons {
+  font-size: 12px;
+  position: relative;
+  top: 1px;
+}
+
+/*! schedule quick popup */
+.e-quick-popup-wrapper {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
+  border-radius: 12px;
+  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);
+  color: rgba(var(--color-sf-on-surface));
+  max-width: 365px;
+  min-width: 320px;
+  opacity: 1;
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  width: 100%;
+  border: 1px solid rgba(var(--color-sf-surface));
+}
+.e-quick-popup-wrapper .e-hidden {
+  display: none;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper {
+  position: absolute;
+  right: 6px;
+  top: 4px;
+  padding: 12px;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit,
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete,
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close {
+  color: rgba(var(--color-sf-on-surface-variant));
+}
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit:focus, .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit:hover,
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete:hover,
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close:focus,
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close:hover {
+  background: rgba(var(--color-sf-on-surface), 0.04);
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit .e-close-icon,
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete .e-close-icon,
+.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
+  font-size: 16px;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-popup-content {
+  padding: 60px 24px 0 20px;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table {
+  width: 100%;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-schedule-form > span {
+  margin: 0 0 8px;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
+  font-size: 22px;
+  height: auto;
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
+  padding: 20px 20px 0 20px;
+}
+.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 {
+  display: none;
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close {
+  position: relative;
+  right: auto;
+}
+.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,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close {
+  color: rgba(var(--color-sf-on-surface-variant));
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:focus, .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:hover,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:hover,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close:focus,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close:hover {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon {
+  font-size: 16px;
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:disabled:hover,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:disabled:hover {
+  background: none;
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:disabled > .e-edit-icon,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:disabled > .e-delete-icon,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:disabled > .e-edit-icon,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:disabled > .e-delete-icon {
+  opacity: 0.5;
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap {
+  padding: 12px 24px 0 20px;
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
+  background: rgba(var(--color-sf-surface));
+  border-left: 6px solid rgba(var(--color-sf-surface));
+  border-radius: 12px;
+  color: rgba(var(--color-sf-on-surface));
+  cursor: default;
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 1.5;
+  max-height: 87px;
+  padding: 8px;
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-content {
+  padding: 0 20px 12px;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
+.e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: end;
+      justify-content: flex-end;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper .e-edit,
+.e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper .e-delete,
+.e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper .e-close,
+.e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-edit,
+.e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-delete,
+.e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-close {
+  background: transparent;
+  border: 0;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-date-time,
+.e-quick-popup-wrapper .e-cell-popup .e-location,
+.e-quick-popup-wrapper .e-cell-popup .e-time-zone,
+.e-quick-popup-wrapper .e-cell-popup .e-description,
+.e-quick-popup-wrapper .e-cell-popup .e-resource,
+.e-quick-popup-wrapper .e-event-popup .e-date-time,
+.e-quick-popup-wrapper .e-event-popup .e-location,
+.e-quick-popup-wrapper .e-event-popup .e-time-zone,
+.e-quick-popup-wrapper .e-event-popup .e-description,
+.e-quick-popup-wrapper .e-event-popup .e-resource {
+  color: rgba(var(--color-sf-on-surface));
+  display: -ms-flexbox;
+  display: flex;
+  padding-top: 16px;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
+.e-quick-popup-wrapper .e-cell-popup .e-location-icon,
+.e-quick-popup-wrapper .e-cell-popup .e-time-zone-icon,
+.e-quick-popup-wrapper .e-cell-popup .e-description-icon,
+.e-quick-popup-wrapper .e-cell-popup .e-resource-icon,
+.e-quick-popup-wrapper .e-event-popup .e-date-time-icon,
+.e-quick-popup-wrapper .e-event-popup .e-location-icon,
+.e-quick-popup-wrapper .e-event-popup .e-time-zone-icon,
+.e-quick-popup-wrapper .e-event-popup .e-description-icon,
+.e-quick-popup-wrapper .e-event-popup .e-resource-icon {
+  color: rgba(var(--color-sf-on-surface-variant));
+  font-size: 16px;
+  padding: 0 8px 0 0;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-date-time-details,
+.e-quick-popup-wrapper .e-cell-popup .e-location-details,
+.e-quick-popup-wrapper .e-cell-popup .e-time-zone-details,
+.e-quick-popup-wrapper .e-cell-popup .e-description-details,
+.e-quick-popup-wrapper .e-cell-popup .e-resource-details,
+.e-quick-popup-wrapper .e-event-popup .e-date-time-details,
+.e-quick-popup-wrapper .e-event-popup .e-location-details,
+.e-quick-popup-wrapper .e-event-popup .e-time-zone-details,
+.e-quick-popup-wrapper .e-event-popup .e-description-details,
+.e-quick-popup-wrapper .e-event-popup .e-resource-details {
+  color: rgba(var(--color-sf-on-surface));
+  cursor: default;
+  font-size: 14px;
+}
+.e-quick-popup-wrapper .e-popup-table td:last-child {
+  padding-top: 0;
+}
+.e-quick-popup-wrapper .e-popup-footer {
+  display: block;
+  padding: 16px 28px 28px 40px;
+  text-align: right;
+}
+.e-quick-popup-wrapper .e-popup-footer .e-event-edit {
+  margin-right: 8px;
+}
+.e-quick-popup-wrapper .e-popup-footer .e-event-edit,
+.e-quick-popup-wrapper .e-popup-footer .e-event-delete {
+  right: auto;
+}
+.e-quick-popup-wrapper .e-popup-footer .e-event-edit:disabled,
+.e-quick-popup-wrapper .e-popup-footer .e-event-delete:disabled {
+  color: rgba(var(--color-sf-on-surface), 0.38);
+}
+.e-quick-popup-wrapper .e-popup-footer .e-event-details {
+  border: none;
+  margin-right: 8px;
+  right: auto;
+  text-transform: capitalize;
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-footer {
+  display: block;
+}
+.e-quick-popup-wrapper.e-rtl {
+  text-align: right;
+}
+.e-quick-popup-wrapper.e-rtl .e-cell-popup .e-header-icon-wrapper {
+  left: 6px;
+  right: auto;
+}
+.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
+.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
+.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
+.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
+.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
+  margin-right: 10px;
+}
+.e-quick-popup-wrapper.e-rtl .e-event-details,
+.e-quick-popup-wrapper.e-rtl .e-event-edit {
+  margin-left: 8px;
+}
+.e-quick-popup-wrapper.e-rtl .e-popup-footer {
+  padding: 8px 8px 8px 18px;
+  text-align: left;
+}
+.e-quick-popup-wrapper.e-rtl .e-date-time-icon {
+  padding: 0 0 0 10px;
+}
+.e-quick-popup-wrapper.e-device {
+  bottom: 0;
+  height: 100%;
+  left: 0;
+  margin: 0;
+  max-width: 100%;
+  overflow: hidden;
+  padding: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1004;
+}
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper {
+  background: unset;
+}
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:focus, .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:hover,
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:hover,
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close:focus,
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close:hover {
+  background: none;
+}
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
+  height: 2.5em;
+  width: 2.5em;
+}
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-edit,
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-delete {
+  display: block;
+}
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-close {
+  margin-left: 0;
+  margin-right: auto;
+  -ms-flex-order: -1;
+      order: -1;
+}
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-subject-wrap {
+  padding: 16px;
+}
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-content {
+  padding: 12px 24px;
+}
+.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header {
+  display: -ms-flexbox;
+  display: flex;
+  padding: 15px;
+}
+.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close,
+.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit,
+.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete {
+  background: transparent;
+  border: 0;
+  color: rgba(var(--color-sf-on-surface-variant));
+  height: 40px;
+  width: 40px;
+}
+.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
+.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
+.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:hover,
+.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete:focus,
+.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete:hover {
+  background: none;
+}
+.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
+  font-size: 15px;
+  font-weight: 500;
+  height: 40px;
+  line-height: 2.25;
+  padding: 4px 5px;
+  width: calc(100% - 95px);
+}
+.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
+.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
+.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete-icon {
+  font-size: 14px;
+}
+.e-quick-popup-wrapper.e-device.e-rtl .e-event-popup .e-popup-header .e-close {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+.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-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .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-subject {
+  padding: 5px 5px 0 8px;
+}
+
+.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;
+  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);
+  color: rgba(var(--color-sf-surface));
+  display: -ms-flexbox;
+  display: flex;
+  height: 38px;
+  width: 100px;
+  z-index: 9;
+}
+.e-appointment.e-schedule-event-clone.e-drag-clone {
+  cursor: move;
+}
+.e-appointment.e-schedule-event-clone .e-recurrence-icon,
+.e-appointment.e-schedule-event-clone .e-recurrence-edit-icon,
+.e-appointment.e-schedule-event-clone .e-indicator.e-left-icon,
+.e-appointment.e-schedule-event-clone .e-indicator.e-right-icon,
+.e-appointment.e-schedule-event-clone .e-event-resize.e-left-handler,
+.e-appointment.e-schedule-event-clone .e-event-resize.e-right-handler {
+  display: none;
+}
+.e-appointment.e-schedule-event-clone .e-appointment-details {
+  -ms-flex: auto;
+      flex: auto;
+  overflow: hidden;
+  padding: 0 4px;
+  text-align: left;
+}
+.e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
+  -ms-flex: auto;
+      flex: auto;
+  overflow: hidden;
+}
+.e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  margin-left: auto;
+  min-height: 18px;
+  overflow: hidden;
+  padding-top: 4px;
+  text-overflow: ellipsis;
+}
+.e-appointment.e-schedule-event-clone .e-appointment-details .e-time {
+  font-size: 11px;
+  overflow: hidden;
+  padding-top: 1px;
+  text-overflow: ellipsis;
+}
+.e-appointment.e-schedule-event-clone .e-appointment-details .e-location {
+  display: none;
+}
+.e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
+  padding: 3px 2px;
+}
+.e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
+  display: none;
+}
+
+.e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  padding: 3px 0 1px 4px;
+}
+.e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-time {
+  display: none;
+}
+
+.e-bigger .e-schedule .e-month-view .e-current-date .e-date-header {
+  width: 26px;
+}
+
+.e-bigger .e-more-popup-wrapper,
+.e-more-popup-wrapper {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
+  border: 1px solid rgba(var(--color-sf-surface));
+  border-radius: 12px;
+  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,
+.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);
+  max-height: 150px;
+  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;
+  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;
+  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,
+.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 {
+  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;
+  color: rgba(var(--color-sf-surface));
+  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,
+.e-more-popup-wrapper .e-appointment .e-subject {
+  color: rgba(var(--color-sf-surface));
+  -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-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 {
+  border: 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%;
+  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,
+.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;
+}
+
+/*! schedule component theme */
+.e-schedule {
+  background: rgba(var(--color-sf-surface));
+  border: 1px solid rgba(var(--color-sf-outline-variant));
+}
+.e-schedule .e-date-header-wrap {
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0;
+  position: relative;
+}
+.e-schedule .e-header-calendar {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
+}
+.e-schedule .e-vertical-view .e-date-header-wrap table tbody td:first-child,
+.e-schedule .e-vertical-view .e-content-wrap table td:first-child {
+  border-left-width: 0;
+}
+.e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
+.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td {
+  background: rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td.e-header-cells {
+  border-bottom-width: 0;
+}
+.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td.e-header-cells.e-week-number {
+  color: rgba(var(--color-sf-on-surface-variant));
+  font-size: 14px;
+  padding-top: 10px;
+  text-align: center;
+  vertical-align: top;
+}
+.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td.e-resource-cells {
+  border-bottom-color: transparent;
+}
+.e-schedule .e-vertical-view .e-date-header-wrap table tbody td {
+  background: rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  color: rgba(var(--color-sf-on-surface));
+  text-align: left;
+}
+.e-schedule .e-vertical-view .e-date-header-wrap table tbody td.e-header-cells {
+  border-bottom-width: 0;
+}
+.e-schedule .e-vertical-view .e-time-cells-wrap table td {
+  background: rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-vertical-view .e-time-cells-wrap table td {
+  border-bottom-color: transparent;
+}
+.e-schedule .e-vertical-view .e-time-cells-wrap .e-time-cells {
+  border-bottom-color: rgba(var(--color-sf-outline-variant));
+}
+.e-schedule .e-vertical-view .e-header-cells {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-vertical-view .e-header-cells.e-current-day {
+  color: rgba(var(--color-sf-primary));
+  font-weight: 400;
+}
+.e-schedule .e-vertical-view .e-work-cells {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  padding: 0;
+}
+.e-schedule .e-vertical-view .e-work-cells:hover {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-vertical-view .e-alternate-cells {
+  border-bottom-style: dashed;
+}
+.e-schedule .e-vertical-view .e-work-hours {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-vertical-view .e-all-day-cells {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
+  color: rgba(var(--color-sf-primary));
+}
+.e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell {
+  background: rgba(var(--color-sf-primary-container));
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
+  background: rgba(var(--color-sf-primary-container));
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-vertical-view .e-selected-cell {
+  background: rgba(var(--color-sf-primary-container));
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-vertical-view .e-selected-cell:hover {
+  background: rgba(var(--color-sf-primary-container));
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-vertical-view .e-clone-time-indicator,
+.e-schedule .e-vertical-view .e-current-time {
+  color: rgba(var(--color-sf-primary));
+}
+.e-schedule .e-vertical-view .e-current-timeline {
+  border-top: 1px solid rgba(var(--color-sf-primary));
+}
+.e-schedule .e-vertical-view .e-previous-timeline {
+  border-top: 1px dashed rgba(var(--color-sf-primary));
+}
+.e-schedule .e-vertical-view.e-by-date .e-date-header-wrap table tbody td.e-header-cells {
+  border-bottom-width: 1px;
+}
+.e-schedule .e-month-view .e-date-header-wrap table td:first-child,
+.e-schedule .e-month-view .e-content-wrap table td:first-child {
+  border-left-width: 0;
+}
+.e-schedule .e-month-view .e-date-header-wrap table td,
+.e-schedule .e-month-agenda-view .e-date-header-wrap table td {
+  background: rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  color: rgba(var(--color-sf-on-surface));
+  font-size: 14px;
+  text-align: left;
+  text-transform: none;
+}
+.e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
+.e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day {
+  color: rgba(var(--color-sf-primary));
+  font-weight: 400;
+}
+.e-schedule .e-month-view .e-work-cells,
+.e-schedule .e-month-agenda-view .e-work-cells {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  color: rgba(var(--color-sf-on-surface));
+  padding: 0;
+}
+.e-schedule .e-month-view .e-work-cells:hover,
+.e-schedule .e-month-agenda-view .e-work-cells:hover {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-month-view .e-work-days,
+.e-schedule .e-month-agenda-view .e-work-days {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-month-view .e-other-month,
+.e-schedule .e-month-agenda-view .e-other-month {
+  color: rgba(var(--color-sf-on-surface-variant));
+}
+.e-schedule .e-month-view .e-current-date .e-date-header,
+.e-schedule .e-month-agenda-view .e-current-date .e-date-header {
+  background: rgba(var(--color-sf-primary));
+  border-radius: 50%;
+  color: rgba(var(--color-sf-on-primary));
+  min-width: 20px;
+  padding: 0 4px;
+  width: fit-content;
+}
+.e-schedule .e-month-view .e-selected-cell,
+.e-schedule .e-month-agenda-view .e-selected-cell {
+  background: rgba(var(--color-sf-primary-container));
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-month-view .e-selected-cell .e-date-header,
+.e-schedule .e-month-agenda-view .e-selected-cell .e-date-header {
+  color: none;
+}
+.e-schedule .e-month-view .e-selected-cell .e-more-indicator,
+.e-schedule .e-month-agenda-view .e-selected-cell .e-more-indicator {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-month-view .e-selected-cell:hover,
+.e-schedule .e-month-agenda-view .e-selected-cell:hover {
+  background: rgba(var(--color-sf-primary-container));
+}
+.e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
+  overflow: auto;
+}
+.e-schedule .e-month-agenda-view .e-date-header-wrap table td {
+  border-width: 0 0 1px 0;
+  text-align: center;
+}
+.e-schedule .e-month-agenda-view .e-work-cells {
+  border-width: 0;
+}
+.e-schedule .e-month-agenda-view .e-current-date .e-date-header {
+  min-width: 24px;
+}
+.e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
+.e-schedule .e-timeline-view .e-content-wrap table td:first-child,
+.e-schedule .e-timeline-month-view .e-date-header-wrap table td:first-child,
+.e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
+  border-left-width: 0;
+}
+.e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
+.e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
+  border-bottom-width: 0;
+}
+.e-schedule .e-timeline-view .e-date-header-wrap table td,
+.e-schedule .e-timeline-month-view .e-date-header-wrap table td {
+  background: rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day,
+.e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day {
+  color: rgba(var(--color-sf-primary));
+  font-weight: 400;
+}
+.e-schedule .e-timeline-view .e-work-cells,
+.e-schedule .e-timeline-month-view .e-work-cells {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  color: rgba(var(--color-sf-on-surface));
+  padding: 0;
+}
+.e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
+.e-schedule .e-timeline-month-view .e-work-cells:hover:not(.e-resource-group-cells) {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
+.e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-view .e-work-days,
+.e-schedule .e-timeline-month-view .e-work-days {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-view .e-resource-group-cells,
+.e-schedule .e-timeline-month-view .e-resource-group-cells {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-view .e-selected-cell,
+.e-schedule .e-timeline-month-view .e-selected-cell {
+  background: rgba(var(--color-sf-primary-container));
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells),
+.e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) {
+  background: rgba(var(--color-sf-primary-container));
+}
+.e-schedule .e-timeline-view .e-work-hours {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-view .e-resource-group-cells {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-view .e-selected-cell {
+  background: rgba(var(--color-sf-primary-container));
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-timeline-view .e-selected-cell:hover {
+  background: rgba(var(--color-sf-primary-container));
+}
+.e-schedule .e-timeline-view .e-alternate-cells {
+  border-left-style: dashed;
+}
+.e-schedule .e-timeline-view .e-header-row .e-time-cells {
+  border-left-width: 0;
+}
+.e-schedule .e-timeline-view .e-clone-time-indicator,
+.e-schedule .e-timeline-view .e-current-time {
+  color: rgba(var(--color-sf-primary));
+  font-size: 10px;
+}
+.e-schedule .e-timeline-view .e-current-timeline {
+  border-left: 1px solid rgba(var(--color-sf-primary));
+}
+.e-schedule .e-timeline-year-view .e-work-cells {
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+  border-color: rgba(var(--color-sf-outline-variant));
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: rgba(var(--color-sf-on-surface));
+  padding: 0;
+}
+.e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
+  color: rgba(var(--color-sf-on-surface-variant));
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
+  background: rgba(var(--color-sf-primary));
+  border-radius: 50%;
+  color: rgba(var(--color-sf-on-primary));
+  margin: 2px;
+  width: 20px;
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
+  background: rgba(var(--color-sf-primary-container));
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-more-indicator {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
+  background: rgba(var(--color-sf-primary-container));
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
+  cursor: default;
+  opacity: 0.35;
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header:hover {
+  text-decoration: none;
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
+  background: rgba(var(--color-sf-surface));
+  box-shadow: inset 0 0 0 8px linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
+}
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
+  background: rgba(var(--color-sf-surface));
+}
+.e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child,
+.e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
+  border-right-width: 0;
+}
+.e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
+  text-align: right;
+}
+.e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-vertical-view .e-work-cells {
+  border-width: 0 1px 1px 0;
+}
+.e-schedule.e-rtl .e-vertical-view .e-left-indent-wrap .e-header-cells,
+.e-schedule.e-rtl .e-vertical-view .e-date-header-wrap .e-header-cells {
+  border-bottom-width: 0;
+}
+.e-schedule.e-rtl .e-vertical-view .e-left-indent-wrap table tbody td,
+.e-schedule.e-rtl .e-vertical-view .e-time-cells-wrap table tbody td {
+  border-width: 0 0 1px 1px;
+}
+.e-schedule.e-rtl .e-month-view .e-date-header-wrap table td:first-child,
+.e-schedule.e-rtl .e-month-view .e-content-wrap table td:first-child {
+  border-right-width: 0;
+}
+.e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
+  text-align: right;
+  border-width: 0 1px 1px 0;
+}
+.e-schedule.e-rtl .e-month-view .e-work-cells,
+.e-schedule.e-rtl .e-month-agenda-view .e-work-cells {
+  border-width: 0 1px 1px 0;
+}
+.e-schedule.e-rtl .e-month-agenda-view .e-work-cells {
+  border-width: 0;
+}
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table td:first-child,
+.e-schedule.e-rtl .e-timeline-view .e-content-wrap table td:first-child,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table td:first-child,
+.e-schedule.e-rtl .e-timeline-month-view .e-content-wrap table td:first-child {
+  border-right-width: 0;
+}
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table td:last-child,
+.e-schedule.e-rtl .e-timeline-view .e-content-wrap table td:last-child,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table td:last-child,
+.e-schedule.e-rtl .e-timeline-month-view .e-content-wrap table td:last-child {
+  border-left-width: 0;
+}
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table td,
+.e-schedule.e-rtl .e-timeline-view .e-content-wrap table td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table td,
+.e-schedule.e-rtl .e-timeline-month-view .e-content-wrap table td {
+  border-width: 0 1px 1px 0;
+}
+.e-schedule.e-rtl .e-timeline-view .e-alternate-cells {
+  border-right-style: dashed;
+}
+.e-schedule.e-rtl .e-timeline-view .e-header-row .e-time-cells {
+  border-right-width: 0;
+}
+
+.e-tooltip-wrap.e-schedule-error {
+  background: rgba(var(--color-sf-error-container));
+  border-color: rgba(var(--color-sf-error-container));
+  z-index: 1000;
+}
+.e-tooltip-wrap.e-schedule-error .e-arrow-tip.e-tip-top {
+  left: 44%;
+}
+.e-tooltip-wrap.e-schedule-error .e-arrow-tip-inner.e-tip-top,
+.e-tooltip-wrap.e-schedule-error .e-arrow-tip-outer.e-tip-top {
+  border-bottom: 8px solid rgba(var(--color-sf-error-container));
+  color: rgba(var(--color-sf-error-container));
+}
+.e-tooltip-wrap.e-schedule-error .e-arrow-tip-outer.e-tip-bottom,
+.e-tooltip-wrap.e-schedule-error .e-arrow-tip-inner.e-tip-bottom {
+  border-top: 8px solid rgba(var(--color-sf-error-container));
+  color: rgba(var(--color-sf-error-container));
+}
+.e-tooltip-wrap.e-schedule-error .e-tip-content {
+  padding: 3px 6px;
+}
+.e-tooltip-wrap.e-schedule-error .e-tip-content,
+.e-tooltip-wrap.e-schedule-error .e-tip-content label {
+  color: rgba(var(--color-sf-error));
+}
+
+:root {
+  --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: 73, 69, 79;
+  --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 #000000, 0 0 0 3px #ffffff;
+  --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);
+}
+
+/*! recurrence editor theme wise definitions*/
+/*! Recurrence-Editor component layout */
+.e-recurrenceeditor .e-editor {
+  display: -ms-flexbox;
+  display: flex;
+  -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;
+}
+.e-recurrenceeditor .e-input-wrapper-side.e-form-left {
+  padding: 0 8px 16px 0;
+}
+.e-recurrenceeditor .e-form-left {
+  padding: 0 8px 16px 0;
+}
+.e-recurrenceeditor .e-form-right,
+.e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+  padding: 0 0 10px;
+}
+.e-recurrenceeditor .e-input-wrapper {
+  float: left;
+  width: 50%;
+}
+.e-recurrenceeditor .e-input-wrapper div {
+  margin-bottom: 2.5%;
+}
+.e-recurrenceeditor .e-input-wrapper.e-end-on-date,
+.e-recurrenceeditor .e-input-wrapper.e-end-on-count {
+  padding-right: 0;
+}
+.e-recurrenceeditor.e-rtl .e-end-on > div,
+.e-recurrenceeditor.e-rtl .e-month-expander > div > div {
+  float: right;
+}
+.e-recurrenceeditor.e-rtl .e-form-left,
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
+  padding: 0 0 10px 8px;
+}
+.e-recurrenceeditor.e-rtl .e-form-right,
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
+  padding: 0 8px 10px 0;
+}
+.e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
+  position: relative;
+  right: 10px;
+}
+.e-recurrenceeditor.e-rtl .e-week-position {
+  left: 20px;
+  right: 0;
+}
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  padding-right: 0;
+}
+.e-recurrenceeditor.e-rtl .e-end-on-label {
+  margin-bottom: 5px;
+}
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding: 0 0 0 8px;
+}
+.e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
+.e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+  padding: 0 8px 0 0;
+}
+.e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
+  width: 30px;
+}
+.e-recurrenceeditor .e-days .e-week-expander-label {
+  font-size: 10px;
+  font-weight: 400;
+  margin-bottom: 8px;
+}
+.e-recurrenceeditor .e-days button {
+  border-radius: 50%;
+  -ms-flex-flow: row wrap;
+      flex-flow: row wrap;
+  height: 35px;
+  margin: 0 8px 10px;
+  width: 35px;
+}
+.e-recurrenceeditor .e-hide-recurrence-element {
+  display: none;
+}
+.e-recurrenceeditor .e-half-space {
+  width: 20%;
+}
+.e-recurrenceeditor .e-year-expander {
+  margin-bottom: 11px;
+}
+.e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
+  padding-bottom: 11px;
+}
+.e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
+  padding-top: 3px;
+}
+.e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
+  display: none;
+}
+.e-recurrenceeditor .e-input-wrapper-side {
+  float: left;
+  padding: 16px 20px 0;
+  width: 50%;
+}
+.e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
+  float: none;
+  font-size: 10px;
+  font-weight: 400;
+  margin-bottom: 8px;
+  padding-right: 16px;
+}
+.e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 16px;
+}
+.e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-input-wrapper {
+  margin: 0;
+}
+.e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  font-size: 10px;
+  font-weight: 400;
+  margin-bottom: 8px;
+  padding-right: 16px;
+}
+.e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
+  padding-bottom: 6px;
+}
+.e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
+  padding-bottom: 12px;
+}
+.e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+  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-form-right,
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+  padding: 0 0 10px;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
+  padding-bottom: 6px;
+}
+.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: 0;
+}
+.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-non-week .e-form-left {
+  padding-bottom: 12px;
+}
+.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,
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+  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%;
+}
+.e-device .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
+  width: 20%;
+}
+.e-device .e-recurrenceeditor .e-week-expander-label {
+  margin-bottom: 6px;
+}
+.e-device .e-recurrenceeditor .e-month-expander-label {
+  font-size: 12px;
+  margin-bottom: 5px;
+}
+.e-device .e-recurrenceeditor .e-footer-content {
+  padding: 12px;
+}
+.e-device .e-recurrenceeditor .e-form-left,
+.e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
+  padding: 0 3px 10px 0;
+}
+.e-device .e-recurrenceeditor .e-form-right,
+.e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+  padding: 0 0 10px 3px;
+}
+.e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
+.e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
+  padding: 0 0 0 10px;
+}
+.e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 10px;
+}
+.e-device .e-recurrenceeditor.e-end-on {
+  padding-right: 0;
+}
+.e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
+  float: none;
+  font-size: 12px;
+  font-weight: 400;
+  margin-bottom: 8px;
+}
+.e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
+  padding-right: 0;
+}
+.e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
+.e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
+  padding-left: 20px;
+}
+.e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
+  margin-left: 20px;
+}
+.e-device .e-recurrenceeditor .e-week-position {
+  right: 0;
+  padding-right: 10px;
+}
+.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 0;
+}
+.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
+.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+  padding: 0 10px 0 0;
+}
+.e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
+  padding: 0 20px 0 0;
+}
+.e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  padding: 0 50px 0 0;
+}
+.e-device .e-recurrenceeditor.e-rtl .e-week-position {
+  left: 0;
+}
+.e-device.e-recurrence-dialog .e-dlg-header-content {
+  background: none;
+  box-shadow: none;
+  padding-bottom: 10px;
+}
+.e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
+  margin-bottom: 8px;
+}
+.e-device.e-recurrence-dialog .e-footer-content {
+  padding: 16px 8px;
+}
+
+@media (max-width: 1024px) {
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
+    width: 65%;
+  }
+}
+@media (max-width: 580px) {
+  .e-recurrenceeditor {
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor {
+    -ms-flex-direction: column;
+        flex-direction: column;
+  }
+  .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
+    margin-top: 0;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
+    margin-bottom: 8px;
+  }
+  .e-recurrenceeditor .e-editor > div {
+    margin-top: 20px;
+  }
+  .e-recurrenceeditor .e-editor > .e-input-wrapper {
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-input-wrapper {
+    width: 50%;
+  }
+  .e-recurrenceeditor .e-editor .e-form-left,
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
+    padding: 0 0 10px;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
+  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
+    padding: 0 0 0 10px;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
+    padding-right: 10px;
+  }
+  .e-recurrenceeditor .e-editor .e-form-right,
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
+    padding-left: 0;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
+    width: 65%;
+  }
+  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
+    padding-left: 50px;
+  }
+  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
+    padding-right: 0;
+  }
+  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
+  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+    padding: 0 10px 0 0;
+  }
+}
+/*! Recurrence-Editor component theme */