@syncfusion/ej2-schedule 25.2.7 → 26.1.38

package/styles/recurrence-editor/material3.css

@@ -100,7 +100,7 @@
   --color-sf-on-warning: 99, 52, 0;
   --color-sf-on-warning-container: 255, 220, 193;
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
   --color-sf-warning-text: 0, 0, 0;
   --color-sf-info-text: 0, 0, 0;
@@ -110,13 +110,21 @@
 }
 
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
-  transform: rotate(0deg);
+  -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 {
-  transform: rotate(180deg);
+  -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 {
@@ -133,12 +141,14 @@
 }
 
 .e-input-group .e-ddl-icon:not(:active)::after {
-  animation: none;
+  -webkit-animation: none;
+          animation: none;
 }
 
 .e-ddl.e-popup {
   border: 0;
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   margin-top: 2px;
 }
 
@@ -159,7 +169,8 @@
 .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
   background: rgba(0, 0, 0, 0.0001);
   border-width: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   margin-bottom: 0;
 }
 
@@ -250,13 +261,14 @@
   padding: 4px 8px;
 }
 
-/*! recurrence editor theme wise definitions*/
-/*! Recurrence-Editor component layout */
 .e-recurrenceeditor .e-editor {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-flow: row wrap;
-      flex-flow: row wrap;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap;
   margin: 0 auto;
   max-width: 1240px;
 }
@@ -356,8 +368,10 @@
 }
 .e-recurrenceeditor .e-days button {
   border-radius: 50%;
-  -ms-flex-flow: row wrap;
-      flex-flow: row wrap;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap;
   height: 35px;
   margin: 0 8px 10px;
   width: 35px;
@@ -416,13 +430,6 @@
 .e-bigger .e-recurrenceeditor .e-form-left {
   padding: 0 12px 14px 0;
 }
-.e-bigger .e-recurrenceeditor .e-form-right,
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
-  padding: 0 0 10px;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
-  padding-bottom: 6px;
-}
 .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
   padding-left: 70px;
 }
@@ -449,16 +456,12 @@
   font-size: 12px;
   margin-bottom: 8px;
 }
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
-  padding-bottom: 12px;
-}
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
   font-size: 12px;
   margin-bottom: 1px;
 }
 .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
-.e-bigger .e-recurrenceeditor .e-year-expander,
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+.e-bigger .e-recurrenceeditor .e-year-expander {
   margin-bottom: 11px;
 }
 .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
@@ -570,7 +573,8 @@
 }
 .e-device.e-recurrence-dialog .e-dlg-header-content {
   background: none;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding-bottom: 10px;
 }
 .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
@@ -595,8 +599,10 @@
     width: 100%;
   }
   .e-recurrenceeditor .e-editor {
-    -ms-flex-direction: column;
-        flex-direction: column;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
   }
   .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
     margin-top: 0;

package/styles/recurrence-editor/tailwind-dark.css

@@ -1,11 +1,19 @@
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
-  transform: rotate(0deg);
+  -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 {
-  transform: rotate(180deg);
+  -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 {
@@ -22,13 +30,15 @@
 }
 
 .e-input-group .e-ddl-icon:not(:active)::after {
-  animation: none;
+  -webkit-animation: none;
+          animation: none;
 }
 
 .e-ddl.e-popup {
   border: 0;
   border-radius: 4px;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   margin-top: 4px;
 }
 
@@ -67,7 +77,8 @@
 .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
   background: #374151;
   border-width: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   margin-bottom: 0;
 }
 
@@ -92,13 +103,14 @@
   padding: 4px 8px;
 }
 
-/*! recurrence editor theme wise definitions*/
-/*! Recurrence-Editor component layout */
 .e-recurrenceeditor .e-editor {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-flow: row wrap;
-      flex-flow: row wrap;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap;
   margin: 0 auto;
   max-width: 1240px;
 }
@@ -198,8 +210,10 @@
 }
 .e-recurrenceeditor .e-days button {
   border-radius: 50%;
-  -ms-flex-flow: row wrap;
-      flex-flow: row wrap;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap;
   height: 35px;
   margin: 0 8px 10px;
   width: 35px;
@@ -258,13 +272,6 @@
 .e-bigger .e-recurrenceeditor .e-form-left {
   padding: 0 12px 14px 0;
 }
-.e-bigger .e-recurrenceeditor .e-form-right,
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
-  padding: 0 0 10px;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
-  padding-bottom: 6px;
-}
 .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
   padding-left: 70px;
 }
@@ -291,16 +298,12 @@
   font-size: 16px;
   margin-bottom: 8px;
 }
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
-  padding-bottom: 12px;
-}
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
   font-size: 16px;
   margin-bottom: 1px;
 }
 .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
-.e-bigger .e-recurrenceeditor .e-year-expander,
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+.e-bigger .e-recurrenceeditor .e-year-expander {
   margin-bottom: 11px;
 }
 .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
@@ -412,7 +415,8 @@
 }
 .e-device.e-recurrence-dialog .e-dlg-header-content {
   background: none;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding-bottom: 10px;
 }
 .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
@@ -437,8 +441,10 @@
     width: 100%;
   }
   .e-recurrenceeditor .e-editor {
-    -ms-flex-direction: column;
-        flex-direction: column;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
   }
   .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
     margin-top: 0;

package/styles/recurrence-editor/tailwind.css

@@ -1,11 +1,19 @@
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
-  transform: rotate(0deg);
+  -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 {
-  transform: rotate(180deg);
+  -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 {
@@ -22,13 +30,15 @@
 }
 
 .e-input-group .e-ddl-icon:not(:active)::after {
-  animation: none;
+  -webkit-animation: none;
+          animation: none;
 }
 
 .e-ddl.e-popup {
   border: 0;
   border-radius: 4px;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   margin-top: 4px;
 }
 
@@ -67,7 +77,8 @@
 .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
   background: #fff;
   border-width: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   margin-bottom: 0;
 }
 
@@ -92,13 +103,14 @@
   padding: 4px 8px;
 }
 
-/*! recurrence editor theme wise definitions*/
-/*! Recurrence-Editor component layout */
 .e-recurrenceeditor .e-editor {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-flow: row wrap;
-      flex-flow: row wrap;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap;
   margin: 0 auto;
   max-width: 1240px;
 }
@@ -198,8 +210,10 @@
 }
 .e-recurrenceeditor .e-days button {
   border-radius: 50%;
-  -ms-flex-flow: row wrap;
-      flex-flow: row wrap;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap;
   height: 35px;
   margin: 0 8px 10px;
   width: 35px;
@@ -258,13 +272,6 @@
 .e-bigger .e-recurrenceeditor .e-form-left {
   padding: 0 12px 14px 0;
 }
-.e-bigger .e-recurrenceeditor .e-form-right,
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
-  padding: 0 0 10px;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
-  padding-bottom: 6px;
-}
 .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
   padding-left: 70px;
 }
@@ -291,16 +298,12 @@
   font-size: 16px;
   margin-bottom: 8px;
 }
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
-  padding-bottom: 12px;
-}
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
   font-size: 16px;
   margin-bottom: 1px;
 }
 .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
-.e-bigger .e-recurrenceeditor .e-year-expander,
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+.e-bigger .e-recurrenceeditor .e-year-expander {
   margin-bottom: 11px;
 }
 .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
@@ -412,7 +415,8 @@
 }
 .e-device.e-recurrence-dialog .e-dlg-header-content {
   background: none;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding-bottom: 10px;
 }
 .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
@@ -437,8 +441,10 @@
     width: 100%;
   }
   .e-recurrenceeditor .e-editor {
-    -ms-flex-direction: column;
-        flex-direction: column;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
   }
   .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
     margin-top: 0;

package/styles/schedule/_bds-definition.scss

@@ -1,6 +1,4 @@
-/*! Schedule component's theme definitions and variables */
 $schedule-skin: $skin-name !default;
-
 $schedule-header-bg-color: $content-bg-color !default;
 $schedule-header-border-color: $border-light !default;
 $schedule-header-font-color: $content-text-color-alt1 !default;
@@ -27,7 +25,6 @@ $border-size: 1px;
 $border-type: solid !default;
 $schedule-current-day-active-color: $schedule-active-color !default;
 $schedule-time-cells-font-color: $schedule-secondary-content-font-color !default;
-
 $schedule-alternate-cell-border: dotted !default;
 $schedule-header-cells-padding: 8px 8px 0 !default;
 $schedule-agenda-big-appointment-padding: 7px 16px !default;
@@ -57,7 +54,6 @@ $schedule-date-header-margin-rtl: $schedule-date-header-margin !default;
 $schedule-month-date-header-cell-font-size: $text-xs !default;
 $schedule-month-date-header-cell-text-align: center !default;
 $schedule-month-date-header-cell-text-transform: uppercase !default;
-
 $schedule-timezone-enable-nrml-height: 54px !default;
 $schedule-timezone-enable-bgr-height: 64px !default;
 $schedule-appointment-details-padding: 0 4px !default;
@@ -76,7 +72,6 @@ $schedule-month-appointment-subject-padding: 1px 2px !default;
 $schedule-timescale-appointment-height: 54px !default;
 $schedule-appointment-detail-line-height: $schedule-appointment-text-line-height !default;
 $schedule-drag-appointment-opacity: .4;
-
 $schedule-header-day-nrml-font-size: $text-xs !default;
 $schedule-header-day-bgr-font-size: $text-sm !default;
 $schedule-header-day-device-font-size: $text-sm !default;
@@ -96,7 +91,6 @@ $schedule-time-scale-width: 85px !default;
 $schedule-device-time-scale-width: 60px !default;
 $schedule-header-date-line-height: 24px !default;
 $schedule-header-padding-top: 0 !default;
-
 $schedule-vertical-work-cells-border: 0 0 1px 1px !default;
 $schedule-rtl-vertical-work-cells-border: 0 1px 1px 0 !default;
 $schedule-month-work-cells-border: 0 0 1px 1px !default;
@@ -114,7 +108,6 @@ $schedule-month-agenda-appointment-padding: 0 16px !default;
 $schedule-month-agenda-item-padding: 16px 0 0 !default;
 $schedule-popup-content-padding: 40px 18px 12px !default;
 $schedule-recurrence-font-size: $text-xs !default;
-
 $schedule-tbar-bgr-min-height: 54px !default;
 $schedule-tbar-border-bottom-size: 0 !default;
 $schedule-tbar-box-shadow: 0 1px 2px rgba($color: $black, $alpha: .15) !default;
@@ -151,7 +144,6 @@ $schedule-tbar-right-active-items-btn-border: none !default;
 $schedule-device-tbar-right-items-btn-border-radius: 0 !default;
 $schedule-device-tbar-right-items-btn-border: none !default;
 $schedule-device-font-size: 8px !default;
-
 $schedule-content-nrml-font-text-transform: none !default;
 $schedule-header-hover-border-radius: 100% !default;
 $schedule-more-popup-wrapper-border-radius: 6px !default;
@@ -206,7 +198,6 @@ $schedule-multiple-event-popup-icon-height: 35px !default;
 $schedule-multiple-event-popup-icon-font-size: 18px !default;
 $schedule-bgr-multiple-event-popup-subject-padding: 2px 5px !default;
 $schedule-bgr-multiple-event-popup-icon-height: 35px !default;
-
 $schedule-event-box-shadow-1: $shadow-lg !default;
 $schedule-event-box-shadow-2: $shadow-lg !default;
 $schedule-event-box-shadow-3: $shadow-lg !default;
@@ -219,7 +210,6 @@ $schedule-more-popup-padding: 8px 0 !default;
 $schedule-more-appointment-margin-bottom: 2px !default;
 $schedule-event-popup-header-icon-padding: 6px 8px 0 0 !default;
 $schedule-event-popup-subject-wrap-padding: 12px 18px !default;
-
 $schedule-timeline-header-time-slots-bg: $schedule-tbar-default-bg !default;
 $schedule-timeline-header-cells-height: 36px !default;
 $schedule-timeline-work-cells-height: 60px !default;
@@ -242,24 +232,19 @@ $schedule-bigger-dialog-row-container-padding-bottom: 12px !default;
 $schedule-bigger-dialog-all-day-row-padding-top: 10px !default;
 $schedule-device-dialog-all-day-row-padding-top: 20px !default;
 $schedule-all-day-section-hover-color: $schedule-tbar-default-icon-color !default;
-
 $schedule-tree-bg-color: $content-bg-color-alt1 !default;
 $schedule-tree-font-color: $schedule-primary-content-font-color !default;
 $schedule-tree-content-color: $content-text-color-alt2;
 $schedule-popup-overlay-bg-color: $overlay-bg-color !default;
-
 $schedule-val-error-color: $danger-bg-color !default;
 $schedule-val-error-bg-color: $danger-light !default;
-
 $schedule-block-appointment-bg-color: $content-bg-color-alt2 !default;
 $schedule-block-appointment-font-color: $content-text-color !default;
-
 $schedule-resource-color-margin-top: 10px !default;
 $schedule-bigger-resource-color-margin-top: 10px !default;
 $schedule-resource-color-size: 14px !default;
 $schedule-bigger-resource-color-size: 16px !default;
 $schedule-resource-tree-text-content-padding: 0 0 0 12px !default;
-
 $schedule-tip-content-padding: 3px 6px !default;
 $schedule-time-cells-border-bottom-color: none !default;
 $schedule-current-day-font-weight: $font-weight-medium !default;

package/styles/schedule/_bootstrap-dark-definition.scss

@@ -1,4 +1,3 @@
-/*! Schedule component's bootstrap theme definitions and variables */
 $schedule-skin: $skin-name !default;
 $schedule-header-bg-color: $grey-base !default;
 $schedule-header-border-color: $grey-99 !default;
@@ -26,7 +25,6 @@ $schedule-calendar-background: none !default;
 $schedule-calendar-shadow: none !default;
 $schedule-time-cells-font-color: $schedule-secondary-content-font-color !default;
 $schedule-time-cells-bg-color: $schedule-header-bg-color !default;
-
 $schedule-timezone-enable-nrml-height: 60px !default;
 $schedule-timezone-enable-bgr-height: 70px !default;
 $schedule-alternate-cell-border: dotted !default;
@@ -54,7 +52,6 @@ $schedule-date-header-wrap-device-font-size: 14px !default;
 $schedule-month-date-header-cell-font-size: none !default;
 $schedule-month-date-header-cell-text-align: left !default;
 $schedule-month-date-header-cell-text-transform: none !default;
-
 $schedule-appointment-bg-color: $brand-primary !default;
 $schedule-appointment-details-padding: 0 4px !default;
 $schedule-appointment-font-color: $brand-primary-font !default;
@@ -70,7 +67,6 @@ $schedule-month-appointment-time-padding: 2.5px !default;
 $schedule-month-appointment-subject-padding: 2.5px 2px !default;
 $schedule-timescale-appointment-height: 54px !default;
 $schedule-drag-appointment-opacity: .4;
-
 $schedule-header-day-nrml-font-size: 13px !default;
 $schedule-header-day-bgr-font-size: 14px !default;
 $schedule-header-day-device-font-size: 14px !default;
@@ -90,7 +86,6 @@ $schedule-time-scale-width: 85px !default;
 $schedule-device-time-scale-width: 60px !default;
 $schedule-header-date-line-height: unset !default;
 $schedule-header-padding-top: 0 !default;
-
 $schedule-vertical-work-cells-border: 0 0 1px 1px !default;
 $schedule-rtl-vertical-work-cells-border: 0 1px 1px 0 !default;
 $schedule-month-work-cells-border: 0 0 1px 1px !default;
@@ -112,7 +107,6 @@ $schedule-popup-footer-padding: 8px 18px 8px 22px !default;
 $schedule-date-header-line-height: 20px !default;
 $schedule-date-header-margin: 3px 3px 2px !default;
 $schedule-date-header-margin-rtl: $schedule-date-header-margin !default;
-
 $schedule-tbar-bgr-min-height: 56px !default;
 $schedule-tbar-border-bottom-size: 1px solid $grey-99 !default;
 $schedule-tbar-box-shadow: none !default;
@@ -149,7 +143,6 @@ $schedule-tbar-right-active-items-btn-border: none !default;
 $schedule-device-tbar-right-items-btn-border-radius: 0 !default;
 $schedule-device-tbar-right-items-btn-border: none !default;
 $schedule-device-font-size: 8px !default;
-
 $schedule-content-nrml-font-text-transform: initial !default;
 $schedule-header-hover-border-radius: 4px !default;
 $schedule-more-popup-wrapper-border-radius: 2px !default;
@@ -203,7 +196,6 @@ $schedule-multiple-event-popup-icon-height: 35px !default;
 $schedule-multiple-event-popup-icon-font-size: 14px !default;
 $schedule-bgr-multiple-event-popup-subject-padding: 2px 5px !default;
 $schedule-bgr-multiple-event-popup-icon-height: 35px !default;
-
 $schedule-event-box-shadow-1: 0 6px 10px 0 rgba($shadow, .14) !default;
 $schedule-event-box-shadow-2: 0 1px 18px 0 rgba($shadow, .12) !default;
 $schedule-event-box-shadow-3: 0 3px 5px -1px rgba($shadow, .2) !default;
@@ -216,7 +208,6 @@ $schedule-more-popup-padding: 8px 0 !default;
 $schedule-more-appointment-margin-bottom: 2px !default;
 $schedule-event-popup-header-icon-padding: 5px 5px 2px !default;
 $schedule-event-popup-subject-wrap-padding: 0 18px 8px !default;
-
 $schedule-timeline-header-cells-height: 36px !default;
 $schedule-timeline-work-cells-height: 60px !default;
 $schedule-timeline-work-cells-width: 50px !default;
@@ -238,23 +229,18 @@ $schedule-bigger-dialog-row-container-padding-bottom: 12px !default;
 $schedule-bigger-dialog-all-day-row-padding-top: 10px !default;
 $schedule-device-dialog-all-day-row-padding-top: 20px !default;
 $schedule-all-day-section-hover-color: $schedule-tbar-default-icon-color !default;
-
 $schedule-tree-bg-color: $content-bg-color !default;
 $schedule-tree-font-color: $schedule-primary-content-font-color !default;
-$schedule-popup-overlay-bg-color: #383838 !default;
-
-$schedule-val-error-color: #f44336 !default;
-$schedule-val-error-bg-color: #fcdbe4 !default;
-
+$schedule-popup-overlay-bg-color: #333 !default;
+$schedule-val-error-color: #f43 !default;
+$schedule-val-error-bg-color: #fde !default;
 $schedule-block-appointment-bg-color: rgba(255, 255, 255, .08) !default;
-$schedule-block-appointment-font-color: #969696 !default;
-
+$schedule-block-appointment-font-color: #999 !default;
 $schedule-resource-color-margin-top: 6px !default;
 $schedule-bigger-resource-color-margin-top: 10px !default;
 $schedule-resource-color-size: 14px !default;
 $schedule-bigger-resource-color-size: 16px !default;
 $schedule-resource-tree-text-content-padding: 0 0 0 12px !default;
-
 $schedule-tip-content-padding: 3px 6px !default;
 $schedule-time-cells-border-bottom-color: $schedule-content-border-color !default;
 $schedule-current-day-font-weight: normal !default;
@@ -277,7 +263,6 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-nrml-font-size !default;
 @mixin tbar-btn-animation {
   content: '';
 }
-
 @mixin tbar-btn-animation-after {
   content: '';
 }