@syncfusion/blazor-themes 25.1.38 → 25.1.40

package/SCSS-Themes/fluent.scss

@@ -58152,12 +58152,11 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
   .e-stepper {
     position: relative;
     &.e-stepper-readonly,
-    .e-stepper-steps .e-step-container.e-step-disabled {
+    .e-step-disabled {
       cursor: default;
       pointer-events: none;
     }
-
-    &.e-step-type-indicator .e-stepper-steps .e-step-container {
+    &.e-step-type-indicator .e-step-container {
       &:not(.e-step-icon.e-step-label.e-step-text) {
         .e-icons.e-step-indicator {
           font-size: $stepper-step-width;
@@ -58170,12 +58169,12 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
     }
 
     //For Blazor Stepper Tooltip
-    .e-stepper-steps .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip),
-    &.e-vertical.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip),
-    &.e-vertical.e-label-before .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
+    .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip),
+    &.e-vertical.e-label-after .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip),
+    &.e-vertical.e-label-before .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
       position: relative;
     }
-    &.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
+    &.e-horizontal .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
       position: unset;
     }
     .e-tooltip-wrap.e-stepper-tooltip {
@@ -58200,15 +58199,14 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         top: -6px;
       }
     }
-    .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
+    .e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
       left: unset;
       top: 0;
       transform: translate(0%, -135%);
     }
-    &.e-step-type-indicator .e-stepper-steps .e-step-container .e-tooltip-wrap.e-stepper-tooltip {
+    &.e-step-type-indicator .e-tooltip-wrap.e-stepper-tooltip {
       transform: translate(-50%, -115%);
     }
-
     .e-stepper-steps {
       display: flex;
       padding: 0;
@@ -58216,124 +58214,170 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
       justify-content: space-between;
       position: relative;
       align-items: flex-start;
-      .e-step-container {
-        max-width: var(--max-width);
-        &.e-step-notstarted:not(.e-step-disabled) .e-step,
-        &.e-step-notstarted:not(.e-step-disabled) .e-indicator {
-          border: $step-border;
-        }
-        .e-step-label-container,
-        .e-step-text-container {
-          max-width: clamp(100%, 10em, 100%);
-          white-space: nowrap;
-        }
-        .e-step-label-optional {
-          font-size: $stepper-optional-size;
-          flex-basis: 100%;
-        }
-        .e-step-optional-container {
-          display: flex;
-          flex-direction: column;
+      .e-step-container,
+      .e-step,
+      .e-step-valid.e-step-text.e-step-text-only .e-step-text-container,
+      .e-step-error.e-step-text.e-step-text-only .e-step-text-container,
+      .e-step-label-container {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    }
+    .e-step-container {
+      max-width: var(--max-width);
+      list-style-type: none;
+      cursor: pointer;
+      text-align: center;
+      .e-step-label-container,
+      .e-step-text-container {
+        max-width: clamp(100%, 10em, 100%);
+        white-space: nowrap;
+      }
+      .e-step-label-optional {
+        font-size: $stepper-optional-size;
+        flex-basis: 100%;
+      }
+      .e-step-optional-container {
+        display: flex;
+        flex-direction: column;
+      }
+      .e-step-content {
+        font-size: $stepper-icon-size;
+        line-height: 0;
+      }
+      .e-indicator {
+        font-size: $stepper-icon-size;
+      }
+      &:not(.e-step-text-only) > .e-step-text-container {
+        padding: $stepper-icon-text-padding;
+      }
+      &.e-step-text-only .e-step-text-container,
+      &.e-step-label-only .e-step-label-container {
+        padding: $stepper-text-padding;
+        padding-block: 5px;
+      }
+      &.e-step-text-only.e-step-error .e-step-text-container,
+      &.e-step-text-only.e-step-valid .e-step-text-container,
+      &.e-step-label-only.e-step-error .e-step-label-container,
+      &.e-step-label-only.e-step-valid .e-step-label-container {
+        flex-direction: column;
+        .e-step-validation-icon {
+          position: relative;
+          top: $stepper-validation-position;
         }
       }
+      .e-step-label-container,
+      .e-step-text-container {
+        font-size: $stepper-text-size;
+      }
+      .e-step,
+      .e-indicator {
+        border-radius: $stepper-step-radius;
+        min-width: $stepper-step-width;
+        min-height: $stepper-step-width;
+      }
+    }
+    .e-step-notstarted:not(.e-step-disabled) .e-step,
+    .e-step-notstarted:not(.e-step-disabled) .e-indicator {
+      border: $step-border;
     }
-
     &.e-horizontal {
       display: block;
       .e-stepper-steps {
         flex-direction: row;
       }
-
       &.e-label-before,
       &.e-label-after {
-        &:has(.e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
+        &:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
           margin-left: var(--progress-left-position);
           top: var(--progress-top-position);
           width: var(--progress-bar-width);
         }
       }
-
       &.e-label-before.e-rtl,
       &.e-label-after.e-rtl {
-        &:has(.e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
+        &:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
           margin-right: var(--progress-left-position);
           margin-left: unset;
         }
       }
-    }
-
-    &.e-horizontal .e-stepper-steps .e-step-container {
-      &.e-step-icon.e-step-label {
+      .e-step-icon.e-step-label {
         gap: 1em;
+        flex-direction: column;
       }
-
-      &.e-step-icon.e-step-label .e-step-label-container {
+      .e-step-icon.e-step-label .e-step-label-container {
         position: relative;
         &.e-label-before {
           order: -1;
         }
       }
-
-      &.e-step-text.e-step-label,
-      &.e-step-icon.e-step-label {
-        flex-direction: column;
+      &.e-label-start .e-step-text-container {
+        order: $stepper-label-order;
       }
-    }
-
-    &.e-horizontal.e-label-start .e-stepper-steps .e-step-container .e-step-text-container {
-      order: $stepper-label-order;
-    }
-
-    &.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
-      position: absolute;
-      top: 2.5em;
-      margin-left: 2.5em;
-    }
-
-    &.e-horizontal.e-label-start .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional,
-    &.e-horizontal.e-rtl .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
-      margin-right: 2.5em;
-      margin-left: unset;
-    }
-
-    &.e-horizontal.e-label-start.e-rtl .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
-      margin-right: unset;
-      margin-left: 2.5em;
-    }
-
-    &.e-horizontal.e-label-before .e-stepper-steps {
-      &:has(.e-step-label-optional) {
-        align-items: flex-end;
+      .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+        position: absolute;
+        top: 2.5em;
+        margin-left: 2.5em;
       }
-      .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional) {
-        flex-direction: column;
-        gap: .5em;
+      &.e-label-start .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional,
+      &.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+        margin-right: 2.5em;
+        margin-left: unset;
+      }
+      &.e-label-start.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+        margin-right: unset;
+        margin-left: 2.5em;
+      }
+      &.e-label-before .e-stepper-steps {
+        &:has(.e-step-label-optional) {
+          align-items: flex-end;
+        }
+        .e-step-label-container.e-label-before:has(.e-step-label-optional) {
+          flex-direction: column;
+          gap: .5em;
+        }
+      }
+      .e-text,
+      .e-label,
+      .e-step-label-optional {
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+      .e-step-text.e-step-text-only:has(.e-step-label-optional),
+      .e-step-label.e-step-label-only:has(.e-step-label-optional),
+      .e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
+      .e-step-label-container.e-label-after:has(.e-step-label-optional) {
+        flex-wrap: wrap;
+      }
+      &.e-step-type-indicator .e-step-container {
+        flex-wrap: wrap;
+      }
+      .e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
+        margin-top: .5em;
+      }
+      &.e-label-after .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
+        margin-top: .2em;
       }
     }
-
     &.e-vertical {
       min-height: inherit;
       display: inline-block;
-
-      .e-stepper-steps .e-step-container.e-step-label.e-step-label-only,
-      .e-stepper-steps .e-step-container.e-step-template {
+      .e-step-label.e-step-label-only,
+      .e-step-template {
         position: relative;
       }
-
-      &:not(.e-label-top):not(.e-label-bottom) .e-stepper-steps .e-step-container .e-step-label-optional {
+      &:not(.e-label-top):not(.e-label-bottom) .e-step-label-optional {
         position: absolute;
       }
-
-      &:not(.e-label-bottom):not(.e-label-top) .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+      &:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
         margin-top: $stepper-label-optional;
         margin-left: 4em;
       }
-
-      &.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+      &.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
         margin-left: unset;
         margin-right: 4em;
       }
-
       .e-stepper-steps {
         flex-direction: column;
         min-height: inherit;
@@ -58342,49 +58386,42 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         margin: $stepper-ol-padding;
         justify-content: space-between;
       }
-
       &.e-rtl .e-stepper-steps {
         float: right;
       }
-
-      .e-stepper-steps:has(.e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label)),
-      .e-stepper-steps:has(.e-step-container.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label)),
-      .e-stepper-steps:has(.e-step-container.e-step-label.e-step-label-only:not(.e-step-icon.e-step-text)),
-      &.e-label-after .e-stepper-steps:has(.e-step-container.e-step-label.e-step-text:not(.e-step-icon)),
+      .e-stepper-steps:has(.e-step-icon:not(.e-step-text):not(.e-step-label)),
+      .e-stepper-steps:has(.e-step-text.e-step-text-only),
+      .e-stepper-steps:has(.e-step-label.e-step-label-only),
+      &.e-label-after .e-stepper-steps:has(.e-step-label.e-step-text:not(.e-step-icon)),
       &.e-step-type-indicator .e-stepper-steps {
         align-items: center;
       }
-
-      .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
-      .e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
+      .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
+      .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
         margin-left: $stepper-text-postion;
       }
-
       &.e-rtl {
-        .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
-        .e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
+        .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
+        .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
           margin-left: unset;
           margin-right: $stepper-text-postion;
         }
       }
-
-      .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional),
-      &.e-label-before .e-stepper-steps .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional),
-      .e-stepper-steps .e-step-container.e-step-text-only.e-step-text:has(.e-step-label-optional),
-      .e-stepper-steps .e-step-container.e-step-label-only.e-step-label:has(.e-step-label-optional) {
+      .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional),
+      &.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional),
+      .e-step-text-only.e-step-text:has(.e-step-label-optional),
+      .e-step-label-only.e-step-label:has(.e-step-label-optional) {
         flex-direction: column;
         .e-step-label-optional {
           position: unset;
         }
       }
-
-      .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional),
-      &.e-label-before .e-stepper-steps .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional) {
+      .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional),
+      &.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) {
         gap: .5em;
       }
-
-      &.e-label-before .e-stepper-steps .e-step-container.e-step-icon.e-step-label,
-      &.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label {
+      &.e-label-before .e-step-icon.e-step-label,
+      &.e-label-after .e-step-icon.e-step-label {
         .e-step-label-container.e-label-after:has(.e-step-label-optional) {
           flex-direction: column;
           .e-label {
@@ -58395,43 +58432,37 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
           position: unset;
         }
       }
-
-      .e-stepper-steps .e-step-container {
+      .e-step-container {
         &.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
           position: absolute;
           .e-step-label-optional {
             left: $stepper-ol-padding;
           }
         }
-
         .e-step-label-container.e-label-after {
           .e-step-label-optional {
             font-size: $stepper-optional-size;
           }
         }
-
         .e-step-label-container.e-label-before .e-label {
           width: var(--label-width);
         }
-
         &:not(.e-step-text-only) .e-step-text-container {
           border: none;
           border-radius: unset;
           padding: $stepper-text-vert-padding;
         }
-
-        &.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
-        &.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container {
+        &.e-step-text-only .e-step-text-container,
+        &.e-step-label-only .e-step-label-container {
           position: unset;
         }
       }
       &.e-label-top {
-        .e-stepper-steps .e-step-container .e-step-label-optional {
+        .e-step-label-optional {
           padding-bottom: 6px;
         }
       }
     }
-
     &.e-vertical.e-label-top,
     &.e-vertical.e-label-bottom {
       .e-stepper-steps {
@@ -58439,98 +58470,17 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         .e-step-container {
           flex-direction: column;
           .e-step-text-container {
-            margin-left: $stepper-ol-padding !important; /* stylelint-disable-line declaration-no-important */
+            margin-left: $stepper-ol-padding;
           }
         }
       }
     }
-
-    &.e-vertical.e-label-top .e-stepper-steps .e-step-container {
+    &.e-vertical.e-label-top .e-step-container {
       .e-step-label-optional,
       .e-step-text-container {
         order: $stepper-label-order;
       }
     }
-    .e-stepper-steps  {
-      .e-step-container,
-      .e-step-container .e-step,
-      .e-step-container.e-step-valid.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
-      .e-step-container.e-step-error.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
-      .e-step-container .e-step-label-container {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-    }
-
-    &.e-horizontal {
-      .e-stepper-steps {
-        .e-step-container.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label):has(.e-step-label-optional),
-        .e-step-container.e-step-label.e-step-label-only:not(.e-step-icon.e-step-label):has(.e-step-label-optional),
-        .e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
-        .e-step-container .e-step-label-container.e-label-after:has(.e-step-label-optional) {
-          flex-wrap: wrap;
-        }
-      }
-      &.e-step-type-indicator .e-step-container {
-        flex-wrap: wrap;
-      }
-    }
-
-    &.e-horizontal .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
-      margin-top: .5em;
-    }
-
-    &.e-horizontal.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
-      margin-top: .2em;
-    }
-
-    .e-stepper-steps .e-step-container {
-      list-style-type: none;
-      cursor: pointer;
-      text-align: center;
-
-      .e-step-content {
-        font-size: $stepper-icon-size;
-        line-height: 0;
-      }
-
-      .e-indicator {
-        font-size: $stepper-icon-size;
-      }
-
-      &:not(.e-step-text-only) > .e-step-text-container {
-        padding: $stepper-icon-text-padding;
-      }
-
-      &.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
-      &.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container {
-        padding: $stepper-text-padding;
-        padding-block: 5px;
-      }
-
-      &.e-step-text-only.e-step-error:not(.e-step-icon.e-step-label) .e-step-text-container,
-      &.e-step-text-only.e-step-valid:not(.e-step-icon.e-step-label) .e-step-text-container,
-      &.e-step-label-only.e-step-error:not(.e-step-icon.e-step-text) .e-step-label-container,
-      &.e-step-label-only.e-step-valid:not(.e-step-icon.e-step-text) .e-step-label-container {
-        flex-direction: column;
-        .e-step-validation-icon {
-          position: relative;
-          top: $stepper-validation-position;
-        }
-      }
-      .e-step-label-container,
-      .e-step-text-container {
-        font-size: $stepper-text-size;
-      }
-      .e-step,
-      .e-indicator {
-        border-radius: $stepper-step-radius;
-        min-width: $stepper-step-width;
-        min-height: $stepper-step-width;
-      }
-    }
-
     .e-stepper-progressbar {
       height: $stepper-progress-bar-height;
       position: absolute;
@@ -58545,7 +58495,6 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         transition-delay: var(--delay);
       }
     }
-
     &.e-vertical .e-stepper-progressbar {
       min-height: inherit;
       width: $stepper-progress-bar-height;
@@ -58558,40 +58507,26 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         transition-property: height;
       }
     }
-
     &.e-vertical.e-rtl .e-stepper-progressbar {
       right: var(--progress-position);
       left: unset;
     }
-
-    &:not(.e-steps-focus):not(.e-step-type-label):not(.e-step-type-indicator) .e-stepper-steps .e-step-container:not(.e-step-text-only):not(.e-step-label-only) .e-indicator,
-    .e-stepper-steps .e-step-container.e-step-focus .e-indicator {
+    &:not(.e-steps-focus):not(.e-step-type-label):not(.e-step-type-indicator) .e-step-container .e-indicator,
+    .e-step-focus .e-indicator {
       z-index: 0;
     }
-
-    .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
+    .e-step-template.e-step-focus {
       outline: $stepper-temp-outline-width;
     }
   }
-
   .e-tooltip-wrap.e-stepper-tooltip.e-step-inprogress-tip {
     .e-arrow-tip.e-tip-bottom {
       top: 90% !important; /* stylelint-disable-line declaration-no-important */
     }
   }
-
-  .e-stepper.e-horizontal .e-stepper-steps .e-step-container {
-    .e-text,
-    .e-label,
-    .e-step-label-optional {
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-  }
-
   .e-small.e-stepper,
   .e-small .e-stepper {
-    &.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) {
+    &.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) {
       .e-icons.e-step-indicator {
         font-size: $stepper-small-step-width;
       }
@@ -58600,39 +58535,33 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         height: $stepper-small-step-width;
       }
     }
-
-    .e-stepper-steps .e-step-container {
+    .e-step-container {
       .e-step,
       .e-indicator {
         min-width: $stepper-small-step-width;
         min-height: $stepper-small-step-width;
       }
-
       .e-indicator {
         font-size: $stepper-small-icon-size;
       }
-
       .e-step-text-container,
       .e-step-label-container {
         font-size: $stepper-small-text-size;
       }
-
       .e-step-content {
         font-size: $stepper-small-icon-size;
       }
-
       .e-step-label-optional {
         font-size: $stepper-small-optional-size;
       }
     }
-    &.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
+    &.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
       font-size: $stepper-small-optional-size;
     }
   }
-
   .e-bigger.e-stepper,
   .e-bigger .e-stepper {
-    &.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) {
+    &.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) {
       .e-icons.e-step-indicator {
         font-size: $stepper-bigger-step-width;
       }
@@ -58641,32 +58570,27 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         height: $stepper-bigger-step-width;
       }
     }
-
-    .e-stepper-steps .e-step-container {
+    .e-step-container {
       .e-step,
       .e-indicator {
         min-width: $stepper-bigger-step-width;
         min-height: $stepper-bigger-step-width;
       }
-
       .e-indicator {
         font-size: $stepper-bigger-icon-size;
       }
-
       .e-step-text-container,
       .e-step-label-container {
         font-size: $stepper-bigger-text-size;
       }
-
       .e-step-content {
         font-size: $stepper-bigger-icon-size;
       }
-
       .e-step-label-optional {
         font-size: $stepper-bigger-optional-size;
       }
     }
-    &.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
+    &.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
       font-size: $stepper-bigger-optional-size;
     }
   }
@@ -58675,7 +58599,7 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
   .e-bigger.e-small .e-stepper,
   .e-bigger .e-small.e-stepper,
   .e-small .e-bigger.e-stepper {
-    &.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) {
+    &.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) {
       .e-icons.e-step-indicator {
         font-size: $stepper-bigger-small-step-width;
       }
@@ -58684,31 +58608,27 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
         height: $stepper-bigger-small-step-width;
       }
     }
-
-    .e-stepper-steps .e-step-container {
+    .e-step-container {
       .e-step,
       .e-indicator {
         min-width: $stepper-bigger-small-step-width;
         min-height: $stepper-bigger-small-step-width;
       }
-
       .e-indicator {
         font-size: $stepper-bigger-small-icon-size;
       }
-
       .e-step-text-container,
-      .e-step-label-container{
+      .e-step-label-container {
         font-size: $stepper-bigger-small-text-size;
       }
       .e-step-content {
         font-size: $stepper-bigger-small-icon-size;
       }
-
       .e-step-label-optional {
         font-size: $stepper-bigger-small-optional-size;
       }
     }
-    &.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
+    &.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
       font-size: $stepper-bigger-small-optional-size;
     }
   }
@@ -58717,229 +58637,203 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
 
 @include export-module('stepper-theme') {
   .e-stepper {
-    .e-stepper-steps {
-      .e-step-container {
-        &.e-step-notstarted:not(.e-step-disabled) .e-step,
-        &.e-step-notstarted:not(.e-step-disabled) .e-indicator,
-        &.e-step-notstarted .e-icons.e-step-indicator {
-          border-color: $step-border-color;
-        }
-
-        .e-step-label-optional {
-          color: $step-optional-color;
-        }
-
-        .e-step,
-        .e-indicator {
-          color: $step-color;
-          background: $step-bg-color;
-        }
-
-        .e-step-indicator {
-          color: transparent;
-        }
-
-        &.e-step-completed .e-step,
-        &.e-step-inprogress .e-step,
-        &.e-step-completed .e-indicator,
-        &.e-step-inprogress .e-indicator,
-        &.e-step-completed .e-step-indicator,
-        &.e-step-inprogress .e-step-indicator {
-          background: $step-completed-bg-color;
-          color: $step-completed-color;
-        }
-
-        &.e-step-valid {
-          .e-indicator {
-            background: $step-valid-completed-bg-color !important; /* stylelint-disable-line declaration-no-important */
-            color: $step-valid-completed-color;
-          }
-        }
-
-        &.e-step-error {
-          .e-indicator {
-            background: $step-error-completed-bg-color !important; /* stylelint-disable-line declaration-no-important */
-            color: $step-error-icon-color;
-          }
-
-          .e-text,
-          .e-label {
-            color: $step-error-completed-color;
-          }
-        }
-
-        &.e-step-valid:not(.e-step-notstarted) .e-indicator:hover,
-        &.e-step-error .e-indicator:hover {
-          color: $step-color;
-        }
-
-        &.e-step-selected {
-          .e-text,
-          .e-label {
-            font-weight: $stepper-font-weight;
-          }
-        }
-
-        &.e-step-valid.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
-        &.e-step-valid.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container {
-          .e-step-validation-icon {
-            color: $step-valid-icon-only-color;
-          }
-        }
-
-        &.e-step-error.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
-        &.e-step-error.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container {
-          .e-step-validation-icon {
-            color: $step-error-icon-only-color;
-          }
-        }
-
-        .e-text,
-        .e-label {
-          color: $stepper-text-color;
-        }
-
-        &.e-step-selected:not(.e-step-error),
-        &.e-step-completed:not(.e-step-error) {
-          .e-text,
-          .e-label {
-            color: $step-completed-bg-color;
-          }
-        }
-
-        &.e-step-label:not(.e-step-icon) .e-step-label-container {
-          background-color: $stepper-outline-color;
-        }
-        
-        .e-step-text-container {
-          background-color: $stepper-outline-color;
-          border-color: transparent;
-        }
-
-        &.e-step-selected .e-indicator {
-          background: $step-completed-bg-color;
-        }
-
-        &.e-step-disabled .e-indicator {
-          background: $step-disabled-bg-color !important; /* stylelint-disable-line declaration-no-important */
-          color: $step-disabled-color !important; /* stylelint-disable-line declaration-no-important */
-        }
-
-        &.e-step-disabled .e-text,
-        &.e-step-disabled .e-label,
-        &.e-step-disabled .e-step-validation-icon {
-          color: $step-disabled-font-color !important; /* stylelint-disable-line declaration-no-important */
-        }
+    .e-step-notstarted:not(.e-step-disabled) .e-step,
+    .e-step-notstarted:not(.e-step-disabled) .e-indicator,
+    .e-step-notstarted .e-icons.e-step-indicator {
+      border-color: $step-border-color;
+    }
+    .e-step-label-optional {
+      color: $step-optional-color;
+    }
+    .e-step,
+    .e-indicator {
+      color: $step-color;
+      background: $step-bg-color;
+    }
+    .e-step-indicator {
+      color: transparent;
+    }
+    .e-step-completed .e-step,
+    .e-step-inprogress .e-step,
+    .e-step-completed .e-indicator,
+    .e-step-inprogress .e-indicator,
+    .e-step-completed .e-step-indicator,
+    .e-step-inprogress .e-step-indicator {
+      background: $step-completed-bg-color;
+      color: $step-completed-color;
+    }
+    .e-step-selected .e-indicator {
+      background: $step-completed-bg-color;
+    }
+    .e-step-valid .e-indicator {
+      background: $step-valid-completed-bg-color;
+      color: $step-valid-completed-color;
+    }
+    .e-step-error {
+      .e-indicator {
+        background: $step-error-completed-bg-color;
+        color: $step-error-icon-color;
+      }
+      .e-text,
+      .e-label {
+        color: $step-error-completed-color;
       }
     }
-
-    &.e-vertical .e-stepper-steps .e-step-container.e-step-text-only.e-step-text .e-step-label-optional,
-    &.e-vertical .e-stepper-steps .e-step-container.e-step-label-only.e-step-label .e-step-label-optional,
-    &.e-vertical .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label) .e-step-label-optional,
-    &.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-label-optional,
-    &.e-vertical.e-label-bottom .e-stepper-steps .e-step-container .e-step-label-optional {
+    .e-step-valid:not(.e-step-notstarted) .e-indicator:hover,
+    .e-step-error .e-indicator:hover {
+      color: $step-color;
+    }
+    .e-step-selected {
+      .e-text,
+      .e-label {
+        font-weight: $stepper-font-weight;
+      }
+    }
+    .e-step-valid.e-step-text-only,
+    .e-step-valid.e-step-label-only {
+      .e-step-validation-icon {
+        color: $step-valid-icon-only-color;
+      }
+    }
+    .e-step-error.e-step-text-only,
+    .e-step-error.e-step-label-only {
+      .e-step-validation-icon {
+        color: $step-error-icon-only-color;
+      }
+    }
+    .e-text,
+    .e-label {
+      color: $stepper-text-color;
+    }
+    .e-step-selected:not(.e-step-error),
+    .e-step-completed:not(.e-step-error) {
+      .e-text,
+      .e-label {
+        color: $step-completed-bg-color;
+      }
+    }
+    .e-step-label:not(.e-step-icon) .e-step-label-container {
+      background-color: $stepper-outline-color;
+    }
+    .e-step-text-container {
+      background-color: $stepper-outline-color;
+      border-color: transparent;
+    }
+    .e-step-disabled .e-indicator {
+      background: $step-disabled-bg-color;
+      color: $step-disabled-color;
+    }
+    .e-step-disabled .e-text,
+    .e-step-disabled .e-label,
+    .e-step-disabled .e-step-validation-icon {
+      color: $step-disabled-font-color;
+    }
+    &.e-vertical .e-step-text-only.e-step-text .e-step-label-optional,
+    &.e-vertical .e-step-label-only.e-step-label .e-step-label-optional,
+    &.e-vertical .e-step-icon:not(.e-step-text):not(.e-step-label) .e-step-label-optional,
+    &.e-vertical.e-label-top .e-step-label-optional,
+    &.e-vertical.e-label-bottom .e-step-label-optional {
       background-color: $stepper-outline-color;
     }
-
     .e-stepper-progressbar {
       background-color: $step-progress-bg-color;
-
       >.e-progressbar-value {
         background-color: $step-progress-value-bg-color;
       }
     }
-
-    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+    &:not(.e-steps-focus) .e-step-selected .e-step {
       box-shadow: $step-selected-li-shadow;
     }
-
-    .e-stepper-steps .e-step-container.e-step-focus .e-step,
-    .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
-    .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-    .e-stepper-steps .e-step-container.e-step-template.e-step-focus,
-    &:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step,
-    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text,
-    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
-      box-shadow: $step-keyboard-selected-li-shadow !important; /* stylelint-disable-line declaration-no-important */
+    .e-step-focus .e-step,
+    .e-step-label-only.e-step-focus .e-label,
+    .e-step-text-only.e-step-focus .e-text,
+    .e-step-template.e-step-focus,
+    &:not(.e-steps-focus) :focus-visible .e-step,
+    &:not(.e-steps-focus) .e-step-text-only:focus-visible .e-text,
+    &:not(.e-steps-focus) .e-step-label-only:focus-visible .e-label {
+      box-shadow: $step-keyboard-selected-li-shadow;
     }
 
-    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
-    .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,
-    .e-stepper-steps .e-step-container.e-step-valid.e-step-label-only.e-step-focus .e-label,
-    .e-stepper-steps .e-step-container.e-step-valid.e-step-text-only.e-step-focus .e-text,
-    .e-stepper-steps .e-step-container.e-step-valid.e-step-template.e-step-focus {
+    &:not(.e-steps-focus) .e-step-valid.e-step-selected .e-step,
+    .e-step-valid.e-step-focus .e-step,
+    .e-step-valid.e-step-label-only.e-step-focus .e-label,
+    .e-step-valid.e-step-text-only.e-step-focus .e-text,
+    .e-step-valid.e-step-template.e-step-focus {
       box-shadow: $step-valid-li-shadow;
     }
 
-    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-error.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
-    .e-stepper-steps .e-step-container.e-step-error.e-step-focus .e-step,
-    .e-stepper-steps .e-step-container.e-step-error.e-step-label-only.e-step-focus .e-label,
-    .e-stepper-steps .e-step-container.e-step-error.e-step-text-only.e-step-focus .e-text,
-    .e-stepper-steps .e-step-container.e-step-error.e-step-template.e-step-focus {
+    &:not(.e-steps-focus) .e-step-error.e-step-selected .e-step,
+    .e-step-error.e-step-focus .e-step,
+    .e-step-error.e-step-label-only.e-step-focus .e-label,
+    .e-step-error.e-step-text-only.e-step-focus .e-text,
+    .e-step-error.e-step-template.e-step-focus {
       box-shadow: $step-error-li-shadow;
     }
 
-    .e-stepper-steps .e-step-container:not(.e-step-focus).e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step,
-    .e-stepper-steps .e-step-container:not(.e-step-focus).e-step-completed:not(.e-step-text-only):not(.e-step-label-only) .e-step,
-    &.e-steps-focus .e-stepper-steps .e-step-container:not(.e-step-focus).e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+    .e-step-container:not(.e-step-focus).e-step-notstarted .e-step,
+    .e-step-container:not(.e-step-focus).e-step-completed .e-step,
+    &.e-steps-focus .e-step-container:not(.e-step-focus).e-step-selected .e-step {
       box-shadow: $step-li-shadow;
     }
 
-    .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step:hover,
-    .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {
-      border-color: $step-hover-border-color !important; /* stylelint-disable-line declaration-no-important */
+    .e-step-notstarted:not(.e-step-disabled) .e-step:hover,
+    .e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {
+      border-color: $step-hover-border-color;
     }
 
-    .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step:active,
-    .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator:active {
-      border-color: $step-active-border-color !important; /* stylelint-disable-line declaration-no-important */
+    .e-step-notstarted:not(.e-step-disabled) .e-step:active,
+    .e-step-notstarted:not(.e-step-disabled) .e-indicator:active {
+      border-color: $step-active-border-color;
     }
 
-    &:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover,
-    &:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
-      background: $step-hover-color !important; /* stylelint-disable-line declaration-no-important */
+    &:not(.e-step-type-label) {
+      .e-indicator:hover,
+      .e-step:hover {
+        color: $step-hover-text-color;
+        background: $step-selected-hover-color;
+      }
     }
 
-    &:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active,
-    &:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
-      background: $step-active-color !important; /* stylelint-disable-line declaration-no-important */
+    &:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover,
+    &:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
+      color: $step-hover-not-text-color;
     }
 
-    &:not(.e-step-type-label) .e-stepper-steps .e-step-container {
-      &:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover,
-      &:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
-        color: $step-hover-text-color;
-        background: $step-selected-hover-color !important; /* stylelint-disable-line declaration-no-important */
+    &:not(.e-step-type-label) {
+      .e-step-selected .e-indicator:active,
+      .e-step-selected .e-step:active {
+        background: $step-selected-active-color;
       }
-      &.e-step-valid:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover,
-      &.e-step-valid:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
-        color: $step-hover-text-color !important; /* stylelint-disable-line declaration-no-important */
-        background: $step-valid-completed-bg-color !important; /* stylelint-disable-line declaration-no-important */
+      .e-step-valid.e-step-selected .e-indicator:active,
+      .e-step-valid.e-step-selected .e-step:active {
+        background: $step-valid-completed-bg-color;
       }
-      &.e-step-error:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover,
-      &.e-step-error:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
-        color: $step-hover-text-color !important; /* stylelint-disable-line declaration-no-important */
-        background: $step-error-completed-bg-color !important; /* stylelint-disable-line declaration-no-important */
+      .e-step-error.e-step-selected .e-indicator:active,
+      .e-step-error.e-step-selected .e-step:active {
+        background: $step-error-completed-bg-color;
       }
     }
 
-    &:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover,
-    &:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
-      color: $step-hover-not-text-color;
+    &:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover,
+    &:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
+      background: $step-hover-color;
     }
 
-    &:not(.e-step-type-label) .e-stepper-steps .e-step-container {
-      &.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active,
-      &.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
-        background: $step-selected-active-color !important; /* stylelint-disable-line declaration-no-important */
-      }
-      &.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active,
-      &.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
-        background: $step-valid-completed-bg-color !important; /* stylelint-disable-line declaration-no-important */
+    &:not(.e-step-type-label) .e-step-notstarted .e-indicator:active,
+    &:not(.e-step-type-label) .e-step-notstarted .e-step:active {
+      background: $step-active-color;
+    }
+
+    &:not(.e-step-type-label) {
+      .e-step-valid .e-indicator:hover,
+      .e-step-valid .e-step:hover {
+        color: $step-hover-text-color;
+        background: $step-valid-completed-bg-color;
       }
-      &.e-step-error.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active,
-      &.e-step-error.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
-        background: $step-error-completed-bg-color !important; /* stylelint-disable-line declaration-no-important */
+      .e-step-error .e-indicator:hover,
+      .e-step-error .e-step:hover {
+        color: $step-hover-text-color;
+        background: $step-error-completed-bg-color;
       }
     }
   }
@@ -81858,7 +81752,7 @@ margin: $grid-group-animator-cell-margin;
         text-align: left;
       }
       
-      &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell)  {
+      &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell,.e-detailheadercell,.e-rowdragheader)  {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -81884,7 +81778,7 @@ margin: $grid-group-animator-cell-margin;
         border-right-width: 1px;
       }
       
-      &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell)  {
+      &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell,.e-detailheadercell,.e-rowdragheader)  {
         border-width: $grid-rtl-headercell-both-border-width;
       }
 
@@ -83769,6 +83663,14 @@ margin: $grid-group-animator-cell-margin;
       border-top: 1px solid $grid-header-border-color;
     }
 
+    .e-gridcontent table tbody tr:first-child .e-normaledit .e-dragindentcell {
+      border-top: 0 solid $grid-header-border-color;
+    }
+
+    .e-detailrow .e-grid.e-default .e-normaledit .e-lastrowcell {
+      border-bottom: 0;
+    }
+
     .e-ccdlg {
       .e-footer-content {
         border-color: $grid-columnchooser-footer-border-color;
@@ -88473,7 +88375,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus+label.e-btn {
+    input:focus-visible+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;
@@ -90263,6 +90165,12 @@ $rte-emoji-headname-color: $primary;
 $rte-big-emoji-btn-height: 247px;
 $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMi41QzQuNDQ3NzIgMi41IDQgMi45NDc3MiA0IDMuNUM0IDQuMDUyMjggNC40NDc3MiA0LjUgNSA0LjVINi42OTcyMkw3LjUgNS4wMzUxOFYxNi45NjQ4TDYuNjk3MjIgMTcuNUg1QzQuNDQ3NzIgMTcuNSA0IDE3Ljk0NzcgNCAxOC41QzQgMTkuMDUyMyA0LjQ0NzcyIDE5LjUgNSAxOS41SDYuNjk3MjJDNy4wOTIwNyAxOS41IDcuNDc4MDkgMTkuMzgzMSA3LjgwNjYyIDE5LjE2NDFMOC41IDE4LjcwMTlMOS4xOTMzOCAxOS4xNjQxQzkuNTIxOTEgMTkuMzgzMSA5LjkwNzkzIDE5LjUgMTAuMzAyOCAxOS41SDEyQzEyLjU1MjMgMTkuNSAxMyAxOS4wNTIzIDEzIDE4LjVDMTMgMTcuOTQ3NyAxMi41NTIzIDE3LjUgMTIgMTcuNUwxMC4zMDI4IDE3LjVMOS41IDE2Ljk2NDhWNS4wMzUxOEwxMC4zMDI4IDQuNUgxMkMxMi41NTIzIDQuNSAxMyA0LjA1MjI4IDEzIDMuNUMxMyAyLjk0NzcyIDEyLjU1MjMgMi41IDEyIDIuNUgxMC4zMDI4QzkuOTA3OTMgMi41IDkuNTIxOTEgMi42MTY4OCA5LjE5MzM4IDIuODM1OUw4LjUgMy4yOTgxNUw3LjgwNjYyIDIuODM1OUM3LjQ3ODA5IDIuNjE2ODggNy4wOTIwNyAyLjUgNi42OTcyMiAyLjVINVoiIGZpbGw9ImJsYWNrIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNyAxNy41QzE3IDE3Ljc4IDE3LjIyMDcgMTggMTcuNSAxOEgyNi41QzI2Ljc3OTMgMTggMjcgMTcuNzggMjcgMTcuNVY5LjVDMjcgOC42NzAwMSAyNi4zMzAxIDggMjUuNSA4SDI0VjRDMjQgMi44OTk5OSAyMy4wOTk2IDIgMjIgMkMyMC45MDA0IDIgMjAgMi44OTk5OSAyMCA0VjhIMTguNUMxNy42Njk5IDggMTcgOC42NzAwMSAxNyA5LjVWMTcuNVpNMjYgMTFWOS41QzI2IDkuMjIgMjUuNzc5MyA5IDI1LjUgOUgyNEMyMy40NDkyIDkgMjMgOC41NDk5OSAyMyA4VjRDMjMgMy40NTAwMSAyMi41NTA4IDMgMjIgM0MyMS40NDkyIDMgMjEgMy40NTAwMSAyMSA0VjhDMjEgOC41NDk5OSAyMC41NTA4IDkgMjAgOUgxOC41QzE4LjIyMDcgOSAxOCA5LjIyIDE4IDkuNVYxMUgyNlpNMTggMTJWMTdIMjBWMTRDMjAgMTMuNzIgMjAuMjIwNyAxMy41IDIwLjUgMTMuNUMyMC43NzkzIDEzLjUgMjEgMTMuNzIgMjEgMTRWMTdIMjNWMTZDMjMgMTUuNzIgMjMuMjIwNyAxNS41IDIzLjUgMTUuNUMyMy43NzkzIDE1LjUgMjQgMTUuNzIgMjQgMTZWMTdIMjZWMTJIMThaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTggMTdWMTJIMjZWMTdIMjRWMTZDMjQgMTUuNzIgMjMuNzc5MyAxNS41IDIzLjUgMTUuNUMyMy4yMjA3IDE1LjUgMjMgMTUuNzIgMjMgMTZWMTdIMjFWMTRDMjEgMTMuNzIgMjAuNzc5MyAxMy41IDIwLjUgMTMuNUMyMC4yMjA3IDEzLjUgMjAgMTMuNzIgMjAgMTRWMTdIMThaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjYgOS41VjExSDE4VjkuNUMxOCA5LjIyIDE4LjIyMDcgOSAxOC41IDlIMjBDMjAuNTUwOCA5IDIxIDguNTQ5OTkgMjEgOFY0QzIxIDMuNDUwMDEgMjEuNDQ5MiAzIDIyIDNDMjIuNTUwOCAzIDIzIDMuNDUwMDEgMjMgNFY4QzIzIDguNTQ5OTkgMjMuNDQ5MiA5IDI0IDlIMjUuNUMyNS43NzkzIDkgMjYgOS4yMiAyNiA5LjVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K')  8 1, auto;
 
+$rte-img-upload-abort-icon-btn-margin-right: 45px;
+$rte-img-upload-abort-icon-btn-margin-top: 17px;
+$rte-big-img-upload-abort-icon-btn-margin-right: 60px;
+$rte-big-img-upload-abort-icon-btn-margin-top: 10px;
+$rte-big-img-upload-abort-icon-btn-padding: 5px;
+
 @include export-module('richtexteditor-layout') {
 
   /*! tab layout */
@@ -90415,6 +90323,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         padding: $rte-big-toolbar-expaned-padding;
       }
     }
+    .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+      margin-right: $rte-big-img-upload-abort-icon-btn-margin-right;
+      margin-top: $rte-big-img-upload-abort-icon-btn-margin-top;
+      padding: $rte-big-img-upload-abort-icon-btn-padding;
+    }
   }
 
   .e-richtexteditor {
@@ -91392,6 +91305,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       float: none;
     }
 
+    .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+      margin-right: $rte-img-upload-abort-icon-btn-margin-right;
+      margin-top: $rte-img-upload-abort-icon-btn-margin-top;
+    }
+
     .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
     .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
     .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -117659,6 +117577,22 @@ $schedule-tree-content-color: $content-text-color-alt2;
       }
     }
 
+    &.e-adaptive {
+      .e-schedule-toolbar {
+        .e-toolbar-items {
+          .e-toolbar-item {
+            &.e-today .e-icon-today {
+              display: block;
+            }
+
+            &.e-today .e-icon-today + .e-tbar-btn-text {
+              display: none;
+            }
+          }
+        }
+      }
+    }
+
     #{if(&, '&', '*')}.e-device {
       .e-schedule-toolbar {
         height: $schedule-tbar-bgr-size;
@@ -119641,7 +119575,8 @@ $schedule-tree-content-color: $content-text-color-alt2;
         }
       }
 
-      .e-content-wrap {
+      .e-content-wrap,
+      .e-resource-column-wrap {
         &.e-transition {
           transition: all 1000ms linear; // sass-lint:disable-line no-transition-all
         }