@syncfusion/ej2-dropdowns 33.2.15 → 34.1.30

package/styles/bootstrap5.3-lite.css

@@ -8,112 +8,6 @@
 
 
 
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-.e-dropdownbase .e-list-group-item,
-.e-fixed-head {
-  font-size: 12px;
-}
-
-.e-small .e-dropdownbase .e-list-group-item,
-.e-small .e-fixed-head,
-.e-small.e-dropdownbase .e-list-group-item,
-.e-small.e-fixed-head {
-  font-size: 10px;
-}
-
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 6px;
-          padding-inline-end: 6px;
-}
-
-
-
-
-
-
-
-
-
-
-
 /* Font Family */
 /* Font Sizes */
 /* Radius */
@@ -335,112 +229,6 @@
   padding-right: 12px;
 }
 
-
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-.e-dropdownbase .e-list-group-item,
-.e-fixed-head {
-  font-size: 12px;
-}
-
-.e-small .e-dropdownbase .e-list-group-item,
-.e-small .e-fixed-head,
-.e-small.e-dropdownbase .e-list-group-item,
-.e-small.e-fixed-head {
-  font-size: 10px;
-}
-
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 6px;
-          padding-inline-end: 6px;
-}
-
 .e-rtl .e-dropdownbase .e-list-item {
   padding-left: 16px;
   padding-right: 0;
@@ -621,49 +409,6 @@
   background-color: var(--color-sf-flyout-bg-color-hover);
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
 .e-popup.e-ddl {
   border-radius: calc(var(--e-radius) * 0.25);
   -webkit-box-shadow: none;
@@ -777,231 +522,48 @@
   content: "\e832";
 }
 
+.e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
+  width: 100%;
+  border: 0 solid;
+}
 
+.e-popup.e-wide-popup.e-ddl-device.e-popup-close {
+  display: block;
+  visibility: hidden;
+}
 
+.e-popup-full-page {
+  bottom: 0;
+  left: 0;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  right: 0;
+  top: 0;
+}
+.e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
+  margin: 0;
+}
 
+.e-ddl.e-control-wrapper .e-ddl-disable-icon {
+  position: relative;
+}
 
+.e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
+  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: "";
+}
 
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-.e-popup.e-ddl {
-  border-radius: calc(var(--e-radius) * 0.25);
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  margin-top: 3px;
-}
-
-.e-popup.e-ddl .e-input-group {
-  width: auto;
-}
-
-.e-popup.e-ddl .e-input-group input {
-  line-height: 15px;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-}
-
-.e-popup.e-ddl .e-filter-parent .e-input-group {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-
-.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
-  border: 0;
-}
-
-.e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
-.e-float-input.e-control-wrapper.e-ddl input[readonly] {
-  background: transparent;
-}
-
-.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
-.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
-  background: var(--color-sf-content-bg-color-alt2);
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
-  background: transparent;
-  color: var(--color-sf-icon-color);
-}
-
-.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
-  background: transparent;
-  color: var(--color-sf-icon-color);
-}
-
-.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
-  background: var(--color-sf-content-bg-color-alt2);
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
-.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
-  border: 0;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
-  background: transparent;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-}
-
-.e-ddl.e-popup .e-filter-parent .e-input-group,
-.e-ddl.e-popup .e-filter-parent {
-  background: var(--color-sf-content-bg-color);
-}
-
-.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 14px;
-}
-
-.e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
-  width: 100%;
-  border: 0 solid;
-}
-
-.e-popup.e-wide-popup.e-ddl-device.e-popup-close {
-  display: block;
-  visibility: hidden;
-}
-
-.e-popup-full-page {
-  bottom: 0;
-  left: 0;
-  margin: 0;
-  overflow: hidden;
-  padding: 0;
-  right: 0;
-  top: 0;
-}
-.e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
-  margin: 0;
-}
-
-.e-ddl.e-control-wrapper .e-ddl-disable-icon {
-  position: relative;
-}
-
-.e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
-  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: var(--color-sf-content-bg-color);
-}
+.e-ddl-device-filter .e-filter-parent {
+  background-color: var(--color-sf-content-bg-color);
+}
 
 /* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
@@ -1193,400 +755,132 @@ ejs-dropdownlist {
           box-shadow: none;
 }
 
+.e-popup {
+  border-color: var(--color-sf-border-light);
+}
 
+.e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
+.e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
+  color: var(--color-sf-content-text-color-selected);
+}
 
+.e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
+  border-color: transparent;
+  background: none;
+}
 
+/* stylelint-disable */
+.e-ddt .e-ddt-icon::before {
+  content: "\e734";
+}
+.e-ddt .e-chips-close::before {
+  content: "\e7e7";
+}
 
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-.e-popup.e-ddl {
-  border-radius: calc(var(--e-radius) * 0.25);
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  margin-top: 3px;
-}
-
-.e-popup.e-ddl .e-input-group {
-  width: auto;
-}
-
-.e-popup.e-ddl .e-input-group input {
-  line-height: 15px;
+.e-ddt {
+  cursor: pointer;
+  outline: none;
 }
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
+.e-ddt .e-ddt-icon::before {
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
+  transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
-
-.e-popup.e-ddl .e-filter-parent .e-input-group {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
+.e-ddt.e-icon-anim .e-ddt-icon::before {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
+  transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
-
-.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
+.e-ddt .e-ddt-hidden {
   border: 0;
+  height: 0;
+  visibility: hidden;
+  width: 0;
 }
-
-.e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
-.e-float-input.e-control-wrapper.e-ddl input[readonly] {
-  background: transparent;
+.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
 }
-
-.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
-.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
-  background: var(--color-sf-content-bg-color-alt2);
+.e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
+  border: 0;
 }
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
-  background: transparent;
-  color: var(--color-sf-icon-color);
+.e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide {
+  display: none;
 }
-
-.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
-  background: transparent;
-  color: var(--color-sf-icon-color);
+.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
+  bottom: 8px;
+  position: absolute;
+  right: 0;
 }
-
-.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
-  background: var(--color-sf-content-bg-color-alt2);
+.e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
+  right: 30px;
 }
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
-.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
-  border: 0;
+.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
+  bottom: 0;
+  position: absolute;
+  right: 0;
 }
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+.e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
+.e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
+.e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
+.e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
+.e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
+  padding-left: 0;
+  padding-right: 0;
 }
-
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
-  background: transparent;
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  position: relative;
 }
-
-.e-ddl.e-popup .e-filter-parent .e-input-group,
-.e-ddl.e-popup .e-filter-parent {
-  background: var(--color-sf-content-bg-color);
+.e-ddt .e-chips-wrapper {
+  width: 100%;
 }
-
-.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 14px;
+.e-ddt.e-show-chip .e-chips-close {
+  min-height: 16px;
+  min-width: 16px;
 }
-
-.e-popup {
-  border-color: var(--color-sf-border-light);
+.e-ddt.e-show-chip .e-chips-close::before {
+  font-size: 10px;
 }
-
-.e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
-.e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
-  color: var(--color-sf-content-text-color-selected);
+.e-ddt.e-show-chip .e-chips-close {
+  text-align: center;
 }
-
-.e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
-  border-color: transparent;
-  background: none;
+.e-ddt.e-show-chip .e-chips {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  border-radius: calc(var(--e-radius) * 0.25);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  float: left;
+  height: 24px;
+  margin: 3px 4px;
+  max-width: calc(100% - 2px);
+  overflow: hidden;
+  padding: 0 8px 0 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/* stylelint-disable */
-/* stylelint-disable */
-.e-ddt .e-ddt-icon::before {
-  content: "\e734";
+.e-ddt.e-show-chip .e-chips > .e-chipcontent {
+  max-width: 100%;
+  overflow: hidden;
+  padding: 0 4px 0 0;
+  text-indent: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.e-ddt .e-chips-close::before {
-  content: "\e7e7";
-}
-
-
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* stylelint-disable */
-.e-ddt {
-  cursor: pointer;
-  outline: none;
-}
-.e-ddt .e-ddt-icon::before {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-  -webkit-transition: -webkit-transform 300ms ease;
-  transition: -webkit-transform 300ms ease;
-  transition: transform 300ms ease;
-  transition: transform 300ms ease, -webkit-transform 300ms ease;
-}
-.e-ddt.e-icon-anim .e-ddt-icon::before {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-  -webkit-transition: -webkit-transform 300ms ease;
-  transition: -webkit-transform 300ms ease;
-  transition: transform 300ms ease;
-  transition: transform 300ms ease, -webkit-transform 300ms ease;
-}
-.e-ddt .e-ddt-hidden {
-  border: 0;
-  height: 0;
-  visibility: hidden;
-  width: 0;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
-  border: 0;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide {
-  display: none;
-}
-.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
-  bottom: 8px;
-  position: absolute;
-  right: 0;
-}
-.e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  right: 30px;
-}
-.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
-  bottom: 0;
-  position: absolute;
-  right: 0;
-}
-.e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
-.e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
-.e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
-.e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
-.e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
-  padding-left: 0;
-  padding-right: 0;
-}
-.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.e-ddt .e-chips-wrapper {
-  width: 100%;
-}
-.e-ddt.e-show-chip .e-chips-close {
-  min-height: 16px;
-  min-width: 16px;
-  text-align: center;
-}
-.e-ddt.e-show-chip .e-chips-close::before {
-  font-size: 10px;
-}
-.e-ddt.e-show-chip .e-chips {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  border-radius: calc(var(--e-radius) * 0.25);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  float: left;
-  height: 24px;
-  margin: 3px 4px;
-  max-width: calc(100% - 2px);
-  overflow: hidden;
-  padding: 0 8px 0 8px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.e-ddt.e-show-chip .e-chips > .e-chipcontent {
-  max-width: 100%;
-  overflow: hidden;
-  padding: 0 4px 0 0;
-  text-indent: 0;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.e-ddt .e-overflow {
-  white-space: nowrap;
+.e-ddt .e-overflow {
+  white-space: nowrap;
 }
 .e-ddt .e-overflow.e-show-text {
   padding: 5px 8px;
@@ -1759,402 +1053,63 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   left: 30px;
 }
-.e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
-  padding: 0 14px 0 0;
-}
-.e-ddt.e-rtl.e-popup .e-selectall-parent {
-  text-indent: 41px;
-}
-.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
-  margin: 0 8px;
-}
-.e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
-  top: 15px;
-}
-.e-ddt-icon-hide {
-  display: none;
-}
-
-
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* stylelint-disable */
-.e-ddt .e-chips {
-  background-color: var(--color-sf-secondary-bg-color);
-}
-.e-ddt .e-chips .e-chips-close::before {
-  color: var(--color-sf-secondary-text-color);
-}
-.e-ddt .e-chips > .e-chipcontent {
-  color: var(--color-sf-secondary-text-color);
-}
-.e-ddt .e-overflow .e-remain {
-  color: var(--color-sf-content-text-color-alt1);
-}
-.e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
-  background: var(--color-sf-content-bg-color);
-}
-.e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon.e-ddt-icon {
-  background: transparent;
-  color: var(--color-sf-icon-color);
-}
-.e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-clear-icon, .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
-  background: transparent;
-}
-.e-ddt.e-popup {
-  background: var(--color-sf-flyout-bg-color);
-  border-color: var(--color-sf-border-light);
-}
-.e-ddt.e-popup .e-popup-content.e-no-data {
-  color: var(--color-sf-content-text-color);
-}
-.e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: var(--color-sf-border-light);
-}
-.e-ddt.e-popup .e-selectall-parent:focus {
-  background: var(--color-sf-content-bg-color-hover);
-}
-.e-ddt.e-popup .e-selectall-parent .e-all-text {
-  color: var(--color-sf-content-text-color);
-}
-
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable-line no-empty-source */
-.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
-  line-height: 30px;
-  top: 0;
-}
-
-.e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-radius: 0 2px 2px 0;
-  border-right-width: 0;
-}
-
-.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
-  border-left-width: 0;
-  border-radius: 4px 0 0 4px;
-  border-right-width: 1px;
-}
-
-.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  height: 32px;
-  width: 32px;
-}
-
-.e-multi-select-wrapper .e-searcher input[type=text],
-.e-multi-select-wrapper .e-multi-searcher input[type=text] {
-  color: var(--color-sf-content-text-color);
-  height: 100%;
-}
-
-.e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-left-width: 0;
-}
-
-.e-float-input.e-control-wrapper.e-multiselect input[readonly] {
-  background: transparent;
-}
-
-.e-multiselect.e-input-group .e-ddl-icon::before {
-  content: "\e729";
-  font-family: "e-icons";
-}
-
-.e-multi-select-wrapper .e-chips .e-chips-close::before {
-  content: "\e7e7";
-  cursor: pointer;
-  left: 0;
-  position: relative;
-  top: 0;
-}
-
-.e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e7e7";
-  cursor: pointer;
-  left: 6px;
-  position: relative;
-  top: 6px;
-}
-
-.e-multiselect.e-input-group .e-ddl-disable-icon::before {
-  content: "";
-}
-
-.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
-  content: "\e832";
-}
-
-
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-.e-dropdownbase .e-list-group-item,
-.e-fixed-head {
-  font-size: 12px;
-}
-
-.e-small .e-dropdownbase .e-list-group-item,
-.e-small .e-fixed-head,
-.e-small.e-dropdownbase .e-list-group-item,
-.e-small.e-fixed-head {
-  font-size: 10px;
-}
-
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 6px;
-          padding-inline-end: 6px;
-}
-
-
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
+.e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
+  padding: 0 14px 0 0;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 41px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 8px;
+}
+.e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
+  top: 15px;
+}
+.e-ddt-icon-hide {
+  display: none;
+}
+
+.e-ddt .e-chips {
+  background-color: var(--color-sf-secondary-bg-color);
+}
+.e-ddt .e-chips .e-chips-close::before {
+  color: var(--color-sf-secondary-text-color);
+}
+.e-ddt .e-chips > .e-chipcontent {
+  color: var(--color-sf-secondary-text-color);
+}
+.e-ddt .e-overflow .e-remain {
+  color: var(--color-sf-content-text-color-alt1);
+}
+.e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
+  background: var(--color-sf-content-bg-color);
+}
+.e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon.e-ddt-icon {
+  background: transparent;
+  color: var(--color-sf-icon-color);
+}
+.e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-clear-icon, .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
+  background: transparent;
+}
+.e-ddt.e-popup {
+  background: var(--color-sf-flyout-bg-color);
+  border-color: var(--color-sf-border-light);
+}
+.e-ddt.e-popup .e-popup-content.e-no-data {
+  color: var(--color-sf-content-text-color);
+}
+.e-ddt.e-popup .e-selectall-parent {
+  border-bottom-color: var(--color-sf-border-light);
+}
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: var(--color-sf-content-bg-color-hover);
+}
+.e-ddt.e-popup .e-selectall-parent .e-all-text {
+  color: var(--color-sf-content-text-color);
+}
+
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
   line-height: 30px;
   top: 0;
@@ -2190,6 +1145,35 @@ ejs-dropdownlist {
   background: transparent;
 }
 
+.e-multiselect.e-input-group .e-ddl-icon::before {
+  content: "\e729";
+  font-family: "e-icons";
+}
+
+.e-multi-select-wrapper .e-chips .e-chips-close::before {
+  content: "\e7e7";
+  cursor: pointer;
+  left: 0;
+  position: relative;
+  top: 0;
+}
+
+.e-multi-select-wrapper .e-close-hooker::before {
+  content: "\e7e7";
+  cursor: pointer;
+  left: 6px;
+  position: relative;
+  top: 6px;
+}
+
+.e-multiselect.e-input-group .e-ddl-disable-icon::before {
+  content: "";
+}
+
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -2884,204 +1868,85 @@ ejs-multiselect {
   padding: 0 8px;
 }
 
-.e-small .e-filled .e-multi-select-wrapper .e-chips,
-.e-small.e-filled .e-multi-select-wrapper .e-chips {
-  height: 16px 16px;
-  margin: 4px 4px 0 0;
-  padding-right: 8px;
-}
-
-.e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
-.e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
-  margin: 4px 0 0 4px;
-}
-
-.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  font-size: 13px;
-  padding: 0 8px 0 0;
-}
-
-.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
-.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  font-size: 12px;
-}
-
-.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  font-size: 12px;
-  padding: 0 4px 0 0;
-}
-
-.e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  padding: 0 0 0 4px;
-}
-
-.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
-.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  font-size: 10px;
-}
-
-.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
-  font-size: 13px;
-  padding-right: 4px;
-}
-
-.e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
-.e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
-  height: 38px;
-  margin-top: -38px;
-  right: 12px;
-  top: 100%;
-  width: 16px;
-}
-
-.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
-.e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
-.e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
-.e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
-.e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
-  display: none;
-}
-
-.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
-  margin-right: 0;
-}
-
-.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
-.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
-  cursor: not-allowed;
-}
-
-.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
-.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
-  cursor: pointer;
-}
-
-.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
-  bottom: 0;
-  right: 0;
-  cursor: nwse-resize;
-  height: 15px;
-  position: absolute;
-  width: 15px;
-}
-
-
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
-  line-height: 30px;
-  top: 0;
-}
-
-.e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-radius: 0 2px 2px 0;
-  border-right-width: 0;
+.e-small .e-filled .e-multi-select-wrapper .e-chips,
+.e-small.e-filled .e-multi-select-wrapper .e-chips {
+  height: 16px 16px;
+  margin: 4px 4px 0 0;
+  padding-right: 8px;
 }
 
-.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
-  border-left-width: 0;
-  border-radius: 4px 0 0 4px;
-  border-right-width: 1px;
+.e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
+.e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
+  margin: 4px 0 0 4px;
 }
 
-.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  height: 32px;
-  width: 32px;
+.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
+  font-size: 13px;
+  padding: 0 8px 0 0;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text],
-.e-multi-select-wrapper .e-multi-searcher input[type=text] {
-  color: var(--color-sf-content-text-color);
-  height: 100%;
+.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
+.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
+  font-size: 12px;
 }
 
-.e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-left-width: 0;
+.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
+  font-size: 12px;
+  padding: 0 4px 0 0;
 }
 
-.e-float-input.e-control-wrapper.e-multiselect input[readonly] {
-  background: transparent;
+.e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
+  padding: 0 0 0 4px;
+}
+
+.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
+.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
+  font-size: 10px;
+}
+
+.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
+  font-size: 13px;
+  padding-right: 4px;
+}
+
+.e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
+  height: 38px;
+  margin-top: -38px;
+  right: 12px;
+  top: 100%;
+  width: 16px;
+}
+
+.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
+.e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
+.e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
+.e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
+.e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
+  display: none;
+}
+
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
+
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
 }
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
@@ -3308,90 +2173,6 @@ ejs-multiselect {
   content: "\e744";
 }
 
-
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 /* stylelint-disable property-no-vendor-prefix */
 .e-listbox-wrapper,
 .e-listbox-container,
@@ -3849,90 +2630,6 @@ ejs-listbox {
   padding-bottom: 1px;
 }
 
-
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -4259,5 +2956,4 @@ ejs-listbox {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */