@syncfusion/ej2-angular-dropdowns 19.4.56 → 20.1.51

package/styles/drop-down-base/tailwind-dark.css

@@ -35,13 +35,16 @@
   padding: 0 8px 0 0;
 }
 
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 12px 0 0;
 }
 
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 6px 0 0;
+  padding: 0 4px 0 0;
 }
 
 .e-bigger .e-dropdownbase,
@@ -50,13 +53,16 @@
 }
 
 .e-bigger .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-bigger .e-list-item {
+  line-height: 36px;
+  text-indent: 16px;
+}
+
 .e-bigger .e-dropdownbase .e-list-group-item,
 .e-bigger .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger .e-list-item,
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 36px;
-  text-indent: 12px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -120,6 +126,21 @@
   text-align: center;
 }
 
+.e-bigger.e-ddl .e-dropdownbase.e-nodata,
+.e-bigger .e-ddl .e-dropdownbase.e-nodata {
+  font-size: 16px;
+}
+
+.e-small.e-ddl .e-dropdownbase.e-nodata,
+.e-small .e-ddl .e-dropdownbase.e-nodata {
+  font-size: 12px;
+}
+
+.e-bigger.e-small.e-ddl .e-dropdownbase.e-nodata,
+.e-bigger.e-small .e-ddl .e-dropdownbase.e-nodata {
+  font-size: 14px;
+}
+
 .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
   padding-right: 12px;
 }
@@ -131,14 +152,17 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 8px;
+  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 16px;
+  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 14px;
+  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -154,6 +178,7 @@
   vertical-align: middle;
   white-space: nowrap;
   width: 100%;
+  font-weight: 500;
 }
 
 .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
@@ -165,6 +190,15 @@
   padding-right: 0;
 }
 
+.e-rtl .e-dropdownbase.e-dd-group .e-list-item {
+  padding-right: 12px;
+}
+
+.e-rtl .e-dropdownbase .e-list-group-item,
+.e-rtl .e-dropdownbase .e-fixed-head {
+  padding-right: 12px;
+}
+
 .e-small.e-rtl .e-dropdownbase .e-list-item,
 .e-small .e-rtl .e-dropdownbase .e-list-item,
 .e-rtl .e-small .e-dropdownbase .e-list-item {
@@ -172,6 +206,36 @@
   padding-right: 0;
 }
 
+.e-small.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-small .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-rtl .e-small .e-dropdownbase.e-dd-group .e-list-item {
+  padding-right: 8px;
+}
+
+.e-small.e-rtl .e-dropdownbase .e-list-group-item,
+.e-small.e-rtl .e-dropdownbase .e-fixed-head,
+.e-small .e-rtl .e-dropdownbase .e-list-group-item,
+.e-small .e-rtl .e-dropdownbase .e-fixed-head,
+.e-rtl .e-small .e-dropdownbase .e-list-group-item,
+.e-rtl .e-small .e-dropdownbase .e-fixed-head {
+  padding-right: 8px;
+}
+
+.e-bigger.e-rtl .e-dropdownbase .e-list-group-item,
+.e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
+.e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
+.e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
+.e-rtl .e-bigger .e-dropdownbase .e-list-group-item,
+.e-rtl .e-bigger .e-dropdownbase .e-fixed-head {
+  padding-right: 16px;
+}
+
+.e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-rtl .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-right: 16px;
+}
+
 .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
 .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
 .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
@@ -181,11 +245,33 @@
   padding-right: 0;
 }
 
+.e-small.e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-small.e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-rtl .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
+.e-small .e-rtl.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
+.e-bigger .e-rtl.e-small .e-dropdownbase.e-dd-group .e-list-item {
+  padding-right: 14px;
+}
+
+.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-group-item,
+.e-small.e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
+.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
+.e-small.e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
+.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-group-item,
+.e-rtl .e-small.e-bigger .e-dropdownbase .e-fixed-head,
+.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-group-item,
+.e-small .e-rtl.e-bigger .e-dropdownbase .e-fixed-head,
+.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-group-item,
+.e-bigger .e-rtl.e-small .e-dropdownbase .e-fixed-head {
+  padding-right: 14px;
+}
+
 .e-dropdownbase {
   border-color: #4b5563;
 }
 
 .e-dropdownbase .e-list-item {
+  -webkit-tap-highlight-color: transparent;
   background-color: #374151;
   border-bottom: 0;
   border-color: #4b5563;
@@ -235,7 +321,7 @@
 
 .e-bigger .e-dropdownbase .e-list-group-item,
 .e-bigger .e-dropdownbase .e-fixed-head {
-  font-size: 16px;
+  font-size: 14px;
   padding-left: 16px;
 }
 
@@ -301,7 +387,7 @@
   color: #fff;
   line-height: 24px;
   min-height: 24px;
-  text-indent: 12px;
+  text-indent: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-group-item,
@@ -322,17 +408,17 @@
 .e-bigger.e-small .e-dropdownbase .e-list-item,
 .e-dropdownbase.e-small.e-bigger .e-list-item {
   color: #fff;
-  line-height: 40px;
-  min-height: 40px;
-  text-indent: 16px;
+  line-height: 32px;
+  min-height: 32px;
+  text-indent: 14px;
 }
 
 .e-bigger.e-small .e-dropdownbase .e-list-group-item,
 .e-bigger.e-small .e-dropdownbase .e-fixed-head,
 .e-dropdownbase.e-small.e-bigger .e-list-group-item,
 .e-dropdownbase.e-small.e-bigger .e-fixed-head {
-  line-height: 40px;
-  min-height: 40px;
+  line-height: 32px;
+  min-height: 32px;
   padding-left: 14px;
 }
 
@@ -354,9 +440,8 @@
   border-color: #4b5563;
   color: #fff;
   font-family: "Inter";
-  font-size: 14px;
-  padding-right: 16px;
   text-indent: 12px;
+  color: #9ca3af;
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
@@ -375,3 +460,7 @@
   border-color: #1f2937;
   color: #fff;
 }
+
+.e-dropdownbase .e-list-item .e-list-icon {
+  color: #d1d5db;
+}

package/styles/drop-down-base/tailwind.css

@@ -35,13 +35,16 @@
   padding: 0 8px 0 0;
 }
 
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 12px 0 0;
 }
 
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 6px 0 0;
+  padding: 0 4px 0 0;
 }
 
 .e-bigger .e-dropdownbase,
@@ -50,13 +53,16 @@
 }
 
 .e-bigger .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-bigger .e-list-item {
+  line-height: 36px;
+  text-indent: 16px;
+}
+
 .e-bigger .e-dropdownbase .e-list-group-item,
 .e-bigger .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger .e-list-item,
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 36px;
-  text-indent: 12px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -120,6 +126,21 @@
   text-align: center;
 }
 
+.e-bigger.e-ddl .e-dropdownbase.e-nodata,
+.e-bigger .e-ddl .e-dropdownbase.e-nodata {
+  font-size: 16px;
+}
+
+.e-small.e-ddl .e-dropdownbase.e-nodata,
+.e-small .e-ddl .e-dropdownbase.e-nodata {
+  font-size: 12px;
+}
+
+.e-bigger.e-small.e-ddl .e-dropdownbase.e-nodata,
+.e-bigger.e-small .e-ddl .e-dropdownbase.e-nodata {
+  font-size: 14px;
+}
+
 .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
   padding-right: 12px;
 }
@@ -131,14 +152,17 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 8px;
+  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 16px;
+  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 14px;
+  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -154,6 +178,7 @@
   vertical-align: middle;
   white-space: nowrap;
   width: 100%;
+  font-weight: 500;
 }
 
 .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
@@ -165,6 +190,15 @@
   padding-right: 0;
 }
 
+.e-rtl .e-dropdownbase.e-dd-group .e-list-item {
+  padding-right: 12px;
+}
+
+.e-rtl .e-dropdownbase .e-list-group-item,
+.e-rtl .e-dropdownbase .e-fixed-head {
+  padding-right: 12px;
+}
+
 .e-small.e-rtl .e-dropdownbase .e-list-item,
 .e-small .e-rtl .e-dropdownbase .e-list-item,
 .e-rtl .e-small .e-dropdownbase .e-list-item {
@@ -172,6 +206,36 @@
   padding-right: 0;
 }
 
+.e-small.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-small .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-rtl .e-small .e-dropdownbase.e-dd-group .e-list-item {
+  padding-right: 8px;
+}
+
+.e-small.e-rtl .e-dropdownbase .e-list-group-item,
+.e-small.e-rtl .e-dropdownbase .e-fixed-head,
+.e-small .e-rtl .e-dropdownbase .e-list-group-item,
+.e-small .e-rtl .e-dropdownbase .e-fixed-head,
+.e-rtl .e-small .e-dropdownbase .e-list-group-item,
+.e-rtl .e-small .e-dropdownbase .e-fixed-head {
+  padding-right: 8px;
+}
+
+.e-bigger.e-rtl .e-dropdownbase .e-list-group-item,
+.e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
+.e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
+.e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
+.e-rtl .e-bigger .e-dropdownbase .e-list-group-item,
+.e-rtl .e-bigger .e-dropdownbase .e-fixed-head {
+  padding-right: 16px;
+}
+
+.e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-rtl .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-right: 16px;
+}
+
 .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
 .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
 .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
@@ -181,11 +245,33 @@
   padding-right: 0;
 }
 
+.e-small.e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-small.e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-rtl .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
+.e-small .e-rtl.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
+.e-bigger .e-rtl.e-small .e-dropdownbase.e-dd-group .e-list-item {
+  padding-right: 14px;
+}
+
+.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-group-item,
+.e-small.e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
+.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
+.e-small.e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
+.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-group-item,
+.e-rtl .e-small.e-bigger .e-dropdownbase .e-fixed-head,
+.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-group-item,
+.e-small .e-rtl.e-bigger .e-dropdownbase .e-fixed-head,
+.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-group-item,
+.e-bigger .e-rtl.e-small .e-dropdownbase .e-fixed-head {
+  padding-right: 14px;
+}
+
 .e-dropdownbase {
   border-color: #e5e7eb;
 }
 
 .e-dropdownbase .e-list-item {
+  -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-bottom: 0;
   border-color: #e5e7eb;
@@ -235,7 +321,7 @@
 
 .e-bigger .e-dropdownbase .e-list-group-item,
 .e-bigger .e-dropdownbase .e-fixed-head {
-  font-size: 16px;
+  font-size: 14px;
   padding-left: 16px;
 }
 
@@ -301,7 +387,7 @@
   color: #111827;
   line-height: 24px;
   min-height: 24px;
-  text-indent: 12px;
+  text-indent: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-group-item,
@@ -322,17 +408,17 @@
 .e-bigger.e-small .e-dropdownbase .e-list-item,
 .e-dropdownbase.e-small.e-bigger .e-list-item {
   color: #111827;
-  line-height: 40px;
-  min-height: 40px;
-  text-indent: 16px;
+  line-height: 32px;
+  min-height: 32px;
+  text-indent: 14px;
 }
 
 .e-bigger.e-small .e-dropdownbase .e-list-group-item,
 .e-bigger.e-small .e-dropdownbase .e-fixed-head,
 .e-dropdownbase.e-small.e-bigger .e-list-group-item,
 .e-dropdownbase.e-small.e-bigger .e-fixed-head {
-  line-height: 40px;
-  min-height: 40px;
+  line-height: 32px;
+  min-height: 32px;
   padding-left: 14px;
 }
 
@@ -354,9 +440,8 @@
   border-color: #e5e7eb;
   color: #111827;
   font-family: "Inter";
-  font-size: 14px;
-  padding-right: 16px;
   text-indent: 12px;
+  color: #6b7280;
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
@@ -375,3 +460,7 @@
   border-color: #fff;
   color: #111827;
 }
+
+.e-dropdownbase .e-list-item .e-list-icon {
+  color: #6b7280;
+}

package/styles/drop-down-list/bootstrap-dark.css

@@ -161,7 +161,10 @@
   margin-left: -20px;
 }
 
-.e-bigger .e-ddl.e-popup .e-list-item,
+.e-bigger .e-ddl.e-popup .e-list-item {
+  font-size: 15px;
+}
+
 .e-bigger .e-ddl.e-popup .e-list-group-item {
   font-size: 15px;
 }
@@ -170,7 +173,10 @@
   padding: 4px 0;
 }
 
-.e-bigger.e-ddl.e-popup .e-list-item,
+.e-bigger.e-ddl.e-popup .e-list-item {
+  font-size: 15px;
+}
+
 .e-bigger.e-ddl.e-popup .e-list-group-item {
   font-size: 15px;
 }
@@ -189,6 +195,10 @@
   top: 0;
 }
 
+.e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
+  margin: 0;
+}
+
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
 }
@@ -341,29 +351,41 @@ ejs-dropdownlist {
 }
 
 .e-small .e-ddl.e-popup .e-list-item,
+.e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 13px;
+}
+
 .e-small .e-ddl.e-popup .e-list-group-item,
-.e-input-group.e-ddl.e-small .e-list-item,
 .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 13px;
 }
 
 .e-small.e-ddl.e-popup .e-list-item,
+.e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 13px;
+}
+
 .e-small.e-ddl.e-popup .e-list-group-item,
-.e-input-group.e-ddl.e-small .e-list-item,
 .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 13px;
 }
 
 .e-bigger.e-small .e-ddl.e-popup .e-list-item,
+.e-bigger .e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 14px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
-.e-bigger .e-input-group.e-ddl.e-small .e-list-item,
 .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 14px;
 }
 
 .e-bigger.e-small.e-ddl.e-popup .e-list-item,
+.e-bigger .e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 14px;
+}
+
 .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
-.e-bigger .e-input-group.e-ddl.e-small .e-list-item,
 .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 14px;
 }

package/styles/drop-down-list/bootstrap.css

@@ -161,7 +161,10 @@
   margin-left: -20px;
 }
 
-.e-bigger .e-ddl.e-popup .e-list-item,
+.e-bigger .e-ddl.e-popup .e-list-item {
+  font-size: 15px;
+}
+
 .e-bigger .e-ddl.e-popup .e-list-group-item {
   font-size: 15px;
 }
@@ -170,7 +173,10 @@
   padding: 4px 0;
 }
 
-.e-bigger.e-ddl.e-popup .e-list-item,
+.e-bigger.e-ddl.e-popup .e-list-item {
+  font-size: 15px;
+}
+
 .e-bigger.e-ddl.e-popup .e-list-group-item {
   font-size: 15px;
 }
@@ -189,6 +195,10 @@
   top: 0;
 }
 
+.e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
+  margin: 0;
+}
+
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
 }
@@ -341,29 +351,41 @@ ejs-dropdownlist {
 }
 
 .e-small .e-ddl.e-popup .e-list-item,
+.e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 13px;
+}
+
 .e-small .e-ddl.e-popup .e-list-group-item,
-.e-input-group.e-ddl.e-small .e-list-item,
 .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 13px;
 }
 
 .e-small.e-ddl.e-popup .e-list-item,
+.e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 13px;
+}
+
 .e-small.e-ddl.e-popup .e-list-group-item,
-.e-input-group.e-ddl.e-small .e-list-item,
 .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 13px;
 }
 
 .e-bigger.e-small .e-ddl.e-popup .e-list-item,
+.e-bigger .e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 14px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
-.e-bigger .e-input-group.e-ddl.e-small .e-list-item,
 .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 14px;
 }
 
 .e-bigger.e-small.e-ddl.e-popup .e-list-item,
+.e-bigger .e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 14px;
+}
+
 .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
-.e-bigger .e-input-group.e-ddl.e-small .e-list-item,
 .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 14px;
 }

package/styles/drop-down-list/bootstrap4.css

@@ -212,12 +212,18 @@
   margin-left: -20px;
 }
 
-.e-bigger .e-ddl.e-popup .e-list-item,
+.e-bigger .e-ddl.e-popup .e-list-item {
+  font-size: 16px;
+}
+
 .e-bigger .e-ddl.e-popup .e-list-group-item {
   font-size: 16px;
 }
 
-.e-bigger.e-ddl.e-popup .e-list-item,
+.e-bigger.e-ddl.e-popup .e-list-item {
+  font-size: 16px;
+}
+
 .e-bigger.e-ddl.e-popup .e-list-group-item {
   font-size: 16px;
 }
@@ -232,6 +238,10 @@
   top: 0;
 }
 
+.e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
+  margin: 0;
+}
+
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
 }
@@ -376,29 +386,41 @@ ejs-dropdownlist {
 }
 
 .e-small .e-ddl.e-popup .e-list-item,
+.e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 13px;
+}
+
 .e-small .e-ddl.e-popup .e-list-group-item,
-.e-input-group.e-ddl.e-small .e-list-item,
 .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 13px;
 }
 
 .e-small.e-ddl.e-popup .e-list-item,
+.e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 13px;
+}
+
 .e-small.e-ddl.e-popup .e-list-group-item,
-.e-input-group.e-ddl.e-small .e-list-item,
 .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 13px;
 }
 
 .e-bigger.e-small .e-ddl.e-popup .e-list-item,
+.e-bigger .e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 14px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
-.e-bigger .e-input-group.e-ddl.e-small .e-list-item,
 .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 14px;
 }
 
 .e-bigger.e-small.e-ddl.e-popup .e-list-item,
+.e-bigger .e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 14px;
+}
+
 .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
-.e-bigger .e-input-group.e-ddl.e-small .e-list-item,
 .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 14px;
 }