@syncfusion/ej2-angular-dropdowns 19.2.62 → 19.3.46

package/styles/material-dark.css

@@ -23,6 +23,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 48px;
+  text-indent: 16px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -97,17 +98,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 2em;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 2em;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 2em;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -185,7 +183,7 @@
 .e-dropdownbase .e-list-item.e-active.e-hover {
   background-color: rgba(255, 255, 255, 0.05);
   border-color: rgba(255, 255, 255, 0.18);
-  color: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-dropdownbase .e-list-item.e-hover {
@@ -336,7 +334,7 @@
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
   background-color: rgba(255, 255, 255, 0.05);
   border-color: rgba(255, 255, 255, 0.18);
-  color: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
@@ -385,7 +383,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-active.e-hover {
-  color: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
@@ -723,7 +721,7 @@ ejs-dropdownlist {
 
 .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: #ff80ab;
+  color: #00b0ff;
 }
 
 @keyframes e-input-ripple {
@@ -832,7 +830,6 @@ ejs-dropdownlist {
 
 .e-ddt.e-show-chip .e-chips-close::before {
   font-size: 16px;
-  vertical-align: middle;
 }
 
 .e-ddt.e-show-chip .e-chips {
@@ -861,6 +858,133 @@ ejs-dropdownlist {
   white-space: nowrap;
 }
 
+.e-ddt.e-outline .e-overflow.e-show-text {
+  padding: 10px 12px 9px;
+}
+
+.e-ddt.e-outline .e-overflow.e-total-count {
+  padding: 10px 12px;
+}
+
+.e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
+  right: 30px;
+}
+
+.e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon {
+  min-height: 20px;
+}
+
+.e-ddt.e-outline.e-show-chip .e-overflow {
+  padding: 4px 12px;
+}
+
+.e-ddt.e-outline.e-show-chip .e-chips-wrapper {
+  padding: 4px 12px;
+}
+
+.e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
+  line-height: 21px;
+  padding: 14px 2px 5px 0;
+}
+
+.e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
+  padding-top: 10px;
+}
+
+.e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon,
+.e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
+  padding-top: 8px;
+}
+
+.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
+  bottom: 6px;
+  right: 10px;
+}
+
+.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
+  bottom: 5px;
+  right: 38px;
+}
+
+.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
+  bottom: 9px;
+  right: 10px;
+}
+
+.e-ddt.e-filled .e-chips-wrapper .e-chips,
+.e-ddt.e-filled .e-overflow .e-chips {
+  margin-top: 8px;
+  padding: 0 8px;
+}
+
+.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
+.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
+  padding-top: 8px;
+}
+
+.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
+.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
+  height: 18px;
+}
+
+.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
+.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
+  font-size: 12px;
+  padding: 0 4px 0 0;
+}
+
+.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
+.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
+  font-size: 12px;
+  height: 12px;
+  width: 12px;
+}
+
+.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
+  line-height: 39px;
+  padding: 0;
+}
+
+.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
+  line-height: 39px;
+  padding-top: 0;
+}
+
+.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
+.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
+  height: 28px;
+  margin-top: 8px;
+  padding: 0 8px;
+}
+
+.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
+.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
+  font-size: 13px;
+  padding: 0 8px 0 0;
+}
+
+.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
+.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
+  font-size: 14px;
+  height: 14px;
+  width: 14px;
+}
+
+.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon {
+  bottom: 10px;
+  right: 10px;
+}
+
+.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
+  bottom: 9px;
+  right: 38px;
+}
+
+.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon {
+  bottom: 9px;
+  right: 10px;
+}
+
 .e-ddt .e-overflow {
   white-space: nowrap;
 }
@@ -1064,6 +1188,58 @@ ejs-dropdownlist {
   padding: 6px 0 0 0;
 }
 
+.e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon,
+.e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon, .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon,
+.e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon {
+  left: 30px;
+}
+
+.e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
+  padding: 14px 0 5px 2px;
+}
+
+.e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
+  left: 10px;
+  right: auto;
+}
+
+.e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
+  left: 38px;
+  right: auto;
+}
+
+.e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
+  left: 10px;
+  right: auto;
+}
+
+.e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
+.e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
+  padding: 0 0 0 4px;
+}
+
+.e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
+.e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
+  padding: 0 0 0 8px;
+}
+
+.e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon {
+  left: 10px;
+  right: auto;
+}
+
+.e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon .e-clear-icon {
+  left: 38px;
+  right: auto;
+}
+
+.e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon {
+  left: 10px;
+  right: auto;
+}
+
 .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
   margin-left: 18px;
   margin-right: 1px;
@@ -1096,6 +1272,10 @@ ejs-dropdownlist {
   padding: 0 14px 0 0;
 }
 
+.e-ddt-icon-hide {
+  display: none;
+}
+
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 31px;
@@ -1128,6 +1308,171 @@ ejs-dropdownlist {
   padding: 11px 0 0 0;
 }
 
+.e-bigger .e-ddt.e-outline .e-overflow.e-show-text,
+.e-ddt.e-bigger.e-outline .e-overflow.e-show-text {
+  padding: 15px 16px;
+}
+
+.e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
+.e-ddt.e-bigger.e-outline .e-overflow.e-total-count {
+  padding: 15px 16px;
+}
+
+.e-bigger .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
+  right: 36px;
+}
+
+.e-bigger .e-ddt.e-outline.e-show-chip .e-overflow,
+.e-ddt.e-bigger.e-outline.e-show-chip .e-overflow {
+  padding: 8px 15px;
+}
+
+.e-bigger .e-ddt.e-outline.e-show-chip .e-overflow.e-total-count .e-remain,
+.e-ddt.e-bigger.e-outline.e-show-chip .e-overflow.e-total-count .e-remain {
+  padding-top: 10px;
+}
+
+.e-bigger .e-ddt.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count,
+.e-ddt.e-bigger.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count {
+  padding-top: 10px;
+}
+
+.e-bigger .e-ddt.e-outline.e-show-chip .e-chips-wrapper,
+.e-ddt.e-bigger.e-outline.e-show-chip .e-chips-wrapper {
+  padding: 8px 15px;
+}
+
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
+  line-height: 30px;
+  padding: 19px 12px 0 0;
+}
+
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
+  padding-top: 14px;
+}
+
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon,
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
+  padding-top: 8px;
+}
+
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
+  bottom: 12px;
+  right: 12px;
+}
+
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
+  bottom: 11px;
+  right: 44px;
+}
+
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
+  bottom: 14px;
+  right: 12px;
+}
+
+.e-bigger .e-ddt.e-filled .e-chips-wrapper .e-chips,
+.e-bigger .e-ddt.e-filled .e-overflow .e-chips,
+.e-ddt.e-bigger.e-filled .e-chips-wrapper .e-chips,
+.e-ddt.e-bigger.e-filled .e-overflow .e-chips {
+  margin-top: 8px;
+  padding: 0 8px;
+}
+
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
+  padding-top: 19px;
+}
+
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
+  height: 24px;
+}
+
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
+  font-size: 13px;
+}
+
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
+.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
+.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
+  font-size: 14px;
+  height: 14px;
+  width: 14px;
+}
+
+.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text,
+.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
+  line-height: 55px;
+}
+
+.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count,
+.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
+  line-height: 55px;
+  padding-top: 0;
+}
+
+.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
+.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips,
+.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
+.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
+  height: 32px;
+  padding: 0 12px;
+}
+
+.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
+.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent,
+.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
+.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
+  font-size: 14px;
+}
+
+.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
+.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before,
+.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
+.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
+  font-size: 16px;
+  height: 16px;
+  width: 16px;
+}
+
+.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon,
+.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon,
+.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
+.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon,
+.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
+.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon,
+.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon {
+  bottom: 16px;
+  right: 12px;
+}
+
+.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon,
+.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
+  bottom: 15px;
+  right: 44px;
+}
+
 .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
 .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
   margin-right: 20px;
@@ -1156,6 +1501,60 @@ ejs-dropdownlist {
   height: 44px;
 }
 
+.e-bigger .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon,
+.e-bigger .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon,
+.e-bigger .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon,
+.e-bigger .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon,
+.e-bigger .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon {
+  left: 36px;
+}
+
+.e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text,
+.e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
+  padding: 19px 0 0 12px;
+}
+
+.e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
+.e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
+.e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
+.e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
+.e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
+  left: 12px;
+  right: auto;
+}
+
+.e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
+  left: 44px;
+  right: auto;
+}
+
+.e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon:not(.e-input-focus) .e-ddt-icon,
+.e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon:not(.e-input-focus):not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon,
+.e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon:not(.e-input-focus) .e-ddt-icon,
+.e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon:not(.e-input-focus):not(.e-show-dd-icon) .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon,
+.e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon {
+  left: 12px;
+  right: auto;
+}
+
+.e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon,
+.e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
+  left: 44px;
+  right: auto;
+}
+
 .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
 .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
   margin-left: 20px;
@@ -1201,16 +1600,12 @@ ejs-dropdownlist {
   color: #fff;
 }
 
-.e-ddt .e-overflow .e-remain {
-  color: rgba(255, 255, 255, 0.7);
-}
-
-.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
-  background-color: #000;
+.e-ddt.e-filled .e-chips {
+  background-color: #424242;
 }
 
-.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 {
-  background-color: #000;
+.e-ddt .e-overflow .e-remain {
+  color: rgba(255, 255, 255, 0.7);
 }
 
 .e-ddt.e-popup {
@@ -1280,6 +1675,565 @@ ejs-dropdownlist {
   content: '';
 }
 
+.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  height: 38px;
+  margin-top: -38px;
+  right: 18px;
+  top: 100%;
+  width: 16px;
+}
+
+.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  height: 38px;
+  margin-top: -35px;
+  right: 18px;
+  top: 100%;
+  width: 16px;
+}
+
+.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
+  right: 52px;
+}
+
+.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
+  right: 52px;
+}
+
+.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  height: 38px;
+  margin-top: -55px;
+  right: 12px;
+  top: 100%;
+  width: 18px;
+}
+
+.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
+  right: 48px;
+}
+
+.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  height: 54px;
+  margin-top: -55px;
+  right: 16px;
+  top: 100%;
+  width: 20px;
+}
+
+.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
+  right: 60px;
+}
+
+.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  height: 34px;
+  margin-top: -35px;
+  right: 16px;
+  top: 100%;
+  width: 14px;
+}
+
+.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
+  right: 48px;
+}
+
+.e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
+  left: 52px;
+  right: auto;
+}
+
+.e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
+  left: 48px;
+  right: auto;
+}
+
+.e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
+  left: 60px;
+  right: auto;
+}
+
+.e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-rtl .e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
+.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
+  left: 48px;
+  right: auto;
+}
+
+.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
+  content: '\e208';
+  font-size: 16px;
+  height: 16px;
+  margin-top: -8px;
+  top: 50%;
+}
+
+.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
+.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
+  content: '\e208';
+  font-size: 14px;
+  height: 14px;
+  margin-top: -7px;
+  top: 50%;
+}
+
+.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
+.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
+  content: '\e208';
+  font-size: 20px;
+  height: 20px;
+  left: 0;
+  margin-top: -10px;
+  top: 50%;
+}
+
+.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
+.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
+.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
+.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
+  content: '\e208';
+  font-size: 18px;
+  height: 18px;
+  left: 0;
+  margin-top: -9px;
+  top: 50%;
+}
+
+.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
+  font-size: 14px;
+}
+
+.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
+  font-size: 13px;
+}
+
+.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
+  font-size: 16px;
+}
+
+.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
+  font-size: 14px;
+}
+
+.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin: 7px 12px 9px 0;
+}
+
+.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin: 10px 16px 10px 0;
+}
+
+.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin: 6px 10px 8px 0;
+}
+
+.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin: 6px 12px 8px 0;
+}
+
+.e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl.e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin: 7px 0 9px 12px;
+}
+
+.e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin: 10px 0 10px 16px;
+}
+
+.e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin: 6px 0 8px 10px;
+}
+
+.e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl.e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin: 6px 0 8px 12px;
+}
+
+.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  height: 20px;
+  margin-top: -33px;
+  right: 18px;
+  width: 20px;
+}
+
+.e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
+  height: 20px;
+  margin-top: -35px;
+  right: 45px;
+  width: 20px;
+}
+
+.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
+  margin-top: -32px;
+}
+
+.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  height: 18px;
+  margin: -29px 0 8px;
+  width: 18px;
+}
+
+.e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  height: 24px;
+  width: 24px;
+}
+
+.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
+  margin-top: -26px;
+}
+
+.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
+  margin-top: -40px;
+}
+
+.e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  margin-top: -32px;
+  right: 40px;
+}
+
+.e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
+  margin-top: -44px;
+}
+
+.e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
+.e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
+.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
+  height: 14px;
+  width: 14px;
+}
+
+.e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
+.e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
+  height: 16px;
+  width: 16px;
+}
+
+.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
+.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
+  height: 10px;
+  width: 10px;
+}
+
+.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
+  font-size: 12px;
+  height: 12px;
+  width: 12px;
+}
+
+.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
+  font-size: 10px;
+  height: 10px;
+  width: 10px;
+}
+
+.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
+.e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
+  font-size: 14px;
+  height: 14px;
+  width: 14px;
+}
+
+.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
+.e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
+.e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
+.e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
+.e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
+  content: '\e208';
+  font-size: 16px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: middle;
+  width: 16px;
+}
+
+.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
+.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
+  font-size: 14px;
+  height: 14px;
+  width: 14px;
+}
+
+.e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
+.e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
+  font-size: 20px;
+  height: 20px;
+  width: 20px;
+}
+
+.e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  left: 10px;
+  right: auto;
+}
+
+.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  left: 6px;
+  right: auto;
+}
+
+.e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  left: 12px;
+  right: auto;
+}
+
+.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin: 10px 0 9px;
+}
+
+.e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin: 0 8px 8px 0;
+  padding: 0;
+}
+
+.e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  height: 18px;
+  margin: 7px 0 2px;
+  width: 18px;
+}
+
+.e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  height: 24px;
+  margin: 12px -4px 8px -1px;
+  padding: 0;
+  width: 24px;
+}
+
+.e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin: 0 12px 4px 0;
+}
+
+.e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin: 0;
+}
+
+.e-bigger.e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-small .e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-bigger.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  height: 20px;
+  margin: 0 0 8px;
+  padding: 0;
+  width: 20px;
+}
+
+.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 16px;
+  height: 16px;
+  width: 16px;
+}
+
+.e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 14px;
+  height: 14px;
+  width: 14px;
+}
+
+.e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 20px;
+  height: 20px;
+  width: 20px;
+}
+
+.e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 18px;
+  height: 18px;
+  width: 18px;
+}
+
+.e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  height: 24px;
+  margin: 7px -4px 8px -1px;
+  padding: 0;
+  width: 24px;
+}
+
+.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
+.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
+.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
+.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
+.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
+.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
+.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
+.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
+.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
+.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
+.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
+  content: '';
+}
+
 .e-multi-select-wrapper {
   box-sizing: border-box;
   cursor: text;
@@ -1565,7 +2519,10 @@ ejs-dropdownlist {
   right: auto;
 }
 
-.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  margin-top: -3em;
+}
+
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -3em;
 }
@@ -1586,6 +2543,7 @@ ejs-dropdownlist {
 .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
   background: none;
   border: 0;
+  color: inherit;
   font-family: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -1675,6 +2633,7 @@ ejs-dropdownlist {
 
 .e-bigger .e-multi-select-wrapper .e-delim-values {
   line-height: 43px;
+  padding-left: 0;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem {
@@ -2055,8 +3014,9 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
+  color: inherit;
   font-size: inherit;
-  min-height: 36px;
+  min-height: 34px;
   padding: 8px 12px 9px;
 }
 
@@ -2067,7 +3027,7 @@ ejs-multiselect {
 .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
 .e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
   font-size: inherit;
-  min-height: 32px;
+  min-height: 30px;
   padding: 7px 10px;
 }
 
@@ -2081,7 +3041,7 @@ ejs-multiselect {
 .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
 .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
   font-size: inherit;
-  min-height: 36px;
+  min-height: 34px;
   padding: 8px 12px 9px;
 }
 
@@ -2105,35 +3065,129 @@ ejs-multiselect {
 }
 
 .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper {
-  min-height: 36px;
-  padding: 1px 38px 1px 0;
+  min-height: 34px;
+  padding: 3px 38px 1px 0;
 }
 
 .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper,
 .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper {
-  min-height: 36px;
-  padding: 1px 38px 1px 0;
+  min-height: 34px;
+  padding: 3px 38px 1px 0;
 }
 
 .e-small .e-multiselect.e-outline .e-multi-select-wrapper,
 .e-small.e-multiselect.e-outline .e-multi-select-wrapper {
-  min-height: 32px;
-  padding: 1px 38px 1px 0;
+  min-height: 30px;
+  padding: 3px 38px 1px 0;
 }
 
 .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
-  min-height: 36px;
-  padding: 1px 38px 1px 0;
+  min-height: 34px;
+  padding: 3px 38px 1px 0;
 }
 
 .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper {
-  min-height: 36px;
-  padding: 1px 38px 1px 0;
+  min-height: 34px;
+  padding: 3px 38px 1px 0;
+}
+
+.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin-top: -1.6em;
+}
+
+.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+  margin-top: -2.8em;
+  right: 36px;
+}
+
+.e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin-top: -1.4em;
+}
+
+.e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin-right: 6px;
+  margin-top: -1.6em;
+}
+
+.e-bigger .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+  margin-top: -3em;
+  right: 43px;
+}
+
+.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin-top: -1.4em;
+}
+
+.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin-top: -1.6em;
+}
+
+.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+  margin-top: -2.6em;
+  right: 31px;
+}
+
+.e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
+  margin-right: 6px;
+  margin-top: -1.7em;
+}
+
+.e-bigger.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+  margin-top: -1.7em;
+  right: 36px;
+}
+
+.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
+.e-bigger.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
+.e-bigger .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon {
+  padding: 11px 12px 0;
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper {
-  min-height: 36px;
-  padding: 1px 38px 1px 0;
+  min-height: 34px;
+  padding: 3px 38px 1px 0;
 }
 
 .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
@@ -2187,7 +3241,7 @@ ejs-multiselect {
 .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
 .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
 .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
-  padding: 1px 0 1px 38px;
+  padding: 3px 0 1px 38px;
 }
 
 .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
@@ -2226,7 +3280,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
-  height: 36px;
+  height: 34px;
 }
 
 .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
@@ -2236,19 +3290,19 @@ ejs-multiselect {
 
 .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
 .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
-  height: 32px;
+  height: 30px;
 }
 
 .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
 .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
 .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
 .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
-  height: 36px;
+  height: 34px;
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
   font-size: 14px;
-  line-height: 36px;
+  line-height: 34px;
   padding: 0 0 0 12px;
 }
 
@@ -2262,7 +3316,7 @@ ejs-multiselect {
 .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
 .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
   font-size: 13px;
-  line-height: 32px;
+  line-height: 30px;
   padding: 0 0 0 8px;
 }
 
@@ -2271,7 +3325,7 @@ ejs-multiselect {
 .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
 .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
   font-size: 14px;
-  line-height: 36px;
+  line-height: 34px;
   padding: 0 0 0 12px;
 }
 
@@ -2313,7 +3367,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
-  height: 28px;
+  height: 26px;
   margin: 4px 0 4px 8px;
   padding: 0 8px;
 }
@@ -2339,7 +3393,7 @@ ejs-multiselect {
 .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
 .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
 .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
-  height: 28px;
+  height: 26px;
   padding: 0 8px;
 }
 
@@ -2455,7 +3509,7 @@ ejs-multiselect {
 .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
 .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
 .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] {
-  min-height: 44px;
+  min-height: 39px;
   padding-right: 10px;
 }
 
@@ -2482,7 +3536,7 @@ ejs-multiselect {
 }
 
 .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
-  height: 44px;
+  height: 39px;
 }
 
 .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
@@ -2531,7 +3585,7 @@ ejs-multiselect {
 .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
 .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values {
   font-size: 13px;
-  line-height: 44px;
+  line-height: 39px;
 }
 
 .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
@@ -2864,14 +3918,14 @@ ejs-multiselect {
   background-color: #424242;
   border: 1px solid transparent;
   box-shadow: none;
-  color: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
   background-color: #424242;
   border: 1px solid transparent;
   box-shadow: none;
-  color: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item {
@@ -2944,29 +3998,29 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
-  background-color: #ececec;
+  background-color: #424242;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips {
-  background-color: #cecece;
+  background-color: #424242;
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips:hover {
-  background-color: #ececec;
+  background-color: #616161;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips:hover {
-  background-color: #cecece;
+  background-color: #616161;
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected,
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected {
-  background-color: #dcdcdc;
+  background-color: #c7c7c7;
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected:hover,
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
-  background-color: #dcdcdc;
+  background-color: #c7c7c7;
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent,
@@ -2981,12 +4035,12 @@ ejs-multiselect {
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  color: #000;
+  color: #fff;
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover,
 .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
-  color: #000;
+  color: rgba(255, 255, 255, 0.87);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before,
@@ -3001,7 +4055,7 @@ ejs-multiselect {
 
 .e-multiselect.e-outline:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before,
 .e-multiselect.e-filled:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before {
-  color: #000;
+  color: rgba(255, 255, 255, 0.87);
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
@@ -3018,7 +4072,7 @@ ejs-multiselect {
 }
 
 .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips {
-  background-color: rgba(0, 0, 0, 0.06);
+  background-color: #f5f5f5;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip.e-chip-selected,
@@ -3392,7 +4446,7 @@ ejs-multiselect {
 
 .e-listbox-wrapper .e-placeholder,
 .e-listbox-container .e-placeholder {
-  background-color: #ff80ab;
+  background-color: #00b0ff;
   display: block;
   height: 1px;
 }
@@ -3430,7 +4484,7 @@ ejs-listbox {
 .e-listbox-container.e-sortableclone .e-list-badge {
   -ms-flex-align: center;
       align-items: center;
-  background-color: #ff80ab;
+  background-color: #00b0ff;
   border: 1px solid #000;
   border-radius: 50%;
   color: #000;
@@ -3689,7 +4743,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
 .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
 .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
-  background-color: #ff80ab;
+  background-color: #00b0ff;
   border-color: transparent;
   color: #000;
 }