@syncfusion/blazor-themes 28.1.37 → 28.1.39

package/SCSS-Themes/tailwind3-dark-lite.scss

@@ -3889,6 +3889,14 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     content: '';
   }
 
+  .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon {
+    position: relative;
+  }
+
+  .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon::before {
+    content: '';
+  }
+
   .e-ddl-device-filter .e-filter-parent {
     background-color: $ddl-filter-background-color;
   }
@@ -37344,7 +37352,17 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   }
 
   .e-dialog .e-btn.e-dlg-closeicon-btn:hover span {
-    color: $dialog-active-icon-color;
+    @if $skin-name != 'tailwind3'
+    {
+      color: $dialog-active-icon-color;
+    }
+  }
+
+  .e-dialog button.e-btn.e-dlg-closeicon-btn:hover .e-btn-icon {
+    @if $skin-name =='tailwind3'
+      {
+      color: $dialog-hover-icon-color;
+    }
   }
 
   .e-dialog .e-btn.e-dlg-closeicon-btn:active span,
@@ -60298,6 +60316,12 @@ $pager-rtl-e-bigger-adaptive-constant-pagesizeall-top: 13px !default;
       }
     }
 
+    &.e-mac-safari .e-numericitem {
+      @if $pager-skin == 'fluent2' {
+        vertical-align: top;
+      }
+    }
+
     div.e-pagermsgdiv {
       padding-right: 6px;
       padding-top: 4px;
@@ -62088,7 +62112,7 @@ $grid-rtl-headercelldiv-padding: 0 .4em 0 2.8em !default;
 $grid-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
-$grid-headercelldiv-padding: 0 20px 0 1px !default;
+$grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
 $grid-headercell-div-padding: 0 .4em !default;
 $grid-group-text-width: auto !default;
@@ -62110,7 +62134,7 @@ $grid-clone-padding: 2px 12px 1px !default;
 $grid-bigger-first-last-rowcell-padding: 8px !default;
 $grid-bigger-content-padding: 16px !default;
 $grid-bigger-group-line-height: 48px !default;
-$grid-bigger-content-right-padding: 16px !default;
+$grid-bigger-content-right-padding: 12px !default;
 $grid-bigger-headercell-font-size: $text-base !default;
 $grid-bigger-content-font-size: $text-base !default;
 $grid-filterbar-border-radius: 4px !default;
@@ -62175,7 +62199,7 @@ $grid-edit-checkbox-bigger-padding-left: 8px !default;
 $grid-edit-checkbox-bigger-padding-top: 8px !default;
 $grid-cell-focus-shadow: 0 0 0 1px $primary inset !default;
 $grid-cell-focus-border-color: $primary !default;
-$grid-headercelldiv-fltricon-margin: -5px 20px -5px -1px !default;
+$grid-headercelldiv-fltricon-margin: -5px 20px -5px -8px !default;
 $grid-headercelldiv-rightalign-fltricon-margin: -5px 20px -5px 8px !default;
 $grid-rtl-headercelldiv-fltricon-margin: -5px !default;
 $grid-rtl-headercelldiv-rightalign-fltricon-margin: -5px !default;
@@ -62202,7 +62226,7 @@ $grid-rtl-sortdiv-filtericon-margin: -14px 8px -13px 14px !default;
 $grid-bigger-fltricon-sortdiv-rightalign-margin: -18px 4px -14px -7px !default;
 $grid-bigger-fltricon-sortdiv-margin: -18px 18px -14px 5px !default;
 $grid-rtl-bigger-fltricon-sortdiv-margin: -17px 4px -14px 17px !default;
-$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -17px 4px -14px 17px !default;
+$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -17px 4px -14px 28px !default;
 $grid-column-menu-sub-menu-box-shadow: $shadow !default;
 $grid-bigger-checkbox-filter-min-height: 360px !default;
 $grid-checkbox-filter-min-height: 307px !default;
@@ -62276,7 +62300,7 @@ $grouped-bigger-text-font-size: $text-sm !default;
 $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
 $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
 $grid-bigger-font-size: $text-base !default;
-$grid-rtl-bigger-rightalign-fltrdiv-margin: -17px 4px -14px -10px !default;
+$grid-rtl-bigger-rightalign-fltrdiv-margin: -17px 4px -14px 2px !default;
 $grid-rtl-bigger-wrap-rightalign-fltrdiv-margin: -15px 4px -14px -2px !default;
 $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
 $grid-grouparea-font-weight: $font-weight-normal !default;
@@ -63544,6 +63568,10 @@ $grid-checkmark-color: $primary-text-color !default;
       border-right: 1px solid;
     }
 
+    .e-tableborder:has(.e-emptyrow) {
+      border: none;
+    }
+
     .e-virtualtable {
       will-change: transform;
       z-index: 1;
@@ -70453,6 +70481,19 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
 
+    
+    .e-treegridexpand,
+    .e-treegridcollapse {
+      color: $treegrid-right-arrow-icon-color;
+      cursor: pointer;
+      font-size: $treegrid-right-arrow-icon-font-size;
+      height: $treegrid-right-arrow-icon-height;
+      padding: $treegrid-right-arrow-icon-padding;
+      text-align: center;
+      vertical-align: text-bottom;
+      width: $treegrid-right-arrow-icon-width;
+    }
+
     .e-treecell {
       display: table-cell;
       @if $skin-name == 'bootstrap5' or $skin-name == 'boostrap5-dark' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' or $theme-name == 'fluent2' {
@@ -70716,21 +70757,6 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
     }
   }
 
-  .e-treegrid,
-  .e-grid {
-    .e-treegridexpand,
-    .e-treegridcollapse {
-      color: $treegrid-right-arrow-icon-color;
-      cursor: pointer;
-      font-size: $treegrid-right-arrow-icon-font-size;
-      height: $treegrid-right-arrow-icon-height;
-      padding: $treegrid-right-arrow-icon-padding;
-      text-align: center;
-      vertical-align: text-bottom;
-      width: $treegrid-right-arrow-icon-width;
-    }
-  }
-
   .e-treelistgrid.e-print-grid-layout {
     .e-icons.e-none::before {
       content: '';
@@ -94802,6 +94828,12 @@ $pivotview-touch-header-text-padding: 12px !default;
       .e-rowcell span{
         flex-shrink: 0;
       }
+
+      .e-pivotrow-container {
+        display: flex;
+        width: 100%;
+        align-items: center;
+      }
       
       &.e-active {
         .e-icons {
@@ -101104,6 +101136,10 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
     font-size: 12px;
   }
 
+  .e-tooltip-hidden {
+    visibility: hidden;
+  }
+
   .e-dialog.e-quick-dialog.e-following-events-dialog {
     width: 420px;
 
@@ -109384,23 +109420,6 @@ $tbar-header-hover-bg-color: transparent !default;
         border-radius: 10px;
       }
     }
-    .e-assist-send {
-      position: absolute;
-      right: 20px;
-      font-size: $send-icon-size;
-      bottom: $send-icon-bottom;
-      padding-top: 2px;
-    }
-    .e-assist-send.disabled {
-      pointer-events: none;
-      opacity: .5;
-      cursor: not-allowed;
-    }
-    .e-assist-send.enabled {
-      pointer-events: auto;
-      opacity: 1;
-      cursor: pointer;
-    }
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
@@ -109418,7 +109437,7 @@ $tbar-header-hover-bg-color: transparent !default;
       .hide-scrollbar textarea {
         scrollbar-width: none;
       }
-      &:has(.e-rtl) .e-assist-send {
+      &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
         right: unset;
         left: 20px;
       }
@@ -109448,6 +109467,25 @@ $tbar-header-hover-bg-color: transparent !default;
           }
         }
       }
+      &:not(.e-footer-template) {
+        .e-assist-send {
+          position: absolute;
+          right: 20px;
+          font-size: $send-icon-size;
+          bottom: $send-icon-bottom;
+          padding-top: 2px;
+        }
+        .e-assist-send.disabled {
+          pointer-events: none;
+          opacity: .5;
+          cursor: not-allowed;
+        }
+        .e-assist-send.enabled {
+          pointer-events: auto;
+          opacity: 1;
+          cursor: pointer;
+        }
+      }
     }
     .e-banner-view {
       margin-left: 10px;
@@ -109512,7 +109550,7 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-views .e-content-body:focus-visible,
     .e-views .e-content-container .e-prompt-text:focus-visible,
     .e-views .e-suggestions li:focus-visible,
-    .e-footer .e-assist-send:not(.disabled):focus-visible,
+    .e-footer:not(.e-footer-template) .e-assist-send:not(.disabled):focus-visible,
     .e-stop-response:focus-visible {
       outline: 1px solid;
     }
@@ -109715,12 +109753,6 @@ $tbar-header-hover-bg-color: transparent !default;
         background: $scrollbar-color;
       }
     }
-    .e-assist-send {
-      color: $send-icon-color;
-      &.disabled {
-        color: $send-icon-disabled-color;
-      }
-    }
     .e-footer {
       textarea::-webkit-scrollbar-thumb {
         background: $scrollbar-color;
@@ -109731,6 +109763,14 @@ $tbar-header-hover-bg-color: transparent !default;
           border: 1px solid $assist-view-border-color !important; /* stylelint-disable-line declaration-no-important */
         }
       }
+      &:not(.e-footer-template) {
+        .e-assist-send {
+          color: $send-icon-color;
+          &.disabled {
+            color: $send-icon-disabled-color;
+          }
+        }
+      }
     }
     .e-view-header {
       .e-toolbar {
@@ -109988,23 +110028,6 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       top: 20px;
       left: 0;
     }
-    .e-chat-send {
-      position: absolute;
-      right: 15px;
-      font-size: $chat-send-icon-size;
-      bottom: $chat-send-icon-bottom;
-      padding-top: 2px;
-    }
-    .e-chat-send.disabled {
-      pointer-events: none;
-      opacity: .5;
-      cursor: not-allowed;
-    }
-    .e-chat-send.enabled {
-      pointer-events: auto;
-      opacity: 1;
-      cursor: pointer;
-    }
     .e-footer {
       position: relative;
       margin: 0 auto;
@@ -110023,7 +110046,7 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       .hide-scrollbar textarea {
         scrollbar-width: none;
       }
-      &:has(.e-rtl) .e-chat-send {
+      &:has(.e-rtl):not(.e-footer-template) .e-chat-send {
         right: unset;
         left: 20px;
       }
@@ -110053,8 +110076,27 @@ $timestamp-border-color: $chip-secondary-border-color !default;
           }
         }
       }
+      &:not(.e-footer-template) {
+        .e-chat-send {
+          position: absolute;
+          right: 15px;
+          font-size: $chat-send-icon-size;
+          bottom: $chat-send-icon-bottom;
+          padding-top: 2px;
+        }
+        .e-chat-send.disabled {
+          pointer-events: none;
+          opacity: .5;
+          cursor: not-allowed;
+        }
+        .e-chat-send.enabled {
+          pointer-events: auto;
+          opacity: 1;
+          cursor: pointer;
+        }
+      }
     }
-    .e-footer .e-chat-send:not(.disabled):focus-visible {
+    .e-footer:not(.e-footer-template) .e-chat-send:not(.disabled):focus-visible {
       outline: 1px solid;
     }
     .e-chat-content,
@@ -110307,12 +110349,6 @@ $timestamp-border-color: $chip-secondary-border-color !default;
         background: $chat-left-bg-color-hover;
       }
     }
-    .e-chat-send {
-      color: $chat-send-icon-color;
-      &.disabled {
-        color: $chat-send-icon-disabled-color;
-      }
-    }
     .e-message-wrapper {
       &::-webkit-scrollbar-thumb {
         background: $chat-scrollbar-color;
@@ -110366,6 +110402,14 @@ $timestamp-border-color: $chip-secondary-border-color !default;
           border: 1px solid $chat-border-color !important; /* stylelint-disable-line declaration-no-important */
         }
       }
+      &:not(.e-footer-template) {
+        .e-chat-send {
+          color: $chat-send-icon-color;
+          &.disabled {
+            color: $chat-send-icon-disabled-color;
+          }
+        }
+      }
     }
     .e-suggestions {
       li {

package/SCSS-Themes/tailwind3-dark.scss

@@ -4010,6 +4010,14 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     content: '';
   }
 
+  .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon {
+    position: relative;
+  }
+
+  .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon::before {
+    content: '';
+  }
+
   .e-ddl-device-filter .e-filter-parent {
     background-color: $ddl-filter-background-color;
   }
@@ -51437,7 +51445,17 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   }
 
   .e-dialog .e-btn.e-dlg-closeicon-btn:hover span {
-    color: $dialog-active-icon-color;
+    @if $skin-name != 'tailwind3'
+    {
+      color: $dialog-active-icon-color;
+    }
+  }
+
+  .e-dialog button.e-btn.e-dlg-closeicon-btn:hover .e-btn-icon {
+    @if $skin-name =='tailwind3'
+      {
+      color: $dialog-hover-icon-color;
+    }
   }
 
   .e-dialog .e-btn.e-dlg-closeicon-btn:active span,
@@ -81919,6 +81937,12 @@ $pager-rtl-e-bigger-adaptive-constant-pagesizeall-top: 13px !default;
       }
     }
 
+    &.e-mac-safari .e-numericitem {
+      @if $pager-skin == 'fluent2' {
+        vertical-align: top;
+      }
+    }
+
     div.e-pagermsgdiv {
       padding-right: 6px;
       padding-top: 4px;
@@ -84288,7 +84312,7 @@ $grid-rtl-headercelldiv-padding: 0 .4em 0 2.8em !default;
 $grid-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
-$grid-headercelldiv-padding: 0 20px 0 1px !default;
+$grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
 $grid-headercell-div-padding: 0 .4em !default;
 $grid-group-text-width: auto !default;
@@ -84310,7 +84334,7 @@ $grid-clone-padding: 2px 12px 1px !default;
 $grid-bigger-first-last-rowcell-padding: 8px !default;
 $grid-bigger-content-padding: 16px !default;
 $grid-bigger-group-line-height: 48px !default;
-$grid-bigger-content-right-padding: 16px !default;
+$grid-bigger-content-right-padding: 12px !default;
 $grid-bigger-headercell-font-size: $text-base !default;
 $grid-bigger-content-font-size: $text-base !default;
 $grid-filterbar-border-radius: 4px !default;
@@ -84375,7 +84399,7 @@ $grid-edit-checkbox-bigger-padding-left: 8px !default;
 $grid-edit-checkbox-bigger-padding-top: 8px !default;
 $grid-cell-focus-shadow: 0 0 0 1px $primary inset !default;
 $grid-cell-focus-border-color: $primary !default;
-$grid-headercelldiv-fltricon-margin: -5px 20px -5px -1px !default;
+$grid-headercelldiv-fltricon-margin: -5px 20px -5px -8px !default;
 $grid-headercelldiv-rightalign-fltricon-margin: -5px 20px -5px 8px !default;
 $grid-rtl-headercelldiv-fltricon-margin: -5px !default;
 $grid-rtl-headercelldiv-rightalign-fltricon-margin: -5px !default;
@@ -84402,7 +84426,7 @@ $grid-rtl-sortdiv-filtericon-margin: -14px 8px -13px 14px !default;
 $grid-bigger-fltricon-sortdiv-rightalign-margin: -18px 4px -14px -7px !default;
 $grid-bigger-fltricon-sortdiv-margin: -18px 18px -14px 5px !default;
 $grid-rtl-bigger-fltricon-sortdiv-margin: -17px 4px -14px 17px !default;
-$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -17px 4px -14px 17px !default;
+$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -17px 4px -14px 28px !default;
 $grid-column-menu-sub-menu-box-shadow: $shadow !default;
 $grid-bigger-checkbox-filter-min-height: 360px !default;
 $grid-checkbox-filter-min-height: 307px !default;
@@ -84476,7 +84500,7 @@ $grouped-bigger-text-font-size: $text-sm !default;
 $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
 $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
 $grid-bigger-font-size: $text-base !default;
-$grid-rtl-bigger-rightalign-fltrdiv-margin: -17px 4px -14px -10px !default;
+$grid-rtl-bigger-rightalign-fltrdiv-margin: -17px 4px -14px 2px !default;
 $grid-rtl-bigger-wrap-rightalign-fltrdiv-margin: -15px 4px -14px -2px !default;
 $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
 $grid-grouparea-font-weight: $font-weight-normal !default;
@@ -85744,6 +85768,10 @@ $grid-checkmark-color: $primary-text-color !default;
       border-right: 1px solid;
     }
 
+    .e-tableborder:has(.e-emptyrow) {
+      border: none;
+    }
+
     .e-virtualtable {
       will-change: transform;
       z-index: 1;
@@ -96056,6 +96084,19 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
 
+    
+    .e-treegridexpand,
+    .e-treegridcollapse {
+      color: $treegrid-right-arrow-icon-color;
+      cursor: pointer;
+      font-size: $treegrid-right-arrow-icon-font-size;
+      height: $treegrid-right-arrow-icon-height;
+      padding: $treegrid-right-arrow-icon-padding;
+      text-align: center;
+      vertical-align: text-bottom;
+      width: $treegrid-right-arrow-icon-width;
+    }
+
     .e-treecell {
       display: table-cell;
       @if $skin-name == 'bootstrap5' or $skin-name == 'boostrap5-dark' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' or $theme-name == 'fluent2' {
@@ -96319,21 +96360,6 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
     }
   }
 
-  .e-treegrid,
-  .e-grid {
-    .e-treegridexpand,
-    .e-treegridcollapse {
-      color: $treegrid-right-arrow-icon-color;
-      cursor: pointer;
-      font-size: $treegrid-right-arrow-icon-font-size;
-      height: $treegrid-right-arrow-icon-height;
-      padding: $treegrid-right-arrow-icon-padding;
-      text-align: center;
-      vertical-align: text-bottom;
-      width: $treegrid-right-arrow-icon-width;
-    }
-  }
-
   .e-treelistgrid.e-print-grid-layout {
     .e-icons.e-none::before {
       content: '';
@@ -124209,6 +124235,12 @@ $pivotview-touch-header-text-padding: 12px !default;
       .e-rowcell span{
         flex-shrink: 0;
       }
+
+      .e-pivotrow-container {
+        display: flex;
+        width: 100%;
+        align-items: center;
+      }
       
       &.e-active {
         .e-icons {
@@ -131469,6 +131501,10 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
     font-size: 12px;
   }
 
+  .e-tooltip-hidden {
+    visibility: hidden;
+  }
+
   .e-dialog.e-quick-dialog.e-following-events-dialog {
     width: 420px;
 
@@ -141680,23 +141716,6 @@ $tbar-header-hover-bg-color: transparent !default;
         border-radius: 10px;
       }
     }
-    .e-assist-send {
-      position: absolute;
-      right: 20px;
-      font-size: $send-icon-size;
-      bottom: $send-icon-bottom;
-      padding-top: 2px;
-    }
-    .e-assist-send.disabled {
-      pointer-events: none;
-      opacity: .5;
-      cursor: not-allowed;
-    }
-    .e-assist-send.enabled {
-      pointer-events: auto;
-      opacity: 1;
-      cursor: pointer;
-    }
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
@@ -141714,7 +141733,7 @@ $tbar-header-hover-bg-color: transparent !default;
       .hide-scrollbar textarea {
         scrollbar-width: none;
       }
-      &:has(.e-rtl) .e-assist-send {
+      &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
         right: unset;
         left: 20px;
       }
@@ -141744,6 +141763,25 @@ $tbar-header-hover-bg-color: transparent !default;
           }
         }
       }
+      &:not(.e-footer-template) {
+        .e-assist-send {
+          position: absolute;
+          right: 20px;
+          font-size: $send-icon-size;
+          bottom: $send-icon-bottom;
+          padding-top: 2px;
+        }
+        .e-assist-send.disabled {
+          pointer-events: none;
+          opacity: .5;
+          cursor: not-allowed;
+        }
+        .e-assist-send.enabled {
+          pointer-events: auto;
+          opacity: 1;
+          cursor: pointer;
+        }
+      }
     }
     .e-banner-view {
       margin-left: 10px;
@@ -141808,7 +141846,7 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-views .e-content-body:focus-visible,
     .e-views .e-content-container .e-prompt-text:focus-visible,
     .e-views .e-suggestions li:focus-visible,
-    .e-footer .e-assist-send:not(.disabled):focus-visible,
+    .e-footer:not(.e-footer-template) .e-assist-send:not(.disabled):focus-visible,
     .e-stop-response:focus-visible {
       outline: 1px solid;
     }
@@ -142011,12 +142049,6 @@ $tbar-header-hover-bg-color: transparent !default;
         background: $scrollbar-color;
       }
     }
-    .e-assist-send {
-      color: $send-icon-color;
-      &.disabled {
-        color: $send-icon-disabled-color;
-      }
-    }
     .e-footer {
       textarea::-webkit-scrollbar-thumb {
         background: $scrollbar-color;
@@ -142027,6 +142059,14 @@ $tbar-header-hover-bg-color: transparent !default;
           border: 1px solid $assist-view-border-color !important; /* stylelint-disable-line declaration-no-important */
         }
       }
+      &:not(.e-footer-template) {
+        .e-assist-send {
+          color: $send-icon-color;
+          &.disabled {
+            color: $send-icon-disabled-color;
+          }
+        }
+      }
     }
     .e-view-header {
       .e-toolbar {
@@ -142409,23 +142449,6 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       top: 20px;
       left: 0;
     }
-    .e-chat-send {
-      position: absolute;
-      right: 15px;
-      font-size: $chat-send-icon-size;
-      bottom: $chat-send-icon-bottom;
-      padding-top: 2px;
-    }
-    .e-chat-send.disabled {
-      pointer-events: none;
-      opacity: .5;
-      cursor: not-allowed;
-    }
-    .e-chat-send.enabled {
-      pointer-events: auto;
-      opacity: 1;
-      cursor: pointer;
-    }
     .e-footer {
       position: relative;
       margin: 0 auto;
@@ -142444,7 +142467,7 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       .hide-scrollbar textarea {
         scrollbar-width: none;
       }
-      &:has(.e-rtl) .e-chat-send {
+      &:has(.e-rtl):not(.e-footer-template) .e-chat-send {
         right: unset;
         left: 20px;
       }
@@ -142474,8 +142497,27 @@ $timestamp-border-color: $chip-secondary-border-color !default;
           }
         }
       }
+      &:not(.e-footer-template) {
+        .e-chat-send {
+          position: absolute;
+          right: 15px;
+          font-size: $chat-send-icon-size;
+          bottom: $chat-send-icon-bottom;
+          padding-top: 2px;
+        }
+        .e-chat-send.disabled {
+          pointer-events: none;
+          opacity: .5;
+          cursor: not-allowed;
+        }
+        .e-chat-send.enabled {
+          pointer-events: auto;
+          opacity: 1;
+          cursor: pointer;
+        }
+      }
     }
-    .e-footer .e-chat-send:not(.disabled):focus-visible {
+    .e-footer:not(.e-footer-template) .e-chat-send:not(.disabled):focus-visible {
       outline: 1px solid;
     }
     .e-chat-content,
@@ -142728,12 +142770,6 @@ $timestamp-border-color: $chip-secondary-border-color !default;
         background: $chat-left-bg-color-hover;
       }
     }
-    .e-chat-send {
-      color: $chat-send-icon-color;
-      &.disabled {
-        color: $chat-send-icon-disabled-color;
-      }
-    }
     .e-message-wrapper {
       &::-webkit-scrollbar-thumb {
         background: $chat-scrollbar-color;
@@ -142787,6 +142823,14 @@ $timestamp-border-color: $chip-secondary-border-color !default;
           border: 1px solid $chat-border-color !important; /* stylelint-disable-line declaration-no-important */
         }
       }
+      &:not(.e-footer-template) {
+        .e-chat-send {
+          color: $chat-send-icon-color;
+          &.disabled {
+            color: $chat-send-icon-disabled-color;
+          }
+        }
+      }
     }
     .e-suggestions {
       li {