@syncfusion/ej2-dropdowns 28.2.11 → 29.1.33

package/styles/bootstrap-dark.css

@@ -159,7 +159,7 @@
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
   border-color: #6e6e6e;
-  color: #3e98ff;
+  color: rgb(61.5, 151.8, 255);
   font-family: inherit;
   font-size: 12px;
   font-weight: normal;
@@ -217,7 +217,7 @@
   border-color: #484848;
   border-style: solid;
   border-width: 0 0 1px 0;
-  color: #3e98ff;
+  color: rgb(61.5, 151.8, 255);
   font-family: inherit;
   font-size: 12px;
   font-weight: normal;
@@ -950,6 +950,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 6px 12px 0 12px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1465,6 +1468,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -2167,7 +2174,7 @@ ejs-multiselect {
   border-bottom: 1px solid transparent;
   border-left: 1px solid #0070f0;
   border-right: 1px solid #0070f0;
-  border-top: 1px solid #001124;
+  border-top: 1px solid rgb(0, 16.8, 36);
 }
 
 .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
@@ -3176,7 +3183,7 @@ ejs-listbox {
 .e-listboxtool-wrapper .e-list-group-item {
   background-color: #1a1a1a;
   border-color: #414141;
-  color: #3e98ff;
+  color: rgb(61.5, 151.8, 255);
   font-size: 14px;
 }
 

package/styles/bootstrap-lite.css

@@ -769,6 +769,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 6px 12px 0 12px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1190,6 +1193,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,

package/styles/bootstrap.css

@@ -946,6 +946,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 6px 12px 0 12px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1454,6 +1457,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,

package/styles/bootstrap4-lite.css

@@ -185,7 +185,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border-color: #fff;
   color: #212529;
 }
@@ -195,7 +195,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-item-focus {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-multi-column.e-ddl.e-popup.e-popup-open table {
@@ -289,7 +289,7 @@
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
@@ -300,13 +300,13 @@
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border-color: #fff;
   color: #212529;
 }
 
 .e-selectall-parent.e-item-focus {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 /* stylelint-disable property-no-vendor-prefix */
@@ -800,6 +800,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 4px 8px 0 8px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1028,7 +1031,7 @@ ejs-dropdownlist {
   border-bottom-color: rgba(0, 0, 0, 0.15);
 }
 .e-ddt.e-popup .e-selectall-parent:focus {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #212529;
@@ -1275,6 +1278,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -1900,7 +1907,7 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips.e-chip-selected {
-  background-color: #545b62;
+  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
@@ -1935,7 +1942,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
-  background-color: #5a6268;
+  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
@@ -2000,11 +2007,11 @@ ejs-multiselect {
 }
 
 .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
@@ -2659,7 +2666,7 @@ ejs-listbox {
 .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
 .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
 .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
-  background-color: #e9ecef;
+  background-color: rgb(233.125, 236.25, 239.375);
   border-color: transparent;
   color: #212529;
 }

package/styles/bootstrap4.css

@@ -185,7 +185,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border-color: #fff;
   color: #212529;
 }
@@ -195,7 +195,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-item-focus {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-multi-column.e-ddl.e-popup.e-popup-open table {
@@ -289,7 +289,7 @@
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
@@ -300,13 +300,13 @@
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border-color: #fff;
   color: #212529;
 }
 
 .e-selectall-parent.e-item-focus {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-bigger .e-dropdownbase,
@@ -995,6 +995,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 4px 8px 0 8px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1223,7 +1226,7 @@ ejs-dropdownlist {
   border-bottom-color: rgba(0, 0, 0, 0.15);
 }
 .e-ddt.e-popup .e-selectall-parent:focus {
-  background: #f2f4f6;
+  background: rgb(242.05, 243.9, 245.75);
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #212529;
@@ -1572,6 +1575,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -2197,7 +2204,7 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips.e-chip-selected {
-  background-color: #545b62;
+  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
@@ -2232,7 +2239,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
-  background-color: #5a6268;
+  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
@@ -2297,11 +2304,11 @@ ejs-multiselect {
 }
 
 .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
@@ -3357,7 +3364,7 @@ ejs-listbox {
 .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
 .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
 .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
-  background-color: #e9ecef;
+  background-color: rgb(233.125, 236.25, 239.375);
   border-color: transparent;
   color: #212529;
 }

package/styles/bootstrap5-dark-lite.css

@@ -98,7 +98,7 @@
 }
 
 .e-mention.e-editable-element {
-  border: 2px solid #444c54;
+  border: 2px solid rgb(68.0034482759, 75.85, 83.6965517241);
   height: auto;
   min-height: 120px;
   width: 100%;
@@ -152,13 +152,13 @@
   padding-right: 0;
 }
 .e-dropdownbase {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-dropdownbase .e-list-item {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   border-bottom: 0;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 14px;
@@ -171,8 +171,8 @@
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  border-color: #444c54;
-  color: #7b848d;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 14px;
   font-weight: 500;
@@ -192,7 +192,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-hover {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border-color: #212529;
   color: #fff;
 }
@@ -202,7 +202,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-item-focus {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-dropdownbase .e-list-item.e-active:last-child {
@@ -234,7 +234,7 @@
   border-color: #495057;
   border-style: solid;
   border-width: 0 0 1px 0;
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 14px;
   font-weight: 500;
@@ -291,17 +291,17 @@
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
   background-color: #343a40;
   border-bottom: 0;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   text-indent: 12px;
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
   font-size: 14px;
   padding-right: 16px;
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
@@ -312,13 +312,13 @@
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border-color: #212529;
   color: #fff;
 }
 
 .e-selectall-parent.e-item-focus {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 /* stylelint-disable property-no-vendor-prefix */
@@ -544,7 +544,7 @@
 
 .e-ddl.e-popup {
   background: #343a40;
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   position: absolute;
 }
 .e-ddl.e-popup .e-search-icon {
@@ -689,7 +689,7 @@ ejs-dropdownlist {
 }
 
 .e-popup {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
@@ -820,6 +820,9 @@ ejs-dropdownlist {
   padding: 0 8px;
   line-height: 30px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -866,7 +869,7 @@ ejs-dropdownlist {
   visibility: hidden;
 }
 .e-ddt.e-popup {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   margin-top: 4px;
   border-radius: 4px;
   -webkit-box-shadow: none;
@@ -911,7 +914,7 @@ ejs-dropdownlist {
   border-top-width: 0;
   display: block;
   padding: 4px;
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-ddt.e-popup .e-filter-wrap .e-input-group {
   margin-bottom: 0;
@@ -1025,7 +1028,7 @@ ejs-dropdownlist {
   color: #fff;
 }
 .e-ddt .e-overflow .e-remain {
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
   background: #212529;
@@ -1039,16 +1042,16 @@ ejs-dropdownlist {
 }
 .e-ddt.e-popup {
   background: #343a40;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-ddt.e-popup .e-popup-content.e-no-data {
   color: #fff;
 }
 .e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: #444c54;
+  border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-ddt.e-popup .e-selectall-parent:focus {
-  background: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #fff;
@@ -1265,6 +1268,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -1900,7 +1907,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
-  background-color: #565e64;
+  background-color: rgb(86.4, 93.6, 100);
 }
 
 .e-multiselect {
@@ -1931,7 +1938,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
-  background-color: #5c636a;
+  background-color: rgb(91.8, 99.45, 106.25);
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
@@ -1988,13 +1995,13 @@ ejs-multiselect {
 }
 
 .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
-  background-color: #31373d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
   color: #fff;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
-  background-color: #31373d;
-  color: #7b848d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
@@ -2051,11 +2058,11 @@ ejs-multiselect {
 }
 
 .e-ul.e-reorder {
-  border-bottom: 1px solid #444c54;
+  border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-multi-select-list-wrapper .e-selectall-parent {
-  border-bottom: 1px solid #444c54;
+  border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-multi-select-wrapper .e-delim-values {
@@ -2523,7 +2530,7 @@ ejs-listbox {
 }
 .e-listboxtool-wrapper .e-listbox-tool,
 .e-listboxtool-container .e-listbox-tool {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   overflow: auto;
   padding: 8px;
 }
@@ -2584,7 +2591,7 @@ ejs-listbox {
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-listbox-wrapper,
@@ -2682,7 +2689,7 @@ ejs-listbox {
 .e-listbox-container .e-selectall-parent,
 .e-listboxtool-wrapper .e-selectall-parent {
   background-color: transparent;
-  border-bottom: 1px solid #444c54;
+  border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
 }