@syncfusion/ej2-schedule 20.4.53 → 21.1.35

package/styles/schedule/tailwind-dark.css

@@ -295,7 +295,6 @@
           user-select: none;
 }
 .e-schedule .e-schedule-toolbar {
-  background: #374151;
   border: 0;
   border-bottom: 0;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
@@ -311,13 +310,17 @@
   font-size: 14px;
   text-transform: none;
 }
-.e-schedule .e-schedule-toolbar .e-toolbar-items {
-  background: #374151;
-}
 .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;
 }
@@ -345,12 +348,11 @@
   text-transform: initial;
 }
 .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
-  background: #374151;
   border-left: 0;
   border-right: 1px solid #4b5563;
 }
 .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
-  background-color: #4b5563;
+  background: #4b5563;
   color: rgba(34, 211, 238, 0.87);
 }
 .e-schedule .e-schedule-toolbar .e-hor-nav {
@@ -384,6 +386,10 @@
   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;
 }
@@ -478,7 +484,7 @@
   padding: 0 0 0 12px;
 }
 .e-schedule .e-resource-tree-popup-overlay.e-enable {
-  background-color: rgba(107, 114, 128, 0.75);
+  background: rgba(107, 114, 128, 0.75);
   height: 100%;
   left: 0;
   opacity: 0.5;
@@ -487,7 +493,7 @@
   width: 100%;
 }
 .e-schedule .e-new-event {
-  background-color: #22d3ee;
+  background: #22d3ee;
   border: 1px solid #000;
   border-radius: 5px;
   height: 100%;
@@ -550,7 +556,7 @@
 }
 .e-schedule .e-recurrence-icon,
 .e-schedule .e-recurrence-edit-icon {
-  font-size: 11px;
+  font-size: 12px;
 }
 .e-schedule .e-left-icon,
 .e-schedule .e-right-icon {
@@ -608,7 +614,7 @@
   z-index: 1;
 }
 .e-schedule .e-appointment .e-inline-subject {
-  background-color: transparent;
+  background: transparent;
   border: 0;
   color: #000;
   font-size: 13px;
@@ -928,17 +934,17 @@
   width: 36px;
 }
 .e-schedule .e-vertical-view .e-work-cells.e-disable-dates {
-  background-color: #374151;
+  background: #374151;
 }
 .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
-  background-color: #374151;
+  background: #374151;
 }
 .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
-  background-color: #374151;
+  background: #374151;
   box-shadow: inset 0 0 0 8px #232e3e;
 }
 .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
-  background-color: #374151;
+  background: #374151;
 }
 .e-schedule .e-vertical-view .e-current-time {
   font-size: 10px;
@@ -1142,7 +1148,7 @@
   width: 35px;
 }
 .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
-  font-size: 11px;
+  font-size: 12px;
 }
 .e-schedule.e-device .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
@@ -1212,7 +1218,7 @@
 .e-schedule .e-month-view .e-week-number {
   border-bottom: 1px solid #4b5563;
   border-right: 1px solid #4b5563;
-  height: 70px;
+  height: 75px;
 }
 .e-schedule .e-month-view .e-content-wrap {
   font-size: 14px;
@@ -1245,7 +1251,7 @@
   visibility: hidden;
 }
 .e-schedule .e-month-view .e-work-cells.e-disable-dates {
-  background-color: #374151;
+  background: #374151;
 }
 .e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header {
   cursor: default;
@@ -1255,14 +1261,14 @@
   text-decoration: none;
 }
 .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
-  background-color: #374151;
+  background: #374151;
 }
 .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
-  background-color: #374151;
+  background: #374151;
   box-shadow: inset 0 0 0 8px #232e3e;
 }
 .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
-  background-color: #374151;
+  background: #374151;
 }
 .e-schedule .e-month-view .e-date-header {
   cursor: pointer;
@@ -1403,7 +1409,7 @@
 }
 .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-color: #22d3ee;
+  background: #22d3ee;
   border-radius: 50%;
   height: 5px;
   margin: -6px auto 0;
@@ -1411,14 +1417,14 @@
   width: 5px;
 }
 .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates {
-  background-color: #374151;
+  background: #374151;
   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-color: #374151;
+  background: #374151;
 }
 .e-schedule .e-year-view .e-date-header-wrap {
   font-size: 14px;
@@ -1428,7 +1434,7 @@
   width: 36px;
 }
 .e-schedule .e-year-view .e-date-header-wrap table td {
-  background-color: #1f2937;
+  background: #1f2937;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 1px;
@@ -1469,7 +1475,7 @@
 }
 .e-schedule .e-timeline-year-view .e-resource-left-td,
 .e-schedule .e-timeline-year-view .e-date-header-wrap table td {
-  background-color: #1f2937;
+  background: #1f2937;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 1px 1px 0;
@@ -1500,7 +1506,7 @@
   position: relative;
 }
 .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells {
-  background-color: #232e3e;
+  background: #232e3e;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 1px 1px 0;
@@ -1511,10 +1517,10 @@
   vertical-align: middle;
 }
 .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells.e-child-node {
-  background-color: #1f2937;
+  background: #1f2937;
 }
 .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells:focus {
-  background-color: #4b5563;
+  background: #4b5563;
 }
 .e-schedule .e-timeline-year-view .e-resource-column-table {
   height: 100%;
@@ -1733,7 +1739,7 @@
 }
 .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-color: #374151;
+  background: #374151;
   overflow: inherit;
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
@@ -1755,11 +1761,11 @@
 }
 .e-schedule .e-timeline-view .e-work-cells.e-disable-dates,
 .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates {
-  background-color: #374151;
+  background: #374151;
 }
 .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-color: #374151;
+  background: #374151;
 }
 .e-schedule .e-timeline-view .e-resource-text,
 .e-schedule .e-timeline-month-view .e-resource-text {
@@ -1771,7 +1777,7 @@
 }
 .e-schedule .e-timeline-view .e-resource-left-td,
 .e-schedule .e-timeline-month-view .e-resource-left-td {
-  background-color: #1f2937;
+  background: #1f2937;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 1px 1px 0;
@@ -1781,7 +1787,7 @@
 }
 .e-schedule .e-timeline-view .e-resource-cells,
 .e-schedule .e-timeline-month-view .e-resource-cells {
-  background-color: #232e3e;
+  background: #232e3e;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 1px 1px 0;
@@ -1793,7 +1799,7 @@
 }
 .e-schedule .e-timeline-view .e-resource-cells:focus,
 .e-schedule .e-timeline-month-view .e-resource-cells:focus {
-  background-color: #4b5563;
+  background: #4b5563;
 }
 .e-schedule .e-timeline-view .e-resource-column-wrap,
 .e-schedule .e-timeline-month-view .e-resource-column-wrap {
@@ -1816,7 +1822,7 @@
 }
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
 .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
-  background-color: #374151;
+  background: #374151;
   box-shadow: inset 0 0 0 8px #232e3e;
 }
 .e-schedule .e-timeline-view .e-resource-tree-icon,
@@ -1834,7 +1840,7 @@
 }
 .e-schedule .e-timeline-view .e-child-node,
 .e-schedule .e-timeline-month-view .e-child-node {
-  background-color: #1f2937;
+  background: #1f2937;
 }
 .e-schedule .e-timeline-view .e-appointment-wrapper,
 .e-schedule .e-timeline-month-view .e-appointment-wrapper {
@@ -2101,10 +2107,10 @@
   vertical-align: top;
 }
 .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates {
-  background-color: #374151;
+  background: #374151;
 }
 .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates:hover {
-  background-color: #374151;
+  background: #374151;
 }
 .e-schedule .e-month-agenda-view .e-date-header {
   height: 24px;
@@ -2117,7 +2123,7 @@
   min-height: 40px;
 }
 .e-schedule .e-month-agenda-view .e-appointment-wrap {
-  background-color: #1f2937;
+  background: #1f2937;
   overflow: auto;
   padding: 0 8px;
 }
@@ -2219,7 +2225,7 @@
   font-size: 14px;
 }
 .e-schedule .e-agenda-view {
-  background-color: #1f2937;
+  background: #1f2937;
 }
 .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
 .e-schedule .e-agenda-view .e-date-column {
@@ -2432,7 +2438,7 @@
 }
 .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: 22px;
+  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 {
@@ -2467,22 +2473,20 @@
   height: auto;
   line-height: 25px;
   margin: 4px 0;
-  min-height: 24px;
   min-width: 24px;
-  padding: 8px 8px 6px;
+  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: 22px;
+  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 {
-  height: 25px;
   padding-top: 3px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
@@ -2517,7 +2521,7 @@
 }
 .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: 11px;
+  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,
@@ -2986,6 +2990,8 @@
 }
 .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;
@@ -3009,6 +3015,10 @@
 .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;
 }
@@ -3029,7 +3039,7 @@
 
 /*! schedule quick popup */
 .e-quick-popup-wrapper {
-  background-color: #1f2937;
+  background: #1f2937;
   border-radius: 6px;
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   color: #fff;
@@ -3083,7 +3093,7 @@
   height: 30px;
 }
 .e-quick-popup-wrapper .e-event-popup .e-popup-header {
-  background-color: #1f2937;
+  background: #1f2937;
 }
 .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
   padding: 6px 8px 0 0;
@@ -3128,7 +3138,7 @@
   padding: 12px 18px;
 }
 .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
-  background-color: rgba(34, 211, 238, 0.3);
+  background: rgba(34, 211, 238, 0.3);
   border-left: 6px solid #22d3ee;
   border-radius: 4px;
   color: #fff;
@@ -3155,7 +3165,7 @@
 .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-color: transparent;
+  background: transparent;
   border: 0;
 }
 .e-quick-popup-wrapper .e-cell-popup .e-date-time,
@@ -3269,7 +3279,7 @@
   z-index: 1004;
 }
 .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper {
-  background-color: #1f2937;
+  background: #1f2937;
 }
 .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,
@@ -3308,7 +3318,7 @@
 .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-color: #1f2937;
+  background: #1f2937;
   border: 0;
   color: #d1d5db;
   height: 40px;
@@ -3370,7 +3380,7 @@
 .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: 22px;
+  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,
@@ -3483,7 +3493,7 @@
 
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
-  background-color: #1f2937;
+  background: #1f2937;
   border: 1px solid #4b5563;
   border-radius: 6px;
   box-shadow: none;
@@ -3553,7 +3563,7 @@
 }
 .e-bigger .e-more-popup-wrapper .e-more-event-close,
 .e-more-popup-wrapper .e-more-event-close {
-  background-color: transparent;
+  background: transparent;
   border: 0;
   box-shadow: none;
   color: #d1d5db;
@@ -3575,7 +3585,7 @@
 .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
 .e-more-popup-wrapper .e-more-event-close:focus,
 .e-more-popup-wrapper .e-more-event-close:hover {
-  background-color: #6b7280;
+  background: #6b7280;
   border-radius: 50%;
   color: #d1d5db;
 }
@@ -3650,7 +3660,7 @@
 
 /*! schedule component theme */
 .e-schedule {
-  background-color: #1f2937;
+  background: #1f2937;
   border: 1px solid #4b5563;
 }
 .e-schedule .e-date-header-wrap {
@@ -3668,13 +3678,13 @@
   border-left-width: 0;
 }
 .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells {
-  background-color: #1f2937;
+  background: #1f2937;
 }
 .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover {
   background: #4b5563;
 }
 .e-schedule .e-vertical-view .e-left-indent-wrap table tbody td {
-  background-color: #1f2937;
+  background: #1f2937;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 1px 1px 0;
@@ -3694,7 +3704,7 @@
   border-bottom-color: transparent;
 }
 .e-schedule .e-vertical-view .e-date-header-wrap table tbody td {
-  background-color: #1f2937;
+  background: #1f2937;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 1px;
@@ -3705,7 +3715,7 @@
   border-bottom-width: 0;
 }
 .e-schedule .e-vertical-view .e-time-cells-wrap table td {
-  background-color: #374151;
+  background: #374151;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 1px 1px 0;
@@ -3718,14 +3728,14 @@
   border-bottom-color: none;
 }
 .e-schedule .e-vertical-view .e-header-cells {
-  background-color: #1f2937;
+  background: #1f2937;
 }
 .e-schedule .e-vertical-view .e-header-cells.e-current-day {
   color: #22d3ee;
   font-weight: 500;
 }
 .e-schedule .e-vertical-view .e-work-cells {
-  background-color: #232e3e;
+  background: #232e3e;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 1px;
@@ -3739,28 +3749,28 @@
   border-bottom-style: dotted;
 }
 .e-schedule .e-vertical-view .e-work-hours {
-  background-color: #1f2937;
+  background: #1f2937;
 }
 .e-schedule .e-vertical-view .e-all-day-cells {
-  background-color: #1f2937;
+  background: #1f2937;
 }
 .e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
   color: #22d3ee;
 }
 .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell {
-  background-color: #6b7280;
+  background: #6b7280;
   color: #fff;
 }
 .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
-  background-color: #6b7280;
+  background: #6b7280;
   color: #fff;
 }
 .e-schedule .e-vertical-view .e-selected-cell {
-  background-color: #6b7280;
+  background: #6b7280;
   color: #fff;
 }
 .e-schedule .e-vertical-view .e-selected-cell:hover {
-  background-color: #6b7280;
+  background: #6b7280;
   color: #fff;
 }
 .e-schedule .e-vertical-view .e-clone-time-indicator,
@@ -3782,7 +3792,7 @@
 }
 .e-schedule .e-month-view .e-date-header-wrap table td,
 .e-schedule .e-month-agenda-view .e-date-header-wrap table td {
-  background-color: #1f2937;
+  background: #1f2937;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 1px;
@@ -3798,7 +3808,7 @@
 }
 .e-schedule .e-month-view .e-work-cells,
 .e-schedule .e-month-agenda-view .e-work-cells {
-  background-color: #232e3e;
+  background: #232e3e;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 1px;
@@ -3812,7 +3822,7 @@
 }
 .e-schedule .e-month-view .e-work-days,
 .e-schedule .e-month-agenda-view .e-work-days {
-  background-color: #1f2937;
+  background: #1f2937;
 }
 .e-schedule .e-month-view .e-other-month,
 .e-schedule .e-month-agenda-view .e-other-month {
@@ -3820,14 +3830,14 @@
 }
 .e-schedule .e-month-view .e-current-date .e-date-header,
 .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
-  background-color: #22d3ee;
+  background: #22d3ee;
   border-radius: 50%;
   color: #000;
   width: 20px;
 }
 .e-schedule .e-month-view .e-selected-cell,
 .e-schedule .e-month-agenda-view .e-selected-cell {
-  background-color: #6b7280;
+  background: #6b7280;
   color: #fff;
 }
 .e-schedule .e-month-view .e-selected-cell .e-date-header,
@@ -3840,7 +3850,7 @@
 }
 .e-schedule .e-month-view .e-selected-cell:hover,
 .e-schedule .e-month-agenda-view .e-selected-cell:hover {
-  background-color: #6b7280;
+  background: #6b7280;
 }
 .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
   overflow: auto;
@@ -3867,7 +3877,7 @@
 }
 .e-schedule .e-timeline-view .e-date-header-wrap table td,
 .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
-  background-color: #1f2937;
+  background: #1f2937;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 1px;
@@ -3880,7 +3890,7 @@
 }
 .e-schedule .e-timeline-view .e-work-cells,
 .e-schedule .e-timeline-month-view .e-work-cells {
-  background-color: #232e3e;
+  background: #232e3e;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 1px;
@@ -3894,37 +3904,37 @@
 }
 .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-color: #374151;
+  background: #374151;
 }
 .e-schedule .e-timeline-view .e-work-days,
 .e-schedule .e-timeline-month-view .e-work-days {
-  background-color: #1f2937;
+  background: #1f2937;
 }
 .e-schedule .e-timeline-view .e-resource-group-cells,
 .e-schedule .e-timeline-month-view .e-resource-group-cells {
-  background-color: #232e3e;
+  background: #232e3e;
 }
 .e-schedule .e-timeline-view .e-selected-cell,
 .e-schedule .e-timeline-month-view .e-selected-cell {
-  background-color: #6b7280;
+  background: #6b7280;
   color: #fff;
 }
 .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-color: #6b7280;
+  background: #6b7280;
 }
 .e-schedule .e-timeline-view .e-work-hours {
-  background-color: #1f2937;
+  background: #1f2937;
 }
 .e-schedule .e-timeline-view .e-resource-group-cells {
-  background-color: #232e3e;
+  background: #232e3e;
 }
 .e-schedule .e-timeline-view .e-selected-cell {
-  background-color: #6b7280;
+  background: #6b7280;
   color: #fff;
 }
 .e-schedule .e-timeline-view .e-selected-cell:hover {
-  background-color: #6b7280;
+  background: #6b7280;
 }
 .e-schedule .e-timeline-view .e-alternate-cells {
   border-left-style: dotted;
@@ -3941,7 +3951,7 @@
   border-left: 1px solid #22d3ee;
 }
 .e-schedule .e-timeline-year-view .e-work-cells {
-  background-color: #232e3e;
+  background: #232e3e;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 1px 1px 0;
@@ -3953,20 +3963,20 @@
   color: #fff;
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
-  background-color: #1f2937;
+  background: #1f2937;
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
   color: #9ca3af;
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
-  background-color: #22d3ee;
+  background: #22d3ee;
   border-radius: 50%;
   color: #000;
   margin: 2px;
   width: 20px;
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
-  background-color: #6b7280;
+  background: #6b7280;
   color: #fff;
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
@@ -3976,10 +3986,10 @@
   color: #fff;
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
-  background-color: #6b7280;
+  background: #6b7280;
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
-  background-color: #374151;
+  background: #374151;
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
   cursor: default;
@@ -3989,14 +3999,14 @@
   text-decoration: none;
 }
 .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
-  background-color: #374151;
+  background: #374151;
 }
 .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
-  background-color: #374151;
+  background: #374151;
   box-shadow: inset 0 0 0 8px #232e3e;
 }
 .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
-  background-color: #374151;
+  background: #374151;
 }
 .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 {
@@ -4058,7 +4068,7 @@
 }
 
 .e-tooltip-wrap.e-schedule-error {
-  background-color: #fee2e2;
+  background: #fee2e2;
   border-color: #fee2e2;
   z-index: 1000;
 }