@syncfusion/ej2-schedule 27.2.5 → 28.1.33

package/styles/schedule/bds.css

@@ -0,0 +1,4760 @@
+
+
+
+
+/*! TreeView's theme wise override definitions and variables */
+/* stylelint-disable */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable */
+.e-input:focus:not(.e-success):not(.e-warning).e-error,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-input:focus:not(.e-error):not(.e-warning).e-success,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-input:focus:not(.e-success):not(.e-error).e-warning,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-float-input.e-error label.e-float-text,
+.e-float-input.e-control-wrapper.e-error label.e-float-text,
+.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
+  color: var(--color-sf-utility-danger) !important;
+}
+
+.e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
+  color: var(--color-sf-utility-danger) !important;
+}
+
+.e-filled.e-float-input.e-error label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
+.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  color: var(--color-sf-utility-danger) !important;
+}
+
+/*! calendar theme variables */
+.e-ddl.e-control-wrapper .e-ddl-icon::before {
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
+  transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
+}
+
+.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
+  transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
+}
+
+.e-dropdownbase .e-list-item.e-active.e-hover {
+  color: var(--color-sf-text-primary);
+}
+
+.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: transparent;
+}
+
+.e-input-group .e-ddl-icon:not(:active)::after {
+  -webkit-animation: none;
+          animation: none;
+}
+
+.e-ddl.e-popup {
+  border: 0;
+  border-radius: 8px;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+  margin-top: 4px;
+}
+
+.e-small .e-ddl.e-popup,
+.e-small.e-ddl.e-popup {
+  border-radius: 4px;
+  margin-top: 2px;
+}
+
+.e-popup.e-ddl .e-dropdownbase {
+  min-height: 26px;
+  padding: 4px 6px;
+}
+
+.e-input-group.e-ddl,
+.e-input-group.e-ddl .e-input,
+.e-input-group.e-ddl .e-ddl-icon {
+  background: var(--color-sf-bg-primary);
+}
+
+.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-ddl.e-popup.e-outline .e-filter-parent {
+  padding: 4px 8px;
+}
+
+.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
+  line-height: 30px;
+  top: 0;
+}
+
+.e-multiselect .e-input-group-icon.e-ddl-icon {
+  border-radius: 0 4px 4px 0;
+  border-right-width: 0;
+}
+
+.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
+  border-left-width: 0;
+  border-radius: 4px 0 0 4px;
+  border-right-width: 0;
+}
+
+.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  height: 32px;
+  width: 32px;
+}
+
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: var(--color-sf-text-primary);
+  height: 100%;
+}
+
+/* stylelint-disable */
+.e-btn.e-primary:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
+}
+
+.e-btn.e-success:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-btn.e-info:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
+}
+
+.e-btn.e-warning:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-btn.e-danger:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-btn.e-outline.e-info {
+  background: transparent !important;
+  border-color: var(--color-sf-utility-info-border-color) !important;
+  color: var(--color-sf-utility-info-text) !important;
+}
+
+.e-btn.e-outline.e-info:hover {
+  background: var(--color-sf-utility-info-bg-color-hover) !important;
+  border-color: var(--color-sf-utility-info-border-color) !important;
+  color: var(--color-sf-utility-info-text-hover) !important;
+}
+
+.e-btn.e-outline.e-info:active {
+  background: var(--color-sf-utility-info-bg-color-pressed) !important;
+  border-color: var(--color-sf-utility-info-border-color) !important;
+  color: var(--color-sf-utility-info-text-hover) !important;
+}
+
+.e-btn.e-flat.e-info {
+  color: var(--color-sf-utility-info-text) !important;
+}
+
+.e-bigger .e-btn,
+.e-bigger .e-btn,
+.e-bigger .e-css.e-btn,
+.e-bigger.e-css.e-btn {
+  font-size: 14px;
+  line-height: 1.572em;
+  padding: 8px 15px;
+  border-radius: 8px !important;
+  font-weight: 600;
+}
+
+.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, .e-schedule .e-schedule-toolbar .e-icon-workweek::before {
+  content: "\e817";
+}
+.e-schedule .e-schedule-toolbar .e-icon-month::before, .e-schedule .e-schedule-toolbar .e-icon-year::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-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-year-vertical::before, .e-schedule .e-schedule-toolbar .e-icon-timeline-year-horizontal::before, .e-schedule .e-schedule-toolbar .e-icon-timeline-month::before {
+  content: "\e876";
+}
+.e-schedule .e-schedule-toolbar.e-toolbar .e-popup-down-icon::before,
+.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-delete-icon::before {
+  content: "\e820";
+}
+.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";
+}
+
+.e-schedule {
+  display: block;
+  outline: medium none;
+  overflow: hidden;
+  position: relative;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.e-schedule .e-schedule-toolbar {
+  border: 0;
+  border-bottom: 0;
+  -webkit-box-shadow: 0 1px 2px rgba(var(--color-sf-base-black), 0.15);
+          box-shadow: 0 1px 2px rgba(var(--color-sf-base-black), 0.15);
+  margin-bottom: 3px;
+  min-height: 38px;
+}
+.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,
+.e-schedule .e-schedule-toolbar .e-active-view .e-icons {
+  color: var(--color-sf-brand-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 {
+  height: 38px;
+}
+.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
+  height: 38px;
+  min-height: 38px;
+}
+.e-schedule .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-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn {
+  border: none;
+}
+.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: 18px;
+  margin-top: 2px;
+}
+.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: 100%;
+}
+.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 {
+  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 var(--color-sf-border-secondary);
+}
+.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 solid var(--color-sf-border-secondary);
+}
+.e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
+  background: var(--color-sf-bg-tertiary);
+  color: rgba(var(--color-sf-brand-primary), 0.87);
+}
+.e-schedule .e-schedule-toolbar .e-hor-nav {
+  border-left: 1px solid var(--color-sf-border-secondary);
+}
+.e-schedule .e-schedule-toolbar .e-hor-nav::after {
+  content: "";
+}
+.e-schedule .e-schedule-toolbar .e-hor-nav:active {
+  color: rgba(var(--color-sf-brand-primary), 0.87);
+}
+.e-schedule .e-schedule-toolbar .e-hor-nav:active::after {
+  content: "";
+}
+.e-schedule .e-schedule-toolbar .e-hor-nav:hover {
+  background: var(--color-sf-bg-tertiary);
+  color: rgba(var(--color-sf-brand-primary), 0.87);
+}
+.e-schedule .e-schedule-toolbar .e-hor-nav:focus {
+  background: var(--color-sf-bg-tertiary);
+  color: rgba(var(--color-sf-brand-primary), 0.87);
+}
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
+  display: block;
+}
+.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
+  display: none;
+}
+.e-schedule.e-device .e-schedule-toolbar {
+  height: 54px;
+  min-height: 54px;
+}
+.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 {
+  height: 54px;
+}
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
+  display: none;
+}
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
+  display: block;
+}
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
+  height: 54px;
+  min-height: 54px;
+}
+.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: 4px 6px;
+}
+.e-schedule.e-device .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
+  font-size: 16px;
+}
+.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;
+}
+@media screen and (max-width: 320px) {
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop {
+    width: 100%;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-left: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-right: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
+    font-size: 8px;
+  }
+}
+.e-schedule .e-schedule-resource-toolbar {
+  background: var(--color-sf-bg-secondary);
+  border-bottom: 0;
+  -webkit-box-shadow: 0 1px 2px rgba(var(--color-sf-base-black), 0.15);
+          box-shadow: 0 1px 2px rgba(var(--color-sf-base-black), 0.15);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 3px;
+  min-height: 38px;
+  padding: 10px;
+}
+.e-schedule .e-schedule-resource-toolbar .e-resource-menu .e-icon-menu {
+  color: var(--color-sf-fg-secondary);
+  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: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-schedule .e-schedule-resource-toolbar .e-resource-level-title .e-resource-name {
+  font-size: 14px;
+  padding: 5px;
+  color: var(--color-sf-text-tertiary);
+}
+.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: var(--color-sf-fg-secondary);
+  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: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  position: relative;
+  vertical-align: top;
+}
+.e-schedule .e-table-container.e-translate {
+  -webkit-transition: -webkit-transform 0.1s ease 0s;
+  transition: -webkit-transform 0.1s ease 0s;
+  transition: transform 0.1s ease 0s;
+  transition: transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s;
+}
+.e-schedule .e-resource-tree-popup {
+  background: var(--color-sf-bg-primary-alt);
+  -webkit-box-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.1), 0 1px 2px 0 rgba(16, 24, 40, 0.06);
+          box-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.1), 0 1px 2px 0 rgba(16, 24, 40, 0.06);
+  height: 100%;
+  position: absolute;
+  width: 250px;
+  color: var(--color-sf-text-primary);
+}
+.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 12px;
+}
+.e-schedule .e-resource-tree-popup-overlay.e-enable {
+  background: var(--color-sf-utility-overlay-bg-color);
+  height: 100%;
+  left: 0;
+  opacity: 0.5;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.e-schedule .e-new-event {
+  background: var(--color-sf-brand-primary);
+  border: 1px solid var(--color-sf-on-brand-solid-primary);
+  border-radius: 5px;
+  height: 100%;
+  opacity: 0.9;
+  position: relative;
+  width: 100%;
+  z-index: 1;
+}
+.e-schedule .e-new-event .e-title {
+  color: var(--color-sf-on-brand-solid-primary);
+  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 {
+  -webkit-box-sizing: border-box;
+          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: var(--color-sf-bg-secondary);
+  color: var(--color-sf-text-primary);
+  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: var(--color-sf-text-primary);
+  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;
+  -webkit-transition: opacity 100ms linear;
+  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: var(--color-sf-on-brand-solid-primary);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
+.e-schedule .e-appointment.e-event-action {
+  opacity: 0.4;
+}
+.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;
+  -webkit-transform: translateX(-50%);
+          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%;
+  -webkit-transform: translateY(-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: var(--color-sf-brand-primary);
+  border: 1px solid var(--color-sf-border-secondary);
+  border-radius: 2px;
+  color: var(--color-sf-on-brand-solid-primary);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  overflow: hidden;
+  position: absolute;
+  height: 54px;
+  margin-bottom: 2px;
+}
+.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-appointment-details {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 1;
+      -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 {
+  -webkit-box-flex: 1;
+      -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: 54px;
+  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: 54px;
+  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;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+}
+.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: var(--color-sf-text-tertiary);
+  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: var(--color-sf-text-primary);
+  font-size: 12px;
+  height: 40px;
+  padding: 8px;
+  padding-left: 15px;
+}
+.e-schedule .e-vertical-view .e-header-cells {
+  font-size: 12px;
+  height: 60px;
+  padding: 8px 8px 0;
+}
+.e-schedule .e-vertical-view .e-header-cells .e-header-day {
+  display: table;
+  font-size: 12px;
+  line-height: 18px;
+  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: var(--color-sf-text-tertiary);
+  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: var(--color-sf-fg-secondary);
+  cursor: pointer;
+  display: block;
+  font-size: 11px;
+  height: 25px;
+  left: 0;
+  line-height: 25px;
+  margin: 0 auto;
+  position: absolute;
+  right: 0;
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 300ms ease-in-out;
+  transition: -webkit-transform 300ms ease-in-out;
+  transition: transform 300ms ease-in-out;
+  transition: transform 300ms ease-in-out, -webkit-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 {
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-section.e-appointment-collapse {
+  -webkit-transform: rotate(180deg);
+          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: var(--color-sf-bg-tertiary);
+  border-radius: 100%;
+  color: var(--color-sf-fg-secondary);
+}
+.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 {
+  -webkit-transition: 250ms ease-out;
+  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: 12px;
+  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: var(--color-sf-bg-secondary);
+}
+.e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
+  background: var(--color-sf-bg-secondary);
+}
+.e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
+  background: var(--color-sf-bg-secondary);
+  -webkit-box-shadow: inset 0 0 0 8px var(--color-sf-bg-primary-alt);
+          box-shadow: inset 0 0 0 8px var(--color-sf-bg-primary-alt);
+}
+.e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
+  background: var(--color-sf-bg-secondary);
+}
+.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 var(--color-sf-border-secondary);
+  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-appointment-wrapper-hidden {
+  visibility: hidden;
+}
+.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: var(--color-sf-brand-primary);
+  border: 1px solid var(--color-sf-border-secondary);
+  border-radius: 2px;
+  color: var(--color-sf-on-brand-solid-primary);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  overflow: hidden;
+  position: absolute;
+  height: 26px;
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 1;
+      -ms-flex: auto;
+          flex: auto;
+  line-height: 18px;
+  overflow: hidden;
+  padding: 1px 0 1px 4px;
+}
+.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-subject {
+  -webkit-box-flex: 1;
+      -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: 18px;
+  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;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+}
+.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: var(--color-sf-brand-primary);
+  border: 1px solid var(--color-sf-border-secondary);
+  border-radius: 2px;
+  color: var(--color-sf-on-brand-solid-primary);
+  overflow: hidden;
+  position: absolute;
+}
+.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-appointment-details {
+  -webkit-box-flex: 1;
+      -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;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+}
+.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: 18px;
+}
+.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: 60px;
+}
+.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: 60px;
+}
+.e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
+  font-size: 12px;
+}
+.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: 60px;
+  }
+}
+.e-schedule .e-month-view .e-left-indent,
+.e-schedule .e-month-agenda-view .e-left-indent {
+  border-right: 1px solid var(--color-sf-border-secondary);
+  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: var(--color-sf-text-tertiary);
+  padding-top: 4px;
+  text-align: center;
+  vertical-align: top;
+  width: 36px;
+}
+.e-schedule .e-clipboard {
+  cursor: default;
+  height: 1px;
+  left: -1000px;
+  position: fixed;
+  resize: none;
+  top: -1000px;
+  width: 1px;
+  overflow: hidden;
+  opacity: 0;
+}
+.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 var(--color-sf-border-secondary);
+  border-right: 1px solid var(--color-sf-border-secondary);
+  height: 75px;
+}
+.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: var(--color-sf-text-primary);
+  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: 75px;
+  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: var(--color-sf-bg-secondary);
+}
+.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: var(--color-sf-bg-secondary);
+}
+.e-schedule .e-month-view.e-virtual-mask .e-work-cells {
+  background: var(--color-sf-bg-secondary);
+  -webkit-box-shadow: inset 0 0 0 8px var(--color-sf-bg-primary-alt);
+          box-shadow: inset 0 0 0 8px var(--color-sf-bg-primary-alt);
+}
+.e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
+  background: var(--color-sf-bg-secondary);
+}
+.e-schedule .e-month-view .e-date-header {
+  cursor: pointer;
+  display: table;
+  height: 20px;
+  line-height: 22px;
+  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: var(--color-sf-brand-primary);
+  border: 1px solid var(--color-sf-border-secondary);
+  border-radius: 2px;
+  color: var(--color-sf-on-brand-solid-primary);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  overflow: hidden;
+  position: absolute;
+  cursor: default;
+  height: 26px;
+}
+.e-schedule .e-month-view .e-appointment .e-disable {
+  display: none;
+}
+.e-schedule .e-month-view .e-appointment .e-appointment-details {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 1;
+      -ms-flex: auto;
+          flex: auto;
+  line-height: 18px;
+  overflow: hidden;
+}
+.e-schedule .e-month-view .e-appointment .e-appointment-details .e-subject {
+  -webkit-box-flex: 1;
+      -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: 1.5px;
+}
+.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: 26px;
+  padding: 0 2px;
+}
+.e-schedule .e-month-view .e-appointment.e-appointment-border, .e-schedule .e-month-view .e-appointment:focus {
+  border: 0;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+}
+.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: var(--color-sf-text-tertiary);
+  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,
+.e-schedule.e-rtl .e-month-view .e-week-number {
+  border-left: 1px solid var(--color-sf-border-secondary);
+  border-right-width: 0;
+}
+.e-schedule .e-year-view .e-calendar-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  border: 0;
+  -webkit-box-flex: 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: var(--color-sf-text-tertiary);
+  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: var(--color-sf-brand-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: var(--color-sf-bg-secondary);
+  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: var(--color-sf-bg-secondary);
+}
+.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: var(--color-sf-bg-primary);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  color: var(--color-sf-text-secondary);
+  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: var(--color-sf-text-primary);
+  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: var(--color-sf-bg-primary);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: var(--color-sf-text-secondary);
+  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: var(--color-sf-brand-primary);
+}
+.e-schedule .e-timeline-year-view .e-resource-text {
+  color: var(--color-sf-text-primary);
+  font-size: 13px;
+  overflow: hidden;
+  padding: 4px 12px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-timeline-year-view .e-resource-left-td {
+  vertical-align: middle;
+  width: 200px;
+}
+.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: var(--color-sf-bg-primary-alt);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: var(--color-sf-text-primary);
+  height: 75px;
+  padding-left: 12px;
+  padding-right: 0;
+  vertical-align: middle;
+}
+.e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells.e-child-node {
+  background: var(--color-sf-bg-primary);
+}
+.e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells:focus {
+  background: var(--color-sf-bg-secondary-hover);
+}
+.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: var(--color-sf-fg-secondary);
+  cursor: pointer;
+  float: left;
+  font-family: "e-icons";
+  font-size: 12px;
+  padding: 4px 7px;
+}
+.e-schedule .e-timeline-year-view .e-resource-collapse {
+  -webkit-transform: rotate(90deg);
+          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: var(--color-sf-border-secondary);
+  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 var(--color-sf-border-secondary);
+  border-right: 1px solid var(--color-sf-border-secondary);
+  text-align: center;
+  color: var(--color-sf-text-secondary);
+}
+.e-schedule .e-timeline-year-view .e-month-header.e-current-day {
+  color: var(--color-sf-brand-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: 75px;
+}
+.e-schedule .e-timeline-year-view .e-header-cells,
+.e-schedule .e-timeline-year-view .e-work-cells {
+  width: 100px;
+}
+.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: 22px;
+  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: 75px;
+  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: var(--color-sf-brand-primary);
+  border: 1px solid var(--color-sf-border-secondary);
+  border-radius: 2px;
+  color: var(--color-sf-on-brand-solid-primary);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  overflow: hidden;
+  position: absolute;
+  cursor: default;
+  height: 26px;
+}
+.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: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 1;
+      -ms-flex: auto;
+          flex: auto;
+  line-height: 20px;
+  overflow: hidden;
+}
+.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-subject {
+  -webkit-box-flex: 1;
+      -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: 26px;
+  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: 26px;
+  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;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+}
+.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: var(--color-sf-text-tertiary);
+  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: 60px;
+  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: 36px;
+  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: var(--color-sf-bg-secondary);
+  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: 60px;
+}
+.e-schedule .e-timeline-view .e-work-cells.e-disable-dates,
+.e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates {
+  background: var(--color-sf-bg-secondary);
+}
+.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: var(--color-sf-bg-secondary);
+}
+.e-schedule .e-timeline-view .e-resource-text,
+.e-schedule .e-timeline-month-view .e-resource-text {
+  color: var(--color-sf-text-primary);
+  font-size: 13px;
+  overflow: hidden;
+  padding: 4px 12px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-timeline-view .e-resource-left-td,
+.e-schedule .e-timeline-month-view .e-resource-left-td {
+  background: var(--color-sf-bg-primary);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: var(--color-sf-text-secondary);
+  vertical-align: middle;
+  width: 200px;
+}
+.e-schedule .e-timeline-view .e-resource-cells,
+.e-schedule .e-timeline-month-view .e-resource-cells {
+  background: var(--color-sf-bg-primary-alt);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: var(--color-sf-text-primary);
+  height: 60px;
+  padding-left: 12px;
+  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: var(--color-sf-bg-secondary-hover);
+}
+.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: var(--color-sf-bg-secondary);
+  -webkit-box-shadow: inset 0 0 0 8px var(--color-sf-bg-primary-alt);
+          box-shadow: inset 0 0 0 8px var(--color-sf-bg-primary-alt);
+}
+.e-schedule .e-timeline-view .e-resource-tree-icon,
+.e-schedule .e-timeline-month-view .e-resource-tree-icon {
+  color: var(--color-sf-fg-secondary);
+  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 {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.e-schedule .e-timeline-view .e-child-node,
+.e-schedule .e-timeline-month-view .e-child-node {
+  background: var(--color-sf-bg-primary);
+}
+.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: var(--color-sf-brand-primary);
+  border: 1px solid var(--color-sf-border-secondary);
+  border-radius: 2px;
+  color: var(--color-sf-on-brand-solid-primary);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  overflow: hidden;
+  position: absolute;
+  cursor: default;
+  height: 38px;
+}
+.e-schedule .e-timeline-view .e-appointment .e-appointment-details,
+.e-schedule .e-timeline-month-view .e-appointment .e-appointment-details {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 1;
+      -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 {
+  -webkit-box-flex: 1;
+      -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;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+}
+.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: var(--color-sf-text-tertiary);
+  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 {
+  -webkit-transform: translateX(0);
+          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 {
+  -webkit-transform: translateY(0);
+          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,
+.e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
+  -webkit-transition: all 1000ms linear;
+  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 var(--color-sf-border-secondary);
+  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: 2px solid var(--color-sf-border-secondary);
+  -webkit-box-shadow: 0 1px 0 rgba(var(--color-sf-base-black), 0.15);
+          box-shadow: 0 1px 0 rgba(var(--color-sf-base-black), 0.15);
+  height: 100%;
+}
+.e-schedule .e-month-agenda-view .e-resource-column {
+  border-bottom: 1px solid var(--color-sf-border-secondary);
+  vertical-align: top;
+  width: 75px;
+  border-right: 1px solid var(--color-sf-border-secondary);
+}
+.e-schedule .e-month-agenda-view .e-resource-name {
+  color: var(--color-sf-text-primary);
+  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 var(--color-sf-border-secondary);
+}
+.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: var(--color-sf-bg-secondary);
+}
+.e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates:hover {
+  background: var(--color-sf-bg-secondary);
+}
+.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: var(--color-sf-bg-primary);
+  overflow: auto;
+  padding: 0 8px;
+}
+.e-schedule .e-month-agenda-view .e-appointment {
+  border-left: 3px solid var(--color-sf-brand-primary);
+  border-right: 0;
+  cursor: default;
+  padding: 0 16px;
+}
+.e-schedule .e-month-agenda-view .e-appointment:hover {
+  background: var(--color-sf-bg-secondary-hover);
+}
+.e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
+  background: var(--color-sf-utility-content-bg-color-selected);
+}
+.e-schedule .e-month-agenda-view .e-appointment.e-template {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: row-reverse;
+          flex-direction: row-reverse;
+}
+.e-schedule .e-month-agenda-view .e-subject-wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-schedule .e-month-agenda-view .e-subject {
+  color: var(--color-sf-text-primary);
+  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: var(--color-sf-text-tertiary);
+  line-height: 26px;
+  padding: 0 10px;
+}
+.e-schedule .e-month-agenda-view .e-date-time {
+  color: var(--color-sf-text-tertiary);
+  font-size: 12px;
+  line-height: 26px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-month-agenda-view .e-location {
+  color: var(--color-sf-text-tertiary);
+  font-size: 12px;
+  line-height: 26px;
+  overflow: hidden;
+  padding-left: 8px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-month-agenda-view .e-no-event {
+  color: var(--color-sf-text-tertiary);
+  cursor: default;
+  font-size: 14px;
+  height: 100%;
+  padding: 8px 4px;
+}
+.e-schedule .e-month-agenda-view .e-agenda-item.e-month-agenda-view {
+  padding: 16px 0 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: var(--color-sf-brand-primary);
+  border-radius: 50%;
+  height: 6px;
+  left: 0;
+  margin: 1px auto;
+  width: 6px;
+}
+.e-schedule.e-rtl .e-month-agenda-view .e-left-indent,
+.e-schedule.e-rtl .e-month-agenda-view .e-week-number {
+  border-left: 1px solid var(--color-sf-border-secondary);
+  border-right-width: 0;
+}
+.e-schedule.e-rtl .e-month-agenda-view .e-appointment {
+  border-left: 0;
+  border-right: 3px solid var(--color-sf-brand-primary);
+}
+.e-schedule.e-rtl .e-month-agenda-view .e-resource-column {
+  border-bottom: 1px solid var(--color-sf-border-secondary);
+  border-left: 1px solid var(--color-sf-border-secondary);
+  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: var(--color-sf-bg-primary);
+}
+.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 var(--color-sf-border-secondary);
+  vertical-align: top;
+  width: 75px;
+  color: var(--color-sf-text-secondary);
+  border-right: 1px solid var(--color-sf-border-secondary);
+}
+.e-schedule .e-agenda-view .e-month-header {
+  background: var(--color-sf-brand-primary);
+  height: 100px;
+  padding-top: 12px;
+  vertical-align: top;
+}
+.e-schedule .e-agenda-view .e-month-header .e-date-header {
+  color: var(--color-sf-on-brand-solid-primary);
+  font-size: 18px;
+}
+.e-schedule .e-agenda-view .e-day-date-header {
+  color: var(--color-sf-text-secondary);
+  cursor: default;
+  padding: 8px 34px 14px 18px;
+}
+.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: 12px;
+}
+.e-schedule .e-agenda-view .e-day-date-header.e-current-day {
+  color: var(--color-sf-brand-primary);
+}
+.e-schedule .e-agenda-view .e-day-border {
+  border-bottom: 1px solid var(--color-sf-border-secondary);
+}
+.e-schedule .e-agenda-view .e-date-border {
+  border-bottom: 1px solid var(--color-sf-border-secondary);
+  border-right: 1px solid var(--color-sf-border-secondary);
+}
+.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: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 4px;
+}
+.e-schedule .e-agenda-view .e-active-appointment-agenda .e-subject {
+  color: var(--color-sf-text-primary);
+}
+.e-schedule .e-agenda-view .e-active-appointment-agenda .e-date-time {
+  color: var(--color-sf-text-primary);
+}
+.e-schedule .e-agenda-view .e-active-appointment-agenda .e-resource-name {
+  color: var(--color-sf-text-primary);
+}
+.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: var(--color-sf-text-primary);
+}
+.e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
+  color: var(--color-sf-text-primary);
+}
+.e-schedule .e-agenda-view .e-subject,
+.e-schedule .e-agenda-view .e-inline-subject {
+  color: var(--color-sf-text-primary);
+  font-size: 14px;
+  line-height: 23px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-agenda-view .e-inline-subject {
+  font-weight: normal;
+  padding-top: 0;
+}
+.e-schedule .e-agenda-view .e-resource-name {
+  color: var(--color-sf-text-primary);
+  font-size: 12px;
+  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: var(--color-sf-text-primary);
+  line-height: 21px;
+  padding: 0 10px;
+}
+.e-schedule .e-agenda-view .e-date-time {
+  color: var(--color-sf-text-tertiary);
+  font-size: 12px;
+  line-height: 21px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-agenda-view .e-location {
+  color: var(--color-sf-text-tertiary);
+  font-size: 12px;
+  line-height: 23px;
+  overflow: hidden;
+  padding-left: 8px;
+  text-overflow: ellipsis;
+}
+.e-schedule .e-agenda-view .e-agenda-item {
+  padding: 10px 0;
+}
+.e-schedule .e-agenda-view .e-agenda-parent {
+  margin: 0;
+  padding: 0;
+}
+.e-schedule .e-agenda-view .e-appointment {
+  border-left: 3px solid var(--color-sf-brand-primary);
+  border-right: 0;
+  cursor: default;
+  padding: 0 12px;
+}
+.e-schedule .e-agenda-view .e-appointment:hover {
+  background: var(--color-sf-bg-secondary-hover);
+}
+.e-schedule .e-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-agenda-view .e-appointment:focus {
+  background: var(--color-sf-utility-content-bg-color-selected);
+}
+.e-schedule .e-agenda-view .e-appointment.e-template {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: row-reverse;
+          flex-direction: row-reverse;
+}
+.e-schedule .e-agenda-view .e-no-event {
+  color: var(--color-sf-text-tertiary);
+  cursor: default;
+  font-size: 14px;
+  line-height: 52px;
+  padding: 0 11px;
+}
+.e-schedule .e-agenda-view .e-empty-event {
+  color: var(--color-sf-text-tertiary);
+  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: 18px;
+}
+.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: var(--color-sf-text-primary);
+  font-size: 14px;
+}
+.e-schedule.e-rtl .e-agenda-view .e-appointment {
+  border-left: 0;
+  border-right: 3px solid var(--color-sf-brand-primary);
+}
+.e-schedule.e-rtl .e-agenda-view .e-resource-column {
+  border-left: 1px solid var(--color-sf-border-secondary);
+  border-right: 0;
+  border-bottom: 1px solid var(--color-sf-border-secondary);
+  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 var(--color-sf-border-secondary);
+  border-left: 1px solid var(--color-sf-border-secondary);
+  border-right: 0;
+}
+
+.e-schedule.e-read-only .e-toolbar-item.e-add.e-overflow-show {
+  display: none;
+}
+
+.e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
+  border: 1px solid rgba(var(--color-sf-border-secondary), 0.5);
+}
+.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: 1px solid rgba(var(--color-sf-border-secondary), 0.5);
+}
+.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: 1px solid rgba(var(--color-sf-border-secondary), 0.5);
+}
+.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: 1px solid rgba(var(--color-sf-border-secondary), 0.5);
+}
+.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: 1px solid rgba(var(--color-sf-border-secondary), 0.5);
+}
+.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: 1px solid rgba(var(--color-sf-border-secondary), 0.5);
+}
+
+.e-more-popup-wrapper.e-multi-drag .e-appointment.e-appointment-border, .e-more-popup-wrapper.e-multi-drag .e-appointment:focus {
+  border: 1px solid rgba(var(--color-sf-border-secondary), 0.5);
+}
+
+/*! schedule event tooltip */
+.e-schedule-event-tooltip .e-subject {
+  font-size: 12px;
+}
+
+.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 18px;
+}
+@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;
+     -moz-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 {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-dialog.e-quick-dialog.e-rtl {
+  text-align: right;
+}
+
+/*! 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: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 0;
+  margin-bottom: 0;
+  overflow: hidden;
+  padding-bottom: 0;
+  -webkit-transition: 0.3s ease-in-out;
+  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;
+  -webkit-transform: translateY(-100%);
+          transform: translateY(-100%);
+}
+.e-schedule-dialog .e-time-zone-row.e-enable {
+  height: 54px;
+  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;
+  -webkit-transform: translateY(0);
+          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: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding-bottom: 12px;
+  width: 100%;
+}
+.e-schedule-dialog .e-resources {
+  padding-bottom: 12px;
+  width: 100%;
+}
+.e-schedule-dialog .e-all-day-time-zone-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding-bottom: 12px;
+  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;
+}
+
+/*! schedule event window for smaller viewports*/
+@media screen and (max-width: 320px) {
+  .e-schedule-dialog.e-popup.e-popup-open {
+    max-height: 350px;
+    min-width: 100%;
+  }
+  .e-schedule-dialog .e-all-day-container {
+    padding-bottom: 10px;
+  }
+  .e-schedule-dialog .e-all-day-time-zone-row {
+    display: block;
+  }
+}
+.e-ddl.e-popup .e-resource-template {
+  display: -webkit-box;
+  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-schedule-dialog.e-device .e-dlg-header,
+.e-schedule-dialog.e-device .e-dlg-header * {
+  width: 100%;
+}
+.e-schedule-dialog.e-device .e-dlg-header-content {
+  background: var(--color-sf-bg-primary);
+  -webkit-box-shadow: 0 1px 2px rgba(var(--color-sf-base-black), 0.15);
+          box-shadow: 0 1px 2px rgba(var(--color-sf-base-black), 0.15);
+  margin-bottom: 3px;
+}
+.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: -webkit-box;
+  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-title-text {
+  text-align: center;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-delete-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: 18px;
+}
+.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;
+  -webkit-box-shadow: none;
+          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: var(--color-sf-bg-primary);
+  border-radius: 6px;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+  color: var(--color-sf-text-primary);
+  max-width: 365px;
+  min-width: 320px;
+  opacity: 1;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  width: 100%;
+  border: 1px solid var(--color-sf-border-secondary);
+}
+.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: 2px 8px 0 0;
+}
+.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: var(--color-sf-fg-secondary);
+}
+.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: var(--color-sf-utility-content-bg-color-selected);
+  color: var(--color-sf-fg-secondary);
+}
+.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: 18px;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-popup-content {
+  padding: 40px 18px 12px;
+}
+.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: 14px 0 4px;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
+  font-size: 22px;
+  height: 30px;
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header {
+  background: var(--color-sf-bg-primary);
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
+  padding: 6px 8px 0 8px;
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit,
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete {
+  display: none;
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close {
+  position: relative;
+  right: 2px;
+}
+.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: var(--color-sf-fg-secondary);
+}
+.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-base-white), 0.15);
+  color: var(--color-sf-brand-primary);
+}
+.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: 18px;
+}
+.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 18px;
+}
+.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
+  background: rgba(var(--color-sf-brand-primary), 0.3);
+  border-left: 6px solid var(--color-sf-brand-primary);
+  border-radius: 4px;
+  color: var(--color-sf-text-primary);
+  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 18px 12px;
+}
+.e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
+.e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+      -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: var(--color-sf-text-primary);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding-top: 12px;
+}
+.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: var(--color-sf-text-tertiary);
+  font-size: 18px;
+  padding: 2px 12px 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: var(--color-sf-text-primary);
+  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: 8px 18px 8px 18px;
+  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: var(--color-sf-text-primary);
+}
+.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: var(--color-sf-bg-primary);
+}
+.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;
+  -webkit-box-ordinal-group: 0;
+      -ms-flex-order: -1;
+          order: -1;
+}
+.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-subject-wrap {
+  padding: 12px 24px;
+}
+.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: -webkit-box;
+  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: var(--color-sf-bg-primary);
+  border: 0;
+  color: var(--color-sf-fg-secondary);
+  height: 35px;
+  width: 35px;
+}
+.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: 35px;
+  line-height: 2.25;
+  padding: 2px 5px;
+  width: calc(100% - 105px);
+}
+.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: 18px;
+}
+.e-quick-popup-wrapper.e-device.e-rtl .e-event-popup .e-popup-header .e-close {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+/*! schedule quick popup for smaller viewports */
+@media screen and (max-width: 320px) {
+  .e-quick-popup-wrapper {
+    min-width: 100%;
+  }
+  .e-quick-popup-wrapper .e-popup-footer {
+    padding-left: 5px;
+  }
+  .e-quick-popup-wrapper.e-rtl .e-popup-footer {
+    padding-right: 5px;
+  }
+}
+.e-appointment.e-schedule-event-clone {
+  background: var(--color-sf-brand-primary);
+  border-radius: 2px;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+  color: var(--color-sf-on-brand-solid-primary);
+  display: -webkit-box;
+  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 {
+  -webkit-box-flex: 1;
+      -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 {
+  -webkit-box-flex: 1;
+      -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;
+}
+
+@media print {
+  .e-schedule .e-table-container {
+    display: block;
+  }
+  .e-schedule .e-vertical-view .e-content-table thead {
+    -webkit-column-break-inside: auto;
+       -moz-column-break-inside: auto;
+            break-inside: auto;
+  }
+}
+.e-more-popup-wrapper {
+  background: var(--color-sf-bg-primary);
+  border: 1px solid var(--color-sf-border-secondary);
+  border-radius: 6px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  opacity: 1;
+  padding: 8px 0;
+  width: 225px;
+}
+.e-more-popup-wrapper .e-more-appointment-wrapper {
+  margin: 0 4px;
+}
+.e-more-popup-wrapper .e-more-event-popup {
+  height: 100%;
+  position: relative;
+  width: 100%;
+}
+.e-more-popup-wrapper .e-more-event-header {
+  height: 35px;
+  margin: 0 8px 4px 14px;
+}
+.e-more-popup-wrapper .e-more-event-content {
+  color: var(--color-sf-text-primary);
+  height: calc(100% - 35px);
+  max-height: 150px;
+  overflow-y: auto;
+  padding: 10px 10px 0;
+}
+.e-more-popup-wrapper .e-more-event-content .e-appointment-border {
+  border: 0;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+}
+.e-more-popup-wrapper .e-more-event-date-header {
+  height: 100%;
+  width: calc(100% - 25px);
+}
+.e-more-popup-wrapper .e-more-event-date-header .e-current-date {
+  color: var(--color-sf-brand-primary);
+}
+.e-more-popup-wrapper .e-header-day {
+  color: var(--color-sf-text-primary);
+  font-size: 14px;
+  line-height: 1;
+  padding-bottom: 2px;
+}
+.e-more-popup-wrapper .e-header-date {
+  color: var(--color-sf-text-primary);
+  font-size: 16px;
+  line-height: 1;
+  max-width: 15%;
+}
+.e-more-popup-wrapper .e-header-date:hover {
+  cursor: pointer;
+  text-decoration: underline;
+}
+.e-more-popup-wrapper .e-header-date:focus {
+  text-decoration: underline;
+}
+.e-more-popup-wrapper .e-more-event-close {
+  background: transparent;
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  color: var(--color-sf-fg-secondary);
+  cursor: pointer;
+  height: 25px;
+  padding: 1px;
+  position: absolute;
+  right: 6px;
+  width: 25px;
+}
+.e-more-popup-wrapper .e-more-event-close .e-close-icon {
+  font-size: 14px;
+}
+.e-more-popup-wrapper .e-more-event-close .e-btn-icon {
+  margin-top: 8px;
+}
+.e-more-popup-wrapper .e-more-event-close:focus, .e-more-popup-wrapper .e-more-event-close:hover {
+  background: var(--color-sf-utility-content-bg-color-selected);
+  border-radius: 50%;
+  color: var(--color-sf-fg-secondary);
+}
+.e-more-popup-wrapper .e-appointment {
+  background: var(--color-sf-brand-primary);
+  border-radius: 2px;
+  color: var(--color-sf-on-brand-solid-primary);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 26px;
+  line-height: 18px;
+  margin-bottom: 2px;
+  padding: 2px 0;
+  width: 100%;
+}
+.e-more-popup-wrapper .e-appointment .e-subject {
+  color: var(--color-sf-on-brand-solid-primary);
+  -webkit-box-flex: 1;
+      -ms-flex: auto;
+          flex: auto;
+  font-size: 13px;
+  font-weight: 500;
+  overflow: hidden;
+  padding: 0 2px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: var(--color-sf-on-brand-solid-primary);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
+.e-more-popup-wrapper .e-appointment .e-recurrence-icon,
+.e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon {
+  line-height: 26px;
+  padding: 0 2px;
+}
+.e-more-popup-wrapper .e-appointment.e-appointment-border, .e-more-popup-wrapper .e-appointment:focus {
+  border: 0;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+}
+.e-more-popup-wrapper.e-device {
+  bottom: 0;
+  height: 100%;
+  left: 0;
+  margin: 0;
+  max-width: 100%;
+  overflow: hidden;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1002;
+}
+.e-more-popup-wrapper.e-device .e-more-event-content {
+  max-height: unset;
+}
+.e-more-popup-wrapper.e-rtl .e-header-date {
+  padding-right: 10px;
+}
+.e-more-popup-wrapper.e-rtl .e-header-day {
+  padding-right: 10px;
+}
+.e-more-popup-wrapper.e-rtl .e-more-event-close {
+  left: 6px;
+  right: auto;
+}
+
+.e-schedule {
+  background: var(--color-sf-bg-primary);
+  border: 1px solid var(--color-sf-border-secondary);
+}
+.e-schedule .e-date-header-wrap {
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0;
+  position: relative;
+}
+.e-schedule .e-header-calendar {
+  background-color: var(--color-sf-bg-primary-alt);
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+}
+.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: var(--color-sf-bg-primary);
+}
+.e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover {
+  background: var(--color-sf-bg-secondary-hover);
+}
+.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td {
+  background: var(--color-sf-bg-primary);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: var(--color-sf-text-secondary);
+}
+.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: var(--color-sf-text-tertiary);
+  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: var(--color-sf-bg-primary);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  color: var(--color-sf-text-secondary);
+  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: var(--color-sf-bg-secondary);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: var(--color-sf-text-tertiary);
+}
+.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: none;
+}
+.e-schedule .e-vertical-view .e-header-cells {
+  background: var(--color-sf-bg-primary);
+}
+.e-schedule .e-vertical-view .e-header-cells.e-current-day {
+  color: var(--color-sf-brand-primary);
+  font-weight: 500;
+}
+.e-schedule .e-vertical-view .e-work-cells {
+  background: var(--color-sf-bg-primary-alt);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  padding: 0;
+}
+.e-schedule .e-vertical-view .e-work-cells:hover {
+  background: var(--color-sf-bg-secondary-hover);
+  color: var(--color-sf-text-secondary-hover);
+}
+.e-schedule .e-vertical-view .e-alternate-cells {
+  border-bottom-style: dotted;
+}
+.e-schedule .e-vertical-view .e-work-hours {
+  background: var(--color-sf-bg-primary);
+}
+.e-schedule .e-vertical-view .e-all-day-cells {
+  background: var(--color-sf-bg-primary);
+}
+.e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
+  color: var(--color-sf-brand-primary);
+}
+.e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell {
+  background: var(--color-sf-utility-content-bg-color-selected);
+  color: var(--color-sf-text-secondary-hover);
+}
+.e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
+  background: var(--color-sf-utility-content-bg-color-selected);
+  color: var(--color-sf-text-secondary-hover);
+}
+.e-schedule .e-vertical-view .e-selected-cell {
+  background: var(--color-sf-utility-content-bg-color-selected);
+  color: var(--color-sf-text-secondary-hover);
+}
+.e-schedule .e-vertical-view .e-selected-cell:hover {
+  background: var(--color-sf-utility-content-bg-color-selected);
+  color: var(--color-sf-text-secondary-hover);
+}
+.e-schedule .e-vertical-view .e-clone-time-indicator,
+.e-schedule .e-vertical-view .e-current-time {
+  color: var(--color-sf-brand-primary);
+}
+.e-schedule .e-vertical-view .e-current-timeline {
+  border-top: 1px solid var(--color-sf-brand-primary);
+}
+.e-schedule .e-vertical-view .e-previous-timeline {
+  border-top: 1px dotted var(--color-sf-brand-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: var(--color-sf-bg-primary);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  color: var(--color-sf-text-secondary);
+  font-size: 12px;
+  text-align: center;
+  text-transform: uppercase;
+}
+.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: var(--color-sf-brand-primary);
+  font-weight: 500;
+}
+.e-schedule .e-month-view .e-work-cells,
+.e-schedule .e-month-agenda-view .e-work-cells {
+  background: var(--color-sf-bg-primary-alt);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  color: var(--color-sf-text-primary);
+  padding: 0;
+}
+.e-schedule .e-month-view .e-work-cells:hover,
+.e-schedule .e-month-agenda-view .e-work-cells:hover {
+  background: var(--color-sf-bg-secondary-hover);
+  color: var(--color-sf-text-secondary-hover);
+}
+.e-schedule .e-month-view .e-work-days,
+.e-schedule .e-month-agenda-view .e-work-days {
+  background: var(--color-sf-bg-primary);
+}
+.e-schedule .e-month-view .e-other-month,
+.e-schedule .e-month-agenda-view .e-other-month {
+  color: var(--color-sf-text-tertiary);
+}
+.e-schedule .e-month-view .e-current-date .e-date-header,
+.e-schedule .e-month-agenda-view .e-current-date .e-date-header {
+  background: var(--color-sf-brand-primary);
+  border-radius: 50%;
+  color: var(--color-sf-on-brand-solid-primary);
+  min-width: 20px;
+  padding: 0 4px;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.e-schedule .e-month-view .e-selected-cell,
+.e-schedule .e-month-agenda-view .e-selected-cell {
+  background: var(--color-sf-utility-content-bg-color-selected);
+  color: var(--color-sf-text-primary);
+}
+.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: var(--color-sf-text-primary);
+}
+.e-schedule .e-month-view .e-selected-cell:hover,
+.e-schedule .e-month-agenda-view .e-selected-cell:hover {
+  background: var(--color-sf-utility-content-bg-color-selected);
+}
+.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-date-header-wrap table td,
+.e-schedule .e-timeline-month-view .e-date-header-wrap table td {
+  background: var(--color-sf-bg-primary);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  color: var(--color-sf-text-secondary);
+}
+.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: var(--color-sf-brand-primary);
+  font-weight: 500;
+}
+.e-schedule .e-timeline-view .e-work-cells,
+.e-schedule .e-timeline-month-view .e-work-cells {
+  background: var(--color-sf-bg-primary-alt);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 0 1px 1px;
+  color: var(--color-sf-text-primary);
+  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: var(--color-sf-bg-secondary-hover);
+  color: var(--color-sf-text-secondary-hover);
+}
+.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: var(--color-sf-bg-secondary);
+}
+.e-schedule .e-timeline-view .e-work-days,
+.e-schedule .e-timeline-month-view .e-work-days {
+  background: var(--color-sf-bg-primary);
+}
+.e-schedule .e-timeline-view .e-resource-group-cells,
+.e-schedule .e-timeline-month-view .e-resource-group-cells {
+  background: var(--color-sf-bg-primary-alt);
+}
+.e-schedule .e-timeline-view .e-selected-cell,
+.e-schedule .e-timeline-month-view .e-selected-cell {
+  background: var(--color-sf-utility-content-bg-color-selected);
+  color: var(--color-sf-text-primary);
+}
+.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: var(--color-sf-utility-content-bg-color-selected);
+}
+.e-schedule .e-timeline-view .e-work-hours {
+  background: var(--color-sf-bg-primary);
+}
+.e-schedule .e-timeline-view .e-resource-group-cells {
+  background: var(--color-sf-bg-primary-alt);
+}
+.e-schedule .e-timeline-view .e-selected-cell {
+  background: var(--color-sf-utility-content-bg-color-selected);
+  color: var(--color-sf-text-secondary-hover);
+}
+.e-schedule .e-timeline-view .e-selected-cell:hover {
+  background: var(--color-sf-utility-content-bg-color-selected);
+}
+.e-schedule .e-timeline-view .e-alternate-cells {
+  border-left-style: dotted;
+}
+.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: var(--color-sf-brand-primary);
+  font-size: 10px;
+}
+.e-schedule .e-timeline-view .e-current-timeline {
+  border-left: 1px solid var(--color-sf-brand-primary);
+}
+.e-schedule .e-timeline-year-view .e-work-cells {
+  background: var(--color-sf-bg-primary-alt);
+  border-color: var(--color-sf-border-secondary);
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  color: var(--color-sf-text-primary);
+  padding: 0;
+}
+.e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
+  background: var(--color-sf-bg-secondary-hover);
+  color: var(--color-sf-text-secondary-hover);
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
+  background: var(--color-sf-bg-primary);
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
+  color: var(--color-sf-text-tertiary);
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
+  background: var(--color-sf-brand-primary);
+  border-radius: 50%;
+  color: var(--color-sf-on-brand-solid-primary);
+  margin: 2px;
+  width: 20px;
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
+  background: var(--color-sf-utility-content-bg-color-selected);
+  color: var(--color-sf-text-primary);
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
+  color: var(--color-sf-text-primary);
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-more-indicator {
+  color: var(--color-sf-text-primary);
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
+  background: var(--color-sf-utility-content-bg-color-selected);
+}
+.e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
+  background: var(--color-sf-bg-secondary);
+}
+.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: var(--color-sf-bg-secondary);
+}
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
+  background: var(--color-sf-bg-secondary);
+  -webkit-box-shadow: inset 0 0 0 8px var(--color-sf-bg-primary-alt);
+          box-shadow: inset 0 0 0 8px var(--color-sf-bg-primary-alt);
+}
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
+  background: var(--color-sf-bg-secondary);
+}
+.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: dotted;
+}
+.e-schedule.e-rtl .e-timeline-view .e-header-row .e-time-cells {
+  border-right-width: 0;
+}
+
+.e-tooltip-wrap.e-schedule-error {
+  background: var(--color-sf-utility-danger-light);
+  border-color: var(--color-sf-utility-danger-light);
+  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 var(--color-sf-utility-danger-light);
+  color: var(--color-sf-utility-danger-light);
+}
+.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 var(--color-sf-utility-danger-light);
+  color: var(--color-sf-utility-danger-light);
+}
+.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: #d92c20;
+}
+
+.e-bigger .e-schedule .e-schedule-toolbar,
+.e-bigger.e-schedule .e-schedule-toolbar {
+  height: 54px;
+  min-height: 54px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text,
+.e-bigger.e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
+  font-size: 16px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item.e-date-range .e-tbar-btn-text,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item.e-date-range .e-tbar-btn-text {
+  font-size: 16px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-icon-down-arrow,
+.e-bigger.e-schedule .e-schedule-toolbar .e-icon-down-arrow {
+  font-size: 18px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-schedule .e-toolbar .e-hor-nav,
+.e-bigger.e-schedule .e-schedule-toolbar .e-schedule .e-toolbar .e-hor-nav {
+  min-height: 54px;
+  min-width: 32px;
+  z-index: 0;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon {
+  font-size: 24px;
+}
+.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: 54px;
+}
+.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: 54px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
+  min-width: 34px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
+  height: calc(100% - 15px);
+  margin: 7.5px 3px;
+  min-height: 38px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-icons,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-icons {
+  min-width: 24px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn,
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
+  height: auto;
+  line-height: 25px;
+  margin: 4px 0;
+  min-width: 24px;
+  padding: 0 1px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right {
+  padding: 3px 0 0 12px;
+  font-size: 24px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
+  padding-top: 3px;
+}
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
+  font-size: 16px;
+}
+.e-bigger .e-schedule .e-more-popup-wrapper .e-header-day,
+.e-bigger.e-schedule .e-more-popup-wrapper .e-header-day {
+  font-size: 14px;
+}
+.e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-day,
+.e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-day {
+  font-size: 14px;
+}
+.e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-date,
+.e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-date {
+  font-size: 18px;
+}
+.e-bigger .e-schedule .e-vertical-view .e-resource-cells,
+.e-bigger.e-schedule .e-vertical-view .e-resource-cells {
+  font-size: 14px;
+}
+.e-bigger .e-schedule .e-vertical-view .e-time-cells-wrap table td,
+.e-bigger.e-schedule .e-vertical-view .e-time-cells-wrap table td {
+  font-size: 14px;
+}
+.e-bigger .e-schedule .e-vertical-view .e-clone-time-indicator,
+.e-bigger .e-schedule .e-vertical-view .e-current-time,
+.e-bigger.e-schedule .e-vertical-view .e-clone-time-indicator,
+.e-bigger.e-schedule .e-vertical-view .e-current-time {
+  font-size: 12px;
+}
+.e-bigger .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td,
+.e-bigger.e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
+  font-size: 12px;
+}
+.e-bigger .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
+.e-bigger .e-schedule.e-device .e-vertical-view .e-current-time,
+.e-bigger.e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
+.e-bigger.e-schedule.e-device .e-vertical-view .e-current-time {
+  font-size: 12px;
+}
+.e-bigger .e-schedule .e-month-view .e-header-cells,
+.e-bigger.e-schedule .e-month-view .e-header-cells {
+  height: 38px;
+}
+.e-bigger .e-schedule .e-month-view .e-resource-cells,
+.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
+.e-bigger.e-schedule .e-month-view .e-resource-cells,
+.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
+  font-size: 16px;
+}
+.e-bigger .e-schedule .e-month-view .e-content-wrap,
+.e-bigger.e-schedule .e-month-view .e-content-wrap {
+  font-size: 16px;
+}
+.e-bigger .e-schedule .e-month-view .e-m-date,
+.e-bigger.e-schedule .e-month-view .e-m-date {
+  font-size: 18px;
+}
+.e-bigger .e-schedule .e-month-view .e-resource-name,
+.e-bigger .e-schedule .e-month-view .e-m-day,
+.e-bigger.e-schedule .e-month-view .e-resource-name,
+.e-bigger.e-schedule .e-month-view .e-m-day {
+  font-size: 14px;
+}
+.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
+.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
+  min-width: 306px;
+}
+
+/*! schedule event tooltip */
+.e-bigger .e-schedule-event-tooltip .e-subject,
+.e-schedule-event-tooltip.e-bigger .e-subject {
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
+  width: 502px;
+}
+
+.e-bigger .e-dialog.e-quick-dialog {
+  min-width: 370px;
+}
+
+.e-bigger .e-ddl.e-popup .e-resource-template {
+  padding: 0 15px;
+}
+.e-bigger .e-ddl.e-popup .e-resource-template .e-resource-color {
+  height: 16px;
+  margin-top: 10px;
+  width: 16px;
+}
+.e-bigger .e-schedule-dialog .e-disable {
+  display: none;
+}
+.e-bigger .e-schedule-dialog .e-dlg-header-content {
+  padding-bottom: 8px;
+}
+.e-bigger .e-schedule-dialog .e-dlg-content {
+  padding-bottom: 12px;
+  position: relative;
+}
+.e-bigger .e-schedule-dialog .e-event-cancel,
+.e-bigger .e-schedule-dialog .e-event-delete {
+  border: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
+  float: left;
+  margin-left: 0;
+}
+.e-bigger .e-schedule-dialog .e-subject-container,
+.e-bigger .e-schedule-dialog .e-start-container,
+.e-bigger .e-schedule-dialog .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog .e-description-label {
+  padding-right: 12px;
+}
+.e-bigger .e-schedule-dialog .e-location-container,
+.e-bigger .e-schedule-dialog .e-end-container,
+.e-bigger .e-schedule-dialog .e-end-time-zone-container {
+  padding-left: 12px;
+}
+.e-bigger .e-schedule-dialog .e-all-day-container {
+  padding-right: 16px;
+}
+.e-bigger .e-schedule-dialog .e-time-zone-row {
+  display: none;
+}
+.e-bigger .e-schedule-dialog .e-time-zone-row.e-enable {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 64px;
+}
+.e-bigger .e-schedule-dialog .e-title-location-row,
+.e-bigger .e-schedule-dialog .e-start-end-row,
+.e-bigger .e-schedule-dialog .e-start-input-container,
+.e-bigger .e-schedule-dialog .e-end-input-container,
+.e-bigger .e-schedule-dialog .e-time-zone-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding-bottom: 12px;
+  width: 100%;
+}
+.e-bigger .e-schedule-dialog .e-resources {
+  padding-bottom: 12px;
+  width: 100%;
+}
+.e-bigger .e-schedule-dialog .e-all-day-time-zone-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding-bottom: 20px;
+  padding-top: 0;
+  width: 100%;
+}
+.e-bigger .e-schedule-dialog .e-subject-container,
+.e-bigger .e-schedule-dialog .e-location-container,
+.e-bigger .e-schedule-dialog .e-start-container,
+.e-bigger .e-schedule-dialog .e-end-container,
+.e-bigger .e-schedule-dialog .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog .e-end-time-zone-container {
+  width: 50%;
+}
+.e-bigger .e-schedule-dialog .e-location-container,
+.e-bigger .e-schedule-dialog .e-end-container,
+.e-bigger .e-schedule-dialog .e-end-time-zone-container,
+.e-bigger .e-schedule-dialog .e-start-container,
+.e-bigger .e-schedule-dialog .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog .e-subject-container,
+.e-bigger .e-schedule-dialog .e-description-row,
+.e-bigger .e-schedule-dialog .e-repeat-container {
+  padding-top: 0;
+}
+.e-bigger .e-schedule-dialog .e-all-day-time-zone-row {
+  padding-bottom: 16px;
+  padding-top: 10px;
+}
+.e-bigger .e-schedule-dialog .e-description,
+.e-bigger .e-schedule-dialog .e-float-input .e-description {
+  height: 50px;
+  resize: vertical;
+}
+.e-bigger .e-schedule-dialog .e-time-zone-row,
+.e-bigger .e-schedule-dialog .e-repeat-container,
+.e-bigger .e-schedule-dialog .e-input-group .e-input-group-icon.e-icon-disable {
+  display: none;
+}
+.e-bigger .e-schedule-dialog.e-rtl .e-all-day-container {
+  margin-left: 20px;
+  margin-right: 0;
+}
+.e-bigger .e-schedule-dialog.e-rtl .e-subject-container,
+.e-bigger .e-schedule-dialog.e-rtl .e-start-container,
+.e-bigger .e-schedule-dialog.e-rtl .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog.e-rtl .e-description-label {
+  padding-left: 12px;
+  padding-right: 0;
+}
+.e-bigger .e-schedule-dialog.e-rtl .e-location-container,
+.e-bigger .e-schedule-dialog.e-rtl .e-end-container,
+.e-bigger .e-schedule-dialog.e-rtl .e-end-time-zone-container {
+  padding-left: 0;
+  padding-right: 12px;
+}
+.e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
+  float: right;
+}
+
+/*! schedule quick popup */
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
+  font-size: 24px;
+}
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content {
+  padding: 48px 24px 16px;
+}
+.e-bigger .e-quick-popup-wrapper .e-popup-footer {
+  padding: 8px 18px 8px 18px;
+}
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
+  padding-right: 16px;
+}
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
+  font-size: 16px;
+}
+.e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
+  padding-right: 0;
+}
+.e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
+  padding-right: 16px;
+}
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
+  height: 2em;
+  width: 2em;
+}
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
+  height: 2em;
+  width: 2em;
+}
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
+  font-size: 24px;
+}
+.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
+.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
+.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
+  font-size: 14px;
+}
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
+  height: 35px;
+}
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
+  padding: 2px 5px;
+}
+
+.e-bigger .e-agenda-view .e-appointment {
+  padding: 7px 16px;
+}
+.e-bigger .e-agenda-view .e-subject,
+.e-bigger .e-agenda-view .e-inline-subject {
+  font-size: 16px;
+}
+.e-bigger .e-agenda-view .e-date-time {
+  font-size: 14px;
+}
+.e-bigger .e-agenda-view .e-day-date-header .e-m-date {
+  font-size: 20px;
+}
+.e-bigger .e-agenda-view .e-day-date-header .e-m-day {
+  font-size: 14px;
+}
+
+.e-bigger .e-timeline-view .e-resource-text {
+  font-size: 14px;
+  padding-left: 12px;
+}
+.e-bigger .e-timeline-view .e-navigate {
+  font-size: 16px;
+  padding: 8px 0 8px 8px;
+}
+.e-bigger .e-timeline-view .e-date-header-wrap table tbody td > span {
+  font-size: 16px;
+  padding: 8px 0 8px 8px;
+}
+
+.e-bigger .e-schedule .e-month-view .e-current-date .e-date-header {
+  width: 26px;
+}
+
+.e-bigger .e-schedule-dialog.e-device .e-dlg-header,
+.e-bigger .e-schedule-dialog.e-device .e-dlg-header * {
+  width: 100%;
+}
+.e-bigger .e-schedule-dialog.e-device .e-dlg-header-content {
+  background: var(--color-sf-bg-primary);
+  -webkit-box-shadow: 0 1px 2px rgba(var(--color-sf-base-black), 0.15);
+          box-shadow: 0 1px 2px rgba(var(--color-sf-base-black), 0.15);
+  margin-bottom: 3px;
+}
+.e-bigger .e-schedule-dialog.e-device .e-title-location-row,
+.e-bigger .e-schedule-dialog.e-device .e-start-end-row,
+.e-bigger .e-schedule-dialog.e-device .e-time-zone-row,
+.e-bigger .e-schedule-dialog.e-device .e-start-input-container,
+.e-bigger .e-schedule-dialog.e-device .e-end-input-container {
+  display: inline;
+}
+.e-bigger .e-schedule-dialog.e-device .e-time-zone-row.e-enable {
+  display: inline;
+}
+.e-bigger .e-schedule-dialog.e-device .e-subject-container,
+.e-bigger .e-schedule-dialog.e-device .e-location-container,
+.e-bigger .e-schedule-dialog.e-device .e-start-container,
+.e-bigger .e-schedule-dialog.e-device .e-end-container,
+.e-bigger .e-schedule-dialog.e-device .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog.e-device .e-end-time-zone-container {
+  padding-left: 0;
+  width: 100%;
+}
+.e-bigger .e-schedule-dialog.e-device .e-subject-container,
+.e-bigger .e-schedule-dialog.e-device .e-start-container,
+.e-bigger .e-schedule-dialog.e-device .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog.e-device .e-description-label {
+  padding-right: 0;
+}
+.e-bigger .e-schedule-dialog.e-device .e-location-container,
+.e-bigger .e-schedule-dialog.e-device .e-end-container,
+.e-bigger .e-schedule-dialog.e-device .e-end-time-zone-container,
+.e-bigger .e-schedule-dialog.e-device .e-start-container,
+.e-bigger .e-schedule-dialog.e-device .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog.e-device .e-subject-container,
+.e-bigger .e-schedule-dialog.e-device .e-description-row,
+.e-bigger .e-schedule-dialog.e-device .e-repeat-container {
+  padding-top: 20px;
+}
+.e-bigger .e-schedule-dialog.e-device .e-all-day-time-zone-row {
+  padding-top: 20px;
+}
+.e-bigger .e-schedule-dialog.e-device .e-resources {
+  padding-bottom: 0;
+  padding-top: 20px;
+}
+.e-bigger .e-schedule-dialog.e-device .e-description,
+.e-bigger .e-schedule-dialog.e-device .e-float-input .e-description {
+  height: 60px;
+  resize: vertical;
+}
+.e-bigger .e-schedule-dialog.e-device .e-all-day-time-zone-row {
+  margin-top: 0;
+  padding-bottom: 0;
+}
+.e-bigger .e-schedule-dialog.e-device .e-repeat-parent-row {
+  padding-top: 8px;
+}
+.e-bigger .e-schedule-dialog.e-device .e-all-day-container {
+  margin-right: 20px;
+}
+.e-bigger .e-schedule-dialog.e-device .e-title-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+}
+.e-bigger .e-schedule-dialog.e-device .e-save-icon,
+.e-bigger .e-schedule-dialog.e-device .e-back-icon,
+.e-bigger .e-schedule-dialog.e-device .e-forward-icon {
+  cursor: pointer;
+  line-height: normal;
+}
+.e-bigger .e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-bigger .e-schedule-dialog.e-device .e-save-icon,
+.e-bigger .e-schedule-dialog.e-device .e-back-icon,
+.e-bigger .e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-bigger .e-schedule-dialog.e-device .e-save-icon,
+.e-bigger .e-schedule-dialog.e-device .e-delete-icon {
+  text-align: right;
+}
+.e-bigger .e-schedule-dialog.e-device .e-time-zone-row,
+.e-bigger .e-schedule-dialog.e-device .e-input-group .e-input-group-icon.e-icon-disable {
+  display: none;
+}
+.e-bigger .e-schedule-dialog.e-device .e-repeat-container {
+  display: block;
+  padding-right: 35px;
+  padding-left: 0;
+}
+.e-bigger .e-schedule-dialog.e-device .e-icon-down-arrow {
+  font-size: 18px;
+}
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-save-icon {
+  text-align: left;
+}
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-all-day-container {
+  margin-left: 20px;
+  margin-right: 0;
+}
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-subject-container,
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-start-container,
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-start-time-zone-container,
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-description-label {
+  padding-left: 0;
+}
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-location-container,
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-end-container,
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-end-time-zone-container,
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-all-day-container {
+  padding-right: 0;
+}
+.e-bigger .e-schedule-dialog.e-device.e-rtl .e-repeat-container {
+  padding-left: 35px;
+  padding-right: 0;
+}
+.e-bigger .e-schedule-dialog.e-device .e-recurrence-container {
+  position: relative;
+}
+.e-bigger .e-schedule-dialog.e-device .e-recurrence-container.e-hide {
+  display: none;
+}
+.e-bigger .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button {
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  margin: -3px 5px;
+  position: absolute;
+}
+.e-bigger .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons {
+  font-size: 12px;
+  position: relative;
+  top: 1px;
+}
+
+.e-bigger .e-more-popup-wrapper {
+  background: var(--color-sf-bg-primary);
+  border: 1px solid var(--color-sf-border-secondary);
+  border-radius: 6px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  opacity: 1;
+  padding: 8px 0;
+  width: 225px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-appointment-wrapper {
+  margin: 0 4px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-popup {
+  height: 100%;
+  position: relative;
+  width: 100%;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-header {
+  height: 35px;
+  margin: 0 8px 4px 14px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-content {
+  color: var(--color-sf-text-primary);
+  height: calc(100% - 35px);
+  max-height: 150px;
+  overflow-y: auto;
+  padding: 10px 10px 0;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-content .e-appointment-border {
+  border: 0;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-date-header {
+  height: 100%;
+  width: calc(100% - 25px);
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-date-header .e-current-date {
+  color: var(--color-sf-brand-primary);
+}
+.e-bigger .e-more-popup-wrapper .e-header-day {
+  color: var(--color-sf-text-primary);
+  font-size: 14px;
+  line-height: 1;
+  padding-bottom: 2px;
+}
+.e-bigger .e-more-popup-wrapper .e-header-date {
+  color: var(--color-sf-text-primary);
+  font-size: 16px;
+  line-height: 1;
+  max-width: 15%;
+}
+.e-bigger .e-more-popup-wrapper .e-header-date:hover {
+  cursor: pointer;
+  text-decoration: underline;
+}
+.e-bigger .e-more-popup-wrapper .e-header-date:focus {
+  text-decoration: underline;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-close {
+  background: transparent;
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  color: var(--color-sf-fg-secondary);
+  cursor: pointer;
+  height: 25px;
+  padding: 1px;
+  position: absolute;
+  right: 6px;
+  width: 25px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-close-icon {
+  font-size: 14px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon {
+  margin-top: 8px;
+}
+.e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover {
+  background: var(--color-sf-utility-content-bg-color-selected);
+  border-radius: 50%;
+  color: var(--color-sf-fg-secondary);
+}
+.e-bigger .e-more-popup-wrapper .e-appointment {
+  background: var(--color-sf-brand-primary);
+  border-radius: 2px;
+  color: var(--color-sf-on-brand-solid-primary);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 26px;
+  line-height: 18px;
+  margin-bottom: 2px;
+  padding: 2px 0;
+  width: 100%;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject {
+  color: var(--color-sf-on-brand-solid-primary);
+  -webkit-box-flex: 1;
+      -ms-flex: auto;
+          flex: auto;
+  font-size: 13px;
+  font-weight: 500;
+  overflow: hidden;
+  padding: 0 2px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
+  display: none;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject {
+  background: transparent;
+  border: 0;
+  color: var(--color-sf-on-brand-solid-primary);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  padding-top: 4px;
+  width: 100%;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
+.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon {
+  line-height: 26px;
+  padding: 0 2px;
+}
+.e-bigger .e-more-popup-wrapper .e-appointment.e-appointment-border, .e-bigger .e-more-popup-wrapper .e-appointment:focus {
+  border: 0;
+  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05), 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
+}
+.e-bigger .e-more-popup-wrapper.e-device {
+  bottom: 0;
+  height: 100%;
+  left: 0;
+  margin: 0;
+  max-width: 100%;
+  overflow: hidden;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1002;
+}
+.e-bigger .e-more-popup-wrapper.e-device .e-more-event-content {
+  max-height: unset;
+}
+.e-bigger .e-more-popup-wrapper.e-rtl .e-header-date {
+  padding-right: 10px;
+}
+.e-bigger .e-more-popup-wrapper.e-rtl .e-header-day {
+  padding-right: 10px;
+}
+.e-bigger .e-more-popup-wrapper.e-rtl .e-more-event-close {
+  left: 6px;
+  right: auto;
+}