@syncfusion/ej2-dropdowns 32.1.24 → 32.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (268) hide show
  1. package/.eslintrc.json +263 -0
  2. package/aceconfig.js +17 -0
  3. package/dist/ej2-dropdowns.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js +2 -2
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +14 -6
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +14 -6
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +2 -2
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +8 -8
  14. package/src/drop-down-list/drop-down-list.js +1 -1
  15. package/src/multi-select/multi-select.js +13 -5
  16. package/styles/bds-lite.css +898 -898
  17. package/styles/bds.css +1302 -1302
  18. package/styles/bootstrap-dark-lite.css +870 -870
  19. package/styles/bootstrap-dark.css +1275 -1275
  20. package/styles/bootstrap-lite.css +867 -867
  21. package/styles/bootstrap.css +1278 -1278
  22. package/styles/bootstrap4-lite.css +1408 -1408
  23. package/styles/bootstrap4.css +1721 -1721
  24. package/styles/bootstrap5-dark-lite.css +1769 -1769
  25. package/styles/bootstrap5-dark.css +1710 -1710
  26. package/styles/bootstrap5-lite.css +1396 -1396
  27. package/styles/bootstrap5.3-lite.css +1138 -1138
  28. package/styles/bootstrap5.3.css +1592 -1592
  29. package/styles/bootstrap5.css +1711 -1711
  30. package/styles/drop-down-base/_all.bds.scss +1 -1
  31. package/styles/drop-down-base/_all.bootstrap-dark.scss +1 -1
  32. package/styles/drop-down-base/_all.bootstrap.scss +1 -1
  33. package/styles/drop-down-base/_all.bootstrap4.scss +1 -1
  34. package/styles/drop-down-base/_all.bootstrap5-dark.scss +1 -1
  35. package/styles/drop-down-base/_all.bootstrap5.3.scss +1 -1
  36. package/styles/drop-down-base/_all.bootstrap5.scss +1 -1
  37. package/styles/drop-down-base/_all.fabric-dark.scss +1 -1
  38. package/styles/drop-down-base/_all.fabric.scss +1 -1
  39. package/styles/drop-down-base/_all.fluent-dark.scss +1 -1
  40. package/styles/drop-down-base/_all.fluent.scss +1 -1
  41. package/styles/drop-down-base/_all.fluent2.scss +1 -1
  42. package/styles/drop-down-base/_all.highcontrast-light.scss +1 -1
  43. package/styles/drop-down-base/_all.highcontrast.scss +1 -1
  44. package/styles/drop-down-base/_all.material-dark.scss +1 -1
  45. package/styles/drop-down-base/_all.material.scss +1 -1
  46. package/styles/drop-down-base/_all.material3-dark.scss +1 -1
  47. package/styles/drop-down-base/_all.material3.scss +1 -1
  48. package/styles/drop-down-base/_all.tailwind-dark.scss +1 -1
  49. package/styles/drop-down-base/_all.tailwind.scss +1 -1
  50. package/styles/drop-down-base/_all.tailwind3.scss +1 -1
  51. package/styles/drop-down-base/bds.css +164 -164
  52. package/styles/drop-down-base/bootstrap-dark.css +130 -130
  53. package/styles/drop-down-base/bootstrap.css +130 -130
  54. package/styles/drop-down-base/bootstrap4.css +136 -136
  55. package/styles/drop-down-base/bootstrap5-dark.css +143 -143
  56. package/styles/drop-down-base/bootstrap5.3.css +219 -219
  57. package/styles/drop-down-base/bootstrap5.css +143 -143
  58. package/styles/drop-down-base/fabric-dark.css +130 -130
  59. package/styles/drop-down-base/fabric.css +130 -130
  60. package/styles/drop-down-base/fluent-dark.css +148 -148
  61. package/styles/drop-down-base/fluent.css +148 -148
  62. package/styles/drop-down-base/fluent2.css +215 -215
  63. package/styles/drop-down-base/highcontrast-light.css +146 -146
  64. package/styles/drop-down-base/highcontrast.css +146 -146
  65. package/styles/drop-down-base/material-dark.css +130 -130
  66. package/styles/drop-down-base/material.css +130 -130
  67. package/styles/drop-down-base/material3-dark.css +212 -212
  68. package/styles/drop-down-base/material3.css +214 -214
  69. package/styles/drop-down-base/tailwind-dark.css +155 -155
  70. package/styles/drop-down-base/tailwind.css +155 -155
  71. package/styles/drop-down-base/tailwind3.css +215 -215
  72. package/styles/drop-down-list/_all.bds.scss +1 -1
  73. package/styles/drop-down-list/_all.bootstrap-dark.scss +1 -1
  74. package/styles/drop-down-list/_all.bootstrap.scss +1 -1
  75. package/styles/drop-down-list/_all.bootstrap4.scss +1 -1
  76. package/styles/drop-down-list/_all.bootstrap5-dark.scss +1 -1
  77. package/styles/drop-down-list/_all.bootstrap5.3.scss +1 -1
  78. package/styles/drop-down-list/_all.bootstrap5.scss +1 -1
  79. package/styles/drop-down-list/_all.fabric-dark.scss +1 -1
  80. package/styles/drop-down-list/_all.fabric.scss +1 -1
  81. package/styles/drop-down-list/_all.fluent-dark.scss +1 -1
  82. package/styles/drop-down-list/_all.fluent.scss +1 -1
  83. package/styles/drop-down-list/_all.fluent2.scss +1 -1
  84. package/styles/drop-down-list/_all.highcontrast-light.scss +1 -1
  85. package/styles/drop-down-list/_all.highcontrast.scss +1 -1
  86. package/styles/drop-down-list/_all.material-dark.scss +1 -1
  87. package/styles/drop-down-list/_all.material.scss +1 -1
  88. package/styles/drop-down-list/_all.material3-dark.scss +1 -1
  89. package/styles/drop-down-list/_all.material3.scss +1 -1
  90. package/styles/drop-down-list/_all.tailwind-dark.scss +1 -1
  91. package/styles/drop-down-list/_all.tailwind.scss +1 -1
  92. package/styles/drop-down-list/_all.tailwind3.scss +1 -1
  93. package/styles/drop-down-list/bds.css +87 -87
  94. package/styles/drop-down-list/bootstrap-dark.css +74 -74
  95. package/styles/drop-down-list/bootstrap.css +74 -74
  96. package/styles/drop-down-list/bootstrap4.css +111 -111
  97. package/styles/drop-down-list/bootstrap5-dark.css +113 -113
  98. package/styles/drop-down-list/bootstrap5.3.css +197 -197
  99. package/styles/drop-down-list/bootstrap5.css +113 -113
  100. package/styles/drop-down-list/fabric-dark.css +48 -48
  101. package/styles/drop-down-list/fabric.css +48 -48
  102. package/styles/drop-down-list/fluent-dark.css +105 -105
  103. package/styles/drop-down-list/fluent.css +105 -105
  104. package/styles/drop-down-list/fluent2.css +204 -204
  105. package/styles/drop-down-list/highcontrast-light.css +63 -63
  106. package/styles/drop-down-list/highcontrast.css +64 -64
  107. package/styles/drop-down-list/material-dark.css +96 -96
  108. package/styles/drop-down-list/material.css +100 -100
  109. package/styles/drop-down-list/material3-dark.css +235 -235
  110. package/styles/drop-down-list/material3.css +235 -235
  111. package/styles/drop-down-list/tailwind-dark.css +83 -83
  112. package/styles/drop-down-list/tailwind.css +83 -83
  113. package/styles/drop-down-list/tailwind3.css +186 -186
  114. package/styles/drop-down-tree/_all.bds.scss +1 -1
  115. package/styles/drop-down-tree/_all.bootstrap-dark.scss +1 -1
  116. package/styles/drop-down-tree/_all.bootstrap.scss +1 -1
  117. package/styles/drop-down-tree/_all.bootstrap4.scss +1 -1
  118. package/styles/drop-down-tree/_all.bootstrap5-dark.scss +1 -1
  119. package/styles/drop-down-tree/_all.bootstrap5.3.scss +1 -1
  120. package/styles/drop-down-tree/_all.bootstrap5.scss +1 -1
  121. package/styles/drop-down-tree/_all.fabric-dark.scss +1 -1
  122. package/styles/drop-down-tree/_all.fabric.scss +1 -1
  123. package/styles/drop-down-tree/_all.fluent-dark.scss +1 -1
  124. package/styles/drop-down-tree/_all.fluent.scss +1 -1
  125. package/styles/drop-down-tree/_all.fluent2.scss +1 -1
  126. package/styles/drop-down-tree/_all.highcontrast-light.scss +1 -1
  127. package/styles/drop-down-tree/_all.highcontrast.scss +1 -1
  128. package/styles/drop-down-tree/_all.material-dark.scss +1 -1
  129. package/styles/drop-down-tree/_all.material.scss +1 -1
  130. package/styles/drop-down-tree/_all.material3-dark.scss +1 -1
  131. package/styles/drop-down-tree/_all.material3.scss +1 -1
  132. package/styles/drop-down-tree/_all.tailwind-dark.scss +1 -1
  133. package/styles/drop-down-tree/_all.tailwind.scss +1 -1
  134. package/styles/drop-down-tree/_all.tailwind3.scss +1 -1
  135. package/styles/drop-down-tree/bds.css +56 -56
  136. package/styles/drop-down-tree/bootstrap-dark.css +33 -33
  137. package/styles/drop-down-tree/bootstrap.css +33 -33
  138. package/styles/drop-down-tree/bootstrap4.css +39 -39
  139. package/styles/drop-down-tree/bootstrap5-dark.css +40 -40
  140. package/styles/drop-down-tree/bootstrap5.3.css +124 -124
  141. package/styles/drop-down-tree/bootstrap5.css +40 -40
  142. package/styles/drop-down-tree/fabric-dark.css +33 -33
  143. package/styles/drop-down-tree/fabric.css +33 -33
  144. package/styles/drop-down-tree/fluent-dark.css +33 -33
  145. package/styles/drop-down-tree/fluent.css +33 -33
  146. package/styles/drop-down-tree/fluent2.css +122 -122
  147. package/styles/drop-down-tree/highcontrast-light.css +33 -33
  148. package/styles/drop-down-tree/highcontrast.css +42 -42
  149. package/styles/drop-down-tree/material-dark.css +33 -33
  150. package/styles/drop-down-tree/material.css +33 -33
  151. package/styles/drop-down-tree/material3-dark.css +115 -115
  152. package/styles/drop-down-tree/material3.css +117 -117
  153. package/styles/drop-down-tree/tailwind-dark.css +52 -52
  154. package/styles/drop-down-tree/tailwind.css +52 -52
  155. package/styles/drop-down-tree/tailwind3.css +107 -107
  156. package/styles/fabric-dark-lite.css +877 -877
  157. package/styles/fabric-dark.css +1274 -1274
  158. package/styles/fabric-lite.css +877 -877
  159. package/styles/fabric.css +1147 -1147
  160. package/styles/fluent-dark-lite.css +1765 -1765
  161. package/styles/fluent-dark.css +1718 -1718
  162. package/styles/fluent-lite.css +1765 -1765
  163. package/styles/fluent.css +1718 -1718
  164. package/styles/fluent2-lite.css +2081 -2081
  165. package/styles/fluent2.css +1703 -1703
  166. package/styles/highcontrast-light-lite.css +1412 -1412
  167. package/styles/highcontrast-light.css +1760 -1760
  168. package/styles/highcontrast-lite.css +1751 -1751
  169. package/styles/highcontrast.css +1768 -1768
  170. package/styles/list-box/_all.bds.scss +1 -1
  171. package/styles/list-box/_all.bootstrap-dark.scss +1 -1
  172. package/styles/list-box/_all.bootstrap.scss +1 -1
  173. package/styles/list-box/_all.bootstrap4.scss +1 -1
  174. package/styles/list-box/_all.bootstrap5-dark.scss +1 -1
  175. package/styles/list-box/_all.bootstrap5.3.scss +1 -1
  176. package/styles/list-box/_all.bootstrap5.scss +1 -1
  177. package/styles/list-box/_all.fabric-dark.scss +1 -1
  178. package/styles/list-box/_all.fabric.scss +1 -1
  179. package/styles/list-box/_all.fluent-dark.scss +1 -1
  180. package/styles/list-box/_all.fluent.scss +1 -1
  181. package/styles/list-box/_all.fluent2.scss +1 -1
  182. package/styles/list-box/_all.highcontrast-light.scss +1 -1
  183. package/styles/list-box/_all.highcontrast.scss +1 -1
  184. package/styles/list-box/_all.material-dark.scss +1 -1
  185. package/styles/list-box/_all.material.scss +1 -1
  186. package/styles/list-box/_all.material3-dark.scss +1 -1
  187. package/styles/list-box/_all.material3.scss +1 -1
  188. package/styles/list-box/_all.tailwind-dark.scss +1 -1
  189. package/styles/list-box/_all.tailwind.scss +1 -1
  190. package/styles/list-box/_all.tailwind3.scss +1 -1
  191. package/styles/list-box/bds.css +654 -654
  192. package/styles/list-box/bootstrap-dark.css +644 -644
  193. package/styles/list-box/bootstrap.css +649 -649
  194. package/styles/list-box/bootstrap4.css +649 -649
  195. package/styles/list-box/bootstrap5-dark.css +649 -649
  196. package/styles/list-box/bootstrap5.3.css +659 -659
  197. package/styles/list-box/bootstrap5.css +649 -649
  198. package/styles/list-box/fabric-dark.css +644 -644
  199. package/styles/list-box/fabric.css +649 -649
  200. package/styles/list-box/fluent-dark.css +649 -649
  201. package/styles/list-box/fluent.css +649 -649
  202. package/styles/list-box/fluent2.css +692 -692
  203. package/styles/list-box/highcontrast-light.css +644 -644
  204. package/styles/list-box/highcontrast.css +649 -649
  205. package/styles/list-box/material-dark.css +643 -643
  206. package/styles/list-box/material.css +648 -648
  207. package/styles/list-box/material3-dark.css +659 -659
  208. package/styles/list-box/material3.css +659 -659
  209. package/styles/list-box/tailwind-dark.css +640 -640
  210. package/styles/list-box/tailwind.css +640 -640
  211. package/styles/list-box/tailwind3.css +698 -698
  212. package/styles/material-dark-lite.css +1566 -1566
  213. package/styles/material-dark.css +2278 -2278
  214. package/styles/material-lite.css +1659 -1659
  215. package/styles/material.css +1921 -1921
  216. package/styles/material3-dark-lite.css +2644 -2644
  217. package/styles/material3-dark.css +2687 -2687
  218. package/styles/material3-lite.css +2663 -2663
  219. package/styles/material3.css +2684 -2684
  220. package/styles/multi-select/_all.bds.scss +1 -1
  221. package/styles/multi-select/_all.bootstrap-dark.scss +1 -1
  222. package/styles/multi-select/_all.bootstrap.scss +1 -1
  223. package/styles/multi-select/_all.bootstrap4.scss +1 -1
  224. package/styles/multi-select/_all.bootstrap5-dark.scss +1 -1
  225. package/styles/multi-select/_all.bootstrap5.3.scss +1 -1
  226. package/styles/multi-select/_all.bootstrap5.scss +1 -1
  227. package/styles/multi-select/_all.fabric-dark.scss +1 -1
  228. package/styles/multi-select/_all.fabric.scss +1 -1
  229. package/styles/multi-select/_all.fluent-dark.scss +1 -1
  230. package/styles/multi-select/_all.fluent.scss +1 -1
  231. package/styles/multi-select/_all.fluent2.scss +1 -1
  232. package/styles/multi-select/_all.highcontrast-light.scss +1 -1
  233. package/styles/multi-select/_all.highcontrast.scss +1 -1
  234. package/styles/multi-select/_all.material-dark.scss +1 -1
  235. package/styles/multi-select/_all.material.scss +1 -1
  236. package/styles/multi-select/_all.material3-dark.scss +1 -1
  237. package/styles/multi-select/_all.material3.scss +1 -1
  238. package/styles/multi-select/_all.tailwind-dark.scss +1 -1
  239. package/styles/multi-select/_all.tailwind.scss +1 -1
  240. package/styles/multi-select/_all.tailwind3.scss +1 -1
  241. package/styles/multi-select/bds.css +221 -221
  242. package/styles/multi-select/bootstrap-dark.css +231 -231
  243. package/styles/multi-select/bootstrap.css +224 -224
  244. package/styles/multi-select/bootstrap4.css +676 -676
  245. package/styles/multi-select/bootstrap5-dark.css +235 -235
  246. package/styles/multi-select/bootstrap5.3.css +336 -336
  247. package/styles/multi-select/bootstrap5.css +235 -235
  248. package/styles/multi-select/fabric-dark.css +225 -225
  249. package/styles/multi-select/fabric.css +220 -220
  250. package/styles/multi-select/fluent-dark.css +677 -677
  251. package/styles/multi-select/fluent.css +677 -677
  252. package/styles/multi-select/fluent2.css +959 -959
  253. package/styles/multi-select/highcontrast-light.css +789 -789
  254. package/styles/multi-select/highcontrast.css +793 -793
  255. package/styles/multi-select/material-dark.css +918 -918
  256. package/styles/multi-select/material.css +920 -920
  257. package/styles/multi-select/material3-dark.css +1330 -1330
  258. package/styles/multi-select/material3.css +1334 -1334
  259. package/styles/multi-select/tailwind-dark.css +217 -217
  260. package/styles/multi-select/tailwind.css +217 -217
  261. package/styles/multi-select/tailwind3.css +326 -326
  262. package/styles/tailwind-dark-lite.css +861 -861
  263. package/styles/tailwind-dark.css +1263 -1263
  264. package/styles/tailwind-lite.css +862 -862
  265. package/styles/tailwind.css +1263 -1263
  266. package/styles/tailwind3-lite.css +1114 -1114
  267. package/styles/tailwind3.css +2339 -2339
  268. package/tslint.json +111 -0
@@ -30,782 +30,782 @@
30
30
  content: "\e656";
31
31
  }
32
32
 
33
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
34
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
35
- height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
36
- }
37
-
38
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
39
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
40
- }
41
-
42
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
43
- height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
44
- }
45
-
46
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
47
- height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
48
- }
49
-
50
- .e-listbox-wrapper,
51
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
52
- .e-listboxtool-container.e-listbox-container .e-ul {
53
- border: 1px solid #ddd;
54
- }
55
-
33
+ /* stylelint-disable property-no-vendor-prefix */
56
34
  .e-listbox-wrapper,
57
35
  .e-listbox-container,
58
36
  .e-listboxtool-wrapper {
59
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
60
- font-size: 14px;
37
+ -webkit-overflow-scrolling: touch;
38
+ -webkit-box-sizing: border-box;
39
+ box-sizing: border-box;
40
+ cursor: pointer;
41
+ display: block;
42
+ position: relative;
43
+ -webkit-user-select: none;
44
+ -moz-user-select: none;
45
+ -ms-user-select: none;
46
+ user-select: none;
47
+ width: 100%;
61
48
  }
62
- .e-listbox-wrapper .e-list-header,
63
- .e-listbox-container .e-list-header,
64
- .e-listboxtool-wrapper .e-list-header {
65
- background-color: #fff;
66
- border-color: rgba(0, 0, 0, 0.12);
67
- color: rgba(51, 51, 51, 0.95);
68
- font-size: 14px;
49
+ .e-listbox-wrapper *,
50
+ .e-listbox-container *,
51
+ .e-listboxtool-wrapper * {
52
+ -webkit-box-sizing: border-box;
53
+ box-sizing: border-box;
69
54
  }
70
-
71
- .e-listbox-wrapper.e-filter-list .e-list-parent,
72
- .e-listbox-container.e-filter-list .e-list-parent,
73
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
74
- height: calc(100% - 52px);
55
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
56
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
57
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
58
+ width: 86% !important; /* stylelint-disable-line declaration-no-important */
75
59
  }
76
-
77
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
78
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
79
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
80
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
60
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
61
+ .e-listbox-container .e-list-wrap:focus-visible,
62
+ .e-listbox-container:focus,
63
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
64
+ .e-listboxtool-wrapper:focus {
65
+ outline: none;
81
66
  }
82
-
83
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
84
- .e-listbox-container .e-selectall-parent + .e-list-parent,
85
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
86
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
67
+ .e-listbox-wrapper.e-disabled,
68
+ .e-listbox-container.e-disabled,
69
+ .e-listboxtool-wrapper.e-disabled {
70
+ cursor: default;
71
+ pointer-events: none;
72
+ }
73
+ .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
74
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
75
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
76
+ text-align: center;
77
+ }
78
+ .e-listbox-wrapper .e-list-parent,
79
+ .e-listbox-container .e-list-parent,
80
+ .e-listboxtool-wrapper .e-list-parent {
81
+ height: 100%;
82
+ min-height: 40px;
87
83
  }
88
-
89
84
  .e-listbox-wrapper .e-list-item,
90
85
  .e-listbox-container .e-list-item,
91
86
  .e-listboxtool-wrapper .e-list-item {
92
- background-color: #fff;
93
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
94
- border-left: 0 solid transparent;
95
- border-right: 0 solid transparent;
96
- border-top: 0 solid transparent;
97
- color: #333333;
87
+ border-bottom: 0 solid;
88
+ outline: none;
98
89
  }
99
-
100
- .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
101
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
102
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
103
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
104
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
105
- background-color: #f5f5f5;
106
- border-color: transparent;
107
- color: rgba(51, 51, 51, 0.87);
90
+ .e-listbox-wrapper .e-list-item.e-disabled,
91
+ .e-listbox-container .e-list-item.e-disabled,
92
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
93
+ pointer-events: none;
108
94
  }
109
-
110
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
111
- .e-listbox-container .e-list-item.e-selected.e-checklist,
112
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
113
- background-color: #fff;
114
- color: #333333;
95
+ .e-listbox-wrapper .e-disable,
96
+ .e-listbox-container .e-disable,
97
+ .e-listboxtool-wrapper .e-disable {
98
+ opacity: 0.7;
115
99
  }
116
-
117
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
118
- .e-listbox-container .e-list-item.e-focused,
119
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
120
- .e-listbox-container .e-list-item.e-selected,
121
- .e-listboxtool-wrapper .e-list-item.e-focused,
122
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
123
- .e-listboxtool-wrapper .e-list-item.e-selected {
124
- background-color: #e6e6e6;
125
- color: rgba(51, 51, 51, 0.87);
100
+ .e-listbox-wrapper .e-list-parent,
101
+ .e-listbox-container .e-list-parent,
102
+ .e-listboxtool-wrapper .e-list-parent {
103
+ margin: 0;
104
+ padding: 0;
126
105
  }
127
-
128
- .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
129
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
130
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
131
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
132
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
133
- background-color: #fff;
134
- border-color: #ccc;
135
- color: #555;
106
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
107
+ .e-listbox-container .e-list-header .e-text.header,
108
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
109
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
110
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
111
+ display: none;
112
+ }
113
+ .e-listbox-wrapper .e-icon-back,
114
+ .e-listbox-container .e-icon-back,
115
+ .e-listboxtool-wrapper .e-icon-back {
116
+ margin-top: -2px;
117
+ }
118
+ .e-listbox-wrapper .e-list-header,
119
+ .e-listbox-container .e-list-header,
120
+ .e-listboxtool-wrapper .e-list-header {
121
+ -webkit-box-align: center;
122
+ -ms-flex-align: center;
123
+ align-items: center;
124
+ border-bottom: 1px solid;
125
+ display: -webkit-box;
126
+ display: -ms-flexbox;
127
+ display: flex;
128
+ font-weight: bold;
129
+ height: 40px;
130
+ padding: 0 20px;
131
+ }
132
+ .e-listbox-wrapper .e-has-header > .e-view,
133
+ .e-listbox-container .e-has-header > .e-view,
134
+ .e-listboxtool-wrapper .e-has-header > .e-view {
135
+ top: 45px;
136
+ }
137
+ .e-listbox-wrapper .e-but-back,
138
+ .e-listbox-container .e-but-back,
139
+ .e-listboxtool-wrapper .e-but-back {
140
+ cursor: pointer;
141
+ padding-right: 10px;
142
+ }
143
+ .e-listbox-wrapper .e-list-group-item:first-child,
144
+ .e-listbox-container .e-list-group-item:first-child,
145
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
146
+ border: 0;
147
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
136
148
  }
137
-
138
149
  .e-listbox-wrapper .e-list-group-item,
139
150
  .e-listbox-container .e-list-group-item,
140
151
  .e-listboxtool-wrapper .e-list-group-item {
141
- background-color: #fff;
142
- border-color: rgba(0, 0, 0, 0.12);
143
- color: #333;
144
- font-size: 14px;
145
- }
146
-
147
- .e-listbox-wrapper .e-selectall-parent,
148
- .e-listbox-container .e-selectall-parent,
149
- .e-listboxtool-wrapper .e-selectall-parent {
150
- background-color: #fff;
151
- border-bottom: 1px solid #e6e6e6;
152
- color: #333333;
152
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
153
+ border-top: 0 solid;
154
+ font-weight: 600;
155
+ height: 40px;
156
+ line-height: 36px;
157
+ padding: 13px 16px;
153
158
  }
154
-
155
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
156
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
157
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
158
- background-color: transparent;
159
+ .e-listbox-wrapper .e-icon-collapsible,
160
+ .e-listbox-container .e-icon-collapsible,
161
+ .e-listboxtool-wrapper .e-icon-collapsible {
162
+ cursor: pointer;
163
+ font-size: 12px;
164
+ position: absolute;
165
+ right: 0%;
166
+ top: 50%;
167
+ -webkit-transform: translateY(-50%);
168
+ transform: translateY(-50%);
159
169
  }
160
-
161
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
162
- .e-listbox-container.e-list-template .e-list-wrapper,
163
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
164
- height: inherit;
170
+ .e-listbox-wrapper .e-text-content,
171
+ .e-listbox-container .e-text-content,
172
+ .e-listboxtool-wrapper .e-text-content {
173
+ height: 100%;
165
174
  position: relative;
175
+ vertical-align: middle;
166
176
  }
167
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
168
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
169
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
170
- padding: 0.7142em 1.0714em;
177
+ .e-listbox-wrapper .e-text-content *,
178
+ .e-listbox-container .e-text-content *,
179
+ .e-listboxtool-wrapper .e-text-content * {
180
+ display: inline-block;
181
+ vertical-align: middle;
171
182
  }
172
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
173
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
174
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
175
- padding: 0.7142em 1.0714em;
183
+ .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
184
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
185
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
186
+ width: calc(100% - 40px);
176
187
  }
177
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
178
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
179
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
180
- color: #333;
181
- display: block;
182
- font-size: 18px;
183
- font-weight: 500;
184
- margin: 0;
185
- overflow: hidden;
186
- padding: 0.038em 0;
187
- text-overflow: ellipsis;
188
- white-space: nowrap;
188
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
189
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
190
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
191
+ width: calc(100% - 90px);
189
192
  }
190
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
191
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
192
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
193
- color: #777;
194
- display: block;
195
- font-size: 14px;
196
- margin: 0;
197
- padding: 0.038em 0;
198
- word-wrap: break-word;
193
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
194
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
195
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
196
+ width: calc(100% - 80px);
199
197
  }
200
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
201
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
202
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
198
+ .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
199
+ .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
200
+ .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
201
+ width: calc(100% - 92px);
202
+ }
203
+ .e-listbox-wrapper .e-checkbox .e-checkbox-left,
204
+ .e-listbox-container .e-checkbox .e-checkbox-left,
205
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
206
+ margin: -4px 10px 0 0;
207
+ }
208
+ .e-listbox-wrapper .e-checkbox .e-checkbox-right,
209
+ .e-listbox-container .e-checkbox .e-checkbox-right,
210
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
211
+ margin: -4px 0 0 10px;
212
+ }
213
+ .e-listbox-wrapper .e-list-text,
214
+ .e-listbox-container .e-list-text,
215
+ .e-listboxtool-wrapper .e-list-text {
216
+ cursor: pointer;
217
+ display: inline-block;
203
218
  overflow: hidden;
204
219
  text-overflow: ellipsis;
220
+ vertical-align: top;
205
221
  white-space: nowrap;
222
+ width: 100%;
206
223
  }
207
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
208
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
209
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
210
- height: 2.8571em;
211
- left: 1.0667em;
212
- position: absolute;
213
- width: 2.8571em;
214
- left: 1.0667em;
224
+ .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
225
+ .e-listbox-container .e-list-icon + .e-list-text,
226
+ .e-listbox-container .e-icon-wrapper .e-list-text,
227
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
228
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
229
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
230
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
231
+ width: calc(100% - 60px);
215
232
  }
216
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
217
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
218
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
219
- padding-left: 4.6428em;
220
- padding-right: 1.0714em;
233
+ .e-listbox-wrapper .e-list-icon,
234
+ .e-listbox-container .e-list-icon,
235
+ .e-listboxtool-wrapper .e-list-icon {
236
+ height: 30px;
237
+ margin-right: 10px;
238
+ width: 30px;
221
239
  }
222
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
223
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
224
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
225
- padding-left: 1.0714em;
226
- padding-right: 4.6428em;
240
+ .e-listbox-wrapper .e-content,
241
+ .e-listbox-container .e-content,
242
+ .e-listboxtool-wrapper .e-content {
243
+ overflow: hidden;
244
+ position: relative;
227
245
  }
228
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
229
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
230
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
231
- height: 2.8571em;
232
- left: 1.0667em;
233
- position: absolute;
234
- width: 2.8571em;
235
- right: 1.0667em;
246
+ .e-listbox-wrapper .e-list-header .e-text,
247
+ .e-listbox-container .e-list-header .e-text,
248
+ .e-listboxtool-wrapper .e-list-header .e-text {
249
+ cursor: pointer;
250
+ text-indent: 0;
236
251
  }
237
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
238
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
239
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
240
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
241
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
242
- top: 0.7142em;
252
+ .e-listbox-wrapper .e-text .e-headertext,
253
+ .e-listbox-container .e-text .e-headertext,
254
+ .e-listboxtool-wrapper .e-text .e-headertext {
255
+ display: inline-block;
256
+ line-height: inherit;
243
257
  }
244
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
245
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
246
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
247
- font-size: 15px;
248
- height: 1.333em;
249
- line-height: 1.433em;
250
- padding: 0;
251
- position: absolute;
252
- right: 1em;
253
- top: 50%;
254
- -webkit-transform: translateY(-50%);
255
- transform: translateY(-50%);
256
- width: 2em;
258
+ .e-listbox-wrapper.e-rtl,
259
+ .e-listbox-container.e-rtl,
260
+ .e-listboxtool-wrapper.e-rtl {
261
+ direction: rtl;
257
262
  }
258
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
259
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
260
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
261
- padding-left: 4.6428em;
262
- padding-right: 3.9285em;
263
+ .e-listbox-wrapper.e-rtl .e-list-icon,
264
+ .e-listbox-container.e-rtl .e-list-icon,
265
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
266
+ margin-left: 16px;
267
+ margin-right: 0;
263
268
  }
264
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
265
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
266
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
267
- padding-left: 1.0714em;
268
- padding-right: 3.9285em;
269
+ .e-listbox-wrapper.e-rtl .e-icon-collapsible,
270
+ .e-listbox-container.e-rtl .e-icon-collapsible,
271
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
272
+ left: 0%;
273
+ right: initial;
274
+ top: 50%;
275
+ -webkit-transform: translateY(-50%) rotate(180deg);
276
+ transform: translateY(-50%) rotate(180deg);
269
277
  }
270
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
271
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
272
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
273
- display: block;
274
- margin: 0;
275
- overflow: hidden;
276
- padding: 0.83em 0;
277
- text-overflow: ellipsis;
278
- white-space: nowrap;
278
+ .e-listbox-wrapper.e-rtl .e-list-header .e-text,
279
+ .e-listbox-container.e-rtl .e-list-header .e-text,
280
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
281
+ cursor: pointer;
279
282
  }
280
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
281
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
282
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
283
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
284
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
285
- color: rgba(51, 51, 51, 0.87);
283
+ .e-listbox-wrapper.e-rtl .e-but-back,
284
+ .e-listbox-container.e-rtl .e-but-back,
285
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
286
+ -webkit-transform: rotate(180deg);
287
+ transform: rotate(180deg);
286
288
  }
287
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
288
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
289
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
290
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
291
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
292
- color: rgba(51, 51, 51, 0.87);
289
+ .e-listbox-wrapper.e-rtl .e-icon-back,
290
+ .e-listbox-container.e-rtl .e-icon-back,
291
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
292
+ margin-top: -1px;
293
293
  }
294
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
295
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
296
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
297
- left: inherit;
298
- right: 1.0667em;
294
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
295
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
296
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
297
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
298
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
299
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
300
+ margin: -4px 0 0 10px;
299
301
  }
300
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
301
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
302
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
303
- padding-left: 1.0714em;
304
- padding-right: 4.6428em;
302
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
303
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
304
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
305
+ margin: -4px 10px 0 0;
305
306
  }
306
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
307
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
308
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
309
- padding-left: 4.6428em;
310
- padding-right: 1.0714em;
307
+ .e-listbox-wrapper .e-checkbox-wrapper,
308
+ .e-listbox-container .e-checkbox-wrapper,
309
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
310
+ margin: -4px 10px 0 0;
311
+ text-indent: 0;
312
+ vertical-align: middle;
311
313
  }
312
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
313
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
314
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
315
- left: 1.0667em;
316
- right: inherit;
314
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
315
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
316
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
317
+ position: absolute;
318
+ right: 0;
319
+ top: 30%;
317
320
  }
318
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
319
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
320
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
321
- left: 1em;
322
- right: inherit;
321
+ .e-listbox-wrapper .e-input-group,
322
+ .e-listbox-container .e-input-group,
323
+ .e-listboxtool-wrapper .e-input-group {
324
+ padding: 4px 8px;
323
325
  }
324
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
325
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
326
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
327
- padding-left: 3.9285em;
328
- padding-right: 4.6428em;
326
+ .e-listbox-wrapper .e-input-focus,
327
+ .e-listbox-container .e-input-focus,
328
+ .e-listboxtool-wrapper .e-input-focus {
329
+ padding: 4px 4px 4px 8px;
329
330
  }
330
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
331
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
332
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
333
- padding-left: 3.9285em;
334
- padding-right: 1.0714em;
331
+ .e-listbox-wrapper .e-hidden-select,
332
+ .e-listbox-container .e-hidden-select,
333
+ .e-listboxtool-wrapper .e-hidden-select {
334
+ height: 1px;
335
+ opacity: 0;
336
+ position: absolute;
337
+ width: 100%;
335
338
  }
336
-
337
- .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
338
- height: 100%;
339
- }
340
-
341
- .e-listbox-container.e-filter-list .e-list-wrap {
342
- height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
339
+ .e-listbox-wrapper .e-placeholder,
340
+ .e-listbox-container .e-placeholder,
341
+ .e-listboxtool-wrapper .e-placeholder {
342
+ background-color: #317ab9;
343
+ display: block;
344
+ height: 1px;
343
345
  }
344
346
 
345
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
346
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
347
+ ejs-listbox {
348
+ display: block;
347
349
  }
348
350
 
349
- .e-listbox-container .e-selectall-parent + .e-list-wrap {
350
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
351
+ .e-listbox-wrapper:not(.e-listbox-container),
352
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
353
+ overflow: auto;
351
354
  }
352
355
 
353
- /* stylelint-disable property-no-vendor-prefix */
354
- .e-listbox-wrapper,
355
- .e-listbox-container,
356
- .e-listboxtool-wrapper {
357
- -webkit-overflow-scrolling: touch;
358
- -webkit-box-sizing: border-box;
359
- box-sizing: border-box;
360
- cursor: pointer;
361
- display: block;
362
- position: relative;
363
- -webkit-user-select: none;
364
- -moz-user-select: none;
365
- -ms-user-select: none;
366
- user-select: none;
367
- width: 100%;
368
- }
369
- .e-listbox-wrapper *,
370
- .e-listbox-container *,
371
- .e-listboxtool-wrapper * {
372
- -webkit-box-sizing: border-box;
373
- box-sizing: border-box;
374
- }
375
- .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
376
- .e-listbox-container.e-listboxtool-container .e-list-wrap,
377
- .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
378
- width: 86% !important; /* stylelint-disable-line declaration-no-important */
379
- }
380
- .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
381
- .e-listbox-container .e-list-wrap:focus-visible,
382
- .e-listbox-container:focus,
383
- .e-listboxtool-wrapper .e-list-wrap:focus-visible,
384
- .e-listboxtool-wrapper:focus {
385
- outline: none;
386
- }
387
- .e-listbox-wrapper.e-disabled,
388
- .e-listbox-container.e-disabled,
389
- .e-listboxtool-wrapper.e-disabled {
390
- cursor: default;
391
- pointer-events: none;
392
- }
393
- .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
394
- .e-listbox-container:not(.e-list-template) .e-list-nrt,
395
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
396
- text-align: center;
397
- }
398
- .e-listbox-wrapper .e-list-parent,
399
- .e-listbox-container .e-list-parent,
400
- .e-listboxtool-wrapper .e-list-parent {
401
- height: 100%;
402
- min-height: 40px;
403
- }
404
- .e-listbox-wrapper .e-list-item,
405
- .e-listbox-container .e-list-item,
406
- .e-listboxtool-wrapper .e-list-item {
407
- border-bottom: 0 solid;
408
- outline: none;
409
- }
410
- .e-listbox-wrapper .e-list-item.e-disabled,
411
- .e-listbox-container .e-list-item.e-disabled,
412
- .e-listboxtool-wrapper .e-list-item.e-disabled {
413
- pointer-events: none;
356
+ .e-listbox-wrapper.e-sortableclone,
357
+ .e-listbox-container.e-sortableclone,
358
+ .e-listboxtool-wrapper.e-sortableclone {
359
+ border-width: 0;
360
+ overflow: visible;
414
361
  }
415
- .e-listbox-wrapper .e-disable,
416
- .e-listbox-container .e-disable,
417
- .e-listboxtool-wrapper .e-disable {
418
- opacity: 0.7;
362
+ .e-listbox-wrapper.e-sortableclone .e-list-item,
363
+ .e-listbox-container.e-sortableclone .e-list-item,
364
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
365
+ list-style-type: none;
366
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
419
367
  }
420
- .e-listbox-wrapper .e-list-parent,
421
- .e-listbox-container .e-list-parent,
422
- .e-listboxtool-wrapper .e-list-parent {
423
- margin: 0;
424
- padding: 0;
368
+ .e-listbox-wrapper.e-sortableclone .e-ripple,
369
+ .e-listbox-container.e-sortableclone .e-ripple,
370
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
371
+ overflow: visible;
425
372
  }
426
- .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
427
- .e-listbox-container .e-list-header .e-text.header,
428
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
429
- .e-listboxtool-wrapper .e-list-header .e-text.header,
430
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
373
+ .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
374
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
375
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
431
376
  display: none;
432
377
  }
433
- .e-listbox-wrapper .e-icon-back,
434
- .e-listbox-container .e-icon-back,
435
- .e-listboxtool-wrapper .e-icon-back {
436
- margin-top: -2px;
437
- }
438
- .e-listbox-wrapper .e-list-header,
439
- .e-listbox-container .e-list-header,
440
- .e-listboxtool-wrapper .e-list-header {
378
+ .e-listbox-wrapper.e-sortableclone .e-list-badge,
379
+ .e-listbox-container.e-sortableclone .e-list-badge,
380
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
441
381
  -webkit-box-align: center;
442
382
  -ms-flex-align: center;
443
383
  align-items: center;
444
- border-bottom: 1px solid;
384
+ background-color: #317ab9;
385
+ border: 1px solid #fff;
386
+ border-radius: 50%;
387
+ color: #fff;
445
388
  display: -webkit-box;
446
389
  display: -ms-flexbox;
447
390
  display: flex;
448
- font-weight: bold;
449
- height: 40px;
450
- padding: 0 20px;
391
+ font-size: 12px;
392
+ height: 22px;
393
+ -webkit-box-pack: center;
394
+ -ms-flex-pack: center;
395
+ justify-content: center;
396
+ position: absolute;
397
+ right: -10px;
398
+ top: -10px;
399
+ width: 22px;
451
400
  }
452
- .e-listbox-wrapper .e-has-header > .e-view,
453
- .e-listbox-container .e-has-header > .e-view,
454
- .e-listboxtool-wrapper .e-has-header > .e-view {
455
- top: 45px;
401
+
402
+ .e-listboxtool-wrapper.e-sortableclone {
403
+ display: block;
456
404
  }
457
- .e-listbox-wrapper .e-but-back,
458
- .e-listbox-container .e-but-back,
459
- .e-listboxtool-wrapper .e-but-back {
405
+
406
+ .e-listboxtool-wrapper,
407
+ .e-listboxtool-container {
460
408
  cursor: pointer;
461
- padding-right: 10px;
409
+ display: -webkit-box;
410
+ display: -ms-flexbox;
411
+ display: flex;
462
412
  }
463
- .e-listbox-wrapper .e-list-group-item:first-child,
464
- .e-listbox-container .e-list-group-item:first-child,
465
- .e-listboxtool-wrapper .e-list-group-item:first-child {
466
- border: 0;
467
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
413
+ .e-listboxtool-wrapper *,
414
+ .e-listboxtool-container * {
415
+ -webkit-box-sizing: border-box;
416
+ box-sizing: border-box;
468
417
  }
469
- .e-listbox-wrapper .e-list-group-item,
470
- .e-listbox-container .e-list-group-item,
471
- .e-listboxtool-wrapper .e-list-group-item {
472
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
473
- border-top: 0 solid;
474
- font-weight: 600;
475
- height: 40px;
476
- line-height: 36px;
477
- padding: 13px 16px;
418
+ .e-listboxtool-wrapper.e-disabled,
419
+ .e-listboxtool-container.e-disabled {
420
+ cursor: default;
421
+ pointer-events: none;
478
422
  }
479
- .e-listbox-wrapper .e-icon-collapsible,
480
- .e-listbox-container .e-icon-collapsible,
481
- .e-listboxtool-wrapper .e-icon-collapsible {
482
- cursor: pointer;
483
- font-size: 12px;
484
- position: absolute;
485
- right: 0%;
486
- top: 50%;
487
- -webkit-transform: translateY(-50%);
488
- transform: translateY(-50%);
423
+ .e-listboxtool-wrapper .e-listbox-wrapper,
424
+ .e-listboxtool-wrapper .e-list-wrap,
425
+ .e-listboxtool-container .e-listbox-wrapper,
426
+ .e-listboxtool-container .e-list-wrap {
427
+ -webkit-box-flex: 1;
428
+ -ms-flex: 1;
429
+ flex: 1;
489
430
  }
490
- .e-listbox-wrapper .e-text-content,
491
- .e-listbox-container .e-text-content,
492
- .e-listboxtool-wrapper .e-text-content {
493
- height: 100%;
494
- position: relative;
495
- vertical-align: middle;
431
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
432
+ .e-listboxtool-container.e-right .e-listbox-tool {
433
+ margin-left: 15px;
496
434
  }
497
- .e-listbox-wrapper .e-text-content *,
498
- .e-listbox-container .e-text-content *,
499
- .e-listboxtool-wrapper .e-text-content * {
500
- display: inline-block;
501
- vertical-align: middle;
435
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
436
+ .e-listboxtool-container.e-left .e-listbox-tool {
437
+ margin-right: 15px;
502
438
  }
503
- .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
504
- .e-listbox-container .e-text-content.e-checkbox .e-list-text,
505
- .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
506
- width: calc(100% - 40px);
439
+ .e-listboxtool-wrapper .e-listbox-tool,
440
+ .e-listboxtool-container .e-listbox-tool {
441
+ border: 1px solid #ddd;
442
+ overflow: auto;
443
+ padding: 8px;
507
444
  }
508
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
509
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
510
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
511
- width: calc(100% - 90px);
445
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
446
+ .e-listboxtool-container .e-listbox-tool .e-btn {
447
+ display: list-item;
448
+ list-style-type: none;
449
+ margin-bottom: 10px;
512
450
  }
513
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
514
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
515
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
516
- width: calc(100% - 80px);
451
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
452
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
453
+ position: absolute;
454
+ right: 0;
455
+ top: 30%;
517
456
  }
518
- .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
519
- .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
520
- .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
521
- width: calc(100% - 92px);
457
+
458
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
459
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
460
+ margin-right: 15px;
522
461
  }
523
- .e-listbox-wrapper .e-checkbox .e-checkbox-left,
524
- .e-listbox-container .e-checkbox .e-checkbox-left,
525
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
526
- margin: -4px 10px 0 0;
462
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
463
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
464
+ margin-left: 15px;
527
465
  }
528
- .e-listbox-wrapper .e-checkbox .e-checkbox-right,
529
- .e-listbox-container .e-checkbox .e-checkbox-right,
530
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
531
- margin: -4px 0 0 10px;
532
- }
533
- .e-listbox-wrapper .e-list-text,
534
- .e-listbox-container .e-list-text,
535
- .e-listboxtool-wrapper .e-list-text {
536
- cursor: pointer;
537
- display: inline-block;
538
- overflow: hidden;
539
- text-overflow: ellipsis;
540
- vertical-align: top;
541
- white-space: nowrap;
542
- width: 100%;
543
- }
544
- .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
545
- .e-listbox-container .e-list-icon + .e-list-text,
546
- .e-listbox-container .e-icon-wrapper .e-list-text,
547
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
548
- .e-listboxtool-wrapper .e-list-icon + .e-list-text,
549
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
550
- .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
551
- width: calc(100% - 60px);
466
+
467
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
468
+ .e-listbox-wrapper .e-list-nrt,
469
+ .e-listbox-wrapper .e-selectall-parent,
470
+ .e-listbox-container:not(.e-list-template) .e-list-item,
471
+ .e-listbox-container .e-list-nrt,
472
+ .e-listbox-container .e-selectall-parent,
473
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
474
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
475
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
476
+ height: 40px;
477
+ line-height: 1;
478
+ padding: 13px 16px;
479
+ position: relative;
552
480
  }
553
481
  .e-listbox-wrapper .e-list-icon,
554
482
  .e-listbox-container .e-list-icon,
555
- .e-listboxtool-wrapper .e-list-icon {
556
- height: 30px;
557
- margin-right: 10px;
558
- width: 30px;
483
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
484
+ display: inline;
485
+ vertical-align: middle;
486
+ width: auto;
487
+ height: auto;
488
+ padding-bottom: 0;
559
489
  }
560
- .e-listbox-wrapper .e-content,
561
- .e-listbox-container .e-content,
562
- .e-listboxtool-wrapper .e-content {
563
- overflow: hidden;
564
- position: relative;
490
+
491
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
492
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
493
+ height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
565
494
  }
566
- .e-listbox-wrapper .e-list-header .e-text,
567
- .e-listbox-container .e-list-header .e-text,
568
- .e-listboxtool-wrapper .e-list-header .e-text {
569
- cursor: pointer;
570
- text-indent: 0;
495
+
496
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
497
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
571
498
  }
572
- .e-listbox-wrapper .e-text .e-headertext,
573
- .e-listbox-container .e-text .e-headertext,
574
- .e-listboxtool-wrapper .e-text .e-headertext {
575
- display: inline-block;
576
- line-height: inherit;
499
+
500
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
501
+ height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
577
502
  }
578
- .e-listbox-wrapper.e-rtl,
579
- .e-listbox-container.e-rtl,
580
- .e-listboxtool-wrapper.e-rtl {
581
- direction: rtl;
503
+
504
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
505
+ height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
582
506
  }
583
- .e-listbox-wrapper.e-rtl .e-list-icon,
584
- .e-listbox-container.e-rtl .e-list-icon,
585
- .e-listboxtool-wrapper.e-rtl .e-list-icon {
586
- margin-left: 16px;
587
- margin-right: 0;
507
+
508
+ .e-listbox-wrapper,
509
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
510
+ .e-listboxtool-container.e-listbox-container .e-ul {
511
+ border: 1px solid #ddd;
588
512
  }
589
- .e-listbox-wrapper.e-rtl .e-icon-collapsible,
590
- .e-listbox-container.e-rtl .e-icon-collapsible,
591
- .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
592
- left: 0%;
593
- right: initial;
594
- top: 50%;
595
- -webkit-transform: translateY(-50%) rotate(180deg);
596
- transform: translateY(-50%) rotate(180deg);
513
+
514
+ .e-listbox-wrapper,
515
+ .e-listbox-container,
516
+ .e-listboxtool-wrapper {
517
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
518
+ font-size: 14px;
597
519
  }
598
- .e-listbox-wrapper.e-rtl .e-list-header .e-text,
599
- .e-listbox-container.e-rtl .e-list-header .e-text,
600
- .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
601
- cursor: pointer;
520
+ .e-listbox-wrapper .e-list-header,
521
+ .e-listbox-container .e-list-header,
522
+ .e-listboxtool-wrapper .e-list-header {
523
+ background-color: #fff;
524
+ border-color: rgba(0, 0, 0, 0.12);
525
+ color: rgba(51, 51, 51, 0.95);
526
+ font-size: 14px;
602
527
  }
603
- .e-listbox-wrapper.e-rtl .e-but-back,
604
- .e-listbox-container.e-rtl .e-but-back,
605
- .e-listboxtool-wrapper.e-rtl .e-but-back {
606
- -webkit-transform: rotate(180deg);
607
- transform: rotate(180deg);
528
+
529
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
530
+ .e-listbox-container.e-filter-list .e-list-parent,
531
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
532
+ height: calc(100% - 52px);
608
533
  }
609
- .e-listbox-wrapper.e-rtl .e-icon-back,
610
- .e-listbox-container.e-rtl .e-icon-back,
611
- .e-listboxtool-wrapper.e-rtl .e-icon-back {
612
- margin-top: -1px;
534
+
535
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
536
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
537
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
538
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
613
539
  }
614
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
615
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
616
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
617
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
618
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
619
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
620
- margin: -4px 0 0 10px;
540
+
541
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
542
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
543
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
544
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
621
545
  }
622
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
623
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
624
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
625
- margin: -4px 10px 0 0;
546
+
547
+ .e-listbox-wrapper .e-list-item,
548
+ .e-listbox-container .e-list-item,
549
+ .e-listboxtool-wrapper .e-list-item {
550
+ background-color: #fff;
551
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
552
+ border-left: 0 solid transparent;
553
+ border-right: 0 solid transparent;
554
+ border-top: 0 solid transparent;
555
+ color: #333333;
626
556
  }
627
- .e-listbox-wrapper .e-checkbox-wrapper,
628
- .e-listbox-container .e-checkbox-wrapper,
629
- .e-listboxtool-wrapper .e-checkbox-wrapper {
630
- margin: -4px 10px 0 0;
631
- text-indent: 0;
632
- vertical-align: middle;
557
+
558
+ .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
559
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
560
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
561
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
562
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
563
+ background-color: #f5f5f5;
564
+ border-color: transparent;
565
+ color: rgba(51, 51, 51, 0.87);
633
566
  }
634
- .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
635
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
636
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
637
- position: absolute;
638
- right: 0;
639
- top: 30%;
567
+
568
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
569
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
570
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
571
+ background-color: #fff;
572
+ color: #333333;
640
573
  }
641
- .e-listbox-wrapper .e-input-group,
642
- .e-listbox-container .e-input-group,
643
- .e-listboxtool-wrapper .e-input-group {
644
- padding: 4px 8px;
574
+
575
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
576
+ .e-listbox-container .e-list-item.e-focused,
577
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
578
+ .e-listbox-container .e-list-item.e-selected,
579
+ .e-listboxtool-wrapper .e-list-item.e-focused,
580
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
581
+ .e-listboxtool-wrapper .e-list-item.e-selected {
582
+ background-color: #e6e6e6;
583
+ color: rgba(51, 51, 51, 0.87);
645
584
  }
646
- .e-listbox-wrapper .e-input-focus,
647
- .e-listbox-container .e-input-focus,
648
- .e-listboxtool-wrapper .e-input-focus {
649
- padding: 4px 4px 4px 8px;
585
+
586
+ .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
587
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
588
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
589
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
590
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
591
+ background-color: #fff;
592
+ border-color: #ccc;
593
+ color: #555;
650
594
  }
651
- .e-listbox-wrapper .e-hidden-select,
652
- .e-listbox-container .e-hidden-select,
653
- .e-listboxtool-wrapper .e-hidden-select {
654
- height: 1px;
655
- opacity: 0;
656
- position: absolute;
657
- width: 100%;
595
+
596
+ .e-listbox-wrapper .e-list-group-item,
597
+ .e-listbox-container .e-list-group-item,
598
+ .e-listboxtool-wrapper .e-list-group-item {
599
+ background-color: #fff;
600
+ border-color: rgba(0, 0, 0, 0.12);
601
+ color: #333;
602
+ font-size: 14px;
658
603
  }
659
- .e-listbox-wrapper .e-placeholder,
660
- .e-listbox-container .e-placeholder,
661
- .e-listboxtool-wrapper .e-placeholder {
662
- background-color: #317ab9;
604
+
605
+ .e-listbox-wrapper .e-selectall-parent,
606
+ .e-listbox-container .e-selectall-parent,
607
+ .e-listboxtool-wrapper .e-selectall-parent {
608
+ background-color: #fff;
609
+ border-bottom: 1px solid #e6e6e6;
610
+ color: #333333;
611
+ }
612
+
613
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
614
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
615
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
616
+ background-color: transparent;
617
+ }
618
+
619
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
620
+ .e-listbox-container.e-list-template .e-list-wrapper,
621
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
622
+ height: inherit;
623
+ position: relative;
624
+ }
625
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
626
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
627
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
628
+ padding: 0.7142em 1.0714em;
629
+ }
630
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
631
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
632
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
633
+ padding: 0.7142em 1.0714em;
634
+ }
635
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
636
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
637
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
638
+ color: #333;
663
639
  display: block;
664
- height: 1px;
640
+ font-size: 18px;
641
+ font-weight: 500;
642
+ margin: 0;
643
+ overflow: hidden;
644
+ padding: 0.038em 0;
645
+ text-overflow: ellipsis;
646
+ white-space: nowrap;
665
647
  }
666
-
667
- ejs-listbox {
648
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
649
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
650
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
651
+ color: #777;
668
652
  display: block;
653
+ font-size: 14px;
654
+ margin: 0;
655
+ padding: 0.038em 0;
656
+ word-wrap: break-word;
669
657
  }
670
-
671
- .e-listbox-wrapper:not(.e-listbox-container),
672
- .e-listbox-wrapper.e-filter-list .e-list-parent {
673
- overflow: auto;
658
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
659
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
660
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
661
+ overflow: hidden;
662
+ text-overflow: ellipsis;
663
+ white-space: nowrap;
674
664
  }
675
-
676
- .e-listbox-wrapper.e-sortableclone,
677
- .e-listbox-container.e-sortableclone,
678
- .e-listboxtool-wrapper.e-sortableclone {
679
- border-width: 0;
680
- overflow: visible;
665
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
666
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
667
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
668
+ height: 2.8571em;
669
+ left: 1.0667em;
670
+ position: absolute;
671
+ width: 2.8571em;
672
+ left: 1.0667em;
681
673
  }
682
- .e-listbox-wrapper.e-sortableclone .e-list-item,
683
- .e-listbox-container.e-sortableclone .e-list-item,
684
- .e-listboxtool-wrapper.e-sortableclone .e-list-item {
685
- list-style-type: none;
686
- height: 38px !important; /* stylelint-disable-line declaration-no-important */
674
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
675
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
676
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
677
+ padding-left: 4.6428em;
678
+ padding-right: 1.0714em;
687
679
  }
688
- .e-listbox-wrapper.e-sortableclone .e-ripple,
689
- .e-listbox-container.e-sortableclone .e-ripple,
690
- .e-listboxtool-wrapper.e-sortableclone .e-ripple {
691
- overflow: visible;
680
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
681
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
682
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
683
+ padding-left: 1.0714em;
684
+ padding-right: 4.6428em;
692
685
  }
693
- .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
694
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
695
- .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
696
- display: none;
686
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
687
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
688
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
689
+ height: 2.8571em;
690
+ left: 1.0667em;
691
+ position: absolute;
692
+ width: 2.8571em;
693
+ right: 1.0667em;
697
694
  }
698
- .e-listbox-wrapper.e-sortableclone .e-list-badge,
699
- .e-listbox-container.e-sortableclone .e-list-badge,
700
- .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
701
- -webkit-box-align: center;
702
- -ms-flex-align: center;
703
- align-items: center;
704
- background-color: #317ab9;
705
- border: 1px solid #fff;
706
- border-radius: 50%;
707
- color: #fff;
708
- display: -webkit-box;
709
- display: -ms-flexbox;
710
- display: flex;
711
- font-size: 12px;
712
- height: 22px;
713
- -webkit-box-pack: center;
714
- -ms-flex-pack: center;
715
- justify-content: center;
695
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
696
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
697
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
698
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
699
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
700
+ top: 0.7142em;
701
+ }
702
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
703
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
704
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
705
+ font-size: 15px;
706
+ height: 1.333em;
707
+ line-height: 1.433em;
708
+ padding: 0;
716
709
  position: absolute;
717
- right: -10px;
718
- top: -10px;
719
- width: 22px;
710
+ right: 1em;
711
+ top: 50%;
712
+ -webkit-transform: translateY(-50%);
713
+ transform: translateY(-50%);
714
+ width: 2em;
720
715
  }
721
-
722
- .e-listboxtool-wrapper.e-sortableclone {
716
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
717
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
718
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
719
+ padding-left: 4.6428em;
720
+ padding-right: 3.9285em;
721
+ }
722
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
723
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
724
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
725
+ padding-left: 1.0714em;
726
+ padding-right: 3.9285em;
727
+ }
728
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
729
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
730
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
723
731
  display: block;
732
+ margin: 0;
733
+ overflow: hidden;
734
+ padding: 0.83em 0;
735
+ text-overflow: ellipsis;
736
+ white-space: nowrap;
724
737
  }
725
-
726
- .e-listboxtool-wrapper,
727
- .e-listboxtool-container {
728
- cursor: pointer;
729
- display: -webkit-box;
730
- display: -ms-flexbox;
731
- display: flex;
738
+ .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
739
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
740
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
741
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
742
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
743
+ color: rgba(51, 51, 51, 0.87);
732
744
  }
733
- .e-listboxtool-wrapper *,
734
- .e-listboxtool-container * {
735
- -webkit-box-sizing: border-box;
736
- box-sizing: border-box;
745
+ .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
746
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
747
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
748
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
749
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
750
+ color: rgba(51, 51, 51, 0.87);
737
751
  }
738
- .e-listboxtool-wrapper.e-disabled,
739
- .e-listboxtool-container.e-disabled {
740
- cursor: default;
741
- pointer-events: none;
752
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
753
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
754
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
755
+ left: inherit;
756
+ right: 1.0667em;
742
757
  }
743
- .e-listboxtool-wrapper .e-listbox-wrapper,
744
- .e-listboxtool-wrapper .e-list-wrap,
745
- .e-listboxtool-container .e-listbox-wrapper,
746
- .e-listboxtool-container .e-list-wrap {
747
- -webkit-box-flex: 1;
748
- -ms-flex: 1;
749
- flex: 1;
758
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
759
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
760
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
761
+ padding-left: 1.0714em;
762
+ padding-right: 4.6428em;
750
763
  }
751
- .e-listboxtool-wrapper.e-right .e-listbox-tool,
752
- .e-listboxtool-container.e-right .e-listbox-tool {
753
- margin-left: 15px;
764
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
765
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
766
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
767
+ padding-left: 4.6428em;
768
+ padding-right: 1.0714em;
754
769
  }
755
- .e-listboxtool-wrapper.e-left .e-listbox-tool,
756
- .e-listboxtool-container.e-left .e-listbox-tool {
757
- margin-right: 15px;
770
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
771
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
772
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
773
+ left: 1.0667em;
774
+ right: inherit;
758
775
  }
759
- .e-listboxtool-wrapper .e-listbox-tool,
760
- .e-listboxtool-container .e-listbox-tool {
761
- border: 1px solid #ddd;
762
- overflow: auto;
763
- padding: 8px;
776
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
777
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
778
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
779
+ left: 1em;
780
+ right: inherit;
764
781
  }
765
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
766
- .e-listboxtool-container .e-listbox-tool .e-btn {
767
- display: list-item;
768
- list-style-type: none;
769
- margin-bottom: 10px;
782
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
783
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
784
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
785
+ padding-left: 3.9285em;
786
+ padding-right: 4.6428em;
770
787
  }
771
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
772
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
773
- position: absolute;
774
- right: 0;
775
- top: 30%;
788
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
789
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
790
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
791
+ padding-left: 3.9285em;
792
+ padding-right: 1.0714em;
776
793
  }
777
794
 
778
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
779
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
780
- margin-right: 15px;
795
+ .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
796
+ height: 100%;
781
797
  }
782
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
783
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
784
- margin-left: 15px;
798
+
799
+ .e-listbox-container.e-filter-list .e-list-wrap {
800
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
785
801
  }
786
802
 
787
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
788
- .e-listbox-wrapper .e-list-nrt,
789
- .e-listbox-wrapper .e-selectall-parent,
790
- .e-listbox-container:not(.e-list-template) .e-list-item,
791
- .e-listbox-container .e-list-nrt,
792
- .e-listbox-container .e-selectall-parent,
793
- .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
794
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
795
- .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
796
- height: 40px;
797
- line-height: 1;
798
- padding: 13px 16px;
799
- position: relative;
803
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
804
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
800
805
  }
801
- .e-listbox-wrapper .e-list-icon,
802
- .e-listbox-container .e-list-icon,
803
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
804
- display: inline;
805
- vertical-align: middle;
806
- width: auto;
807
- height: auto;
808
- padding-bottom: 0;
806
+
807
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
808
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
809
809
  }
810
810
 
811
811
  .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,