@syncfusion/blazor-themes 31.2.5 → 31.2.12

package/SCSS-Themes/bootstrap-dark.scss

@@ -2793,7 +2793,7 @@ $ddl-input-padding: 8px !default;
 $ddl-input-group-border-width: 1px !default;
 $ddl-clear-icon-margin-right: 0 !default;
 $ddl-active-font-color: $active-font-color !default;
-
+$input-margin-top: 24px !default;
 $ddl-list-search-icon-padding: 8px !default;
 $ddl-list-filter-text-indent: 0 12px !default;
 $ddl-list-icon-color: $grey-dark-font !default;
@@ -2894,6 +2894,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -83783,6 +83787,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 11px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 15px !default;
 $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -83884,6 +83889,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 13px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 9px 11.5px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -85133,7 +85139,7 @@ $grid-checkmark-color: $grey-light-font !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -87308,7 +87314,7 @@ $grid-checkmark-color: $grey-light-font !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -88086,6 +88092,12 @@ $grid-checkmark-color: $grey-light-font !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;
@@ -91484,6 +91496,17 @@ $grid-checkmark-color: $grey-light-font !default;
     }
   }
 
+  .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-right: $grid-bigger-toolbar-div-margin;
+  }
+
+  .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-left: $grid-bigger-toolbar-div-margin;
+    margin-right: initial;
+  }
+
   .e-row .e-input-group .e-control.e-input {
     @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
       padding-bottom: 0;

package/SCSS-Themes/bootstrap-lite.scss

@@ -2663,7 +2663,7 @@ $ddl-input-padding: 8px !default;
 $ddl-input-group-border-width: 1px !default;
 $ddl-clear-icon-margin-right: 0 !default;
 $ddl-active-font-color: $active-font-color !default;
-
+$input-margin-top: 24px !default;
 $ddl-list-search-icon-padding: 8px !default;
 $ddl-list-filter-text-indent: 0 12px !default;
 $ddl-list-icon-color: $grey-dark !default;
@@ -2764,6 +2764,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -61131,6 +61135,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 11px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 3px !default;
 $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -61231,6 +61236,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 18px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 9px 11.5px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 18px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -62475,7 +62481,7 @@ $grid-checkmark-color: $grey !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -64650,7 +64656,7 @@ $grid-checkmark-color: $grey !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -65428,6 +65434,12 @@ $grid-checkmark-color: $grey !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;

package/SCSS-Themes/bootstrap.scss

@@ -2785,7 +2785,7 @@ $ddl-input-padding: 8px !default;
 $ddl-input-group-border-width: 1px !default;
 $ddl-clear-icon-margin-right: 0 !default;
 $ddl-active-font-color: $active-font-color !default;
-
+$input-margin-top: 24px !default;
 $ddl-list-search-icon-padding: 8px !default;
 $ddl-list-filter-text-indent: 0 12px !default;
 $ddl-list-icon-color: $grey-dark !default;
@@ -2886,6 +2886,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -83536,6 +83540,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 11px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 3px !default;
 $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -83636,6 +83641,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 18px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 9px 11.5px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 18px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -84880,7 +84886,7 @@ $grid-checkmark-color: $grey !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -87055,7 +87061,7 @@ $grid-checkmark-color: $grey !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -87833,6 +87839,12 @@ $grid-checkmark-color: $grey !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;
@@ -91231,6 +91243,17 @@ $grid-checkmark-color: $grey !default;
     }
   }
 
+  .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-right: $grid-bigger-toolbar-div-margin;
+  }
+
+  .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-left: $grid-bigger-toolbar-div-margin;
+    margin-right: initial;
+  }
+
   .e-row .e-input-group .e-control.e-input {
     @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
       padding-bottom: 0;

package/SCSS-Themes/bootstrap4-lite.scss

@@ -2495,6 +2495,7 @@ $ddl-readonly-bg-color: $gray-200 !default;
 $ddl-filter-margin: 0 !default;
 $ddl-box-border-color: $gray-400 !default;
 $input-border: $ddl-zero-value $border-type !default;
+$input-margin-top: 24px !default;
 
 // small size
 $ddl-small-list-font-size: 13px !default;
@@ -2612,6 +2613,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -61259,6 +61264,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 8px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 16px !default;
 $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -61363,6 +61369,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 30px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 9px 8.5px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 30px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -62612,7 +62619,7 @@ $grid-checkmark-color: $white !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -64787,7 +64794,7 @@ $grid-checkmark-color: $white !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -65565,6 +65572,12 @@ $grid-checkmark-color: $white !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;

package/SCSS-Themes/bootstrap4.scss

@@ -2617,6 +2617,7 @@ $ddl-readonly-bg-color: $gray-200 !default;
 $ddl-filter-margin: 0 !default;
 $ddl-box-border-color: $gray-400 !default;
 $input-border: $ddl-zero-value $border-type !default;
+$input-margin-top: 24px !default;
 
 // small size
 $ddl-small-list-font-size: 13px !default;
@@ -2734,6 +2735,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -83664,6 +83669,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 8px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 16px !default;
 $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -83768,6 +83774,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 30px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 9px 8.5px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 30px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -85017,7 +85024,7 @@ $grid-checkmark-color: $white !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -87192,7 +87199,7 @@ $grid-checkmark-color: $white !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -87970,6 +87977,12 @@ $grid-checkmark-color: $white !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;
@@ -91343,6 +91356,17 @@ $grid-checkmark-color: $white !default;
     }
   }
 
+  .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-right: $grid-bigger-toolbar-div-margin;
+  }
+
+  .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-left: $grid-bigger-toolbar-div-margin;
+    margin-right: initial;
+  }
+
   .e-row .e-input-group .e-control.e-input {
     @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
       padding-bottom: 0;

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

@@ -2655,6 +2655,7 @@ $ddl-popup-shadow: $shadow-lg !default;
 $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
 $ddl-box-border-color: $border !default;
+$input-margin-top: 24px !default;
 
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -2787,6 +2788,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -61613,6 +61618,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 8px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 12px !default;
 $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -61718,6 +61724,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -62964,7 +62971,7 @@ $grid-checkmark-color: $primary-text-color !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -65139,7 +65146,7 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -65917,6 +65924,12 @@ $grid-checkmark-color: $primary-text-color !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;

package/SCSS-Themes/bootstrap5-dark.scss

@@ -2777,6 +2777,7 @@ $ddl-popup-shadow: $shadow-lg !default;
 $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
 $ddl-box-border-color: $border !default;
+$input-margin-top: 24px !default;
 
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -2909,6 +2910,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -84018,6 +84023,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 8px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 12px !default;
 $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -84123,6 +84129,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -85369,7 +85376,7 @@ $grid-checkmark-color: $primary-text-color !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -87544,7 +87551,7 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -88322,6 +88329,12 @@ $grid-checkmark-color: $primary-text-color !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;
@@ -91709,6 +91722,17 @@ $grid-checkmark-color: $primary-text-color !default;
     }
   }
 
+  .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-right: $grid-bigger-toolbar-div-margin;
+  }
+
+  .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-left: $grid-bigger-toolbar-div-margin;
+    margin-right: initial;
+  }
+
   .e-row .e-input-group .e-control.e-input {
     @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
       padding-bottom: 0;

package/SCSS-Themes/bootstrap5-lite.scss

@@ -2654,6 +2654,7 @@ $ddl-popup-shadow: $shadow-lg !default;
 $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
 $ddl-box-border-color: $border !default;
+$input-margin-top: 24px !default;
 
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -2786,6 +2787,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -61612,6 +61617,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 8px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 12px !default;
 $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -61717,6 +61723,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -62963,7 +62970,7 @@ $grid-checkmark-color: $primary-text-color !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -65138,7 +65145,7 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -65916,6 +65923,12 @@ $grid-checkmark-color: $primary-text-color !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;

package/SCSS-Themes/bootstrap5.3-dark-lite.scss

@@ -3406,6 +3406,7 @@ $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
 $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
 $ddl-box-border-color: $border !default;
+$input-margin-top: 24px !default;
 
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -3538,6 +3539,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -62401,6 +62406,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 8px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 12px !default;
 $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -62506,6 +62512,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -63752,7 +63759,7 @@ $grid-checkmark-color: $primary-text-color !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -65927,7 +65934,7 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -66705,6 +66712,12 @@ $grid-checkmark-color: $primary-text-color !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;