@syncfusion/ej2-angular-schedule 20.4.38-ngcc → 20.4.38

package/styles/recurrence-editor/tailwind.css

@@ -1,98 +1,4 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-.e-ddl.e-control-wrapper .e-ddl-icon::before {
-  transform: rotate(0deg);
-  transition: transform 300ms ease;
-}
-
-.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
-  transform: rotate(180deg);
-  transition: transform 300ms ease;
-}
-
-.e-dropdownbase .e-list-item.e-active.e-hover {
-  color: #111827;
-}
-
-.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 {
-  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);
-  margin-top: 4px;
-}
-
-.e-small .e-ddl.e-popup,
-.e-small.e-ddl.e-popup {
-  border-radius: 2px;
-  margin-top: 2px;
-}
-
-.e-bigger .e-ddl.e-popup,
-.e-bigger.e-ddl.e-popup {
-  border-radius: 6px;
-  margin-top: 8px;
-}
-
-.e-bigger.e-small .e-ddl.e-popup,
-.e-small.e-bigger.e-ddl.e-popup {
-  border-radius: 4px;
-  margin-top: 6px;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-  padding: 4px 0;
-}
-
-.e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: #e5e7eb;
-}
-
-.e-bigger .e-popup.e-ddl-device-filter {
-  margin-top: 0;
-}
-
-.e-bigger .e-ddl-device .e-input-group,
-.e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
-  background: #fff;
-  border-width: 0;
-  box-shadow: none;
-  margin-bottom: 0;
-}
-
-.e-bigger .e-ddl-device .e-input-group .e-back-icon,
-.e-bigger .e-ddl-device .e-input-group input.e-input,
-.e-bigger .e-ddl-device .e-input-group .e-clear-icon {
-  background-color: #fff;
-}
-
-.e-input-group.e-ddl,
-.e-input-group.e-ddl .e-input,
-.e-input-group.e-ddl .e-ddl-icon {
-  background: #fff;
-}
-
-.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;
-}
-
 /*! recurrence editor theme wise definitions*/
 /*! Recurrence-Editor component layout */
 .e-recurrenceeditor .e-editor {
@@ -100,7 +6,8 @@
   display: flex;
   -ms-flex-flow: row wrap;
       flex-flow: row wrap;
-  margin: 0 auto;
+  margin-left: auto;
+  margin-right: auto;
   max-width: 1240px;
 }
 .e-recurrenceeditor .e-recurrence-table {
@@ -141,7 +48,7 @@
 }
 .e-recurrenceeditor .e-form-right,
 .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
-  padding: 0 0 10px;
+  padding: 0 0 10px 8px;
 }
 .e-recurrenceeditor .e-input-wrapper {
   float: left;
@@ -182,11 +89,13 @@
   margin-bottom: 5px;
 }
 .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
-  padding: 0 0 0 8px;
+  padding-left: 8px;
+  padding-right: 0;
 }
 .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
 .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
-  padding: 0 8px 0 0;
+  padding-left: 0;
+  padding-right: 8px;
 }
 .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
   width: 30px;
@@ -214,10 +123,10 @@
   margin-bottom: 11px;
 }
 .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
-  padding-bottom: 11px;
+  margin-bottom: 11px;
 }
 .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
-  padding-top: 3px;
+  margin-top: -3px;
 }
 .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
   display: none;
@@ -267,7 +176,7 @@
 }
 .e-bigger .e-recurrenceeditor .e-form-right,
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
-  padding: 0 0 10px;
+  padding: 0 0 10px 12px;
 }
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
   padding-bottom: 6px;
@@ -326,7 +235,8 @@
 }
 .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
 .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
-  padding: 0 64px 0 0;
+  padding-left: 0;
+  padding-right: 64px;
 }
 .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
 .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -336,11 +246,13 @@
   margin-bottom: 5px;
 }
 .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
-  padding: 0 0 0 12px;
+  padding-left: 12px;
+  padding-right: 0;
 }
 .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
 .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
-  padding: 0 12px 0 0;
+  padding-left: 0;
+  padding-right: 12px;
 }
 .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
   left: 0;
@@ -372,7 +284,8 @@
 }
 .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
 .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
-  padding: 0 0 0 10px;
+  padding-left: 10px;
+  padding-right: 0;
 }
 .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
   padding-right: 10px;
@@ -393,25 +306,23 @@
 .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
   padding-left: 20px;
 }
-.e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
-  margin-left: 20px;
-}
 .e-device .e-recurrenceeditor .e-week-position {
   right: 0;
-  padding-right: 10px;
 }
 .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
   padding-right: 0;
 }
 .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
 .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
-  padding: 0 10px 0 0;
+  padding-left: 0;
+  padding-right: 10px;
 }
 .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
-  padding: 0 20px 0 0;
+  padding-left: 0;
 }
 .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
-  padding: 0 50px 0 0;
+  padding-right: 20px;
+  padding-left: 0;
 }
 .e-device .e-recurrenceeditor.e-rtl .e-week-position {
   left: 0;
@@ -428,14 +339,6 @@
   padding: 16px 8px;
 }
 
-@media (max-width: 1024px) {
-  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
-    width: 100%;
-  }
-  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
-    width: 65%;
-  }
-}
 @media (max-width: 580px) {
   .e-recurrenceeditor {
     margin-left: auto;
@@ -450,7 +353,7 @@
     margin-top: 0;
   }
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
-  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
+.e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
     margin-bottom: 7px;
   }
   .e-recurrenceeditor .e-editor > div {
@@ -466,35 +369,34 @@
     width: 50%;
   }
   .e-recurrenceeditor .e-editor .e-form-left,
-  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
+.e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
     padding: 0 0 10px;
   }
   .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
-  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
-    padding: 0 0 0 10px;
+.e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
+    padding-left: 10px;
+    padding-right: 0;
   }
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
     padding-right: 10px;
   }
   .e-recurrenceeditor .e-editor .e-form-right,
-  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
+.e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
     padding-left: 0;
   }
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
     width: 100%;
   }
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
-    width: 65%;
-  }
-  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
-    padding-left: 50px;
+    width: 100%;
   }
   .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
     padding-right: 0;
   }
   .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
-  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
-    padding: 0 10px 0 0;
+.e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+    padding-left: 0;
+    padding-right: 10px;
   }
 }
 /*! Recurrence-Editor component theme */

package/styles/recurrence-editor/tailwind.scss

@@ -1 +1,3 @@
-@import 'ej2-schedule/styles/recurrence-editor/tailwind.scss';
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'all.scss';

package/styles/schedule/_all.scss

@@ -0,0 +1,2 @@
+@import 'layout.scss';
+@import 'theme.scss';

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

@@ -0,0 +1,213 @@
+/*! 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;
+$schedule-header-font-color: $grey-dark-font !default;
+$schedule-header-hover-color: $grey-light !default;
+$schedule-content-bg-color: $grey-f8 !default;
+$schedule-content-border-color: $grey-99 !default;
+$schedule-primary-content-font-color: $grey-dark-font !default;
+$schedule-secondary-content-font-color: $grey-f5 !default;
+$schedule-select-font-color: $grey-dark-font !default;
+$schedule-select-bg-color: $grey-88 !default;
+$schedule-work-cells-bg-color: $grey-dark !default;
+$schedule-current-date-bg-color: $brand-primary !default;
+$schedule-disable-dates-color: rgba($shadow, .08) !default;
+$schedule-disable-font-color: rgba($default-font-color, .26) !default;
+$schedule-workhour-bg-color: $grey-base !default;
+$schedule-hover-bg-color: $grey-light !default;
+$schedule-hover-font-color: $header-font-color !default;
+$schedule-active-color: $brand-primary-font !default;
+$schedule-active-border-color: $brand-primary !default;
+$schedule-active-font-color: lighten($brand-primary, 15%) !default;
+$schedule-current-day-active-color: $schedule-active-color !default;
+
+$schedule-timezone-enable-nrml-height: 60px !default;
+$schedule-timezone-enable-bgr-height: 70px !default;
+$schedule-alternate-cell-border: dotted !default;
+$schedule-header-cells-height: 60px !default;
+$schedule-header-cells-padding: 5px !default;
+$schedule-header-cells-width: 36px !default;
+$schedule-month-header-cells-nrml-height: 30px !default;
+$schedule-month-work-cells-height: 70px !default;
+$schedule-month-header-cells-bgr-height: 35px !default;
+$schedule-month-header-cells-padding: 3px !default;
+$schedule-allday-cells-height: 0 !default;
+$schedule-work-cells-height: 36px !default;
+$schedule-work-cells-width: 36px !default;
+$schedule-date-navigation-font-size: 14px !default;
+$schedule-header-nrml-font-size: 16px !default;
+$schedule-header-bgr-font-size: 18px !default;
+$schedule-header-device-font-size: 18px !default;
+$schedule-content-nrml-font-size: 14px !default;
+$schedule-content-bgr-font-size: 15px !default;
+$schedule-content-device-font-size: 15px !default;
+$schedule-date-month-header-wrap-bgr-font-size: 14px !default;
+$schedule-date-header-wrap-nrml-font-size: 13px !default;
+$schedule-date-header-wrap-bgr-font-size: 14px !default;
+$schedule-date-header-wrap-device-font-size: 14px !default;
+
+$schedule-appointment-bg-color: $brand-primary !default;
+$schedule-appointment-details-padding: 0 4px !default;
+$schedule-appointment-font-color: $brand-primary-font !default;
+$schedule-appointment-border-color: $grey-base !default;
+$schedule-appointment-border-radius: 4px !default;
+$schedule-appointment-selected-border: 1px solid #fff !default;
+$schedule-appointment-active-border-color: $brand-primary-font !default;
+$schedule-month-agenda-app-indicator-color: $grey-light-font !default;
+$schedule-month-appointment-height: 22px !default;
+$schedule-month-appointment-text-line-height: 19px !default;
+$schedule-appointment-text-line-height: 20px !default;
+$schedule-month-appointment-time-padding: 2.5px !default;
+$schedule-month-appointment-subject-padding: 2.5px 2px !default;
+$schedule-timescale-appointment-height: 54px !default;
+
+$schedule-header-day-nrml-font-size: 13px !default;
+$schedule-header-day-bgr-font-size: 14px !default;
+$schedule-header-day-device-font-size: 14px !default;
+$schedule-header-date-device-font-size: 20px !default;
+$schedule-header-date-nrml-font-size: 18px !default;
+$schedule-header-date-bgr-font-size: 20px !default;
+$schedule-time-scale-nrml-font-size: 12px !default;
+$schedule-time-scale-bgr-font-size: 13px !default;
+$schedule-time-scale-device-font-size: 11px !default;
+$schedule-current-time-nrml-font-size: 11px !default;
+$schedule-current-time-bgr-font-size: 12px !default;
+$schedule-current-time-bgr-device-font-size: 9px !default;
+$schedule-popup-header-icon-font-size: 11px !default;
+$schedule-time-scale-width: 85px !default;
+$schedule-device-time-scale-width: 35px !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;
+$schedule-rtl-month-work-cells-border: 0 1px 1px 0 !default;
+$schedule-month-agenda-header-cells-border: 0 0 1px 0 !default;
+$schedule-month-agenda-work-cells-border: 0 !default;
+$schedule-rtl-month-agenda-work-cells-border: 0 !default;
+$schedule-month-agenda-border: 1px solid $schedule-content-border-color !default;
+$schedule-agenda-color: $grey-base !default;
+$schedule-agenda-date-header-padding: 10px 32px 0 16px !default;
+$schedule-recurrence-font-size: 11px !default;
+$schedule-agenda-item-padding: 10px 0 !default;
+$schedule-agenda-appointment-padding: 0 8px !default;
+$schedule-month-agenda-appointment-padding: 0 8px !default;
+$schedule-month-agenda-item-padding: 10px 0 !default;
+$schedule-popup-content-padding: 38px 18px 12px !default;
+$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-tbar-bgr-min-height: 56px !default;
+$schedule-tbar-border-bottom-size: 1px solid $grey-99 !default;
+$schedule-tbar-box-shadow: none !default;
+$schedule-tbar-box-shadow-bottom-margin: 0 !default;
+$schedule-tbar-min-height: 43px !default;
+$schedule-tbar-down-arrow-font-size: 12px !default;
+$schedule-tbar-down-arrow-padding-top: 0 !default;
+$schedule-tbar-default-icon-color: $grey-light-font !default;
+$schedule-tbar-separator-size: $border-size !default;
+$schedule-tbar-default-bg: $grey-darker !default;
+$schedule-tbar-separator-border: $grey-99 !default;
+$schedule-tbar-border-nav: $grey-f8 !default;
+$schedule-tbar-border-nav-type: solid !default;
+$schedule-tbar-hover-bg: $grey-light !default;
+$schedule-tbar-hover-font: $brand-primary !default;
+$schedule-tbar-nav-bgr-width: 32px !default;
+$schedule-tbar-bgr-item-size: 34px !default;
+$schedule-tbar-bgr-size: $schedule-tbar-bgr-min-height !default;
+$schedule-tbar-bgr-items-size: $schedule-tbar-bgr-min-height !default;
+$schedule-tbar-separator-bgr-height: calc(100% - 15px) !default;
+$schedule-tbar-separator-bgr-mrgn: 7.5px 3px !default;
+$schedule-tbar-separator-bgr-minheight: 27px !default;
+$schedule-tbar-btn-icon-bgr-width: 24px !default;
+$schedule-tbar-btn-bgr-mrgn: 4px 0 !default;
+$schedule-tbar-btn-bgr-minheight: 34px !default;
+$schedule-tbar-btn-bgr-minwidth: 34px !default;
+$schedule-tbar-btn-bgr-padding: 0 1.5px !default;
+$schedule-tbar-btn-icn-bgr-padding: 0 !default;
+$schedule-tbar-btn-icn-right-bgr-padding: 0 !default;
+
+$schedule-content-nrml-font-text-transform: initial !default;
+$schedule-header-hover-border-radius: 4px !default;
+$schedule-more-popup-wrapper-border-radius: 2px !default;
+$schedule-box-shadow: 0 1px 0 rgba($shadow, .15) !default;
+$schedule-popup-box-shadow-1: 0 24px 38px 3px rgba($shadow, .14) !default;
+$schedule-popup-box-shadow-2: 0 9px 46px 8px rgba($shadow, .12) !default;
+$schedule-popup-box-shadow-3: 0 11px 15px -7px rgba($shadow, .2) !default;
+$schedule-popup-border-color: $grey-99 !default;
+$schedule-popup-bg-color: $grey-base !default;
+$schedule-popup-header-icon-color: $grey-dark-font !default;
+$schedule-popup-header-icon-hover-color: $grey-dark-font !default;
+$schedule-popup-header-icon-hover-bg-color: $schedule-select-bg-color !default;
+$schedule-popup-icon-color: $grey-dark-font !default;
+$schedule-popup-icon-hover-color: $grey-light-font !default;
+$schedule-popup-icon-hover-bg-color: $schedule-select-bg-color !default;
+$schedule-popup-content-icon-color: $grey-dark-font !default;
+$schedule-event-popup-content-padding: 0 18px 16px 26px !default;
+$schedule-event-popup-fields-padding: 12px !default;
+$schedule-popup-title-color: $grey-light !default;
+$schedule-popup-btn-border: none !default;
+$schedule-alert-dialog-border: none !default;
+$schedule-btn-txt-bgr-padding: 5px 12px !default;
+$schedule-icon-color: $grey-light-font !default;
+$schedule-popup-header-icon-focus-bg-color: $schedule-popup-icon-hover-bg-color !default;
+$schedule-popup-header-icon-focus-color: $schedule-popup-icon-hover-color !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;
+$schedule-more-indicator-shadow-color: $shadow-color !default;
+$schedule-more-indicator-shadow-color-res-tree-popup: 0 3px 4px .2px $schedule-more-indicator-shadow-color !default;
+$schedule-more-indicator-shadow-color-more-popup: 0 10px 10px 0 $schedule-more-indicator-shadow-color !default;
+$schedule-more-indicator-nrml-font-size: 11px !default;
+$schedule-more-popup-close-margin-top: 3px !default;
+$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-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;
+$schedule-timeline-month-cells-width: 70px !default;
+$schedule-timeline-work-cells-border: 0 0 1px 1px !default;
+$schedule-rtl-timeline-work-cells-border: 0 1px 1px 0 !default;
+$schedule-timeline-resources-width: 200px !default;
+$schedule-timeline-appointment-height: 38px !default;
+$schedule-timeline-year-work-cells-height: 75px !default;
+$schedule-timeline-year-work-cells-width: 100px !default;
+$schedule-timeline-year-resource-text-padding: 4px 15px !default;
+$schedule-timeline-year-resource-cells-padding-left: 15px !default;
+$schedule-timeline-year-left-indent-padding: 0 !default;
+$schedule-timeline-date-header-wrap-padding: 5px !default;
+$schedule-dialog-row-continer-padding-bottom: 12px !default;
+$schedule-dialog-all-day-row-padding-top: 8px !default;
+$schedule-dialog-all-day-row-padding-bottom: 14px !default;
+$schedule-bigger-dialog-row-continer-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-tree-bg-color: $content-bg-color !default;
+$schedule-popup-overlay-bg-color: #383838 !default;
+
+$schedule-val-error-color: #f44336 !default;
+$schedule-val-error-bg-color: #fcdbe4 !default;
+
+$schedule-block-appointment-bg-color: rgba(255, 255, 255, .08) !default;
+$schedule-block-appointment-font-color: #969696 !default;
+
+$schedule-resource-color-margin-top: 6px !default;
+$schedule-bigger-resource-color-margin-top: 12px !default;
+$schedule-resource-color-size: 14px !default;
+$schedule-bigger-resource-color-size: 16px !default;
+
+@mixin tbar-btn-animation {
+  content: '';
+}
+
+@mixin tbar-btn-animation-after {
+  content: '';
+}
+
+$schedule-tree-content-color: #fff !default;