@syncfusion/ej2-vue-schedule 20.4.53 → 21.1.37

package/styles/tailwind-dark.css

@@ -296,7 +296,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);
@@ -312,13 +311,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;
 }
@@ -346,12 +349,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 {
@@ -385,6 +387,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;
 }
@@ -479,7 +485,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;
@@ -488,7 +494,7 @@
   width: 100%;
 }
 .e-schedule .e-new-event {
-  background-color: #22d3ee;
+  background: #22d3ee;
   border: 1px solid #000;
   border-radius: 5px;
   height: 100%;
@@ -551,7 +557,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 {
@@ -609,7 +615,7 @@
   z-index: 1;
 }
 .e-schedule .e-appointment .e-inline-subject {
-  background-color: transparent;
+  background: transparent;
   border: 0;
   color: #000;
   font-size: 13px;
@@ -929,17 +935,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;
@@ -1143,7 +1149,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;
@@ -1213,7 +1219,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;
@@ -1246,7 +1252,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;
@@ -1256,14 +1262,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;
@@ -1404,7 +1410,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;
@@ -1412,14 +1418,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;
@@ -1429,7 +1435,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;
@@ -1470,7 +1476,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;
@@ -1501,7 +1507,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;
@@ -1512,10 +1518,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%;
@@ -1734,7 +1740,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,
@@ -1756,11 +1762,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 {
@@ -1772,7 +1778,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;
@@ -1782,7 +1788,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;
@@ -1794,7 +1800,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 {
@@ -1817,7 +1823,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,
@@ -1835,7 +1841,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 {
@@ -2102,10 +2108,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;
@@ -2118,7 +2124,7 @@
   min-height: 40px;
 }
 .e-schedule .e-month-agenda-view .e-appointment-wrap {
-  background-color: #1f2937;
+  background: #1f2937;
   overflow: auto;
   padding: 0 8px;
 }
@@ -2220,7 +2226,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 {
@@ -2433,7 +2439,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 {
@@ -2468,22 +2474,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,
@@ -2518,7 +2522,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,
@@ -2987,6 +2991,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;
@@ -3010,6 +3016,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;
 }
@@ -3030,7 +3040,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;
@@ -3084,7 +3094,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;
@@ -3129,7 +3139,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;
@@ -3156,7 +3166,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,
@@ -3270,7 +3280,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,
@@ -3309,7 +3319,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;
@@ -3371,7 +3381,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,
@@ -3484,7 +3494,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;
@@ -3554,7 +3564,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;
@@ -3576,7 +3586,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;
 }
@@ -3651,7 +3661,7 @@
 
 /*! schedule component theme */
 .e-schedule {
-  background-color: #1f2937;
+  background: #1f2937;
   border: 1px solid #4b5563;
 }
 .e-schedule .e-date-header-wrap {
@@ -3669,13 +3679,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;
@@ -3695,7 +3705,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;
@@ -3706,7 +3716,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;
@@ -3719,14 +3729,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;
@@ -3740,28 +3750,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,
@@ -3783,7 +3793,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;
@@ -3799,7 +3809,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;
@@ -3813,7 +3823,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 {
@@ -3821,14 +3831,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,
@@ -3841,7 +3851,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;
@@ -3868,7 +3878,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;
@@ -3881,7 +3891,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;
@@ -3895,37 +3905,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;
@@ -3942,7 +3952,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;
@@ -3954,20 +3964,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 {
@@ -3977,10 +3987,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;
@@ -3990,14 +4000,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 {
@@ -4059,7 +4069,7 @@
 }
 
 .e-tooltip-wrap.e-schedule-error {
-  background-color: #fee2e2;
+  background: #fee2e2;
   border-color: #fee2e2;
   z-index: 1000;
 }