@syncfusion/ej2-dropdowns 19.4.56 → 20.1.51

package/styles/multi-select/fluent.scss

@@ -0,0 +1,9 @@
+@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-inputs/styles/input/fluent-definition.scss';
+@import 'ej2-popups/styles/popup/fluent-definition.scss';
+@import 'ej2-popups/styles/spinner/fluent-definition.scss';
+@import 'ej2-buttons/styles/check-box/fluent-definition.scss';
+@import '../drop-down-base/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'icons/fluent.scss';
+@import 'all.scss';

package/styles/multi-select/highcontrast-light.css

@@ -203,12 +203,14 @@
   width: 100%;
 }
 
-.e-multi-select-wrapper.e-delimiter .e-searcher {
+.e-multi-select-wrapper.e-delimiter .e-searcher,
+.e-multi-select-wrapper.e-delimiter .e-multi-searcher {
   height: 27px;
   vertical-align: middle;
 }
 
-.e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
+.e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
+.e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
   height: 100%;
   min-height: 100%;
 }
@@ -469,6 +471,7 @@
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
   right: 27px;
 }
@@ -483,7 +486,8 @@
   right: auto;
 }
 
-.e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+.e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
   left: 38px;
   right: auto;
 }
@@ -699,7 +703,7 @@
   padding-right: 16px;
 }
 
-.e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
+.e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
   left: 30px;
 }
 
@@ -735,12 +739,14 @@
   vertical-align: middle;
 }
 
-.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
+.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
+.e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 10px;
 }
 
-.e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
+.e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
+.e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 10px;
 }
@@ -803,6 +809,7 @@
   font-size: 14px;
 }
 
+.e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
   font-size: 14px;
   line-height: 46px;
@@ -817,6 +824,7 @@
   vertical-align: middle;
 }
 
+.e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
 .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 10px;
@@ -846,7 +854,7 @@
   padding: 8px;
 }
 
-.e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
+.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
 .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
   padding: 4px 0;
 }
@@ -887,6 +895,7 @@ ejs-multiselect {
   display: block;
 }
 
+.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 26px;
 }
@@ -915,6 +924,7 @@ ejs-multiselect {
   margin-top: -2.9em;
 }
 
+.e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 40px;
 }
@@ -1183,7 +1193,7 @@ ejs-multiselect {
   background-color: #400074;
 }
 
-.e-multi-select-wrapper .e-chips.e-chip-selected:hover {
+.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
   background-color: #400074;
 }
 
@@ -1212,7 +1222,7 @@ ejs-multiselect {
   height: 26px;
 }
 
-.e-multi-select-wrapper .e-chips:hover {
+.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
   background-color: #ecf;
 }
 
@@ -1287,16 +1297,16 @@ ejs-multiselect {
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
   background-color: #400074;
-  border: 1px solid #400074;
   box-shadow: none;
   color: #fff;
+  border: 1px solid #400074;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
   background-color: #400074;
-  border: 1px solid #400074;
   box-shadow: none;
   color: #fff;
+  border: 1px solid #400074;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item {

package/styles/multi-select/highcontrast.css

@@ -205,12 +205,14 @@
   width: 100%;
 }
 
-.e-multi-select-wrapper.e-delimiter .e-searcher {
+.e-multi-select-wrapper.e-delimiter .e-searcher,
+.e-multi-select-wrapper.e-delimiter .e-multi-searcher {
   height: 27px;
   vertical-align: middle;
 }
 
-.e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
+.e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
+.e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
   height: 100%;
   min-height: 100%;
 }
@@ -471,6 +473,7 @@
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
   right: 27px;
 }
@@ -485,7 +488,8 @@
   right: auto;
 }
 
-.e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+.e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
   left: 38px;
   right: auto;
 }
@@ -701,7 +705,7 @@
   padding-right: 16px;
 }
 
-.e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
+.e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
   left: 30px;
 }
 
@@ -737,12 +741,14 @@
   vertical-align: middle;
 }
 
-.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
+.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
+.e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 10px;
 }
 
-.e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
+.e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
+.e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 10px;
 }
@@ -805,6 +811,7 @@
   font-size: 14px;
 }
 
+.e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
   font-size: 14px;
   line-height: 46px;
@@ -819,6 +826,7 @@
   vertical-align: middle;
 }
 
+.e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
 .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 10px;
@@ -848,7 +856,7 @@
   padding: 8px;
 }
 
-.e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
+.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
 .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
   padding: 4px 0;
 }
@@ -889,6 +897,7 @@ ejs-multiselect {
   display: block;
 }
 
+.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 26px;
 }
@@ -917,6 +926,7 @@ ejs-multiselect {
   margin-top: -2.9em;
 }
 
+.e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 40px;
 }
@@ -1185,7 +1195,7 @@ ejs-multiselect {
   background-color: #ffd939;
 }
 
-.e-multi-select-wrapper .e-chips.e-chip-selected:hover {
+.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
   background-color: #ffd939;
 }
 
@@ -1214,7 +1224,7 @@ ejs-multiselect {
   height: 26px;
 }
 
-.e-multi-select-wrapper .e-chips:hover {
+.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
   background-color: #685708;
 }
 
@@ -1289,16 +1299,16 @@ ejs-multiselect {
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
   background-color: #ffd939;
-  border: 1px solid #ffd939;
   box-shadow: none;
   color: #000;
+  border: 1px solid #ffd939;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
   background-color: #ffd939;
-  border: 1px solid #ffd939;
   box-shadow: none;
   color: #000;
+  border: 1px solid #ffd939;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item {

package/styles/multi-select/icons/_fluent-dark.scss

@@ -0,0 +1 @@
+@import './fluent.scss';

package/styles/multi-select/icons/_fluent.scss

@@ -1,25 +1,54 @@
 @include export-module('multiselect-fluent-icons') {
   .e-multiselect.e-input-group .e-ddl-icon::before {
-    content: '\e7c3';
+    content: '\e729';
     font-family: 'e-icons';
   }
 
   .e-multi-select-wrapper .e-chips .e-chips-close::before {
-    content: '\e74f';
+    content: '\e7e7';
     cursor: pointer;
     left: $ddl-chip-close-left;
     position: relative;
     top: $ddl-chip-close-top;
   }
 
+  .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before,
+  .e-bigger.e-multi-select-wrapper .e-chips .e-chips-close::before {
+    top: 1px;
+  }
+
   .e-multi-select-wrapper .e-close-hooker::before {
-    content: '\e74f';
+    content: '\e7e7';
     cursor: pointer;
     left: $ddl-overall-close-left;
     position: relative;
     top: $ddl-overall-close-top;
   }
 
+  .e-small .e-multi-select-wrapper .e-close-hooker::before {
+    top: 1px;
+  }
+
+  .e-small .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
+    top: -1px;
+  }
+
+  .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+    top: 4px;
+  }
+
+  .e-small.e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
+    top: 5px;
+  }
+
+  .e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+    top: 11px;
+  }
+
+  .e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
+    top: 11px;
+  }
+
   .e-multiselect.e-input-group .e-ddl-disable-icon::before {
     content: '';
   }

package/styles/multi-select/icons/_tailwind.scss

@@ -1,11 +1,11 @@
 @include export-module('multiselect-tailwind-icons') {
   .e-multiselect.e-input-group .e-ddl-icon::before {
-    content: '\e732';
+    content: '\e729';
     font-family: 'e-icons';
   }
 
   .e-multi-select-wrapper .e-chips .e-chips-close::before {
-    content: '\e771';
+    content: '\e7e7';
     cursor: pointer;
     left: $ddl-chip-close-left;
     position: relative;
@@ -13,7 +13,7 @@
   }
 
   .e-multi-select-wrapper .e-close-hooker::before {
-    content: '\e771';
+    content: '\e7e7';
     cursor: pointer;
     left: $ddl-overall-close-left;
     position: relative;

package/styles/multi-select/material-dark.css

@@ -633,12 +633,14 @@
   width: 100%;
 }
 
-.e-multi-select-wrapper.e-delimiter .e-searcher {
+.e-multi-select-wrapper.e-delimiter .e-searcher,
+.e-multi-select-wrapper.e-delimiter .e-multi-searcher {
   height: 27px;
   vertical-align: middle;
 }
 
-.e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
+.e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
+.e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
   height: 100%;
   min-height: 100%;
 }
@@ -899,6 +901,7 @@
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
   right: 22px;
 }
@@ -1140,7 +1143,7 @@
   padding-right: 16px;
 }
 
-.e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
+.e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
   left: 19px;
 }
 
@@ -1176,12 +1179,14 @@
   vertical-align: middle;
 }
 
-.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
+.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
+.e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 12px;
 }
 
-.e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
+.e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
+.e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 12px;
 }
@@ -1236,6 +1241,7 @@
   font-size: 14px;
 }
 
+.e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
   font-size: 13px;
   line-height: 48px;
@@ -1250,6 +1256,7 @@
   vertical-align: middle;
 }
 
+.e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
 .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 12px;
@@ -1289,7 +1296,7 @@
   padding: 8px;
 }
 
-.e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
+.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
 .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
   padding: 4px 0;
 }
@@ -1335,6 +1342,7 @@ ejs-multiselect {
   display: block;
 }
 
+.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 26px;
 }
@@ -1363,6 +1371,7 @@ ejs-multiselect {
   margin-top: -2.5em;
 }
 
+.e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 40px;
 }
@@ -2104,7 +2113,7 @@ ejs-multiselect {
   background-color: #424242;
 }
 
-.e-multi-select-wrapper .e-chips.e-chip-selected:hover {
+.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
   background-color: rgba(255, 255, 255, 0.1);
 }
 
@@ -2133,7 +2142,7 @@ ejs-multiselect {
   height: 24px;
 }
 
-.e-multi-select-wrapper .e-chips:hover {
+.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
   background-color: rgba(255, 255, 255, 0.1);
 }
 
@@ -2220,16 +2229,16 @@ ejs-multiselect {
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
   background-color: #424242;
-  border: 1px solid transparent;
   box-shadow: none;
   color: #00b0ff;
+  border: 1px solid transparent;
 }
 
 .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: #00b0ff;
+  border: 1px solid transparent;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item {

package/styles/multi-select/material.css

@@ -642,12 +642,14 @@
   width: 100%;
 }
 
-.e-multi-select-wrapper.e-delimiter .e-searcher {
+.e-multi-select-wrapper.e-delimiter .e-searcher,
+.e-multi-select-wrapper.e-delimiter .e-multi-searcher {
   height: 27px;
   vertical-align: middle;
 }
 
-.e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
+.e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
+.e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
   height: 100%;
   min-height: 100%;
 }
@@ -908,6 +910,7 @@
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
   right: 22px;
 }
@@ -1149,7 +1152,7 @@
   padding-right: 16px;
 }
 
-.e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
+.e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
   left: 19px;
 }
 
@@ -1185,12 +1188,14 @@
   vertical-align: middle;
 }
 
-.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
+.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
+.e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 12px;
 }
 
-.e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
+.e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
+.e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 12px;
 }
@@ -1245,6 +1250,7 @@
   font-size: 14px;
 }
 
+.e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
   font-size: 13px;
   line-height: 48px;
@@ -1259,6 +1265,7 @@
   vertical-align: middle;
 }
 
+.e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
 .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 12px;
@@ -1298,7 +1305,7 @@
   padding: 8px;
 }
 
-.e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
+.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
 .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
   padding: 4px 0;
 }
@@ -1344,6 +1351,7 @@ ejs-multiselect {
   display: block;
 }
 
+.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 26px;
 }
@@ -1372,6 +1380,7 @@ ejs-multiselect {
   margin-top: -2.5em;
 }
 
+.e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 40px;
 }
@@ -2113,7 +2122,7 @@ ejs-multiselect {
   background-color: #757575;
 }
 
-.e-multi-select-wrapper .e-chips.e-chip-selected:hover {
+.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
   background-color: #757575;
 }
 
@@ -2142,7 +2151,7 @@ ejs-multiselect {
   height: 24px;
 }
 
-.e-multi-select-wrapper .e-chips:hover {
+.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
   background-color: #eee;
 }
 
@@ -2229,16 +2238,16 @@ ejs-multiselect {
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
   background-color: #e0e0e0;
-  border: 1px solid transparent;
   box-shadow: none;
   color: #e3165b;
+  border: 1px solid transparent;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
   background-color: #e0e0e0;
-  border: 1px solid transparent;
   box-shadow: none;
   color: #e3165b;
+  border: 1px solid transparent;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item {