@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
@@ -42,6 +42,152 @@
42
42
  padding: 0 8px 0 0;
43
43
  }
44
44
 
45
+ .e-dropdownbase {
46
+ display: block;
47
+ height: 100%;
48
+ min-height: 36px;
49
+ position: relative;
50
+ width: 100%;
51
+ }
52
+ .e-dropdownbase .e-list-parent {
53
+ margin: 0;
54
+ padding: 0;
55
+ }
56
+
57
+ .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
58
+ cursor: default;
59
+ }
60
+
61
+ .e-dropdownbase .e-list-item {
62
+ cursor: pointer;
63
+ overflow: hidden;
64
+ position: relative;
65
+ text-overflow: ellipsis;
66
+ vertical-align: middle;
67
+ white-space: nowrap;
68
+ width: 100%;
69
+ }
70
+
71
+ .e-dropdownbase .e-list-item .e-list-icon {
72
+ font-size: 16px;
73
+ vertical-align: middle;
74
+ }
75
+
76
+ .e-dropdownbase .e-fixed-head {
77
+ position: absolute;
78
+ top: 0;
79
+ }
80
+
81
+ .e-dropdownbase.e-content {
82
+ overflow: auto;
83
+ position: relative;
84
+ }
85
+
86
+ .e-popup.e-ddl .e-dropdownbase.e-nodata,
87
+ .e-popup.e-mention .e-dropdownbase.e-nodata {
88
+ color: #fff;
89
+ cursor: default;
90
+ font-family: inherit;
91
+ font-size: 14px;
92
+ padding: 14px 16px;
93
+ text-align: center;
94
+ }
95
+
96
+ .e-mention.e-popup {
97
+ background: #ffd939;
98
+ border: 0;
99
+ -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
100
+ box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
101
+ margin-top: 2px;
102
+ position: absolute;
103
+ }
104
+
105
+ .e-mention.e-popup .e-dropdownbase {
106
+ min-height: 36px;
107
+ }
108
+
109
+ .e-mention .e-dropdownbase .e-list-item .e-highlight {
110
+ display: inline;
111
+ font-weight: bold;
112
+ vertical-align: baseline;
113
+ }
114
+
115
+ .e-mention .e-mention-chip,
116
+ .e-mention .e-mention-chip:hover {
117
+ background: transparent;
118
+ border-radius: 0;
119
+ border: 1px solid #969696;
120
+ color: #ffd939;
121
+ cursor: default;
122
+ }
123
+
124
+ .e-mention.e-editable-element {
125
+ border: 2px solid #969696;
126
+ height: auto;
127
+ min-height: 120px;
128
+ width: 100%;
129
+ }
130
+
131
+ .e-form-mirror-div {
132
+ white-space: pre-wrap;
133
+ }
134
+
135
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
136
+ padding-right: 20px;
137
+ }
138
+
139
+ .e-dropdownbase.e-dd-group .e-list-item {
140
+ padding-left: 20px;
141
+ text-indent: 0;
142
+ }
143
+
144
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
145
+ padding-left: 20px;
146
+ }
147
+
148
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
149
+ text-indent: 0;
150
+ }
151
+
152
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
153
+ cursor: pointer;
154
+ font-weight: normal;
155
+ overflow: hidden;
156
+ position: relative;
157
+ text-overflow: ellipsis;
158
+ vertical-align: middle;
159
+ white-space: nowrap;
160
+ width: 100%;
161
+ }
162
+
163
+ .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
164
+ padding-right: 20px;
165
+ }
166
+
167
+ .e-dropdownbase .e-list-item .e-list-icon {
168
+ padding: 0 10px 0 0;
169
+ }
170
+
171
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
172
+ border: 2px solid #fff;
173
+ }
174
+
175
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
176
+ border: 2px solid #000;
177
+ }
178
+
179
+ .e-dropdownbase .e-list-item.e-active {
180
+ border: 2px solid #ffd939;
181
+ }
182
+
183
+ .e-dropdownbase .e-list-item.e-item-focus {
184
+ border: 2px solid #685708;
185
+ }
186
+
187
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
188
+ padding: 0 8px 0 0;
189
+ }
190
+
45
191
  .e-rtl .e-dropdownbase .e-list-item {
46
192
  padding-left: 16px;
47
193
  padding-right: 0;
@@ -241,225 +387,79 @@
241
387
  padding: 0 8px 0 0;
242
388
  }
243
389
 
244
- .e-dropdownbase {
245
- display: block;
246
- height: 100%;
247
- min-height: 36px;
248
- position: relative;
249
- width: 100%;
390
+ .e-bigger .e-dropdownbase,
391
+ .e-dropdownbase.e-bigger {
392
+ min-height: 45px;
250
393
  }
251
- .e-dropdownbase .e-list-parent {
252
- margin: 0;
253
- padding: 0;
394
+ .e-bigger .e-dropdownbase .e-list-item,
395
+ .e-dropdownbase.e-bigger .e-list-item {
396
+ line-height: 48px;
397
+ text-indent: 10px;
254
398
  }
255
399
 
256
- .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
257
- cursor: default;
400
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
401
+ .e-dropdownbase.e-bigger .e-list-group-item,
402
+ .e-dropdownbase.e-bigger .e-fixed-head {
403
+ line-height: 48px;
404
+ text-indent: 10px;
258
405
  }
259
406
 
260
- .e-dropdownbase .e-list-item {
261
- cursor: pointer;
262
- overflow: hidden;
263
- position: relative;
264
- text-overflow: ellipsis;
265
- vertical-align: middle;
266
- white-space: nowrap;
267
- width: 100%;
407
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
408
+ .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
409
+ font-size: 20px;
268
410
  }
269
411
 
270
- .e-dropdownbase .e-list-item .e-list-icon {
271
- font-size: 16px;
272
- vertical-align: middle;
412
+ .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
413
+ padding-left: 20px;
273
414
  }
274
415
 
275
- .e-dropdownbase .e-fixed-head {
276
- position: absolute;
277
- top: 0;
416
+ .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
417
+ padding-left: 20px;
278
418
  }
279
419
 
280
- .e-dropdownbase.e-content {
281
- overflow: auto;
282
- position: relative;
420
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
421
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
422
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
423
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
424
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
425
+ padding-left: 16px;
426
+ padding-right: 0;
427
+ }
428
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
429
+ font-size: 14px;
430
+ padding-left: 10px;
283
431
  }
284
432
 
285
- .e-popup.e-ddl .e-dropdownbase.e-nodata,
286
- .e-popup.e-mention .e-dropdownbase.e-nodata {
287
- color: #fff;
288
- cursor: default;
289
- font-family: inherit;
433
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
434
+ .e-dropdownbase.e-bigger.e-small .e-list-group-item,
435
+ .e-dropdownbase.e-bigger.e-small .e-fixed-head {
290
436
  font-size: 14px;
291
- padding: 14px 16px;
292
- text-align: center;
293
437
  }
294
438
 
295
- .e-mention.e-popup {
296
- background: #ffd939;
297
- border: 0;
298
- -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
299
- box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
300
- margin-top: 2px;
301
- position: absolute;
439
+ .e-bigger.e-small .e-dropdownbase .e-list-item,
440
+ .e-dropdownbase.e-small.e-bigger .e-list-item {
441
+ color: #fff;
442
+ line-height: 40px;
443
+ min-height: 40px;
444
+ text-indent: 16px;
302
445
  }
303
446
 
304
- .e-mention.e-popup .e-dropdownbase {
305
- min-height: 36px;
447
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
448
+ .e-dropdownbase.e-small.e-bigger .e-list-group-item,
449
+ .e-dropdownbase.e-small.e-bigger .e-fixed-head {
450
+ line-height: 40px;
451
+ min-height: 40px;
452
+ padding-left: 10px;
306
453
  }
307
454
 
308
- .e-mention .e-dropdownbase .e-list-item .e-highlight {
309
- display: inline;
310
- font-weight: bold;
311
- vertical-align: baseline;
455
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
456
+ .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
457
+ font-size: 18px;
312
458
  }
313
459
 
314
- .e-mention .e-mention-chip,
315
- .e-mention .e-mention-chip:hover {
316
- background: transparent;
317
- border-radius: 0;
318
- border: 1px solid #969696;
319
- color: #ffd939;
320
- cursor: default;
321
- }
322
-
323
- .e-mention.e-editable-element {
324
- border: 2px solid #969696;
325
- height: auto;
326
- min-height: 120px;
327
- width: 100%;
328
- }
329
-
330
- .e-form-mirror-div {
331
- white-space: pre-wrap;
332
- }
333
-
334
- .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
335
- padding-right: 20px;
336
- }
337
-
338
- .e-dropdownbase.e-dd-group .e-list-item {
339
- padding-left: 20px;
340
- text-indent: 0;
341
- }
342
-
343
- .e-small .e-dropdownbase.e-dd-group .e-list-item {
344
- padding-left: 20px;
345
- }
346
-
347
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
348
- text-indent: 0;
349
- }
350
-
351
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
352
- cursor: pointer;
353
- font-weight: normal;
354
- overflow: hidden;
355
- position: relative;
356
- text-overflow: ellipsis;
357
- vertical-align: middle;
358
- white-space: nowrap;
359
- width: 100%;
360
- }
361
-
362
- .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
363
- padding-right: 20px;
364
- }
365
-
366
- .e-dropdownbase .e-list-item .e-list-icon {
367
- padding: 0 10px 0 0;
368
- }
369
-
370
- .e-dropdownbase .e-list-item:not(.e-active).e-hover {
371
- border: 2px solid #fff;
372
- }
373
-
374
- .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
375
- border: 2px solid #000;
376
- }
377
-
378
- .e-dropdownbase .e-list-item.e-active {
379
- border: 2px solid #ffd939;
380
- }
381
-
382
- .e-dropdownbase .e-list-item.e-item-focus {
383
- border: 2px solid #685708;
384
- }
385
-
386
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
387
- padding: 0 8px 0 0;
388
- }
389
-
390
- .e-bigger .e-dropdownbase,
391
- .e-dropdownbase.e-bigger {
392
- min-height: 45px;
393
- }
394
- .e-bigger .e-dropdownbase .e-list-item,
395
- .e-dropdownbase.e-bigger .e-list-item {
396
- line-height: 48px;
397
- text-indent: 10px;
398
- }
399
-
400
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
401
- .e-dropdownbase.e-bigger .e-list-group-item,
402
- .e-dropdownbase.e-bigger .e-fixed-head {
403
- line-height: 48px;
404
- text-indent: 10px;
405
- }
406
-
407
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
408
- .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
409
- font-size: 20px;
410
- }
411
-
412
- .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
413
- padding-left: 20px;
414
- }
415
-
416
- .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
417
- padding-left: 20px;
418
- }
419
-
420
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
421
- .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
422
- .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
423
- .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
424
- .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
425
- padding-left: 16px;
426
- padding-right: 0;
427
- }
428
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
429
- font-size: 14px;
430
- padding-left: 10px;
431
- }
432
-
433
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
434
- .e-dropdownbase.e-bigger.e-small .e-list-group-item,
435
- .e-dropdownbase.e-bigger.e-small .e-fixed-head {
436
- font-size: 14px;
437
- }
438
-
439
- .e-bigger.e-small .e-dropdownbase .e-list-item,
440
- .e-dropdownbase.e-small.e-bigger .e-list-item {
441
- color: #fff;
442
- line-height: 40px;
443
- min-height: 40px;
444
- text-indent: 16px;
445
- }
446
-
447
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
448
- .e-dropdownbase.e-small.e-bigger .e-list-group-item,
449
- .e-dropdownbase.e-small.e-bigger .e-fixed-head {
450
- line-height: 40px;
451
- min-height: 40px;
452
- padding-left: 10px;
453
- }
454
-
455
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
456
- .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
457
- font-size: 18px;
458
- }
459
-
460
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
461
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
462
- padding: 0 12px 0 0;
460
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
461
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
462
+ padding: 0 12px 0 0;
463
463
  }
464
464
 
465
465
  /* stylelint-disable property-no-vendor-prefix */
@@ -614,70 +614,6 @@
614
614
  border-color: #fff;
615
615
  }
616
616
 
617
- .e-popup {
618
- border-color: #969696;
619
- }
620
-
621
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
622
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
623
- color: #fff;
624
- }
625
-
626
- .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
627
- border-color: transparent;
628
- background: none;
629
- }
630
-
631
- .e-popup.e-ddl .e-dropdownbase {
632
- min-height: 26px;
633
- }
634
-
635
- .e-ddl.e-popup {
636
- border: 0;
637
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
638
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
639
- margin-top: 1px;
640
- }
641
-
642
- .e-ddl.e-popup .e-content.e-nodata {
643
- background-color: #000;
644
- }
645
-
646
- .e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
647
- color: #ffd939;
648
- }
649
-
650
- .e-ddl.e-popup .e-input-group {
651
- display: -webkit-box;
652
- display: -ms-flexbox;
653
- display: flex;
654
- width: auto;
655
- }
656
-
657
- .e-ddl.e-popup .e-input-group input {
658
- line-height: 15px;
659
- }
660
-
661
- .e-ddl.e-popup .e-input-group .e-clear-icon {
662
- border-radius: 20px;
663
- height: 20px;
664
- margin: 5px;
665
- min-width: 20px;
666
- }
667
-
668
- .e-ddl.e-popup .e-input-group .e-clear-icon::before {
669
- font-size: 10px;
670
- }
671
-
672
- .e-ddl.e-popup .e-filter-parent {
673
- border-left-width: 0;
674
- border-right-width: 0;
675
- }
676
-
677
- .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
678
- border-color: #fff;
679
- }
680
-
681
617
  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
682
618
  width: 100%;
683
619
  border: 0 solid;
@@ -967,42 +903,106 @@ ejs-dropdownlist {
967
903
  border-color: #fff;
968
904
  }
969
905
 
970
- .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
971
- margin-left: -20px;
906
+ .e-popup {
907
+ border-color: #969696;
972
908
  }
973
909
 
974
- .e-bigger .e-ddl.e-popup .e-list-item {
975
- font-size: 15px;
976
- }
977
- .e-bigger .e-ddl.e-popup .e-list-group-item {
978
- font-size: 15px;
910
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
911
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
912
+ color: #fff;
979
913
  }
980
- .e-bigger .e-ddl.e-popup .e-input-group {
981
- padding: 4px 0;
914
+
915
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
916
+ border-color: transparent;
917
+ background: none;
982
918
  }
983
919
 
984
- .e-bigger.e-ddl.e-popup .e-list-item {
985
- font-size: 15px;
920
+ .e-popup.e-ddl .e-dropdownbase {
921
+ min-height: 26px;
986
922
  }
987
- .e-bigger.e-ddl.e-popup .e-list-group-item {
988
- font-size: 15px;
923
+
924
+ .e-ddl.e-popup {
925
+ border: 0;
926
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
927
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
928
+ margin-top: 1px;
989
929
  }
990
- .e-bigger.e-ddl.e-popup .e-input-group {
991
- padding: 4px 0;
930
+
931
+ .e-ddl.e-popup .e-content.e-nodata {
932
+ background-color: #000;
992
933
  }
993
934
 
994
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
995
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
996
- font-size: 14px;
935
+ .e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
936
+ color: #ffd939;
997
937
  }
998
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
999
- .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
1000
- font-size: 14px;
938
+
939
+ .e-ddl.e-popup .e-input-group {
940
+ display: -webkit-box;
941
+ display: -ms-flexbox;
942
+ display: flex;
943
+ width: auto;
1001
944
  }
1002
945
 
1003
- .e-bigger.e-small.e-ddl.e-popup .e-list-item,
1004
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
1005
- font-size: 14px;
946
+ .e-ddl.e-popup .e-input-group input {
947
+ line-height: 15px;
948
+ }
949
+
950
+ .e-ddl.e-popup .e-input-group .e-clear-icon {
951
+ border-radius: 20px;
952
+ height: 20px;
953
+ margin: 5px;
954
+ min-width: 20px;
955
+ }
956
+
957
+ .e-ddl.e-popup .e-input-group .e-clear-icon::before {
958
+ font-size: 10px;
959
+ }
960
+
961
+ .e-ddl.e-popup .e-filter-parent {
962
+ border-left-width: 0;
963
+ border-right-width: 0;
964
+ }
965
+
966
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
967
+ border-color: #fff;
968
+ }
969
+
970
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
971
+ margin-left: -20px;
972
+ }
973
+
974
+ .e-bigger .e-ddl.e-popup .e-list-item {
975
+ font-size: 15px;
976
+ }
977
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
978
+ font-size: 15px;
979
+ }
980
+ .e-bigger .e-ddl.e-popup .e-input-group {
981
+ padding: 4px 0;
982
+ }
983
+
984
+ .e-bigger.e-ddl.e-popup .e-list-item {
985
+ font-size: 15px;
986
+ }
987
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
988
+ font-size: 15px;
989
+ }
990
+ .e-bigger.e-ddl.e-popup .e-input-group {
991
+ padding: 4px 0;
992
+ }
993
+
994
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
995
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
996
+ font-size: 14px;
997
+ }
998
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
999
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
1000
+ font-size: 14px;
1001
+ }
1002
+
1003
+ .e-bigger.e-small.e-ddl.e-popup .e-list-item,
1004
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
1005
+ font-size: 14px;
1006
1006
  }
1007
1007
  .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
1008
1008
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
@@ -1067,48 +1067,6 @@ ejs-dropdownlist {
1067
1067
  content: "\e7a7";
1068
1068
  }
1069
1069
 
1070
- /* stylelint-disable */
1071
- .e-ddt .e-chips {
1072
- background-color: #bfbfbf;
1073
- }
1074
- .e-ddt .e-chips .e-chips-close::before {
1075
- color: #000;
1076
- }
1077
- .e-ddt .e-chips > .e-chipcontent {
1078
- color: #000;
1079
- }
1080
- .e-ddt .e-chips:hover {
1081
- background-color: #685708;
1082
- }
1083
- .e-ddt .e-chips:hover .e-chips-close::before {
1084
- color: #fff;
1085
- }
1086
- .e-ddt .e-chips:hover > .e-chipcontent {
1087
- color: #fff;
1088
- }
1089
- .e-ddt .e-overflow .e-remain {
1090
- color: #fff;
1091
- }
1092
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1093
- background-color: #000;
1094
- }
1095
- .e-ddt.e-popup {
1096
- background: #000;
1097
- border-color: #969696;
1098
- }
1099
- .e-ddt.e-popup .e-popup-content.e-no-data {
1100
- color: #fff;
1101
- }
1102
- .e-ddt.e-popup .e-selectall-parent {
1103
- border-bottom-color: #fff;
1104
- }
1105
- .e-ddt.e-popup .e-selectall-parent:focus {
1106
- background: #685708;
1107
- }
1108
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1109
- color: #fff;
1110
- }
1111
-
1112
1070
  /* stylelint-disable */
1113
1071
  .e-ddt {
1114
1072
  cursor: pointer;
@@ -1423,6 +1381,48 @@ ejs-dropdownlist {
1423
1381
  display: none;
1424
1382
  }
1425
1383
 
1384
+ /* stylelint-disable */
1385
+ .e-ddt .e-chips {
1386
+ background-color: #bfbfbf;
1387
+ }
1388
+ .e-ddt .e-chips .e-chips-close::before {
1389
+ color: #000;
1390
+ }
1391
+ .e-ddt .e-chips > .e-chipcontent {
1392
+ color: #000;
1393
+ }
1394
+ .e-ddt .e-chips:hover {
1395
+ background-color: #685708;
1396
+ }
1397
+ .e-ddt .e-chips:hover .e-chips-close::before {
1398
+ color: #fff;
1399
+ }
1400
+ .e-ddt .e-chips:hover > .e-chipcontent {
1401
+ color: #fff;
1402
+ }
1403
+ .e-ddt .e-overflow .e-remain {
1404
+ color: #fff;
1405
+ }
1406
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1407
+ background-color: #000;
1408
+ }
1409
+ .e-ddt.e-popup {
1410
+ background: #000;
1411
+ border-color: #969696;
1412
+ }
1413
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1414
+ color: #fff;
1415
+ }
1416
+ .e-ddt.e-popup .e-selectall-parent {
1417
+ border-bottom-color: #fff;
1418
+ }
1419
+ .e-ddt.e-popup .e-selectall-parent:focus {
1420
+ background: #685708;
1421
+ }
1422
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1423
+ color: #fff;
1424
+ }
1425
+
1426
1426
  /* stylelint-disable */
1427
1427
  .e-bigger .e-ddt .e-chips,
1428
1428
  .e-ddt.e-bigger .e-chips {
@@ -1651,6 +1651,30 @@ ejs-dropdownlist {
1651
1651
  content: "\eb06";
1652
1652
  }
1653
1653
 
1654
+ .e-dropdownbase .e-list-item .e-list-icon {
1655
+ padding: 0 10px 0 0;
1656
+ }
1657
+
1658
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
1659
+ border: 2px solid #fff;
1660
+ }
1661
+
1662
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
1663
+ border: 2px solid #000;
1664
+ }
1665
+
1666
+ .e-dropdownbase .e-list-item.e-active {
1667
+ border: 2px solid #ffd939;
1668
+ }
1669
+
1670
+ .e-dropdownbase .e-list-item.e-item-focus {
1671
+ border: 2px solid #685708;
1672
+ }
1673
+
1674
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
1675
+ padding: 0 8px 0 0;
1676
+ }
1677
+
1654
1678
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1655
1679
  color: #fff;
1656
1680
  top: 12px;
@@ -1782,1151 +1806,1127 @@ ejs-dropdownlist {
1782
1806
  color: #fff;
1783
1807
  }
1784
1808
 
1785
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1786
- color: #000;
1787
- }
1788
-
1789
- .e-multi-select-wrapper .e-chips.e-chip-selected {
1790
- background-color: #ffd939;
1791
- }
1792
-
1793
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1794
- background-color: #ffd939;
1795
- }
1796
-
1797
- .e-multiselect {
1809
+ .e-multi-select-wrapper {
1798
1810
  -webkit-box-sizing: border-box;
1799
1811
  box-sizing: border-box;
1812
+ cursor: text;
1813
+ line-height: normal;
1814
+ min-height: 30px;
1815
+ padding: 0 32px 0 2px;
1816
+ position: relative;
1817
+ -webkit-user-select: none;
1818
+ -moz-user-select: none;
1819
+ -ms-user-select: none;
1820
+ user-select: none;
1821
+ width: 100%;
1800
1822
  }
1801
-
1802
- /* stylelint-disable property-no-vendor-prefix */
1803
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1804
- -webkit-text-fill-color: #000;
1805
- color: #000;
1806
- font-family: inherit;
1807
- font-size: 14px;
1808
- }
1809
-
1810
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1811
- color: #000;
1812
- }
1813
-
1814
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1815
- color: #000;
1823
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1824
+ height: 27px;
1825
+ vertical-align: middle;
1816
1826
  }
1817
-
1818
- .e-multi-select-wrapper .e-chips {
1819
- background-color: #bfbfbf;
1820
- border-radius: 0;
1821
- height: 26px;
1827
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1828
+ height: 100%;
1829
+ min-height: 100%;
1822
1830
  }
1823
-
1824
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1825
- background-color: #685708;
1831
+ .e-multi-select-wrapper .e-delim-view {
1832
+ white-space: nowrap;
1826
1833
  }
1827
-
1828
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1829
- color: #fff;
1834
+ .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
1835
+ -webkit-box-sizing: border-box;
1836
+ box-sizing: border-box;
1837
+ display: inline-block;
1838
+ overflow: hidden;
1839
+ text-overflow: ellipsis;
1830
1840
  }
1831
-
1832
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1833
- -webkit-text-fill-color: #000;
1841
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1834
1842
  color: #000;
1835
1843
  font-size: 10px;
1844
+ left: 12px;
1845
+ top: 0;
1836
1846
  }
1837
-
1838
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1847
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1839
1848
  background-color: #bfbfbf;
1840
- border-radius: 0;
1841
1849
  color: #000;
1842
- height: 38px;
1843
- line-height: 38px;
1850
+ padding: 9px 0;
1844
1851
  }
1845
-
1846
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1847
- color: #000;
1852
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1853
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1854
+ width: 0;
1848
1855
  }
1849
-
1850
- .e-multi-select-wrapper .e-chips.e-mob-chip {
1851
- height: 30px;
1856
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1857
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1858
+ height: 1px;
1859
+ min-height: 1px;
1852
1860
  }
1853
-
1854
- .e-popup.e-multi-select-list-wrapper {
1855
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1856
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1857
- -webkit-box-sizing: content-box;
1858
- box-sizing: content-box;
1859
- overflow: initial;
1861
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1862
+ max-width: 100%;
1860
1863
  }
1861
1864
 
1862
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1863
- border-bottom: 1px solid transparent;
1864
- border-left: 1px solid #ffd939;
1865
- border-right: 1px solid #ffd939;
1866
- border-top: 1px solid #ffd939;
1865
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1866
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1867
+ display: -webkit-box;
1868
+ display: -ms-flexbox;
1869
+ display: flex;
1870
+ float: left;
1871
+ width: auto;
1867
1872
  }
1868
-
1869
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1870
- background-color: transparent;
1871
- border-color: transparent;
1872
- color: #fff;
1873
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1874
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1875
+ display: -webkit-inline-box;
1876
+ display: -ms-inline-flexbox;
1877
+ display: inline-flex;
1878
+ float: none;
1873
1879
  }
1874
-
1875
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
1876
- background-color: transparent;
1877
- border-color: transparent;
1878
- color: #fff;
1880
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1881
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1882
+ width: 0;
1879
1883
  }
1880
-
1881
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1882
- background-color: #685708;
1884
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1885
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1886
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1887
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1888
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1889
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1890
+ display: none;
1883
1891
  }
1884
-
1885
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1886
- background-color: #685708;
1892
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1893
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1894
+ padding: 0 48px 0 0;
1887
1895
  }
1888
-
1889
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1890
- border-bottom: 1px solid transparent;
1891
- border-top: 1px solid transparent;
1896
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1897
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1898
+ -webkit-box-align: center;
1899
+ -ms-flex-align: center;
1900
+ align-items: center;
1901
+ display: inline;
1902
+ max-width: 100%;
1903
+ word-break: break-word;
1892
1904
  }
1893
-
1894
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1895
- border-bottom: 1px solid transparent;
1905
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1906
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1907
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1908
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1909
+ -webkit-box-align: center;
1910
+ -ms-flex-align: center;
1911
+ align-items: center;
1912
+ cursor: pointer;
1913
+ display: none;
1914
+ -webkit-box-orient: horizontal;
1915
+ -webkit-box-direction: normal;
1916
+ -ms-flex-direction: row;
1917
+ flex-direction: row;
1918
+ margin-top: -3.2em;
1919
+ outline: 0;
1920
+ padding: 0;
1921
+ position: absolute;
1922
+ right: 0;
1923
+ top: 100%;
1896
1924
  }
1897
-
1898
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1899
- background-color: #ffd939;
1900
- -webkit-box-shadow: none;
1901
- box-shadow: none;
1902
- color: #000;
1903
- border: 1px solid #ffd939;
1925
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1926
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1927
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1928
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1929
+ display: -webkit-box;
1930
+ display: -ms-flexbox;
1931
+ display: flex;
1904
1932
  }
1905
-
1906
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1907
- background-color: #ffd939;
1908
- -webkit-box-shadow: none;
1909
- box-shadow: none;
1910
- color: #000;
1911
- border: 1px solid #ffd939;
1933
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1934
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1935
+ margin-right: 0;
1936
+ margin-top: -2.5em;
1937
+ right: 0;
1912
1938
  }
1913
-
1914
- .e-popup.e-multi-select-list-wrapper .e-list-item {
1915
- border: 1px solid transparent;
1939
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1940
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1941
+ top: -1px;
1916
1942
  }
1917
-
1918
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1919
- border: 1px solid transparent;
1943
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1944
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1945
+ font-size: 10px;
1946
+ height: 30px;
1947
+ width: 30px;
1920
1948
  }
1921
1949
 
1922
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1923
- color: #fff;
1950
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1951
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1952
+ float: right;
1924
1953
  }
1925
-
1926
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1927
- color: #fff;
1954
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1955
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1956
+ float: none;
1928
1957
  }
1929
-
1930
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1931
- color: #fff;
1958
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1959
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1960
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1961
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1962
+ left: 0;
1963
+ right: auto;
1964
+ }
1965
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1966
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1967
+ padding: 0 0 0 48px;
1932
1968
  }
1933
1969
 
1934
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1935
- color: #fff;
1970
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1971
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1972
+ opacity: 0.7;
1973
+ pointer-events: none;
1936
1974
  }
1937
1975
 
1938
- .e-ul.e-reorder {
1939
- border-bottom: 1px solid #685708;
1976
+ .e-multiselect.e-input-group,
1977
+ .e-multiselect.e-float-input {
1978
+ word-wrap: initial;
1940
1979
  }
1941
1980
 
1942
- .e-multi-select-list-wrapper .e-selectall-parent {
1943
- border-bottom: 1px solid #685708;
1981
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1982
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1983
+ top: 15px;
1944
1984
  }
1945
1985
 
1946
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
1947
- background-color: #000;
1948
- border-color: #000;
1949
- color: #ffd939;
1986
+ .e-multi-select-wrapper.e-close-icon-hide {
1987
+ padding-right: 0;
1950
1988
  }
1951
1989
 
1952
- .e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
1953
- background-color: #000;
1954
- border-color: #000;
1955
- color: #ffd939;
1990
+ .e-multi-select-wrapper .e-chips-collection {
1991
+ cursor: default;
1992
+ display: block;
1956
1993
  }
1957
1994
 
1958
- .e-ddl.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active:not(.e-item-focus):not(.e-hover) {
1959
- background-color: #000;
1995
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1996
+ margin-right: 30px;
1960
1997
  }
1961
1998
 
1962
- e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-group-item.e-active:not(.e-item-focus):not(.e-hover) {
1963
- background-color: #000;
1999
+ .e-multi-select-wrapper .e-multi-hidden {
2000
+ border: 0;
2001
+ height: 0;
2002
+ position: absolute;
2003
+ visibility: hidden;
2004
+ width: 0;
1964
2005
  }
1965
2006
 
1966
- .e-multi-select-wrapper .e-delim-values {
1967
- -webkit-text-fill-color: #000;
1968
- color: #000;
2007
+ .e-multi-select-wrapper .e-chips {
2008
+ -webkit-box-align: center;
2009
+ -ms-flex-align: center;
2010
+ align-items: center;
2011
+ display: -webkit-inline-box;
2012
+ display: -ms-inline-flexbox;
2013
+ display: inline-flex;
2014
+ float: left;
2015
+ margin: 2px 2px 2px 0;
2016
+ max-width: 100%;
2017
+ overflow: hidden;
2018
+ padding: 0 0 0 8px;
2019
+ text-overflow: ellipsis;
2020
+ white-space: nowrap;
1969
2021
  }
1970
2022
 
1971
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1972
- color: #fff;
2023
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2024
+ max-width: 100%;
2025
+ overflow: hidden;
2026
+ padding: 3px 8px 5.5px 0;
2027
+ text-indent: 0;
2028
+ text-overflow: ellipsis;
2029
+ white-space: nowrap;
1973
2030
  }
1974
2031
 
1975
2032
  .e-small .e-multi-select-wrapper .e-chips {
1976
- height: 20px;
2033
+ margin: 1.5px 2px 2px 0;
1977
2034
  }
1978
-
1979
2035
  .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1980
- font-size: 12px;
2036
+ padding: 3px 8px 4.2px 0;
1981
2037
  }
1982
2038
 
1983
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1984
- font-size: 8px;
2039
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
2040
+ display: inline-block;
2041
+ float: none;
1985
2042
  }
1986
2043
 
1987
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
1988
- left: 7px;
2044
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2045
+ padding: 6px 8px 7.5px 0;
1989
2046
  }
1990
2047
 
1991
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1992
- -webkit-text-fill-color: #757575;
1993
- color: #757575;
2048
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2049
+ padding: 6px 0 6px 8px;
1994
2050
  }
1995
2051
 
1996
- .e-dropdownbase .e-list-item .e-list-icon {
1997
- padding: 0 10px 0 0;
2052
+ .e-multi-select-wrapper .e-chips-close {
2053
+ -ms-flex-item-align: center;
2054
+ align-self: center;
2055
+ display: -webkit-box;
2056
+ display: -ms-flexbox;
2057
+ display: flex;
2058
+ float: right;
2059
+ font-family: "e-icons";
2060
+ height: 26px;
2061
+ margin: 10px 10px 10px 0;
2062
+ width: auto;
1998
2063
  }
1999
2064
 
2000
- .e-dropdownbase .e-list-item:not(.e-active).e-hover {
2001
- border: 2px solid #fff;
2002
- }
2003
-
2004
- .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
2005
- border: 2px solid #000;
2006
- }
2007
-
2008
- .e-dropdownbase .e-list-item.e-active {
2009
- border: 2px solid #ffd939;
2065
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
2066
+ margin: 8px 0 8px 20px;
2010
2067
  }
2011
2068
 
2012
- .e-dropdownbase .e-list-item.e-item-focus {
2013
- border: 2px solid #685708;
2069
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
2070
+ margin: 3px 0 0;
2014
2071
  }
2015
2072
 
2016
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
2017
- padding: 0 8px 0 0;
2073
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2074
+ cursor: default;
2075
+ font-size: 10px;
2076
+ height: 30px;
2077
+ margin-top: -3em;
2078
+ position: absolute;
2079
+ right: 0;
2080
+ width: auto;
2081
+ top: 100%;
2018
2082
  }
2019
2083
 
2020
- .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
2021
- color: #fff;
2022
- top: 12px;
2084
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2085
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2086
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2087
+ right: 27px;
2023
2088
  }
2024
2089
 
2025
- .e-multiselect .e-multi-select-wrapper input {
2026
- /* stylelint-disable property-no-vendor-prefix */
2090
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2091
+ left: 27px;
2092
+ right: auto;
2027
2093
  }
2028
2094
 
2029
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
2030
- color: #969696;
2095
+ .e-multi-select-wrapper input[type=text] {
2096
+ background: none;
2097
+ border: 0;
2031
2098
  font-family: inherit;
2032
2099
  font-size: 14px;
2033
- font-style: italic;
2100
+ font-weight: normal;
2101
+ height: 28px;
2102
+ min-height: 28px;
2103
+ outline: none;
2104
+ padding: 0 0 0 10px;
2105
+ text-indent: 0;
2034
2106
  }
2035
2107
 
2036
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
2037
- color: #969696;
2108
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2109
+ background: none;
2110
+ border: 0;
2111
+ color: inherit;
2038
2112
  font-family: inherit;
2039
2113
  font-size: 14px;
2040
- font-style: italic;
2114
+ font-weight: normal;
2115
+ height: 28px;
2116
+ min-height: 28px;
2117
+ outline: none;
2118
+ padding: 0;
2119
+ text-indent: 10px;
2041
2120
  }
2042
2121
 
2043
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
2044
- color: #969696;
2045
- font-family: inherit;
2046
- font-size: 14px;
2047
- font-style: italic;
2122
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2123
+ padding: 5px;
2048
2124
  }
2049
2125
 
2050
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
2051
- color: #969696;
2052
- font-family: inherit;
2053
- font-size: 14px;
2054
- font-style: italic;
2126
+ /* stylelint-disable property-no-vendor-prefix */
2127
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
2128
+ display: none;
2055
2129
  }
2056
2130
 
2057
- .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
2058
- color: #fff;
2131
+ .e-multi-select-wrapper .e-searcher {
2132
+ display: block;
2133
+ float: left;
2134
+ width: auto;
2059
2135
  }
2060
2136
 
2061
- .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
2062
- color: #fff;
2137
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2138
+ width: calc(100% - 40px);
2063
2139
  }
2064
2140
 
2065
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
2066
- line-height: 26px;
2067
- top: 0;
2141
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2142
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2143
+ width: calc(100% - 40px);
2068
2144
  }
2069
2145
 
2070
- .e-multi-select-wrapper .e-delim-values.e-delim-view {
2071
- -webkit-text-fill-color: #fff;
2072
- color: #fff;
2146
+ .e-multi-select-wrapper .e-delim-values {
2147
+ font-family: inherit;
2148
+ font-size: 14px;
2149
+ line-height: 29px;
2150
+ max-width: 100%;
2151
+ padding-left: 10px;
2152
+ padding-right: 0;
2153
+ vertical-align: middle;
2073
2154
  }
2074
2155
 
2075
- .e-multi-select-wrapper.e-delimiter .e-delim-values {
2076
- -webkit-text-fill-color: #fff;
2077
- color: #fff;
2156
+ .e-multi-select-list-wrapper .e-hide-listitem,
2157
+ .e-multi-select-list-wrapper .e-hide-group-header {
2158
+ display: none;
2078
2159
  }
2079
2160
 
2080
- .e-multi-select-wrapper .e-searcher input[type=text] {
2161
+ .e-multi-select-wrapper .e-delim-values .e-remain {
2081
2162
  color: #fff;
2082
- height: 100%;
2083
- min-height: 28px;
2163
+ cursor: pointer;
2164
+ display: inline-block;
2165
+ font-size: 14px;
2166
+ padding-left: 16px;
2084
2167
  }
2085
2168
 
2086
- .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
2087
- background-color: #ffd939;
2169
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
2170
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
2171
+ cursor: not-allowed;
2088
2172
  }
2089
2173
 
2090
- .e-multi-select-wrapper .e-searcher input[type=text]::selection {
2091
- background-color: #ffd939;
2174
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2175
+ height: 38px;
2176
+ left: 10px;
2177
+ margin: 0 0 0 0;
2178
+ margin-left: auto;
2179
+ position: relative;
2180
+ top: 0;
2181
+ width: 38px;
2092
2182
  }
2093
2183
 
2094
- .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
2095
- padding-left: 0;
2184
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2185
+ -ms-flex-item-align: center;
2186
+ align-self: center;
2187
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2188
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2189
+ display: -webkit-inline-box;
2190
+ display: -ms-inline-flexbox;
2191
+ display: inline-flex;
2192
+ padding: 0 10px;
2193
+ width: 92%;
2096
2194
  }
2097
2195
 
2098
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
2099
- border-bottom: 1px solid #fff;
2196
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
2197
+ content: "";
2100
2198
  }
2101
2199
 
2102
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
2103
- background-color: #ffd939;
2200
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
2201
+ float: none;
2104
2202
  }
2105
2203
 
2106
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
2107
- border: 2px solid #ffd939;
2204
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
2205
+ padding-left: 0;
2108
2206
  }
2109
-
2110
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
2111
- border-bottom: 2px solid #fff;
2112
- border-left: 2px solid #fff;
2113
- border-right: 2px solid #fff;
2114
- border-top: 2px solid #fff;
2207
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
2208
+ padding: 0 2px 0 32px;
2209
+ }
2210
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2211
+ left: -12px;
2212
+ }
2213
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2214
+ margin: 0;
2215
+ margin-right: auto;
2216
+ }
2217
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
2218
+ float: right;
2219
+ }
2220
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
2221
+ float: right;
2222
+ margin: 2px 0 2px 2px;
2223
+ padding: 0 8px 0 0;
2224
+ }
2225
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
2226
+ padding: 3px 0 3px 8px;
2227
+ }
2228
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
2229
+ float: left;
2230
+ }
2231
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
2232
+ left: -9px;
2233
+ }
2234
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
2235
+ padding: 0 4px 0 4px;
2236
+ }
2237
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
2238
+ padding: 5px 8px 6px 0;
2239
+ }
2240
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2241
+ padding: 0 4px 0 0;
2242
+ }
2243
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2244
+ padding: 9px 4px;
2245
+ }
2246
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2247
+ left: 27px;
2248
+ position: absolute;
2249
+ right: auto;
2250
+ }
2251
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
2252
+ left: -4px;
2253
+ }
2254
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
2255
+ padding-right: 16px;
2115
2256
  }
2116
2257
 
2117
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
2118
- border: 2px solid #685708;
2258
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
2259
+ left: 30px;
2119
2260
  }
2120
2261
 
2121
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
2122
- background-color: #fff;
2123
- border-bottom: 1px solid #fff;
2124
- border-left: 1px solid #fff;
2125
- border-right: 1px solid #fff;
2126
- border-top: 1px solid #fff;
2262
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
2263
+ left: -10px;
2127
2264
  }
2128
2265
 
2129
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
2130
- border: 2px solid #fff;
2266
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2267
+ bottom: 1px;
2268
+ margin-right: 8px;
2269
+ position: relative;
2270
+ text-indent: 0;
2271
+ vertical-align: middle;
2131
2272
  }
2132
2273
 
2133
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
2134
- border: 2px solid #000;
2274
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
2275
+ padding-left: 14px;
2135
2276
  }
2136
2277
 
2137
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
2138
- border: 2px solid #ffd939;
2278
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2279
+ padding-right: 18px;
2139
2280
  }
2140
2281
 
2141
- .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
2142
- height: 30px;
2143
- width: 30px;
2282
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2283
+ bottom: 1px;
2284
+ margin-right: 8px;
2285
+ position: relative;
2286
+ text-indent: 0;
2287
+ vertical-align: middle;
2144
2288
  }
2145
2289
 
2146
- .e-multi-select-wrapper .e-searcher input[type=text],
2147
- .e-multi-select-wrapper .e-multi-searcher input[type=text] {
2148
- color: #fff;
2290
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2291
+ margin-left: 12px;
2292
+ margin-right: 0;
2149
2293
  }
2150
2294
 
2151
- .e-multi-select-wrapper {
2152
- -webkit-box-sizing: border-box;
2153
- box-sizing: border-box;
2154
- cursor: text;
2155
- line-height: normal;
2156
- min-height: 30px;
2157
- padding: 0 32px 0 2px;
2158
- position: relative;
2159
- -webkit-user-select: none;
2160
- -moz-user-select: none;
2161
- -ms-user-select: none;
2162
- user-select: none;
2163
- width: 100%;
2295
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
2296
+ margin-left: 12px;
2297
+ margin-right: 0;
2164
2298
  }
2165
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2166
- height: 27px;
2167
- vertical-align: middle;
2299
+
2300
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
2301
+ padding-right: 0;
2168
2302
  }
2169
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
2170
- height: 100%;
2171
- min-height: 100%;
2303
+
2304
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
2305
+ padding-right: 15px;
2172
2306
  }
2173
- .e-multi-select-wrapper .e-delim-view {
2174
- white-space: nowrap;
2307
+
2308
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
2309
+ padding-right: 10px;
2175
2310
  }
2176
- .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
2177
- -webkit-box-sizing: border-box;
2178
- box-sizing: border-box;
2179
- display: inline-block;
2311
+
2312
+ .e-multi-select-list-wrapper .e-selectall-parent {
2313
+ cursor: pointer;
2314
+ display: block;
2315
+ line-height: 36px;
2180
2316
  overflow: hidden;
2181
2317
  text-overflow: ellipsis;
2318
+ padding-right: 16px;
2319
+ position: relative;
2320
+ text-indent: 11px;
2321
+ white-space: nowrap;
2322
+ width: 100%;
2182
2323
  }
2183
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2184
- color: #000;
2185
- font-size: 10px;
2186
- left: 12px;
2187
- top: 0;
2324
+
2325
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
2326
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
2327
+ padding-left: 16px;
2328
+ padding-right: 15px;
2188
2329
  }
2189
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2190
- background-color: #bfbfbf;
2191
- color: #000;
2192
- padding: 9px 0;
2330
+
2331
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2332
+ color: #fff;
2333
+ font-family: inherit;
2334
+ font-size: 14px;
2193
2335
  }
2194
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
2195
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
2196
- width: 0;
2336
+
2337
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2338
+ bottom: 1px;
2339
+ margin-right: 8px;
2340
+ position: relative;
2341
+ text-indent: 0;
2342
+ vertical-align: middle;
2197
2343
  }
2198
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
2199
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
2200
- height: 1px;
2201
- min-height: 1px;
2344
+
2345
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2346
+ margin-left: 12px;
2347
+ margin-right: 0;
2202
2348
  }
2203
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
2204
- max-width: 100%;
2349
+
2350
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
2351
+ float: right;
2352
+ margin-top: 0;
2205
2353
  }
2206
2354
 
2207
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
2208
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
2209
- display: -webkit-box;
2210
- display: -ms-flexbox;
2211
- display: flex;
2355
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2212
2356
  float: left;
2213
- width: auto;
2214
- }
2215
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
2216
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2217
- display: -webkit-inline-box;
2218
- display: -ms-inline-flexbox;
2219
- display: inline-flex;
2220
- float: none;
2221
- }
2222
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
2223
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
2224
- width: 0;
2225
2357
  }
2226
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
2227
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
2228
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
2229
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
2230
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
2231
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
2232
- display: none;
2358
+
2359
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
2360
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
2361
+ padding: 0;
2233
2362
  }
2234
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
2235
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
2236
- padding: 0 48px 0 0;
2363
+
2364
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2365
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
2366
+ padding: 8px;
2237
2367
  }
2238
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
2239
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
2240
- -webkit-box-align: center;
2241
- -ms-flex-align: center;
2242
- align-items: center;
2243
- display: inline;
2244
- max-width: 100%;
2245
- word-break: break-word;
2368
+
2369
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2370
+ padding-left: 8px;
2246
2371
  }
2247
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2248
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2249
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
2250
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2251
- -webkit-box-align: center;
2252
- -ms-flex-align: center;
2253
- align-items: center;
2254
- cursor: pointer;
2255
- display: none;
2256
- -webkit-box-orient: horizontal;
2257
- -webkit-box-direction: normal;
2258
- -ms-flex-direction: row;
2259
- flex-direction: row;
2260
- margin-top: -3.2em;
2261
- outline: 0;
2372
+
2373
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2262
2374
  padding: 0;
2263
- position: absolute;
2264
- right: 0;
2265
- top: 100%;
2266
- }
2267
- .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2268
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2269
- .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2270
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2271
- display: -webkit-box;
2272
- display: -ms-flexbox;
2273
- display: flex;
2274
- }
2275
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2276
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2277
- margin-right: 0;
2278
- margin-top: -2.5em;
2279
- right: 0;
2280
2375
  }
2281
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
2282
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
2283
- top: -1px;
2376
+
2377
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2378
+ line-height: 20px;
2379
+ padding-left: 10px;
2284
2380
  }
2285
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2286
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
2287
- font-size: 10px;
2288
- height: 30px;
2289
- width: 30px;
2381
+
2382
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2383
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2384
+ opacity: 0.3;
2290
2385
  }
2291
2386
 
2292
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
2293
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
2294
- float: right;
2387
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2388
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2389
+ opacity: 0.7;
2295
2390
  }
2296
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
2297
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2298
- float: none;
2391
+
2392
+ .e-multi-select-wrapper input[readonly=true] {
2393
+ pointer-events: none;
2299
2394
  }
2300
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
2301
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
2302
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
2303
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
2304
- left: 0;
2305
- right: auto;
2395
+
2396
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2397
+ pointer-events: none;
2306
2398
  }
2307
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
2308
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
2309
- padding: 0 0 0 48px;
2399
+
2400
+ ejs-multiselect {
2401
+ display: block;
2310
2402
  }
2311
2403
 
2312
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
2313
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
2314
- opacity: 0.7;
2315
- pointer-events: none;
2404
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2405
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2406
+ line-height: 26px;
2316
2407
  }
2317
2408
 
2318
- .e-multiselect.e-input-group,
2319
- .e-multiselect.e-float-input {
2320
- word-wrap: initial;
2409
+ .e-small .e-multi-select-wrapper .e-chips-close {
2410
+ height: 22px;
2411
+ width: auto;
2321
2412
  }
2322
2413
 
2323
- .e-multiselect.e-input-group .e-searcher .e-label-top,
2324
- .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
2325
- top: 15px;
2414
+ .e-small .e-multi-select-wrapper {
2415
+ min-height: 24px;
2326
2416
  }
2327
2417
 
2328
- .e-multi-select-wrapper.e-close-icon-hide {
2329
- padding-right: 0;
2418
+ .e-small .e-multi-select-wrapper input[type=text] {
2419
+ height: 24px;
2420
+ min-height: 24px;
2330
2421
  }
2331
2422
 
2332
- .e-multi-select-wrapper .e-chips-collection {
2333
- cursor: default;
2334
- display: block;
2423
+ .e-small .e-multi-select-wrapper .e-delim-values {
2424
+ font-size: 13px;
2425
+ line-height: 24px;
2335
2426
  }
2336
2427
 
2337
- .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
2338
- margin-right: 30px;
2428
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2429
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2430
+ margin-top: -3.2em;
2339
2431
  }
2340
2432
 
2341
- .e-multi-select-wrapper .e-multi-hidden {
2342
- border: 0;
2343
- height: 0;
2344
- position: absolute;
2345
- visibility: hidden;
2346
- width: 0;
2433
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2434
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2435
+ margin-top: -2.5em;
2347
2436
  }
2348
2437
 
2349
- .e-multi-select-wrapper .e-chips {
2350
- -webkit-box-align: center;
2351
- -ms-flex-align: center;
2352
- align-items: center;
2353
- display: -webkit-inline-box;
2354
- display: -ms-inline-flexbox;
2355
- display: inline-flex;
2356
- float: left;
2357
- margin: 2px 2px 2px 0;
2358
- max-width: 100%;
2359
- overflow: hidden;
2360
- padding: 0 0 0 8px;
2361
- text-overflow: ellipsis;
2362
- white-space: nowrap;
2438
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2439
+ background-size: 300px 33px;
2440
+ min-height: 33px;
2363
2441
  }
2364
2442
 
2365
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
2366
- max-width: 100%;
2367
- overflow: hidden;
2368
- padding: 3px 8px 5.5px 0;
2369
- text-indent: 0;
2370
- text-overflow: ellipsis;
2371
- white-space: nowrap;
2443
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2444
+ color: inherit;
2372
2445
  }
2373
2446
 
2374
- .e-small .e-multi-select-wrapper .e-chips {
2375
- margin: 1.5px 2px 2px 0;
2447
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2448
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2449
+ -webkit-box-align: normal;
2450
+ -ms-flex-align: normal;
2451
+ align-items: normal;
2376
2452
  }
2377
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2378
- padding: 3px 8px 4.2px 0;
2453
+
2454
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2455
+ padding: 0 12px 0 8px;
2379
2456
  }
2380
2457
 
2381
- .e-multi-select-wrapper.e-delimiter .e-searcher {
2382
- display: inline-block;
2383
- float: none;
2458
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2459
+ padding: 0;
2384
2460
  }
2385
2461
 
2386
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2387
- padding: 6px 8px 7.5px 0;
2462
+ .e-filled.e-float-input .e-multi-select-wrapper {
2463
+ padding: 11px 12px 0;
2388
2464
  }
2389
2465
 
2390
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2391
- padding: 6px 0 6px 8px;
2466
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2467
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2468
+ padding: 12px 12px 0 8px;
2392
2469
  }
2393
2470
 
2394
- .e-multi-select-wrapper .e-chips-close {
2395
- -ms-flex-item-align: center;
2396
- align-self: center;
2397
- display: -webkit-box;
2398
- display: -ms-flexbox;
2399
- display: flex;
2400
- float: right;
2401
- font-family: "e-icons";
2402
- height: 26px;
2403
- margin: 10px 10px 10px 0;
2404
- width: auto;
2471
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2472
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2473
+ padding: 0;
2405
2474
  }
2406
2475
 
2407
- .e-rtl .e-multi-select-wrapper .e-chips-close {
2408
- margin: 8px 0 8px 20px;
2476
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2477
+ height: 28px;
2409
2478
  }
2410
2479
 
2411
- .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
2412
- margin: 3px 0 0;
2480
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2481
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2482
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2483
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2484
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2485
+ height: 24px;
2413
2486
  }
2414
2487
 
2415
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2416
- cursor: default;
2417
- font-size: 10px;
2418
- height: 30px;
2419
- margin-top: -3em;
2420
- position: absolute;
2421
- right: 0;
2422
- width: auto;
2423
- top: 100%;
2488
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2489
+ height: 18px;
2424
2490
  }
2425
2491
 
2426
- .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2427
- .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2428
- .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2429
- right: 27px;
2492
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2493
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2494
+ margin: 8px 8px 0 0;
2495
+ padding: 0 8px;
2430
2496
  }
2431
2497
 
2432
- .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2433
- left: 27px;
2434
- right: auto;
2498
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2499
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2500
+ margin: 8px 0 0 8px;
2501
+ padding: 0 8px;
2435
2502
  }
2436
2503
 
2437
- .e-multi-select-wrapper input[type=text] {
2438
- background: none;
2439
- border: 0;
2440
- font-family: inherit;
2441
- font-size: 14px;
2442
- font-weight: normal;
2443
- height: 28px;
2444
- min-height: 28px;
2445
- outline: none;
2446
- padding: 0 0 0 10px;
2447
- text-indent: 0;
2504
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
2505
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
2506
+ height: 16px 16px;
2507
+ margin: 4px 4px 0 0;
2508
+ padding-right: 8px;
2448
2509
  }
2449
2510
 
2450
- .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2451
- background: none;
2452
- border: 0;
2453
- color: inherit;
2454
- font-family: inherit;
2455
- font-size: 14px;
2456
- font-weight: normal;
2457
- height: 28px;
2458
- min-height: 28px;
2459
- outline: none;
2460
- padding: 0;
2461
- text-indent: 10px;
2511
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2512
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2513
+ margin: 4px 0 0 4px;
2462
2514
  }
2463
2515
 
2464
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2465
- padding: 5px;
2516
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2517
+ font-size: 13px;
2518
+ padding: 0 8px 0 0;
2466
2519
  }
2467
2520
 
2468
- /* stylelint-disable property-no-vendor-prefix */
2469
- .e-multi-select-wrapper input[type=text]::-ms-clear {
2470
- display: none;
2521
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2522
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2523
+ font-size: 12px;
2471
2524
  }
2472
2525
 
2473
- .e-multi-select-wrapper .e-searcher {
2474
- display: block;
2475
- float: left;
2476
- width: auto;
2526
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2527
+ font-size: 12px;
2528
+ padding: 0 4px 0 0;
2477
2529
  }
2478
2530
 
2479
- .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2480
- width: calc(100% - 40px);
2531
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2532
+ padding: 0 0 0 4px;
2481
2533
  }
2482
2534
 
2483
- .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2484
- .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2485
- width: calc(100% - 40px);
2535
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2536
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2537
+ font-size: 10px;
2486
2538
  }
2487
2539
 
2488
- .e-multi-select-wrapper .e-delim-values {
2489
- font-family: inherit;
2490
- font-size: 14px;
2491
- line-height: 29px;
2492
- max-width: 100%;
2493
- padding-left: 10px;
2494
- padding-right: 0;
2495
- vertical-align: middle;
2540
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2541
+ font-size: 13px;
2542
+ padding-right: 4px;
2496
2543
  }
2497
2544
 
2498
- .e-multi-select-list-wrapper .e-hide-listitem,
2499
- .e-multi-select-list-wrapper .e-hide-group-header {
2545
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2546
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2547
+ height: 38px;
2548
+ margin-top: -38px;
2549
+ right: 12px;
2550
+ top: 100%;
2551
+ width: 16px;
2552
+ }
2553
+
2554
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2555
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2556
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2557
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2558
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
2500
2559
  display: none;
2501
2560
  }
2502
2561
 
2503
- .e-multi-select-wrapper .e-delim-values .e-remain {
2504
- color: #fff;
2505
- cursor: pointer;
2506
- display: inline-block;
2507
- font-size: 14px;
2508
- padding-left: 16px;
2562
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2563
+ margin-right: 0;
2509
2564
  }
2510
2565
 
2511
- .e-multiselect.e-disabled .e-multi-select-wrapper,
2512
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
2566
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2567
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2513
2568
  cursor: not-allowed;
2514
2569
  }
2515
2570
 
2516
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2517
- height: 38px;
2518
- left: 10px;
2519
- margin: 0 0 0 0;
2520
- margin-left: auto;
2521
- position: relative;
2522
- top: 0;
2523
- width: 38px;
2571
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2572
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2573
+ cursor: pointer;
2524
2574
  }
2525
2575
 
2526
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2527
- -ms-flex-item-align: center;
2528
- align-self: center;
2529
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2530
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2531
- display: -webkit-inline-box;
2532
- display: -ms-inline-flexbox;
2533
- display: inline-flex;
2534
- padding: 0 10px;
2535
- width: 92%;
2576
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2577
+ bottom: 0;
2578
+ right: 0;
2579
+ cursor: nwse-resize;
2580
+ height: 15px;
2581
+ position: absolute;
2582
+ width: 15px;
2536
2583
  }
2537
2584
 
2538
- .e-multi-select-wrapper .e-ddl-disable-icon::before {
2539
- content: "";
2585
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2586
+ background: transparent;
2587
+ color: rgb(221, 218, 218);
2540
2588
  }
2541
2589
 
2542
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
2543
- float: none;
2590
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
2591
+ color: #fff;
2592
+ top: 12px;
2544
2593
  }
2545
2594
 
2546
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
2547
- padding-left: 0;
2548
- }
2549
- .e-multiselect.e-rtl .e-multi-select-wrapper {
2550
- padding: 0 2px 0 32px;
2595
+ .e-multiselect .e-multi-select-wrapper input {
2596
+ /* stylelint-disable property-no-vendor-prefix */
2551
2597
  }
2552
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2553
- left: -12px;
2598
+
2599
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
2600
+ color: #969696;
2601
+ font-family: inherit;
2602
+ font-size: 14px;
2603
+ font-style: italic;
2554
2604
  }
2555
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2556
- margin: 0;
2557
- margin-right: auto;
2558
- }
2559
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
2560
- float: right;
2561
- }
2562
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
2563
- float: right;
2564
- margin: 2px 0 2px 2px;
2565
- padding: 0 8px 0 0;
2566
- }
2567
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
2568
- padding: 3px 0 3px 8px;
2569
- }
2570
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
2571
- float: left;
2572
- }
2573
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
2574
- left: -9px;
2575
- }
2576
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
2577
- padding: 0 4px 0 4px;
2578
- }
2579
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
2580
- padding: 5px 8px 6px 0;
2581
- }
2582
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2583
- padding: 0 4px 0 0;
2584
- }
2585
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2586
- padding: 9px 4px;
2605
+
2606
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
2607
+ color: #969696;
2608
+ font-family: inherit;
2609
+ font-size: 14px;
2610
+ font-style: italic;
2587
2611
  }
2588
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2589
- left: 27px;
2590
- position: absolute;
2591
- right: auto;
2612
+
2613
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
2614
+ color: #969696;
2615
+ font-family: inherit;
2616
+ font-size: 14px;
2617
+ font-style: italic;
2592
2618
  }
2593
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
2594
- left: -4px;
2619
+
2620
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
2621
+ color: #969696;
2622
+ font-family: inherit;
2623
+ font-size: 14px;
2624
+ font-style: italic;
2595
2625
  }
2596
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
2597
- padding-right: 16px;
2626
+
2627
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
2628
+ color: #fff;
2598
2629
  }
2599
2630
 
2600
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
2601
- left: 30px;
2631
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
2632
+ color: #fff;
2602
2633
  }
2603
2634
 
2604
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
2605
- left: -10px;
2635
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
2636
+ line-height: 26px;
2637
+ top: 0;
2606
2638
  }
2607
2639
 
2608
- .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2609
- bottom: 1px;
2610
- margin-right: 8px;
2611
- position: relative;
2612
- text-indent: 0;
2613
- vertical-align: middle;
2640
+ .e-multi-select-wrapper .e-delim-values.e-delim-view {
2641
+ -webkit-text-fill-color: #fff;
2642
+ color: #fff;
2614
2643
  }
2615
2644
 
2616
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
2617
- padding-left: 14px;
2645
+ .e-multi-select-wrapper.e-delimiter .e-delim-values {
2646
+ -webkit-text-fill-color: #fff;
2647
+ color: #fff;
2618
2648
  }
2619
2649
 
2620
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2621
- padding-right: 18px;
2650
+ .e-multi-select-wrapper .e-searcher input[type=text] {
2651
+ color: #fff;
2652
+ height: 100%;
2653
+ min-height: 28px;
2622
2654
  }
2623
2655
 
2624
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2625
- bottom: 1px;
2626
- margin-right: 8px;
2627
- position: relative;
2628
- text-indent: 0;
2629
- vertical-align: middle;
2656
+ .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
2657
+ background-color: #ffd939;
2630
2658
  }
2631
2659
 
2632
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2633
- margin-left: 12px;
2634
- margin-right: 0;
2660
+ .e-multi-select-wrapper .e-searcher input[type=text]::selection {
2661
+ background-color: #ffd939;
2635
2662
  }
2636
2663
 
2637
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
2638
- margin-left: 12px;
2639
- margin-right: 0;
2664
+ .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
2665
+ padding-left: 0;
2640
2666
  }
2641
2667
 
2642
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
2643
- padding-right: 0;
2668
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
2669
+ border-bottom: 1px solid #fff;
2644
2670
  }
2645
2671
 
2646
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
2647
- padding-right: 15px;
2672
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
2673
+ background-color: #ffd939;
2648
2674
  }
2649
2675
 
2650
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
2651
- padding-right: 10px;
2676
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
2677
+ border: 2px solid #ffd939;
2652
2678
  }
2653
2679
 
2654
- .e-multi-select-list-wrapper .e-selectall-parent {
2655
- cursor: pointer;
2656
- display: block;
2657
- line-height: 36px;
2658
- overflow: hidden;
2659
- text-overflow: ellipsis;
2660
- padding-right: 16px;
2661
- position: relative;
2662
- text-indent: 11px;
2663
- white-space: nowrap;
2664
- width: 100%;
2680
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
2681
+ border-bottom: 2px solid #fff;
2682
+ border-left: 2px solid #fff;
2683
+ border-right: 2px solid #fff;
2684
+ border-top: 2px solid #fff;
2665
2685
  }
2666
2686
 
2667
- .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
2668
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
2669
- padding-left: 16px;
2670
- padding-right: 15px;
2687
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
2688
+ border: 2px solid #685708;
2671
2689
  }
2672
2690
 
2673
- .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2674
- color: #fff;
2675
- font-family: inherit;
2676
- font-size: 14px;
2691
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
2692
+ background-color: #fff;
2693
+ border-bottom: 1px solid #fff;
2694
+ border-left: 1px solid #fff;
2695
+ border-right: 1px solid #fff;
2696
+ border-top: 1px solid #fff;
2677
2697
  }
2678
2698
 
2679
- .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2680
- bottom: 1px;
2681
- margin-right: 8px;
2682
- position: relative;
2683
- text-indent: 0;
2684
- vertical-align: middle;
2699
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
2700
+ border: 2px solid #fff;
2685
2701
  }
2686
2702
 
2687
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2688
- margin-left: 12px;
2689
- margin-right: 0;
2703
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
2704
+ border: 2px solid #000;
2690
2705
  }
2691
2706
 
2692
- .e-multiselect .e-input-group-icon.e-ddl-icon {
2693
- float: right;
2694
- margin-top: 0;
2707
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
2708
+ border: 2px solid #ffd939;
2695
2709
  }
2696
2710
 
2697
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2698
- float: left;
2711
+ .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
2712
+ height: 30px;
2713
+ width: 30px;
2699
2714
  }
2700
2715
 
2701
- .e-multiselect.e-checkbox .e-multi-select-wrapper,
2702
- .e-multiselect .e-multi-select-wrapper.e-down-icon {
2703
- padding: 0;
2716
+ .e-multi-select-wrapper .e-searcher input[type=text],
2717
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
2718
+ color: #fff;
2704
2719
  }
2705
2720
 
2706
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2707
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
2708
- padding: 8px;
2721
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2722
+ color: #000;
2709
2723
  }
2710
2724
 
2711
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2712
- padding-left: 8px;
2725
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
2726
+ background-color: #ffd939;
2713
2727
  }
2714
2728
 
2715
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2716
- padding: 0;
2729
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2730
+ background-color: #ffd939;
2717
2731
  }
2718
2732
 
2719
- .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2720
- line-height: 20px;
2721
- padding-left: 10px;
2733
+ .e-multiselect {
2734
+ -webkit-box-sizing: border-box;
2735
+ box-sizing: border-box;
2722
2736
  }
2723
2737
 
2724
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2725
- .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2726
- opacity: 0.3;
2738
+ /* stylelint-disable property-no-vendor-prefix */
2739
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2740
+ -webkit-text-fill-color: #000;
2741
+ color: #000;
2742
+ font-family: inherit;
2743
+ font-size: 14px;
2727
2744
  }
2728
2745
 
2729
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2730
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2731
- opacity: 0.7;
2746
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2747
+ color: #000;
2732
2748
  }
2733
2749
 
2734
- .e-multi-select-wrapper input[readonly=true] {
2735
- pointer-events: none;
2750
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2751
+ color: #000;
2736
2752
  }
2737
2753
 
2738
- .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2739
- pointer-events: none;
2754
+ .e-multi-select-wrapper .e-chips {
2755
+ background-color: #bfbfbf;
2756
+ border-radius: 0;
2757
+ height: 26px;
2740
2758
  }
2741
2759
 
2742
- ejs-multiselect {
2743
- display: block;
2760
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2761
+ background-color: #685708;
2744
2762
  }
2745
2763
 
2746
- .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2747
- .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2748
- line-height: 26px;
2764
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2765
+ color: #fff;
2749
2766
  }
2750
2767
 
2751
- .e-small .e-multi-select-wrapper .e-chips-close {
2752
- height: 22px;
2753
- width: auto;
2768
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
2769
+ -webkit-text-fill-color: #000;
2770
+ color: #000;
2771
+ font-size: 10px;
2754
2772
  }
2755
2773
 
2756
- .e-small .e-multi-select-wrapper {
2757
- min-height: 24px;
2774
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2775
+ background-color: #bfbfbf;
2776
+ border-radius: 0;
2777
+ color: #000;
2778
+ height: 38px;
2779
+ line-height: 38px;
2758
2780
  }
2759
2781
 
2760
- .e-small .e-multi-select-wrapper input[type=text] {
2761
- height: 24px;
2762
- min-height: 24px;
2782
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2783
+ color: #000;
2763
2784
  }
2764
2785
 
2765
- .e-small .e-multi-select-wrapper .e-delim-values {
2766
- font-size: 13px;
2767
- line-height: 24px;
2786
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2787
+ height: 30px;
2768
2788
  }
2769
2789
 
2770
- .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2771
- .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2772
- margin-top: -3.2em;
2773
- }
2774
-
2775
- .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2776
- .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2777
- margin-top: -2.5em;
2790
+ .e-popup.e-multi-select-list-wrapper {
2791
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2792
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2793
+ -webkit-box-sizing: content-box;
2794
+ box-sizing: content-box;
2795
+ overflow: initial;
2778
2796
  }
2779
2797
 
2780
- .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2781
- background-size: 300px 33px;
2782
- min-height: 33px;
2798
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2799
+ border-bottom: 1px solid transparent;
2800
+ border-left: 1px solid #ffd939;
2801
+ border-right: 1px solid #ffd939;
2802
+ border-top: 1px solid #ffd939;
2783
2803
  }
2784
2804
 
2785
- .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2786
- color: inherit;
2805
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2806
+ background-color: transparent;
2807
+ border-color: transparent;
2808
+ color: #fff;
2787
2809
  }
2788
2810
 
2789
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2790
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2791
- -webkit-box-align: normal;
2792
- -ms-flex-align: normal;
2793
- align-items: normal;
2811
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2812
+ background-color: transparent;
2813
+ border-color: transparent;
2814
+ color: #fff;
2794
2815
  }
2795
2816
 
2796
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2797
- padding: 0 12px 0 8px;
2817
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2818
+ background-color: #685708;
2798
2819
  }
2799
2820
 
2800
- .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2801
- padding: 0;
2821
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2822
+ background-color: #685708;
2802
2823
  }
2803
2824
 
2804
- .e-filled.e-float-input .e-multi-select-wrapper {
2805
- padding: 11px 12px 0;
2825
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2826
+ border-bottom: 1px solid transparent;
2827
+ border-top: 1px solid transparent;
2806
2828
  }
2807
2829
 
2808
- .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2809
- .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2810
- padding: 12px 12px 0 8px;
2830
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2831
+ border-bottom: 1px solid transparent;
2811
2832
  }
2812
2833
 
2813
- .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2814
- .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2815
- padding: 0;
2834
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2835
+ background-color: #ffd939;
2836
+ -webkit-box-shadow: none;
2837
+ box-shadow: none;
2838
+ color: #000;
2839
+ border: 1px solid #ffd939;
2816
2840
  }
2817
2841
 
2818
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2819
- height: 28px;
2842
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2843
+ background-color: #ffd939;
2844
+ -webkit-box-shadow: none;
2845
+ box-shadow: none;
2846
+ color: #000;
2847
+ border: 1px solid #ffd939;
2820
2848
  }
2821
2849
 
2822
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2823
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2824
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2825
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2826
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2827
- height: 24px;
2850
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2851
+ border: 1px solid transparent;
2828
2852
  }
2829
2853
 
2830
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2831
- height: 18px;
2854
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2855
+ border: 1px solid transparent;
2832
2856
  }
2833
2857
 
2834
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2835
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2836
- margin: 8px 8px 0 0;
2837
- padding: 0 8px;
2858
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2859
+ color: #fff;
2838
2860
  }
2839
2861
 
2840
- .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2841
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2842
- margin: 8px 0 0 8px;
2843
- padding: 0 8px;
2862
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2863
+ color: #fff;
2844
2864
  }
2845
2865
 
2846
- .e-small .e-filled .e-multi-select-wrapper .e-chips,
2847
- .e-small.e-filled .e-multi-select-wrapper .e-chips {
2848
- height: 16px 16px;
2849
- margin: 4px 4px 0 0;
2850
- padding-right: 8px;
2866
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2867
+ color: #fff;
2851
2868
  }
2852
2869
 
2853
- .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2854
- .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2855
- margin: 4px 0 0 4px;
2870
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2871
+ color: #fff;
2856
2872
  }
2857
2873
 
2858
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2859
- font-size: 13px;
2860
- padding: 0 8px 0 0;
2874
+ .e-ul.e-reorder {
2875
+ border-bottom: 1px solid #685708;
2861
2876
  }
2862
2877
 
2863
- .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2864
- .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2865
- font-size: 12px;
2878
+ .e-multi-select-list-wrapper .e-selectall-parent {
2879
+ border-bottom: 1px solid #685708;
2866
2880
  }
2867
2881
 
2868
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2869
- font-size: 12px;
2870
- padding: 0 4px 0 0;
2882
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
2883
+ background-color: #000;
2884
+ border-color: #000;
2885
+ color: #ffd939;
2871
2886
  }
2872
2887
 
2873
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2874
- padding: 0 0 0 4px;
2888
+ .e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
2889
+ background-color: #000;
2890
+ border-color: #000;
2891
+ color: #ffd939;
2875
2892
  }
2876
2893
 
2877
- .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2878
- .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2879
- font-size: 10px;
2894
+ .e-ddl.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active:not(.e-item-focus):not(.e-hover) {
2895
+ background-color: #000;
2880
2896
  }
2881
2897
 
2882
- .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2883
- font-size: 13px;
2884
- padding-right: 4px;
2898
+ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-group-item.e-active:not(.e-item-focus):not(.e-hover) {
2899
+ background-color: #000;
2885
2900
  }
2886
2901
 
2887
- .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2888
- .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2889
- height: 38px;
2890
- margin-top: -38px;
2891
- right: 12px;
2892
- top: 100%;
2893
- width: 16px;
2902
+ .e-multi-select-wrapper .e-delim-values {
2903
+ -webkit-text-fill-color: #000;
2904
+ color: #000;
2894
2905
  }
2895
2906
 
2896
- .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2897
- .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2898
- .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2899
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2900
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
2901
- display: none;
2907
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2908
+ color: #fff;
2902
2909
  }
2903
2910
 
2904
- .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2905
- margin-right: 0;
2911
+ .e-small .e-multi-select-wrapper .e-chips {
2912
+ height: 20px;
2906
2913
  }
2907
2914
 
2908
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2909
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2910
- cursor: not-allowed;
2915
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2916
+ font-size: 12px;
2911
2917
  }
2912
2918
 
2913
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2914
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2915
- cursor: pointer;
2919
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2920
+ font-size: 8px;
2916
2921
  }
2917
2922
 
2918
- .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2919
- bottom: 0;
2920
- right: 0;
2921
- cursor: nwse-resize;
2922
- height: 15px;
2923
- position: absolute;
2924
- width: 15px;
2923
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2924
+ left: 7px;
2925
2925
  }
2926
2926
 
2927
- .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2928
- background: transparent;
2929
- color: rgb(221, 218, 218);
2927
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2928
+ -webkit-text-fill-color: #757575;
2929
+ color: #757575;
2930
2930
  }
2931
2931
 
2932
2932
  .e-dropdownbase .e-list-item .e-list-icon {
@@ -3423,782 +3423,782 @@ ejs-multiselect {
3423
3423
  content: "\e656";
3424
3424
  }
3425
3425
 
3426
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3427
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3428
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3429
- }
3430
-
3431
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3432
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3433
- }
3434
-
3435
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3436
- height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3437
- }
3438
-
3439
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3440
- height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3441
- }
3442
-
3443
- .e-listbox-wrapper,
3444
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3445
- .e-listboxtool-container.e-listbox-container .e-ul {
3446
- border: 1px solid #969696;
3447
- }
3448
-
3426
+ /* stylelint-disable property-no-vendor-prefix */
3449
3427
  .e-listbox-wrapper,
3450
3428
  .e-listbox-container,
3451
3429
  .e-listboxtool-wrapper {
3452
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
3453
- font-size: 13px;
3454
- }
3455
- .e-listbox-wrapper .e-list-header,
3456
- .e-listbox-container .e-list-header,
3457
- .e-listboxtool-wrapper .e-list-header {
3458
- background-color: #000;
3459
- border-color: #969696;
3460
- color: #ffd939;
3461
- font-size: 14px;
3430
+ -webkit-overflow-scrolling: touch;
3431
+ -webkit-box-sizing: border-box;
3432
+ box-sizing: border-box;
3433
+ cursor: pointer;
3434
+ display: block;
3435
+ position: relative;
3436
+ -webkit-user-select: none;
3437
+ -moz-user-select: none;
3438
+ -ms-user-select: none;
3439
+ user-select: none;
3440
+ width: 100%;
3462
3441
  }
3463
-
3464
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3465
- .e-listbox-container.e-filter-list .e-list-parent,
3466
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3467
- height: calc(100% - 51px);
3442
+ .e-listbox-wrapper *,
3443
+ .e-listbox-container *,
3444
+ .e-listboxtool-wrapper * {
3445
+ -webkit-box-sizing: border-box;
3446
+ box-sizing: border-box;
3468
3447
  }
3469
-
3470
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3471
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3472
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3473
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3448
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3449
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
3450
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
3451
+ width: 87% !important; /* stylelint-disable-line declaration-no-important */
3474
3452
  }
3475
-
3476
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3477
- .e-listbox-container .e-selectall-parent + .e-list-parent,
3478
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3479
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3453
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
3454
+ .e-listbox-container .e-list-wrap:focus-visible,
3455
+ .e-listbox-container:focus,
3456
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
3457
+ .e-listboxtool-wrapper:focus {
3458
+ outline: none;
3459
+ }
3460
+ .e-listbox-wrapper.e-disabled,
3461
+ .e-listbox-container.e-disabled,
3462
+ .e-listboxtool-wrapper.e-disabled {
3463
+ cursor: default;
3464
+ pointer-events: none;
3465
+ }
3466
+ .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
3467
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
3468
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
3469
+ text-align: center;
3470
+ }
3471
+ .e-listbox-wrapper .e-list-parent,
3472
+ .e-listbox-container .e-list-parent,
3473
+ .e-listboxtool-wrapper .e-list-parent {
3474
+ height: 100%;
3475
+ min-height: 36px;
3480
3476
  }
3481
-
3482
3477
  .e-listbox-wrapper .e-list-item,
3483
3478
  .e-listbox-container .e-list-item,
3484
3479
  .e-listboxtool-wrapper .e-list-item {
3485
- background-color: #000;
3486
- border-bottom: 2px solid transparent;
3487
- border-left: 2px solid transparent;
3488
- border-right: 2px solid transparent;
3489
- border-top: 2px solid transparent;
3490
- color: #fff;
3480
+ border-bottom: 0 solid;
3481
+ outline: none;
3491
3482
  }
3492
-
3493
- .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),
3494
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3495
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3496
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3497
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3498
- background-color: #685708;
3499
- border-color: #fff;
3500
- color: #fff;
3483
+ .e-listbox-wrapper .e-list-item.e-disabled,
3484
+ .e-listbox-container .e-list-item.e-disabled,
3485
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
3486
+ pointer-events: none;
3501
3487
  }
3502
-
3503
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3504
- .e-listbox-container .e-list-item.e-selected.e-checklist,
3505
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3506
- background-color: #000;
3507
- color: #fff;
3488
+ .e-listbox-wrapper .e-disable,
3489
+ .e-listbox-container .e-disable,
3490
+ .e-listboxtool-wrapper .e-disable {
3491
+ opacity: 0.7;
3508
3492
  }
3509
-
3510
- .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,
3511
- .e-listbox-container .e-list-item.e-focused,
3512
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3513
- .e-listbox-container .e-list-item.e-selected,
3514
- .e-listboxtool-wrapper .e-list-item.e-focused,
3515
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3516
- .e-listboxtool-wrapper .e-list-item.e-selected {
3517
- background-color: #ffd939;
3518
- color: #000;
3493
+ .e-listbox-wrapper .e-list-parent,
3494
+ .e-listbox-container .e-list-parent,
3495
+ .e-listboxtool-wrapper .e-list-parent {
3496
+ margin: 0;
3497
+ padding: 0;
3519
3498
  }
3520
-
3521
- .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,
3522
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3523
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3524
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3525
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3526
- background-color: #000;
3527
- border-color: #000;
3528
- color: #ffd939;
3499
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3500
+ .e-listbox-container .e-list-header .e-text.header,
3501
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3502
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
3503
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
3504
+ display: none;
3505
+ }
3506
+ .e-listbox-wrapper .e-icon-back,
3507
+ .e-listbox-container .e-icon-back,
3508
+ .e-listboxtool-wrapper .e-icon-back {
3509
+ margin-top: 2px;
3510
+ }
3511
+ .e-listbox-wrapper .e-list-header,
3512
+ .e-listbox-container .e-list-header,
3513
+ .e-listboxtool-wrapper .e-list-header {
3514
+ -webkit-box-align: center;
3515
+ -ms-flex-align: center;
3516
+ align-items: center;
3517
+ border-bottom: 1px solid;
3518
+ display: -webkit-box;
3519
+ display: -ms-flexbox;
3520
+ display: flex;
3521
+ font-weight: 600;
3522
+ height: 36px;
3523
+ padding: 0 16px;
3524
+ }
3525
+ .e-listbox-wrapper .e-has-header > .e-view,
3526
+ .e-listbox-container .e-has-header > .e-view,
3527
+ .e-listboxtool-wrapper .e-has-header > .e-view {
3528
+ top: 45px;
3529
+ }
3530
+ .e-listbox-wrapper .e-but-back,
3531
+ .e-listbox-container .e-but-back,
3532
+ .e-listboxtool-wrapper .e-but-back {
3533
+ cursor: pointer;
3534
+ padding-right: 20px;
3535
+ }
3536
+ .e-listbox-wrapper .e-list-group-item:first-child,
3537
+ .e-listbox-container .e-list-group-item:first-child,
3538
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
3539
+ border: 0;
3540
+ border-bottom: 0 solid transparent;
3529
3541
  }
3530
-
3531
3542
  .e-listbox-wrapper .e-list-group-item,
3532
3543
  .e-listbox-container .e-list-group-item,
3533
3544
  .e-listboxtool-wrapper .e-list-group-item {
3534
- background-color: #000;
3535
- border-color: #969696;
3536
- color: #ffd939;
3537
- font-size: 14px;
3538
- }
3539
-
3540
- .e-listbox-wrapper .e-selectall-parent,
3541
- .e-listbox-container .e-selectall-parent,
3542
- .e-listboxtool-wrapper .e-selectall-parent {
3543
- background-color: #000;
3544
- border-bottom: 1px solid #fff;
3545
- color: #fff;
3545
+ border-bottom: 0 solid transparent;
3546
+ border-top: 1px solid;
3547
+ font-weight: 600;
3548
+ height: 36px;
3549
+ line-height: 30px;
3550
+ padding: 9px 16px;
3546
3551
  }
3547
-
3548
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3549
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3550
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3551
- background-color: transparent;
3552
+ .e-listbox-wrapper .e-icon-collapsible,
3553
+ .e-listbox-container .e-icon-collapsible,
3554
+ .e-listboxtool-wrapper .e-icon-collapsible {
3555
+ cursor: pointer;
3556
+ font-size: 12px;
3557
+ position: absolute;
3558
+ right: 0%;
3559
+ top: 50%;
3560
+ -webkit-transform: translateY(-50%);
3561
+ transform: translateY(-50%);
3552
3562
  }
3553
-
3554
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
3555
- .e-listbox-container.e-list-template .e-list-wrapper,
3556
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3557
- height: inherit;
3563
+ .e-listbox-wrapper .e-text-content,
3564
+ .e-listbox-container .e-text-content,
3565
+ .e-listboxtool-wrapper .e-text-content {
3566
+ height: 100%;
3558
3567
  position: relative;
3568
+ vertical-align: middle;
3559
3569
  }
3560
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3561
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3562
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3563
- padding: 0.6153em 0.923em;
3570
+ .e-listbox-wrapper .e-text-content *,
3571
+ .e-listbox-container .e-text-content *,
3572
+ .e-listboxtool-wrapper .e-text-content * {
3573
+ display: inline-block;
3574
+ vertical-align: middle;
3564
3575
  }
3565
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3566
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3567
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3568
- padding: 0.6153em 0.923em;
3576
+ .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
3577
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
3578
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
3579
+ width: calc(100% - 40px);
3569
3580
  }
3570
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3571
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3572
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3573
- color: #fff;
3574
- display: block;
3575
- font-size: 13px;
3576
- font-weight: 500;
3577
- margin: 0;
3578
- overflow: hidden;
3579
- padding: 0.093em 0;
3580
- text-overflow: ellipsis;
3581
- white-space: nowrap;
3581
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3582
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3583
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
3584
+ width: calc(100% - 90px);
3582
3585
  }
3583
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3584
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3585
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3586
- color: #fff;
3587
- display: block;
3588
- font-size: 13px;
3589
- margin: 0;
3590
- padding: 0.093em 0;
3591
- word-wrap: break-word;
3586
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3587
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3588
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3589
+ width: calc(100% - 80px);
3592
3590
  }
3593
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3594
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3595
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3591
+ .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,
3592
+ .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,
3593
+ .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 {
3594
+ width: calc(100% - 92px);
3595
+ }
3596
+ .e-listbox-wrapper .e-checkbox .e-checkbox-left,
3597
+ .e-listbox-container .e-checkbox .e-checkbox-left,
3598
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
3599
+ margin: -2px 10px 0 0;
3600
+ }
3601
+ .e-listbox-wrapper .e-checkbox .e-checkbox-right,
3602
+ .e-listbox-container .e-checkbox .e-checkbox-right,
3603
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
3604
+ margin: -2px 0 0 10px;
3605
+ }
3606
+ .e-listbox-wrapper .e-list-text,
3607
+ .e-listbox-container .e-list-text,
3608
+ .e-listboxtool-wrapper .e-list-text {
3609
+ cursor: pointer;
3610
+ display: inline-block;
3596
3611
  overflow: hidden;
3597
3612
  text-overflow: ellipsis;
3613
+ vertical-align: top;
3598
3614
  white-space: nowrap;
3615
+ width: 100%;
3599
3616
  }
3600
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3601
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3602
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3603
- height: 3.0769em;
3604
- left: 0.923em;
3605
- position: absolute;
3606
- width: 3.0769em;
3607
- left: 0.923em;
3617
+ .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,
3618
+ .e-listbox-container .e-list-icon + .e-list-text,
3619
+ .e-listbox-container .e-icon-wrapper .e-list-text,
3620
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3621
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
3622
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
3623
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
3624
+ width: calc(100% - 60px);
3608
3625
  }
3609
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3610
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3611
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3612
- padding-left: 4.923em;
3613
- padding-right: 0.923em;
3626
+ .e-listbox-wrapper .e-list-icon,
3627
+ .e-listbox-container .e-list-icon,
3628
+ .e-listboxtool-wrapper .e-list-icon {
3629
+ height: 30px;
3630
+ margin-right: 16px;
3631
+ width: 30px;
3614
3632
  }
3615
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3616
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3617
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3618
- padding-left: 0.923em;
3619
- padding-right: 4.923em;
3633
+ .e-listbox-wrapper .e-content,
3634
+ .e-listbox-container .e-content,
3635
+ .e-listboxtool-wrapper .e-content {
3636
+ overflow: hidden;
3637
+ position: relative;
3620
3638
  }
3621
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3622
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3623
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3624
- height: 3.0769em;
3625
- left: 0.923em;
3626
- position: absolute;
3627
- width: 3.0769em;
3628
- right: 0.923em;
3639
+ .e-listbox-wrapper .e-list-header .e-text,
3640
+ .e-listbox-container .e-list-header .e-text,
3641
+ .e-listboxtool-wrapper .e-list-header .e-text {
3642
+ cursor: pointer;
3643
+ text-indent: 0;
3629
3644
  }
3630
- .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,
3631
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3632
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3633
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3634
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3635
- top: 0.6153em;
3645
+ .e-listbox-wrapper .e-text .e-headertext,
3646
+ .e-listbox-container .e-text .e-headertext,
3647
+ .e-listboxtool-wrapper .e-text .e-headertext {
3648
+ display: inline-block;
3649
+ line-height: 21px;
3636
3650
  }
3637
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3638
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3639
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3640
- font-size: 13px;
3641
- height: 1.5384em;
3642
- line-height: 1.3384em;
3643
- padding: 0;
3644
- position: absolute;
3645
- right: 0.923em;
3646
- top: 50%;
3647
- -webkit-transform: translateY(-50%);
3648
- transform: translateY(-50%);
3649
- width: 1.5384em;
3651
+ .e-listbox-wrapper.e-rtl,
3652
+ .e-listbox-container.e-rtl,
3653
+ .e-listboxtool-wrapper.e-rtl {
3654
+ direction: rtl;
3650
3655
  }
3651
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3652
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3653
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3654
- padding-left: 4.923em;
3655
- padding-right: 3.3846em;
3656
+ .e-listbox-wrapper.e-rtl .e-list-icon,
3657
+ .e-listbox-container.e-rtl .e-list-icon,
3658
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
3659
+ margin-left: 16px;
3660
+ margin-right: 0;
3656
3661
  }
3657
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3658
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3659
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3660
- padding-left: 0.923em;
3661
- padding-right: 3.3846em;
3662
+ .e-listbox-wrapper.e-rtl .e-icon-collapsible,
3663
+ .e-listbox-container.e-rtl .e-icon-collapsible,
3664
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
3665
+ left: 0%;
3666
+ right: initial;
3667
+ top: 50%;
3668
+ -webkit-transform: translateY(-50%) rotate(180deg);
3669
+ transform: translateY(-50%) rotate(180deg);
3662
3670
  }
3663
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3664
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3665
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3666
- display: block;
3667
- margin: 0;
3668
- overflow: hidden;
3669
- padding: 0.867em 0;
3670
- text-overflow: ellipsis;
3671
- white-space: nowrap;
3671
+ .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3672
+ .e-listbox-container.e-rtl .e-list-header .e-text,
3673
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
3674
+ cursor: pointer;
3672
3675
  }
3673
- .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,
3674
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3675
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3676
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3677
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3678
- color: #fff;
3676
+ .e-listbox-wrapper.e-rtl .e-but-back,
3677
+ .e-listbox-container.e-rtl .e-but-back,
3678
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
3679
+ -webkit-transform: rotate(180deg);
3680
+ transform: rotate(180deg);
3679
3681
  }
3680
- .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,
3681
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3682
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3683
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3684
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3685
- color: #000;
3682
+ .e-listbox-wrapper.e-rtl .e-icon-back,
3683
+ .e-listbox-container.e-rtl .e-icon-back,
3684
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
3685
+ margin-top: 1px;
3686
3686
  }
3687
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3688
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3689
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3690
- left: inherit;
3691
- right: 0.923em;
3687
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3688
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3689
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
3690
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
3691
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3692
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
3693
+ margin: -2px 0 0 10px;
3692
3694
  }
3693
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3694
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3695
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3696
- padding-left: 0.923em;
3697
- padding-right: 4.923em;
3695
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
3696
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
3697
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
3698
+ margin: -2px 10px 0 0;
3698
3699
  }
3699
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3700
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3701
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3702
- padding-left: 4.923em;
3703
- padding-right: 0.923em;
3700
+ .e-listbox-wrapper .e-checkbox-wrapper,
3701
+ .e-listbox-container .e-checkbox-wrapper,
3702
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
3703
+ margin: -2px 10px 0 0;
3704
+ text-indent: 0;
3705
+ vertical-align: middle;
3704
3706
  }
3705
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3706
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3707
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3708
- left: 0.923em;
3709
- right: inherit;
3707
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
3708
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
3709
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
3710
+ position: absolute;
3711
+ right: 0;
3712
+ top: 30%;
3710
3713
  }
3711
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3712
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3713
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3714
- left: 0.923em;
3715
- right: inherit;
3714
+ .e-listbox-wrapper .e-input-group,
3715
+ .e-listbox-container .e-input-group,
3716
+ .e-listboxtool-wrapper .e-input-group {
3717
+ padding: 4px 8px;
3716
3718
  }
3717
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3718
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3719
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3720
- padding-left: 3.3846em;
3721
- padding-right: 4.923em;
3719
+ .e-listbox-wrapper .e-input-focus,
3720
+ .e-listbox-container .e-input-focus,
3721
+ .e-listboxtool-wrapper .e-input-focus {
3722
+ padding: 4px 4px 4px 8px;
3722
3723
  }
3723
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3724
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3725
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3726
- padding-left: 3.3846em;
3727
- padding-right: 0.923em;
3724
+ .e-listbox-wrapper .e-hidden-select,
3725
+ .e-listbox-container .e-hidden-select,
3726
+ .e-listboxtool-wrapper .e-hidden-select {
3727
+ height: 1px;
3728
+ opacity: 0;
3729
+ position: absolute;
3730
+ width: 100%;
3728
3731
  }
3729
-
3730
- .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 {
3731
- height: 100%;
3732
+ .e-listbox-wrapper .e-placeholder,
3733
+ .e-listbox-container .e-placeholder,
3734
+ .e-listboxtool-wrapper .e-placeholder {
3735
+ background-color: #ffd939;
3736
+ display: block;
3737
+ height: 1px;
3732
3738
  }
3733
3739
 
3734
- .e-listbox-container.e-filter-list .e-list-wrap {
3735
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3740
+ ejs-listbox {
3741
+ display: block;
3736
3742
  }
3737
3743
 
3738
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3739
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3744
+ .e-listbox-wrapper:not(.e-listbox-container),
3745
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3746
+ overflow: auto;
3740
3747
  }
3741
3748
 
3742
- .e-listbox-container .e-selectall-parent + .e-list-wrap {
3743
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3749
+ .e-listbox-wrapper.e-sortableclone,
3750
+ .e-listbox-container.e-sortableclone,
3751
+ .e-listboxtool-wrapper.e-sortableclone {
3752
+ border-width: 0;
3753
+ overflow: visible;
3744
3754
  }
3745
-
3746
- /* stylelint-disable property-no-vendor-prefix */
3747
- .e-listbox-wrapper,
3748
- .e-listbox-container,
3749
- .e-listboxtool-wrapper {
3750
- -webkit-overflow-scrolling: touch;
3751
- -webkit-box-sizing: border-box;
3752
- box-sizing: border-box;
3753
- cursor: pointer;
3754
- display: block;
3755
- position: relative;
3756
- -webkit-user-select: none;
3757
- -moz-user-select: none;
3758
- -ms-user-select: none;
3759
- user-select: none;
3760
- width: 100%;
3755
+ .e-listbox-wrapper.e-sortableclone .e-list-item,
3756
+ .e-listbox-container.e-sortableclone .e-list-item,
3757
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3758
+ list-style-type: none;
3759
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
3761
3760
  }
3762
- .e-listbox-wrapper *,
3763
- .e-listbox-container *,
3764
- .e-listboxtool-wrapper * {
3765
- -webkit-box-sizing: border-box;
3766
- box-sizing: border-box;
3761
+ .e-listbox-wrapper.e-sortableclone .e-ripple,
3762
+ .e-listbox-container.e-sortableclone .e-ripple,
3763
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
3764
+ overflow: visible;
3767
3765
  }
3768
- .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3769
- .e-listbox-container.e-listboxtool-container .e-list-wrap,
3770
- .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
3771
- width: 87% !important; /* stylelint-disable-line declaration-no-important */
3766
+ .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
3767
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
3768
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
3769
+ display: none;
3772
3770
  }
3773
- .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
3774
- .e-listbox-container .e-list-wrap:focus-visible,
3775
- .e-listbox-container:focus,
3776
- .e-listboxtool-wrapper .e-list-wrap:focus-visible,
3777
- .e-listboxtool-wrapper:focus {
3778
- outline: none;
3779
- }
3780
- .e-listbox-wrapper.e-disabled,
3781
- .e-listbox-container.e-disabled,
3782
- .e-listboxtool-wrapper.e-disabled {
3783
- cursor: default;
3784
- pointer-events: none;
3771
+ .e-listbox-wrapper.e-sortableclone .e-list-badge,
3772
+ .e-listbox-container.e-sortableclone .e-list-badge,
3773
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3774
+ -webkit-box-align: center;
3775
+ -ms-flex-align: center;
3776
+ align-items: center;
3777
+ background-color: #ffd939;
3778
+ border: 1px solid #000;
3779
+ border-radius: 50%;
3780
+ color: #000;
3781
+ display: -webkit-box;
3782
+ display: -ms-flexbox;
3783
+ display: flex;
3784
+ font-size: 12px;
3785
+ height: 22px;
3786
+ -webkit-box-pack: center;
3787
+ -ms-flex-pack: center;
3788
+ justify-content: center;
3789
+ position: absolute;
3790
+ right: -10px;
3791
+ top: -10px;
3792
+ width: 22px;
3785
3793
  }
3786
- .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
3787
- .e-listbox-container:not(.e-list-template) .e-list-nrt,
3788
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
3789
- text-align: center;
3794
+
3795
+ .e-listboxtool-wrapper.e-sortableclone {
3796
+ display: block;
3790
3797
  }
3791
- .e-listbox-wrapper .e-list-parent,
3792
- .e-listbox-container .e-list-parent,
3793
- .e-listboxtool-wrapper .e-list-parent {
3794
- height: 100%;
3795
- min-height: 36px;
3798
+
3799
+ .e-listboxtool-wrapper,
3800
+ .e-listboxtool-container {
3801
+ cursor: pointer;
3802
+ display: -webkit-box;
3803
+ display: -ms-flexbox;
3804
+ display: flex;
3796
3805
  }
3797
- .e-listbox-wrapper .e-list-item,
3798
- .e-listbox-container .e-list-item,
3799
- .e-listboxtool-wrapper .e-list-item {
3800
- border-bottom: 0 solid;
3801
- outline: none;
3806
+ .e-listboxtool-wrapper *,
3807
+ .e-listboxtool-container * {
3808
+ -webkit-box-sizing: border-box;
3809
+ box-sizing: border-box;
3802
3810
  }
3803
- .e-listbox-wrapper .e-list-item.e-disabled,
3804
- .e-listbox-container .e-list-item.e-disabled,
3805
- .e-listboxtool-wrapper .e-list-item.e-disabled {
3811
+ .e-listboxtool-wrapper.e-disabled,
3812
+ .e-listboxtool-container.e-disabled {
3813
+ cursor: default;
3806
3814
  pointer-events: none;
3807
3815
  }
3808
- .e-listbox-wrapper .e-disable,
3809
- .e-listbox-container .e-disable,
3810
- .e-listboxtool-wrapper .e-disable {
3811
- opacity: 0.7;
3816
+ .e-listboxtool-wrapper .e-listbox-wrapper,
3817
+ .e-listboxtool-wrapper .e-list-wrap,
3818
+ .e-listboxtool-container .e-listbox-wrapper,
3819
+ .e-listboxtool-container .e-list-wrap {
3820
+ -webkit-box-flex: 1;
3821
+ -ms-flex: 1;
3822
+ flex: 1;
3812
3823
  }
3813
- .e-listbox-wrapper .e-list-parent,
3814
- .e-listbox-container .e-list-parent,
3815
- .e-listboxtool-wrapper .e-list-parent {
3816
- margin: 0;
3817
- padding: 0;
3824
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
3825
+ .e-listboxtool-container.e-right .e-listbox-tool {
3826
+ margin-left: 15px;
3818
3827
  }
3819
- .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3820
- .e-listbox-container .e-list-header .e-text.header,
3821
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3822
- .e-listboxtool-wrapper .e-list-header .e-text.header,
3823
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
3824
- display: none;
3828
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
3829
+ .e-listboxtool-container.e-left .e-listbox-tool {
3830
+ margin-right: 15px;
3825
3831
  }
3826
- .e-listbox-wrapper .e-icon-back,
3827
- .e-listbox-container .e-icon-back,
3828
- .e-listboxtool-wrapper .e-icon-back {
3829
- margin-top: 2px;
3832
+ .e-listboxtool-wrapper .e-listbox-tool,
3833
+ .e-listboxtool-container .e-listbox-tool {
3834
+ border: 1px solid #969696;
3835
+ overflow: auto;
3836
+ padding: 8px;
3830
3837
  }
3831
- .e-listbox-wrapper .e-list-header,
3832
- .e-listbox-container .e-list-header,
3833
- .e-listboxtool-wrapper .e-list-header {
3834
- -webkit-box-align: center;
3835
- -ms-flex-align: center;
3836
- align-items: center;
3837
- border-bottom: 1px solid;
3838
- display: -webkit-box;
3839
- display: -ms-flexbox;
3840
- display: flex;
3841
- font-weight: 600;
3842
- height: 36px;
3843
- padding: 0 16px;
3838
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3839
+ .e-listboxtool-container .e-listbox-tool .e-btn {
3840
+ display: list-item;
3841
+ list-style-type: none;
3842
+ margin-bottom: 10px;
3844
3843
  }
3845
- .e-listbox-wrapper .e-has-header > .e-view,
3846
- .e-listbox-container .e-has-header > .e-view,
3847
- .e-listboxtool-wrapper .e-has-header > .e-view {
3848
- top: 45px;
3844
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3845
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3846
+ position: absolute;
3847
+ right: 0;
3848
+ top: 30%;
3849
3849
  }
3850
- .e-listbox-wrapper .e-but-back,
3851
- .e-listbox-container .e-but-back,
3852
- .e-listboxtool-wrapper .e-but-back {
3853
- cursor: pointer;
3854
- padding-right: 20px;
3850
+
3851
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3852
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3853
+ margin-right: 15px;
3855
3854
  }
3856
- .e-listbox-wrapper .e-list-group-item:first-child,
3857
- .e-listbox-container .e-list-group-item:first-child,
3858
- .e-listboxtool-wrapper .e-list-group-item:first-child {
3859
- border: 0;
3860
- border-bottom: 0 solid transparent;
3855
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3856
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3857
+ margin-left: 15px;
3861
3858
  }
3862
- .e-listbox-wrapper .e-list-group-item,
3863
- .e-listbox-container .e-list-group-item,
3864
- .e-listboxtool-wrapper .e-list-group-item {
3865
- border-bottom: 0 solid transparent;
3866
- border-top: 1px solid;
3867
- font-weight: 600;
3859
+
3860
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3861
+ .e-listbox-wrapper .e-list-nrt,
3862
+ .e-listbox-wrapper .e-selectall-parent,
3863
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3864
+ .e-listbox-container .e-list-nrt,
3865
+ .e-listbox-container .e-selectall-parent,
3866
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3867
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3868
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3868
3869
  height: 36px;
3869
- line-height: 30px;
3870
+ line-height: 1;
3870
3871
  padding: 9px 16px;
3871
- }
3872
- .e-listbox-wrapper .e-icon-collapsible,
3873
- .e-listbox-container .e-icon-collapsible,
3874
- .e-listboxtool-wrapper .e-icon-collapsible {
3875
- cursor: pointer;
3876
- font-size: 12px;
3877
- position: absolute;
3878
- right: 0%;
3879
- top: 50%;
3880
- -webkit-transform: translateY(-50%);
3881
- transform: translateY(-50%);
3882
- }
3883
- .e-listbox-wrapper .e-text-content,
3884
- .e-listbox-container .e-text-content,
3885
- .e-listboxtool-wrapper .e-text-content {
3886
- height: 100%;
3887
3872
  position: relative;
3888
- vertical-align: middle;
3889
3873
  }
3890
- .e-listbox-wrapper .e-text-content *,
3891
- .e-listbox-container .e-text-content *,
3892
- .e-listboxtool-wrapper .e-text-content * {
3893
- display: inline-block;
3874
+ .e-listbox-wrapper .e-list-icon,
3875
+ .e-listbox-container .e-list-icon,
3876
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3877
+ display: inline;
3894
3878
  vertical-align: middle;
3879
+ width: auto;
3880
+ height: auto;
3881
+ padding-bottom: 2px;
3895
3882
  }
3896
- .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
3897
- .e-listbox-container .e-text-content.e-checkbox .e-list-text,
3898
- .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
3899
- width: calc(100% - 40px);
3900
- }
3901
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3902
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3903
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
3904
- width: calc(100% - 90px);
3905
- }
3906
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3907
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3908
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3909
- width: calc(100% - 80px);
3910
- }
3911
- .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,
3912
- .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,
3913
- .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 {
3914
- width: calc(100% - 92px);
3915
- }
3916
- .e-listbox-wrapper .e-checkbox .e-checkbox-left,
3917
- .e-listbox-container .e-checkbox .e-checkbox-left,
3918
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
3919
- margin: -2px 10px 0 0;
3883
+
3884
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3885
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
3886
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3920
3887
  }
3921
- .e-listbox-wrapper .e-checkbox .e-checkbox-right,
3922
- .e-listbox-container .e-checkbox .e-checkbox-right,
3923
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
3924
- margin: -2px 0 0 10px;
3888
+
3889
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3890
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3925
3891
  }
3926
- .e-listbox-wrapper .e-list-text,
3927
- .e-listbox-container .e-list-text,
3928
- .e-listboxtool-wrapper .e-list-text {
3929
- cursor: pointer;
3930
- display: inline-block;
3931
- overflow: hidden;
3932
- text-overflow: ellipsis;
3933
- vertical-align: top;
3934
- white-space: nowrap;
3935
- width: 100%;
3892
+
3893
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3894
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3936
3895
  }
3937
- .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,
3938
- .e-listbox-container .e-list-icon + .e-list-text,
3939
- .e-listbox-container .e-icon-wrapper .e-list-text,
3940
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3941
- .e-listboxtool-wrapper .e-list-icon + .e-list-text,
3942
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
3943
- .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
3944
- width: calc(100% - 60px);
3896
+
3897
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3898
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3945
3899
  }
3946
- .e-listbox-wrapper .e-list-icon,
3947
- .e-listbox-container .e-list-icon,
3948
- .e-listboxtool-wrapper .e-list-icon {
3949
- height: 30px;
3950
- margin-right: 16px;
3951
- width: 30px;
3900
+
3901
+ .e-listbox-wrapper,
3902
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3903
+ .e-listboxtool-container.e-listbox-container .e-ul {
3904
+ border: 1px solid #969696;
3952
3905
  }
3953
- .e-listbox-wrapper .e-content,
3954
- .e-listbox-container .e-content,
3955
- .e-listboxtool-wrapper .e-content {
3956
- overflow: hidden;
3957
- position: relative;
3906
+
3907
+ .e-listbox-wrapper,
3908
+ .e-listbox-container,
3909
+ .e-listboxtool-wrapper {
3910
+ font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
3911
+ font-size: 13px;
3958
3912
  }
3959
- .e-listbox-wrapper .e-list-header .e-text,
3960
- .e-listbox-container .e-list-header .e-text,
3961
- .e-listboxtool-wrapper .e-list-header .e-text {
3962
- cursor: pointer;
3963
- text-indent: 0;
3913
+ .e-listbox-wrapper .e-list-header,
3914
+ .e-listbox-container .e-list-header,
3915
+ .e-listboxtool-wrapper .e-list-header {
3916
+ background-color: #000;
3917
+ border-color: #969696;
3918
+ color: #ffd939;
3919
+ font-size: 14px;
3964
3920
  }
3965
- .e-listbox-wrapper .e-text .e-headertext,
3966
- .e-listbox-container .e-text .e-headertext,
3967
- .e-listboxtool-wrapper .e-text .e-headertext {
3968
- display: inline-block;
3969
- line-height: 21px;
3921
+
3922
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
3923
+ .e-listbox-container.e-filter-list .e-list-parent,
3924
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3925
+ height: calc(100% - 51px);
3970
3926
  }
3971
- .e-listbox-wrapper.e-rtl,
3972
- .e-listbox-container.e-rtl,
3973
- .e-listboxtool-wrapper.e-rtl {
3974
- direction: rtl;
3927
+
3928
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3929
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3930
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3931
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3975
3932
  }
3976
- .e-listbox-wrapper.e-rtl .e-list-icon,
3977
- .e-listbox-container.e-rtl .e-list-icon,
3978
- .e-listboxtool-wrapper.e-rtl .e-list-icon {
3979
- margin-left: 16px;
3980
- margin-right: 0;
3933
+
3934
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3935
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
3936
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3937
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3981
3938
  }
3982
- .e-listbox-wrapper.e-rtl .e-icon-collapsible,
3983
- .e-listbox-container.e-rtl .e-icon-collapsible,
3984
- .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
3985
- left: 0%;
3986
- right: initial;
3987
- top: 50%;
3988
- -webkit-transform: translateY(-50%) rotate(180deg);
3989
- transform: translateY(-50%) rotate(180deg);
3939
+
3940
+ .e-listbox-wrapper .e-list-item,
3941
+ .e-listbox-container .e-list-item,
3942
+ .e-listboxtool-wrapper .e-list-item {
3943
+ background-color: #000;
3944
+ border-bottom: 2px solid transparent;
3945
+ border-left: 2px solid transparent;
3946
+ border-right: 2px solid transparent;
3947
+ border-top: 2px solid transparent;
3948
+ color: #fff;
3990
3949
  }
3991
- .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3992
- .e-listbox-container.e-rtl .e-list-header .e-text,
3993
- .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
3994
- cursor: pointer;
3950
+
3951
+ .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),
3952
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3953
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3954
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3955
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3956
+ background-color: #685708;
3957
+ border-color: #fff;
3958
+ color: #fff;
3995
3959
  }
3996
- .e-listbox-wrapper.e-rtl .e-but-back,
3997
- .e-listbox-container.e-rtl .e-but-back,
3998
- .e-listboxtool-wrapper.e-rtl .e-but-back {
3999
- -webkit-transform: rotate(180deg);
4000
- transform: rotate(180deg);
3960
+
3961
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3962
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
3963
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3964
+ background-color: #000;
3965
+ color: #fff;
4001
3966
  }
4002
- .e-listbox-wrapper.e-rtl .e-icon-back,
4003
- .e-listbox-container.e-rtl .e-icon-back,
4004
- .e-listboxtool-wrapper.e-rtl .e-icon-back {
4005
- margin-top: 1px;
3967
+
3968
+ .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,
3969
+ .e-listbox-container .e-list-item.e-focused,
3970
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3971
+ .e-listbox-container .e-list-item.e-selected,
3972
+ .e-listboxtool-wrapper .e-list-item.e-focused,
3973
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3974
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3975
+ background-color: #ffd939;
3976
+ color: #000;
4006
3977
  }
4007
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4008
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
4009
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
4010
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
4011
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4012
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
4013
- margin: -2px 0 0 10px;
3978
+
3979
+ .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,
3980
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3981
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3982
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3983
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3984
+ background-color: #000;
3985
+ border-color: #000;
3986
+ color: #ffd939;
4014
3987
  }
4015
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
4016
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
4017
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
4018
- margin: -2px 10px 0 0;
3988
+
3989
+ .e-listbox-wrapper .e-list-group-item,
3990
+ .e-listbox-container .e-list-group-item,
3991
+ .e-listboxtool-wrapper .e-list-group-item {
3992
+ background-color: #000;
3993
+ border-color: #969696;
3994
+ color: #ffd939;
3995
+ font-size: 14px;
4019
3996
  }
4020
- .e-listbox-wrapper .e-checkbox-wrapper,
4021
- .e-listbox-container .e-checkbox-wrapper,
4022
- .e-listboxtool-wrapper .e-checkbox-wrapper {
4023
- margin: -2px 10px 0 0;
4024
- text-indent: 0;
4025
- vertical-align: middle;
3997
+
3998
+ .e-listbox-wrapper .e-selectall-parent,
3999
+ .e-listbox-container .e-selectall-parent,
4000
+ .e-listboxtool-wrapper .e-selectall-parent {
4001
+ background-color: #000;
4002
+ border-bottom: 1px solid #fff;
4003
+ color: #fff;
4026
4004
  }
4027
- .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
4028
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
4029
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
4030
- position: absolute;
4031
- right: 0;
4032
- top: 30%;
4005
+
4006
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
4007
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
4008
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
4009
+ background-color: transparent;
4033
4010
  }
4034
- .e-listbox-wrapper .e-input-group,
4035
- .e-listbox-container .e-input-group,
4036
- .e-listboxtool-wrapper .e-input-group {
4037
- padding: 4px 8px;
4011
+
4012
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
4013
+ .e-listbox-container.e-list-template .e-list-wrapper,
4014
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
4015
+ height: inherit;
4016
+ position: relative;
4038
4017
  }
4039
- .e-listbox-wrapper .e-input-focus,
4040
- .e-listbox-container .e-input-focus,
4041
- .e-listboxtool-wrapper .e-input-focus {
4042
- padding: 4px 4px 4px 8px;
4018
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
4019
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
4020
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
4021
+ padding: 0.6153em 0.923em;
4043
4022
  }
4044
- .e-listbox-wrapper .e-hidden-select,
4045
- .e-listbox-container .e-hidden-select,
4046
- .e-listboxtool-wrapper .e-hidden-select {
4047
- height: 1px;
4048
- opacity: 0;
4049
- position: absolute;
4050
- width: 100%;
4023
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
4024
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
4025
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
4026
+ padding: 0.6153em 0.923em;
4051
4027
  }
4052
- .e-listbox-wrapper .e-placeholder,
4053
- .e-listbox-container .e-placeholder,
4054
- .e-listboxtool-wrapper .e-placeholder {
4055
- background-color: #ffd939;
4028
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
4029
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
4030
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
4031
+ color: #fff;
4056
4032
  display: block;
4057
- height: 1px;
4033
+ font-size: 13px;
4034
+ font-weight: 500;
4035
+ margin: 0;
4036
+ overflow: hidden;
4037
+ padding: 0.093em 0;
4038
+ text-overflow: ellipsis;
4039
+ white-space: nowrap;
4058
4040
  }
4059
-
4060
- ejs-listbox {
4041
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
4042
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
4043
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
4044
+ color: #fff;
4061
4045
  display: block;
4046
+ font-size: 13px;
4047
+ margin: 0;
4048
+ padding: 0.093em 0;
4049
+ word-wrap: break-word;
4062
4050
  }
4063
-
4064
- .e-listbox-wrapper:not(.e-listbox-container),
4065
- .e-listbox-wrapper.e-filter-list .e-list-parent {
4066
- overflow: auto;
4051
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
4052
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
4053
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
4054
+ overflow: hidden;
4055
+ text-overflow: ellipsis;
4056
+ white-space: nowrap;
4067
4057
  }
4068
-
4069
- .e-listbox-wrapper.e-sortableclone,
4070
- .e-listbox-container.e-sortableclone,
4071
- .e-listboxtool-wrapper.e-sortableclone {
4072
- border-width: 0;
4073
- overflow: visible;
4058
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
4059
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
4060
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
4061
+ height: 3.0769em;
4062
+ left: 0.923em;
4063
+ position: absolute;
4064
+ width: 3.0769em;
4065
+ left: 0.923em;
4074
4066
  }
4075
- .e-listbox-wrapper.e-sortableclone .e-list-item,
4076
- .e-listbox-container.e-sortableclone .e-list-item,
4077
- .e-listboxtool-wrapper.e-sortableclone .e-list-item {
4078
- list-style-type: none;
4079
- height: 38px !important; /* stylelint-disable-line declaration-no-important */
4067
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4068
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4069
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
4070
+ padding-left: 4.923em;
4071
+ padding-right: 0.923em;
4080
4072
  }
4081
- .e-listbox-wrapper.e-sortableclone .e-ripple,
4082
- .e-listbox-container.e-sortableclone .e-ripple,
4083
- .e-listboxtool-wrapper.e-sortableclone .e-ripple {
4084
- overflow: visible;
4073
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
4074
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
4075
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
4076
+ padding-left: 0.923em;
4077
+ padding-right: 4.923em;
4085
4078
  }
4086
- .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
4087
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
4088
- .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
4089
- display: none;
4079
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4080
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4081
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4082
+ height: 3.0769em;
4083
+ left: 0.923em;
4084
+ position: absolute;
4085
+ width: 3.0769em;
4086
+ right: 0.923em;
4090
4087
  }
4091
- .e-listbox-wrapper.e-sortableclone .e-list-badge,
4092
- .e-listbox-container.e-sortableclone .e-list-badge,
4093
- .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
4094
- -webkit-box-align: center;
4095
- -ms-flex-align: center;
4096
- align-items: center;
4097
- background-color: #ffd939;
4098
- border: 1px solid #000;
4099
- border-radius: 50%;
4100
- color: #000;
4101
- display: -webkit-box;
4102
- display: -ms-flexbox;
4103
- display: flex;
4104
- font-size: 12px;
4105
- height: 22px;
4106
- -webkit-box-pack: center;
4107
- -ms-flex-pack: center;
4108
- justify-content: center;
4088
+ .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,
4089
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4090
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4091
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4092
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4093
+ top: 0.6153em;
4094
+ }
4095
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
4096
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
4097
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
4098
+ font-size: 13px;
4099
+ height: 1.5384em;
4100
+ line-height: 1.3384em;
4101
+ padding: 0;
4109
4102
  position: absolute;
4110
- right: -10px;
4111
- top: -10px;
4112
- width: 22px;
4103
+ right: 0.923em;
4104
+ top: 50%;
4105
+ -webkit-transform: translateY(-50%);
4106
+ transform: translateY(-50%);
4107
+ width: 1.5384em;
4113
4108
  }
4114
-
4115
- .e-listboxtool-wrapper.e-sortableclone {
4109
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
4110
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
4111
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
4112
+ padding-left: 4.923em;
4113
+ padding-right: 3.3846em;
4114
+ }
4115
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
4116
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
4117
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
4118
+ padding-left: 0.923em;
4119
+ padding-right: 3.3846em;
4120
+ }
4121
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
4122
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
4123
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
4116
4124
  display: block;
4125
+ margin: 0;
4126
+ overflow: hidden;
4127
+ padding: 0.867em 0;
4128
+ text-overflow: ellipsis;
4129
+ white-space: nowrap;
4117
4130
  }
4118
-
4119
- .e-listboxtool-wrapper,
4120
- .e-listboxtool-container {
4121
- cursor: pointer;
4122
- display: -webkit-box;
4123
- display: -ms-flexbox;
4124
- display: flex;
4131
+ .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,
4132
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4133
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4134
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4135
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
4136
+ color: #fff;
4125
4137
  }
4126
- .e-listboxtool-wrapper *,
4127
- .e-listboxtool-container * {
4128
- -webkit-box-sizing: border-box;
4129
- box-sizing: border-box;
4138
+ .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,
4139
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
4140
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
4141
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4142
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
4143
+ color: #000;
4130
4144
  }
4131
- .e-listboxtool-wrapper.e-disabled,
4132
- .e-listboxtool-container.e-disabled {
4133
- cursor: default;
4134
- pointer-events: none;
4145
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
4146
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
4147
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
4148
+ left: inherit;
4149
+ right: 0.923em;
4135
4150
  }
4136
- .e-listboxtool-wrapper .e-listbox-wrapper,
4137
- .e-listboxtool-wrapper .e-list-wrap,
4138
- .e-listboxtool-container .e-listbox-wrapper,
4139
- .e-listboxtool-container .e-list-wrap {
4140
- -webkit-box-flex: 1;
4141
- -ms-flex: 1;
4142
- flex: 1;
4151
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4152
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4153
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
4154
+ padding-left: 0.923em;
4155
+ padding-right: 4.923em;
4143
4156
  }
4144
- .e-listboxtool-wrapper.e-right .e-listbox-tool,
4145
- .e-listboxtool-container.e-right .e-listbox-tool {
4146
- margin-left: 15px;
4157
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
4158
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
4159
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
4160
+ padding-left: 4.923em;
4161
+ padding-right: 0.923em;
4147
4162
  }
4148
- .e-listboxtool-wrapper.e-left .e-listbox-tool,
4149
- .e-listboxtool-container.e-left .e-listbox-tool {
4150
- margin-right: 15px;
4163
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4164
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4165
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4166
+ left: 0.923em;
4167
+ right: inherit;
4151
4168
  }
4152
- .e-listboxtool-wrapper .e-listbox-tool,
4153
- .e-listboxtool-container .e-listbox-tool {
4154
- border: 1px solid #969696;
4155
- overflow: auto;
4156
- padding: 8px;
4169
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
4170
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
4171
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
4172
+ left: 0.923em;
4173
+ right: inherit;
4157
4174
  }
4158
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
4159
- .e-listboxtool-container .e-listbox-tool .e-btn {
4160
- display: list-item;
4161
- list-style-type: none;
4162
- margin-bottom: 10px;
4175
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
4176
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
4177
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
4178
+ padding-left: 3.3846em;
4179
+ padding-right: 4.923em;
4163
4180
  }
4164
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
4165
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
4166
- position: absolute;
4167
- right: 0;
4168
- top: 30%;
4181
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
4182
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
4183
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
4184
+ padding-left: 3.3846em;
4185
+ padding-right: 0.923em;
4169
4186
  }
4170
4187
 
4171
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
4172
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
4173
- margin-right: 15px;
4188
+ .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 {
4189
+ height: 100%;
4174
4190
  }
4175
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
4176
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
4177
- margin-left: 15px;
4191
+
4192
+ .e-listbox-container.e-filter-list .e-list-wrap {
4193
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4178
4194
  }
4179
4195
 
4180
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4181
- .e-listbox-wrapper .e-list-nrt,
4182
- .e-listbox-wrapper .e-selectall-parent,
4183
- .e-listbox-container:not(.e-list-template) .e-list-item,
4184
- .e-listbox-container .e-list-nrt,
4185
- .e-listbox-container .e-selectall-parent,
4186
- .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4187
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
4188
- .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
4189
- height: 36px;
4190
- line-height: 1;
4191
- padding: 9px 16px;
4192
- position: relative;
4196
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
4197
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4193
4198
  }
4194
- .e-listbox-wrapper .e-list-icon,
4195
- .e-listbox-container .e-list-icon,
4196
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
4197
- display: inline;
4198
- vertical-align: middle;
4199
- width: auto;
4200
- height: auto;
4201
- padding-bottom: 2px;
4199
+
4200
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
4201
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4202
4202
  }
4203
4203
 
4204
4204
  .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,