@syncfusion/ej2-dropdowns 21.2.8 → 22.1.34

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 (162) hide show
  1. package/.eslintrc.json +1 -0
  2. package/CHANGELOG.md +35 -6
  3. package/README.md +201 -103
  4. package/dist/ej2-dropdowns.min.js +2 -2
  5. package/dist/ej2-dropdowns.umd.min.js +2 -2
  6. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es2015.js +158 -41
  8. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  9. package/dist/es6/ej2-dropdowns.es5.js +158 -41
  10. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  11. package/dist/global/ej2-dropdowns.min.js +2 -2
  12. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/package.json +11 -11
  15. package/src/auto-complete/auto-complete-model.d.ts +2 -1
  16. package/src/auto-complete/auto-complete.d.ts +2 -1
  17. package/src/auto-complete/auto-complete.js +1 -1
  18. package/src/combo-box/combo-box-model.d.ts +6 -3
  19. package/src/combo-box/combo-box.d.ts +6 -3
  20. package/src/drop-down-base/drop-down-base-model.d.ts +8 -4
  21. package/src/drop-down-base/drop-down-base.d.ts +8 -4
  22. package/src/drop-down-base/drop-down-base.js +21 -7
  23. package/src/drop-down-list/drop-down-list-model.d.ts +6 -3
  24. package/src/drop-down-list/drop-down-list.d.ts +6 -3
  25. package/src/drop-down-list/drop-down-list.js +23 -14
  26. package/src/drop-down-tree/drop-down-tree-model.d.ts +21 -6
  27. package/src/drop-down-tree/drop-down-tree.d.ts +55 -62
  28. package/src/drop-down-tree/drop-down-tree.js +1 -1
  29. package/src/list-box/list-box.d.ts +15 -0
  30. package/src/list-box/list-box.js +53 -3
  31. package/src/mention/mention-model.d.ts +4 -2
  32. package/src/mention/mention.d.ts +4 -2
  33. package/src/multi-select/multi-select-model.d.ts +15 -8
  34. package/src/multi-select/multi-select.d.ts +15 -7
  35. package/src/multi-select/multi-select.js +59 -15
  36. package/styles/auto-complete/_material3-dark-definition.scss +1 -0
  37. package/styles/auto-complete/_material3-definition.scss +2 -0
  38. package/styles/auto-complete/material3-dark.css +198 -0
  39. package/styles/auto-complete/material3-dark.scss +5 -0
  40. package/styles/auto-complete/material3.css +254 -0
  41. package/styles/auto-complete/material3.scss +5 -0
  42. package/styles/bootstrap-dark.css +212 -100
  43. package/styles/bootstrap.css +214 -101
  44. package/styles/bootstrap4.css +214 -101
  45. package/styles/bootstrap5-dark.css +212 -100
  46. package/styles/bootstrap5.css +212 -100
  47. package/styles/combo-box/_material3-dark-definition.scss +1 -0
  48. package/styles/combo-box/_material3-definition.scss +2 -0
  49. package/styles/combo-box/material3-dark.css +198 -0
  50. package/styles/combo-box/material3-dark.scss +5 -0
  51. package/styles/combo-box/material3.css +254 -0
  52. package/styles/combo-box/material3.scss +5 -0
  53. package/styles/drop-down-base/_layout.scss +3 -1
  54. package/styles/drop-down-base/_material3-dark-definition.scss +1 -0
  55. package/styles/drop-down-base/_material3-definition.scss +87 -0
  56. package/styles/drop-down-base/_theme.scss +10 -0
  57. package/styles/drop-down-base/bootstrap-dark.css +4 -0
  58. package/styles/drop-down-base/bootstrap.css +4 -0
  59. package/styles/drop-down-base/bootstrap4.css +4 -0
  60. package/styles/drop-down-base/bootstrap5-dark.css +4 -0
  61. package/styles/drop-down-base/bootstrap5.css +4 -0
  62. package/styles/drop-down-base/fabric-dark.css +4 -0
  63. package/styles/drop-down-base/fabric.css +4 -0
  64. package/styles/drop-down-base/fluent-dark.css +4 -0
  65. package/styles/drop-down-base/fluent.css +4 -0
  66. package/styles/drop-down-base/highcontrast-light.css +4 -0
  67. package/styles/drop-down-base/highcontrast.css +4 -0
  68. package/styles/drop-down-base/material-dark.css +4 -0
  69. package/styles/drop-down-base/material.css +4 -0
  70. package/styles/drop-down-base/material3-dark.css +439 -0
  71. package/styles/drop-down-base/material3-dark.scss +4 -0
  72. package/styles/drop-down-base/material3.css +495 -0
  73. package/styles/drop-down-base/material3.scss +4 -0
  74. package/styles/drop-down-base/tailwind-dark.css +4 -0
  75. package/styles/drop-down-base/tailwind.css +4 -0
  76. package/styles/drop-down-list/_layout.scss +15 -1
  77. package/styles/drop-down-list/_material3-dark-definition.scss +1 -0
  78. package/styles/drop-down-list/_material3-definition.scss +180 -0
  79. package/styles/drop-down-list/icons/_material3-dark.scss +1 -0
  80. package/styles/drop-down-list/material3-dark.css +503 -0
  81. package/styles/drop-down-list/material3-dark.scss +9 -0
  82. package/styles/drop-down-list/material3.css +559 -0
  83. package/styles/drop-down-list/material3.scss +9 -0
  84. package/styles/drop-down-tree/_layout.scss +13 -7
  85. package/styles/drop-down-tree/_material3-dark-definition.scss +1 -0
  86. package/styles/drop-down-tree/_material3-definition.scss +76 -0
  87. package/styles/drop-down-tree/_theme.scss +14 -2
  88. package/styles/drop-down-tree/icons/_material3-dark.scss +1 -0
  89. package/styles/drop-down-tree/icons/_material3.scss +1 -1
  90. package/styles/drop-down-tree/material3-dark.css +466 -0
  91. package/styles/drop-down-tree/material3-dark.scss +10 -0
  92. package/styles/drop-down-tree/material3.css +522 -0
  93. package/styles/drop-down-tree/material3.scss +10 -0
  94. package/styles/fabric-dark.css +212 -100
  95. package/styles/fabric.css +214 -101
  96. package/styles/fluent-dark.css +214 -101
  97. package/styles/fluent.css +214 -101
  98. package/styles/highcontrast-light.css +212 -100
  99. package/styles/highcontrast.css +214 -101
  100. package/styles/list-box/_layout.scss +17 -3
  101. package/styles/list-box/_material3-dark-definition.scss +1 -0
  102. package/styles/list-box/_material3-definition.scss +117 -0
  103. package/styles/list-box/_theme.scss +2 -1
  104. package/styles/list-box/bootstrap-dark.css +207 -99
  105. package/styles/list-box/bootstrap.css +209 -100
  106. package/styles/list-box/bootstrap4.css +209 -100
  107. package/styles/list-box/bootstrap5-dark.css +207 -99
  108. package/styles/list-box/bootstrap5.css +207 -99
  109. package/styles/list-box/fabric-dark.css +207 -99
  110. package/styles/list-box/fabric.css +209 -100
  111. package/styles/list-box/fluent-dark.css +209 -100
  112. package/styles/list-box/fluent.css +209 -100
  113. package/styles/list-box/highcontrast-light.css +207 -99
  114. package/styles/list-box/highcontrast.css +209 -100
  115. package/styles/list-box/icons/_material3-dark.scss +1 -0
  116. package/styles/list-box/material-dark.css +207 -99
  117. package/styles/list-box/material.css +209 -100
  118. package/styles/list-box/material3-dark.css +956 -0
  119. package/styles/list-box/material3-dark.scss +6 -0
  120. package/styles/list-box/material3.css +1012 -0
  121. package/styles/list-box/material3.scss +6 -0
  122. package/styles/list-box/tailwind-dark.css +209 -100
  123. package/styles/list-box/tailwind.css +209 -100
  124. package/styles/material-dark.css +212 -100
  125. package/styles/material.css +214 -101
  126. package/styles/material3-dark.css +4664 -0
  127. package/styles/material3-dark.scss +10 -0
  128. package/styles/material3.css +4720 -0
  129. package/styles/material3.scss +10 -0
  130. package/styles/mention/_material3-dark-definition.scss +1 -0
  131. package/styles/mention/_material3-definition.scss +1 -0
  132. package/styles/mention/material3-dark.css +87 -0
  133. package/styles/mention/material3-dark.scss +7 -0
  134. package/styles/mention/material3.css +143 -0
  135. package/styles/mention/material3.scss +7 -0
  136. package/styles/multi-select/_layout.scss +160 -7
  137. package/styles/multi-select/_material3-dark-definition.scss +1 -0
  138. package/styles/multi-select/_material3-definition.scss +246 -0
  139. package/styles/multi-select/_theme.scss +6 -0
  140. package/styles/multi-select/bootstrap-dark.css +1 -1
  141. package/styles/multi-select/bootstrap.css +1 -1
  142. package/styles/multi-select/bootstrap4.css +1 -1
  143. package/styles/multi-select/bootstrap5-dark.css +1 -1
  144. package/styles/multi-select/bootstrap5.css +1 -1
  145. package/styles/multi-select/fabric-dark.css +1 -1
  146. package/styles/multi-select/fabric.css +1 -1
  147. package/styles/multi-select/fluent-dark.css +1 -1
  148. package/styles/multi-select/fluent.css +1 -1
  149. package/styles/multi-select/highcontrast-light.css +1 -1
  150. package/styles/multi-select/highcontrast.css +1 -1
  151. package/styles/multi-select/icons/_material3-dark.scss +1 -0
  152. package/styles/multi-select/icons/_material3.scss +3 -4
  153. package/styles/multi-select/material-dark.css +1 -1
  154. package/styles/multi-select/material.css +1 -1
  155. package/styles/multi-select/material3-dark.css +2547 -0
  156. package/styles/multi-select/material3-dark.scss +10 -0
  157. package/styles/multi-select/material3.css +2603 -0
  158. package/styles/multi-select/material3.scss +10 -0
  159. package/styles/multi-select/tailwind-dark.css +1 -1
  160. package/styles/multi-select/tailwind.css +1 -1
  161. package/styles/tailwind-dark.css +214 -101
  162. package/styles/tailwind.css +214 -101
@@ -0,0 +1,2547 @@
1
+ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
+ :root {
3
+ --color-sf-black: 0, 0, 0;
4
+ --color-sf-white: 255, 255, 255;
5
+ --color-sf-primary: 208, 188, 255;
6
+ --color-sf-primary-container: 79, 55, 139;
7
+ --color-sf-secondary: 204, 194, 220;
8
+ --color-sf-secondary-container: 74, 68, 88;
9
+ --color-sf-tertiary: 239, 184, 200;
10
+ --color-sf-tertiary-container: 99, 59, 72;
11
+ --color-sf-surface: 28, 27, 31;
12
+ --color-sf-surface-variant: 73, 69, 79;
13
+ --color-sf-background: var(--color-sf-surface);
14
+ --color-sf-on-primary: 55, 30, 115;
15
+ --color-sf-on-primary-container: 234, 221, 255;
16
+ --color-sf-on-secondary: 51, 45, 65;
17
+ --color-sf-on-secondary-container: 232, 222, 248;
18
+ --color-sf-on-tertiary: 73, 37, 50;
19
+ --color-sf-on-tertiary-containe: 255, 216, 228;
20
+ --color-sf-on-surface: 230, 225, 229;
21
+ --color-sf-on-surface-variant: 202, 196, 208;
22
+ --color-sf-on-background: 230, 225, 229;
23
+ --color-sf-outline: 147, 143, 153;
24
+ --color-sf-outline-variant: 68, 71, 70;
25
+ --color-sf-shadow: 0, 0, 0;
26
+ --color-sf-surface-tint-color: 208, 188, 255;
27
+ --color-sf-inverse-surface: 230, 225, 229;
28
+ --color-sf-inverse-on-surface: 49, 48, 51;
29
+ --color-sf-inverse-primary: 103, 80, 164;
30
+ --color-sf-scrim: 0, 0, 0;
31
+ --color-sf-error: 242, 184, 181;
32
+ --color-sf-error-container: 140, 29, 24;
33
+ --color-sf-on-error: 96, 20, 16;
34
+ --color-sf-on-error-container: 249, 222, 220;
35
+ --color-sf-success: 83, 202, 23;
36
+ --color-sf-success-container: 22, 62, 2;
37
+ --color-sf-on-success: 13, 39, 0;
38
+ --color-sf-on-success-container: 183, 250, 150;
39
+ --color-sf-info: 71, 172, 251;
40
+ --color-sf-info-container: 0, 67, 120;
41
+ --color-sf-on-info: 0, 51, 91;
42
+ --color-sf-on-info-container: 173, 219, 255;
43
+ --color-sf-warning: 245, 180, 130;
44
+ --color-sf-warning-container: 123, 65, 0;
45
+ --color-sf-on-warning: 99, 52, 0;
46
+ --color-sf-on-warning-container: 255, 220, 193;
47
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
48
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
49
+ --color-sf-success-text: 0, 0, 0;
50
+ --color-sf-warning-text: 0, 0, 0;
51
+ --color-sf-info-text: 0, 0, 0;
52
+ --color-sf-danger-text: 0, 0, 0;
53
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
54
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
55
+ }
56
+
57
+ /* stylelint-disable property-no-vendor-prefix */
58
+ @keyframes e-input-ripple {
59
+ 100% {
60
+ opacity: 0;
61
+ transform: scale(4);
62
+ }
63
+ }
64
+ @keyframes slideTopUp {
65
+ from {
66
+ transform: translate3d(0, 0, 0) scale(1);
67
+ }
68
+ to {
69
+ transform: translate3d(0, 0, 0) scale(1);
70
+ }
71
+ }
72
+ /* stylelint-disable-line no-empty-source */
73
+ /* stylelint-disable property-no-vendor-prefix */
74
+ @keyframes material-spinner-rotate {
75
+ 0% {
76
+ transform: rotate(0deg);
77
+ }
78
+ 100% {
79
+ transform: rotate(360deg);
80
+ }
81
+ }
82
+ @keyframes fabric-spinner-rotate {
83
+ 0% {
84
+ transform: rotate(0deg);
85
+ }
86
+ 100% {
87
+ transform: rotate(360deg);
88
+ }
89
+ }
90
+ .e-dropdownbase .e-list-item .e-list-icon {
91
+ padding: 0 16px 0 0;
92
+ }
93
+
94
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
95
+ padding: 0 12px 0 0;
96
+ }
97
+
98
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
99
+ padding: 0 16px 0 0;
100
+ }
101
+
102
+ .e-multiselect.e-input-group .e-ddl-icon::before {
103
+ content: "\e70d";
104
+ font-family: "e-icons";
105
+ }
106
+
107
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
108
+ content: "\e7e7";
109
+ cursor: pointer;
110
+ left: 0;
111
+ position: relative;
112
+ top: 0;
113
+ }
114
+
115
+ .e-multi-select-wrapper .e-close-hooker::before {
116
+ content: "\e7e7";
117
+ cursor: pointer;
118
+ margin: auto;
119
+ position: relative;
120
+ }
121
+
122
+ .e-multiselect.e-input-group .e-ddl-disable-icon::before {
123
+ content: "";
124
+ }
125
+
126
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
127
+ height: 38px;
128
+ margin-top: -38px;
129
+ right: 18px;
130
+ top: 100%;
131
+ width: 16px;
132
+ }
133
+
134
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
135
+ height: 38px;
136
+ margin-top: -35px;
137
+ right: 18px;
138
+ top: 100%;
139
+ width: 16px;
140
+ }
141
+
142
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
143
+ .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
144
+ right: 52px;
145
+ }
146
+
147
+ .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
148
+ right: 52px;
149
+ }
150
+
151
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
152
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
153
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
154
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
155
+ height: 38px;
156
+ margin-top: -55px;
157
+ right: 12px;
158
+ top: 100%;
159
+ width: 18px;
160
+ }
161
+
162
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
163
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
164
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
165
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
166
+ .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
167
+ .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
168
+ .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
169
+ .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
170
+ right: 48px;
171
+ }
172
+
173
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
174
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
175
+ height: 54px;
176
+ margin-top: -55px;
177
+ right: 16px;
178
+ top: 100%;
179
+ width: 20px;
180
+ }
181
+
182
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
183
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
184
+ right: 60px;
185
+ }
186
+
187
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
188
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
189
+ height: 34px;
190
+ margin-top: -35px;
191
+ right: 16px;
192
+ top: 100%;
193
+ width: 14px;
194
+ }
195
+
196
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
197
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
198
+ .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
199
+ .e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
200
+ right: 48px;
201
+ }
202
+
203
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
204
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
205
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
206
+ .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
207
+ left: 52px;
208
+ right: auto;
209
+ }
210
+
211
+ .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
212
+ .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
213
+ .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
214
+ .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
215
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
216
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
217
+ .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
218
+ .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
219
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
220
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
221
+ .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
222
+ .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
223
+ .e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
224
+ .e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
225
+ .e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
226
+ .e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
227
+ .e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
228
+ .e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
229
+ .e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
230
+ .e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
231
+ .e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
232
+ .e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
233
+ .e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
234
+ .e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
235
+ left: 48px;
236
+ right: auto;
237
+ }
238
+
239
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
240
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
241
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
242
+ .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
243
+ .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
244
+ .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
245
+ .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
246
+ .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
247
+ .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
248
+ .e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
249
+ .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
250
+ .e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
251
+ left: 60px;
252
+ right: auto;
253
+ }
254
+
255
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
256
+ .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
257
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
258
+ .e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
259
+ .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
260
+ .e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
261
+ .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
262
+ .e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
263
+ .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
264
+ .e-rtl .e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
265
+ .e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
266
+ .e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
267
+ left: 48px;
268
+ right: auto;
269
+ }
270
+
271
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
272
+ content: "\e208";
273
+ font-size: 16px;
274
+ height: 16px;
275
+ margin-top: -8px;
276
+ top: 50%;
277
+ }
278
+
279
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
280
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
281
+ content: "\e208";
282
+ font-size: 14px;
283
+ height: 14px;
284
+ margin-top: -7px;
285
+ top: 50%;
286
+ }
287
+
288
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
289
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
290
+ content: "\e208";
291
+ font-size: 20px;
292
+ height: 20px;
293
+ left: 0;
294
+ margin-top: -10px;
295
+ top: 50%;
296
+ }
297
+
298
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
299
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
300
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
301
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
302
+ content: "\e208";
303
+ font-size: 18px;
304
+ height: 18px;
305
+ left: 0;
306
+ margin-top: -9px;
307
+ top: 50%;
308
+ }
309
+
310
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
311
+ font-size: 14px;
312
+ }
313
+
314
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
315
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
316
+ font-size: 13px;
317
+ }
318
+
319
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
320
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
321
+ font-size: 16px;
322
+ }
323
+
324
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
325
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
326
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
327
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
328
+ font-size: 14px;
329
+ }
330
+
331
+ .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
332
+ .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
333
+ margin: 7px 12px 9px 0;
334
+ }
335
+
336
+ .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
337
+ .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
338
+ .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
339
+ .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
340
+ margin: 10px 16px 10px 0;
341
+ }
342
+
343
+ .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
344
+ .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
345
+ .e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
346
+ .e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
347
+ margin: 6px 10px 8px 0;
348
+ }
349
+
350
+ .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
351
+ .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
352
+ .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
353
+ .e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
354
+ .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
355
+ .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
356
+ .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
357
+ .e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
358
+ margin: 6px 12px 8px 0;
359
+ }
360
+
361
+ .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
362
+ .e-rtl.e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
363
+ .e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
364
+ .e-rtl .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
365
+ margin: 7px 0 9px 12px;
366
+ }
367
+
368
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
369
+ .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
370
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
371
+ .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
372
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
373
+ .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
374
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
375
+ .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
376
+ margin: 10px 0 10px 16px;
377
+ }
378
+
379
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
380
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
381
+ .e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
382
+ .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
383
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
384
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
385
+ .e-rtl.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
386
+ .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
387
+ margin: 6px 0 8px 10px;
388
+ }
389
+
390
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
391
+ .e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
392
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
393
+ .e-small.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
394
+ .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
395
+ .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
396
+ .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
397
+ .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
398
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
399
+ .e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
400
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
401
+ .e-rtl.e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
402
+ .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
403
+ .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
404
+ .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
405
+ .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
406
+ margin: 6px 0 8px 12px;
407
+ }
408
+
409
+ .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
410
+ .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
411
+ .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
412
+ .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
413
+ .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
414
+ .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
415
+ height: 20px;
416
+ margin-top: -33px;
417
+ right: 18px;
418
+ width: 20px;
419
+ }
420
+
421
+ .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
422
+ .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
423
+ .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
424
+ .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
425
+ height: 20px;
426
+ margin-top: -35px;
427
+ right: 45px;
428
+ width: 20px;
429
+ }
430
+
431
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
432
+ .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
433
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
434
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
435
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
436
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
437
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
438
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
439
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
440
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
441
+ margin-top: -32px;
442
+ }
443
+
444
+ .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
445
+ .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
446
+ height: 18px;
447
+ margin: -29px 0 8px;
448
+ width: 18px;
449
+ }
450
+
451
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
452
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
453
+ height: 24px;
454
+ width: 24px;
455
+ }
456
+
457
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
458
+ .e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
459
+ margin-top: -26px;
460
+ }
461
+
462
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
463
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
464
+ margin-top: -40px;
465
+ }
466
+
467
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
468
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
469
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
470
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
471
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
472
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
473
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
474
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
475
+ margin-top: -32px;
476
+ right: 40px;
477
+ }
478
+
479
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
480
+ .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
481
+ margin-top: -44px;
482
+ }
483
+
484
+ .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
485
+ .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
486
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
487
+ height: 14px;
488
+ width: 14px;
489
+ }
490
+
491
+ .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
492
+ .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
493
+ height: 16px;
494
+ width: 16px;
495
+ }
496
+
497
+ .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
498
+ .e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
499
+ height: 10px;
500
+ width: 10px;
501
+ }
502
+
503
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
504
+ .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
505
+ .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
506
+ .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
507
+ .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
508
+ .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
509
+ .e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
510
+ font-size: 12px;
511
+ height: 12px;
512
+ width: 12px;
513
+ }
514
+
515
+ .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
516
+ .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
517
+ font-size: 10px;
518
+ height: 10px;
519
+ width: 10px;
520
+ }
521
+
522
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
523
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
524
+ .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
525
+ .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
526
+ .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
527
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
528
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
529
+ font-size: 14px;
530
+ height: 14px;
531
+ width: 14px;
532
+ }
533
+
534
+ .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
535
+ .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
536
+ .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
537
+ .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
538
+ .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
539
+ content: "\e208";
540
+ font-size: 16px;
541
+ height: 16px;
542
+ padding: 0;
543
+ text-align: center;
544
+ vertical-align: middle;
545
+ width: 16px;
546
+ }
547
+
548
+ .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
549
+ .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
550
+ font-size: 14px;
551
+ height: 14px;
552
+ width: 14px;
553
+ }
554
+
555
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
556
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
557
+ font-size: 20px;
558
+ height: 20px;
559
+ width: 20px;
560
+ }
561
+
562
+ .e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
563
+ .e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
564
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
565
+ .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
566
+ left: 10px;
567
+ right: auto;
568
+ }
569
+
570
+ .e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
571
+ .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
572
+ .e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
573
+ .e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
574
+ left: 6px;
575
+ right: auto;
576
+ }
577
+
578
+ .e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
579
+ .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
580
+ .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
581
+ .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
582
+ left: 12px;
583
+ right: auto;
584
+ }
585
+
586
+ .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
587
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
588
+ margin: 10px 0 9px;
589
+ }
590
+
591
+ .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
592
+ margin: 0 8px 8px 0;
593
+ padding: 0;
594
+ }
595
+
596
+ .e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
597
+ .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
598
+ height: 18px;
599
+ margin: 7px 0 2px;
600
+ width: 18px;
601
+ }
602
+
603
+ .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
604
+ .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
605
+ height: 24px;
606
+ margin: 12px -4px 8px -1px;
607
+ padding: 0;
608
+ width: 24px;
609
+ }
610
+
611
+ .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
612
+ .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
613
+ margin: 0 12px 4px 0;
614
+ }
615
+
616
+ .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
617
+ .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
618
+ margin: 0;
619
+ }
620
+
621
+ .e-bigger.e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
622
+ .e-bigger.e-small .e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
623
+ .e-bigger .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
624
+ .e-small .e-bigger.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
625
+ height: 20px;
626
+ margin: 0 0 8px;
627
+ padding: 0;
628
+ width: 20px;
629
+ }
630
+
631
+ .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
632
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
633
+ font-size: 16px;
634
+ height: 16px;
635
+ width: 16px;
636
+ }
637
+
638
+ .e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
639
+ .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
640
+ font-size: 14px;
641
+ height: 14px;
642
+ width: 14px;
643
+ }
644
+
645
+ .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
646
+ .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
647
+ font-size: 20px;
648
+ height: 20px;
649
+ width: 20px;
650
+ }
651
+
652
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
653
+ .e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
654
+ .e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
655
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
656
+ font-size: 18px;
657
+ height: 18px;
658
+ width: 18px;
659
+ }
660
+
661
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
662
+ .e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
663
+ .e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
664
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
665
+ height: 24px;
666
+ margin: 7px -4px 8px -1px;
667
+ padding: 0;
668
+ width: 24px;
669
+ }
670
+
671
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
672
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
673
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
674
+ .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
675
+ .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
676
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
677
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
678
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
679
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
680
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
681
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
682
+ content: "";
683
+ }
684
+
685
+ .e-multi-select-wrapper {
686
+ box-sizing: border-box;
687
+ cursor: text;
688
+ line-height: normal;
689
+ min-height: 30px;
690
+ padding: 4px 32px 0 0;
691
+ position: relative;
692
+ -webkit-user-select: none;
693
+ -ms-user-select: none;
694
+ user-select: none;
695
+ width: 100%;
696
+ }
697
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
698
+ height: 27px;
699
+ vertical-align: middle;
700
+ }
701
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
702
+ height: 100%;
703
+ min-height: 100%;
704
+ }
705
+ .e-multi-select-wrapper .e-delim-view {
706
+ white-space: nowrap;
707
+ }
708
+ .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 {
709
+ box-sizing: border-box;
710
+ display: inline-block;
711
+ overflow: hidden;
712
+ text-overflow: ellipsis;
713
+ }
714
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
715
+ color: #fff;
716
+ font-size: 13px;
717
+ left: 12px;
718
+ top: 0;
719
+ }
720
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
721
+ background: rgba(var(--color-sf-primary));
722
+ color: #fff;
723
+ padding: 12px 4px 11px 0;
724
+ }
725
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
726
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
727
+ width: 0;
728
+ }
729
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
730
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
731
+ height: 1px;
732
+ min-height: 1px;
733
+ }
734
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
735
+ max-width: 100%;
736
+ }
737
+
738
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
739
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
740
+ display: -ms-flexbox;
741
+ display: flex;
742
+ float: left;
743
+ width: auto;
744
+ }
745
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
746
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
747
+ display: -ms-inline-flexbox;
748
+ display: inline-flex;
749
+ float: none;
750
+ }
751
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
752
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
753
+ width: 0;
754
+ }
755
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
756
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
757
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
758
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
759
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
760
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
761
+ display: none;
762
+ }
763
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
764
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
765
+ padding: 0 48px 0 0;
766
+ }
767
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
768
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
769
+ -ms-flex-align: center;
770
+ align-items: center;
771
+ display: inline;
772
+ max-width: 100%;
773
+ word-break: break-word;
774
+ }
775
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
776
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
777
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
778
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
779
+ -ms-flex-align: center;
780
+ align-items: center;
781
+ cursor: pointer;
782
+ display: none;
783
+ -ms-flex-direction: row;
784
+ flex-direction: row;
785
+ margin-top: -2em;
786
+ outline: 0;
787
+ padding: 0;
788
+ position: absolute;
789
+ right: 5px;
790
+ top: 100%;
791
+ }
792
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
793
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
794
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
795
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
796
+ display: -ms-flexbox;
797
+ display: flex;
798
+ }
799
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
800
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
801
+ margin-right: 0;
802
+ margin-top: -2em;
803
+ right: 0;
804
+ }
805
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
806
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
807
+ top: -1px;
808
+ }
809
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
810
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
811
+ font-size: 16px;
812
+ height: 30px;
813
+ width: 30px;
814
+ }
815
+
816
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
817
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
818
+ float: right;
819
+ }
820
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
821
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
822
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
823
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
824
+ left: 0;
825
+ right: auto;
826
+ }
827
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
828
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
829
+ padding: 0 0 0 48px;
830
+ }
831
+
832
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
833
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
834
+ opacity: 0.7;
835
+ pointer-events: none;
836
+ }
837
+
838
+ .e-multiselect.e-input-group,
839
+ .e-multiselect.e-float-input {
840
+ word-wrap: initial;
841
+ }
842
+
843
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
844
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
845
+ top: 15px;
846
+ }
847
+
848
+ .e-bigger .e-multi-select-wrapper {
849
+ min-height: 37px;
850
+ }
851
+
852
+ .e-multi-select-wrapper.e-close-icon-hide {
853
+ padding-right: 0;
854
+ }
855
+
856
+ .e-multi-select-wrapper .e-chips-collection {
857
+ cursor: default;
858
+ display: block;
859
+ }
860
+
861
+ .e-multi-select-wrapper .e-multi-hidden {
862
+ border: 0;
863
+ height: 0;
864
+ position: absolute;
865
+ visibility: hidden;
866
+ width: 0;
867
+ }
868
+
869
+ .e-multi-select-wrapper .e-chips {
870
+ -ms-flex-align: center;
871
+ align-items: center;
872
+ display: -ms-inline-flexbox;
873
+ display: inline-flex;
874
+ float: left;
875
+ margin: 0 8px 4px 0;
876
+ max-width: 100%;
877
+ overflow: hidden;
878
+ padding: 0 4px 0 8px;
879
+ text-overflow: ellipsis;
880
+ white-space: nowrap;
881
+ }
882
+
883
+ .e-bigger .e-multi-select-wrapper .e-chips {
884
+ margin: 0 8px 5px 0;
885
+ }
886
+
887
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
888
+ max-width: 100%;
889
+ overflow: hidden;
890
+ padding: 2px 6px 2px 2px;
891
+ text-indent: 0;
892
+ text-overflow: ellipsis;
893
+ white-space: nowrap;
894
+ }
895
+
896
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
897
+ display: inline-block;
898
+ float: none;
899
+ }
900
+
901
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
902
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
903
+ padding: 8px 4px 8px 0;
904
+ }
905
+
906
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
907
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
908
+ padding: 8px 0 8px 4px;
909
+ }
910
+
911
+ .e-multi-select-wrapper .e-chips-close {
912
+ -ms-flex-item-align: center;
913
+ align-self: center;
914
+ display: -ms-flexbox;
915
+ display: flex;
916
+ float: right;
917
+ font-family: "e-icons";
918
+ height: 13px;
919
+ margin: 0 0 0;
920
+ width: 16px;
921
+ }
922
+
923
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
924
+ margin: 0 0 0;
925
+ }
926
+
927
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
928
+ margin: 3px 0 0;
929
+ }
930
+
931
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
932
+ cursor: default;
933
+ font-size: 16px;
934
+ height: 30px;
935
+ margin-top: -1.8em;
936
+ position: absolute;
937
+ right: 5px;
938
+ width: 30px;
939
+ top: 100%;
940
+ border-radius: 16px;
941
+ }
942
+
943
+ .e-multiselect .e-chips-close.e-close-hooker:hover {
944
+ background: rgba(var(--color-sf-on-surface), 0.08);
945
+ border: 1px;
946
+ }
947
+
948
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
949
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
950
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
951
+ right: 30px;
952
+ }
953
+
954
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
955
+ right: 38px;
956
+ }
957
+
958
+ .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
959
+ right: 41px;
960
+ }
961
+
962
+ .e-small.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
963
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
964
+ .e-small.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
965
+ right: 30px;
966
+ }
967
+
968
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
969
+ left: 30px;
970
+ right: auto;
971
+ }
972
+
973
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
974
+ margin-top: -2.3em;
975
+ font-size: 16px;
976
+ top: 100%;
977
+ border-radius: 20px;
978
+ width: 38px;
979
+ height: 38px;
980
+ line-height: 28px;
981
+ }
982
+
983
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
984
+ background: rgba(var(--color-sf-on-surface), 0.08);
985
+ border: 1px;
986
+ }
987
+
988
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
989
+ height: 34px;
990
+ width: 34px;
991
+ margin-top: -2.4em;
992
+ }
993
+
994
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
995
+ width: 38px;
996
+ height: 38px;
997
+ }
998
+
999
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1000
+ margin-top: -2.5em;
1001
+ }
1002
+
1003
+ .e-multi-select-wrapper input[type=text] {
1004
+ background: none;
1005
+ border: 0;
1006
+ font-family: inherit;
1007
+ font-size: 13px;
1008
+ font-weight: normal;
1009
+ height: 28px;
1010
+ min-height: 28px;
1011
+ outline: none;
1012
+ padding: 0;
1013
+ text-indent: 0;
1014
+ }
1015
+
1016
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1017
+ background: none;
1018
+ border: 0;
1019
+ color: inherit;
1020
+ font-family: inherit;
1021
+ font-size: 14px;
1022
+ font-weight: normal;
1023
+ height: 28px;
1024
+ min-height: 28px;
1025
+ outline: none;
1026
+ padding: 0;
1027
+ text-indent: 0;
1028
+ }
1029
+
1030
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1031
+ padding: 5px;
1032
+ }
1033
+
1034
+ .e-bigger .e-multi-select-wrapper input[type=text],
1035
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1036
+ height: 28px;
1037
+ min-height: 28px;
1038
+ }
1039
+
1040
+ .e-bigger .e-multi-select-wrapper input[type=text] {
1041
+ height: 34px;
1042
+ min-height: 34px;
1043
+ }
1044
+
1045
+ /* stylelint-disable property-no-vendor-prefix */
1046
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
1047
+ display: none;
1048
+ }
1049
+
1050
+ .e-multi-select-wrapper .e-searcher {
1051
+ display: block;
1052
+ float: left;
1053
+ width: auto;
1054
+ }
1055
+
1056
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1057
+ width: calc(100% - 32px);
1058
+ }
1059
+
1060
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1061
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1062
+ width: calc(100% - 38px);
1063
+ }
1064
+
1065
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1066
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1067
+ width: calc(100% - 30px);
1068
+ }
1069
+
1070
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1071
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1072
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1073
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1074
+ width: calc(100% - 32px);
1075
+ }
1076
+
1077
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1078
+ width: calc(100% - 32px);
1079
+ }
1080
+
1081
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1082
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1083
+ width: calc(100% - 38px);
1084
+ }
1085
+
1086
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1087
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1088
+ width: calc(100% - 30px);
1089
+ }
1090
+
1091
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1092
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1093
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1094
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1095
+ width: calc(100% - 32px);
1096
+ }
1097
+
1098
+ .e-multi-select-wrapper .e-delim-values {
1099
+ font-family: inherit;
1100
+ font-size: 14px;
1101
+ line-height: 28px;
1102
+ max-width: 100%;
1103
+ padding-left: 0;
1104
+ padding-right: 6px;
1105
+ vertical-align: middle;
1106
+ }
1107
+
1108
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
1109
+ line-height: 34px;
1110
+ padding-left: 0;
1111
+ }
1112
+
1113
+ .e-multi-select-list-wrapper .e-hide-listitem,
1114
+ .e-multi-select-list-wrapper .e-hide-group-header {
1115
+ display: none;
1116
+ }
1117
+
1118
+ .e-multi-select-wrapper .e-delim-values .e-remain {
1119
+ color: rgba(var(--color-sf-on-surface));
1120
+ cursor: pointer;
1121
+ display: inline-block;
1122
+ font-size: 13px;
1123
+ padding-left: 16px;
1124
+ }
1125
+
1126
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
1127
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1128
+ cursor: not-allowed;
1129
+ }
1130
+
1131
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1132
+ height: 40px;
1133
+ left: 0;
1134
+ margin: 0 0 0 0;
1135
+ margin-left: auto;
1136
+ position: relative;
1137
+ top: 0;
1138
+ width: 40px;
1139
+ }
1140
+
1141
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1142
+ -ms-flex-item-align: center;
1143
+ align-self: center;
1144
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1145
+ display: -ms-inline-flexbox;
1146
+ display: inline-flex;
1147
+ padding: 0 0 0 16px;
1148
+ width: 92%;
1149
+ }
1150
+
1151
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
1152
+ content: "";
1153
+ }
1154
+
1155
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
1156
+ float: none;
1157
+ }
1158
+
1159
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1160
+ padding-left: 0;
1161
+ }
1162
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
1163
+ padding: 0 2px 0 32px;
1164
+ }
1165
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1166
+ left: -12px;
1167
+ }
1168
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1169
+ margin: 0;
1170
+ margin-right: auto;
1171
+ }
1172
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1173
+ float: right;
1174
+ }
1175
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1176
+ float: right;
1177
+ margin: 0 0 8px 8px;
1178
+ padding: 0 8px 0 4px;
1179
+ }
1180
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1181
+ padding: 5px 4px;
1182
+ }
1183
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1184
+ float: left;
1185
+ }
1186
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1187
+ left: 0;
1188
+ }
1189
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1190
+ padding: 0 4px 0 8px;
1191
+ }
1192
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1193
+ padding: 8px 4px;
1194
+ }
1195
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1196
+ padding: 0 8px 0 4px;
1197
+ }
1198
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1199
+ padding: 12px 4px;
1200
+ }
1201
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1202
+ left: 30px;
1203
+ position: absolute;
1204
+ right: auto;
1205
+ }
1206
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
1207
+ left: -4px;
1208
+ }
1209
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
1210
+ padding-right: 16px;
1211
+ }
1212
+
1213
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
1214
+ left: 19px;
1215
+ }
1216
+
1217
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1218
+ left: -7px;
1219
+ }
1220
+
1221
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1222
+ bottom: 1px;
1223
+ margin-right: 10px;
1224
+ position: relative;
1225
+ text-indent: 0;
1226
+ vertical-align: middle;
1227
+ }
1228
+
1229
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
1230
+ padding-left: 14px;
1231
+ }
1232
+
1233
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper .e-ripple-container {
1234
+ left: 4px;
1235
+ }
1236
+
1237
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1238
+ padding-right: 25px;
1239
+ }
1240
+
1241
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1242
+ padding-right: 25px;
1243
+ }
1244
+
1245
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1246
+ bottom: 1px;
1247
+ margin-right: 10px;
1248
+ position: relative;
1249
+ text-indent: 0;
1250
+ vertical-align: middle;
1251
+ }
1252
+
1253
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
1254
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1255
+ bottom: 1px;
1256
+ margin-right: 12px;
1257
+ }
1258
+
1259
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
1260
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1261
+ bottom: 1px;
1262
+ margin-right: 12px;
1263
+ }
1264
+
1265
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1266
+ margin-left: 12px;
1267
+ margin-right: 0;
1268
+ }
1269
+
1270
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
1271
+ margin-left: 12px;
1272
+ margin-right: 0;
1273
+ }
1274
+
1275
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
1276
+ padding-right: 0;
1277
+ }
1278
+
1279
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
1280
+ padding-right: 0;
1281
+ }
1282
+
1283
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
1284
+ padding-left: 16px;
1285
+ }
1286
+
1287
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-dropdownbase.e-dd-group .e-list-item .e-checkbox-wrapper {
1288
+ padding-left: 14px;
1289
+ }
1290
+
1291
+ .e-multi-select-list-wrapper .e-selectall-parent {
1292
+ cursor: pointer;
1293
+ display: block;
1294
+ line-height: 36px;
1295
+ overflow: hidden;
1296
+ padding-right: 16px;
1297
+ position: relative;
1298
+ text-indent: 17px;
1299
+ white-space: nowrap;
1300
+ width: 100%;
1301
+ }
1302
+
1303
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
1304
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
1305
+ padding-left: 16px;
1306
+ padding-right: 0;
1307
+ }
1308
+
1309
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
1310
+ color: rgba(var(--color-sf-on-surface));
1311
+ font-family: inherit;
1312
+ font-size: 14px;
1313
+ }
1314
+
1315
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
1316
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
1317
+ font-size: 13px;
1318
+ line-height: 48px;
1319
+ text-indent: 17px;
1320
+ }
1321
+
1322
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1323
+ bottom: 1px;
1324
+ margin-right: 10px;
1325
+ position: relative;
1326
+ text-indent: 0;
1327
+ vertical-align: middle;
1328
+ }
1329
+
1330
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
1331
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1332
+ bottom: 1px;
1333
+ margin-right: 12px;
1334
+ }
1335
+
1336
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1337
+ margin-left: 12px;
1338
+ margin-right: 0;
1339
+ }
1340
+
1341
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
1342
+ float: right;
1343
+ margin-top: 6px;
1344
+ top: 1px;
1345
+ }
1346
+
1347
+ .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1348
+ top: 6px;
1349
+ }
1350
+
1351
+ .e-bigger.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1352
+ top: 3px;
1353
+ }
1354
+
1355
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1356
+ float: left;
1357
+ }
1358
+
1359
+ .e-multiselect .e-ddl-icon::before {
1360
+ transform: rotate(0deg);
1361
+ transition: transform 300ms ease;
1362
+ }
1363
+
1364
+ .e-multiselect.e-icon-anim .e-ddl-icon::before {
1365
+ transform: rotate(180deg);
1366
+ transition: transform 300ms ease;
1367
+ }
1368
+
1369
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
1370
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
1371
+ padding: 0;
1372
+ }
1373
+
1374
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1375
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
1376
+ padding: 4px 12px 4px;
1377
+ }
1378
+
1379
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
1380
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1381
+ padding-left: 8px;
1382
+ padding-right: 8px;
1383
+ }
1384
+
1385
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
1386
+ padding: 0 8px;
1387
+ }
1388
+
1389
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
1390
+ line-height: 34px;
1391
+ }
1392
+
1393
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
1394
+ line-height: 20px;
1395
+ padding-left: 10px;
1396
+ }
1397
+
1398
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
1399
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
1400
+ opacity: 0.3;
1401
+ }
1402
+
1403
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
1404
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
1405
+ opacity: 0.7;
1406
+ }
1407
+
1408
+ .e-multi-select-wrapper input[readonly=true] {
1409
+ pointer-events: none;
1410
+ }
1411
+
1412
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
1413
+ pointer-events: none;
1414
+ }
1415
+
1416
+ ejs-multiselect {
1417
+ display: block;
1418
+ }
1419
+
1420
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
1421
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
1422
+ line-height: 26px;
1423
+ }
1424
+
1425
+ .e-small .e-multi-select-wrapper .e-chips-close {
1426
+ height: 14px;
1427
+ width: 14px;
1428
+ }
1429
+
1430
+ .e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1431
+ right: 24px;
1432
+ }
1433
+
1434
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1435
+ margin-top: -1.7em;
1436
+ height: 22px;
1437
+ width: 22px;
1438
+ line-height: 2px;
1439
+ }
1440
+
1441
+ .e-small .e-multi-select-wrapper {
1442
+ min-height: 24px;
1443
+ }
1444
+
1445
+ .e-small .e-multi-select-wrapper input[type=text] {
1446
+ height: 26px;
1447
+ min-height: 26px;
1448
+ }
1449
+
1450
+ .e-small .e-multi-select-wrapper .e-delim-values {
1451
+ font-size: 12px;
1452
+ line-height: 26px;
1453
+ }
1454
+
1455
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1456
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1457
+ margin-top: -1.5em;
1458
+ font-size: 14px;
1459
+ height: 22px;
1460
+ width: 22px;
1461
+ }
1462
+
1463
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1464
+ .e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1465
+ margin-top: -1.4em;
1466
+ }
1467
+
1468
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
1469
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
1470
+ line-height: 40px;
1471
+ }
1472
+
1473
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1474
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1475
+ margin-top: -1.7em;
1476
+ top: 100%;
1477
+ }
1478
+
1479
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1480
+ height: 16px;
1481
+ width: 16px;
1482
+ }
1483
+
1484
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1485
+ min-height: 34px;
1486
+ min-width: 34px;
1487
+ }
1488
+
1489
+ .e-bigger.e-small .e-multi-select-wrapper {
1490
+ min-height: 28px;
1491
+ }
1492
+
1493
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
1494
+ height: 28px;
1495
+ min-height: 28px;
1496
+ }
1497
+
1498
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
1499
+ font-size: 13px;
1500
+ line-height: 28px;
1501
+ }
1502
+
1503
+ .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1504
+ right: 34px;
1505
+ }
1506
+
1507
+ .e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1508
+ right: 22px;
1509
+ }
1510
+
1511
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1512
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1513
+ margin-top: -2.4em;
1514
+ right: 5px;
1515
+ right: 34px;
1516
+ }
1517
+
1518
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1519
+ background-size: 300px 33px;
1520
+ min-height: 33px;
1521
+ }
1522
+
1523
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
1524
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1525
+ background-size: 300px 40px;
1526
+ min-height: 40px;
1527
+ }
1528
+
1529
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1530
+ color: inherit;
1531
+ font-size: inherit;
1532
+ min-height: 34px;
1533
+ padding: 8px 12px 9px;
1534
+ }
1535
+
1536
+ .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text] {
1537
+ padding: 8px 12px 9px;
1538
+ }
1539
+
1540
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type=text],
1541
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1542
+ font-size: inherit;
1543
+ min-height: 30px;
1544
+ padding: 7px 10px;
1545
+ }
1546
+
1547
+ .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text],
1548
+ .e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text] {
1549
+ padding: 7px 10px;
1550
+ }
1551
+
1552
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type=text],
1553
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type=text],
1554
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type=text],
1555
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1556
+ font-size: inherit;
1557
+ min-height: 34px;
1558
+ padding: 8px 12px 9px;
1559
+ }
1560
+
1561
+ .e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text],
1562
+ .e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text],
1563
+ .e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text],
1564
+ .e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text] {
1565
+ padding: 8px 12px 9px;
1566
+ }
1567
+
1568
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type=text],
1569
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1570
+ font-size: inherit;
1571
+ min-height: 40px;
1572
+ }
1573
+
1574
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
1575
+ min-height: 40px;
1576
+ padding: 7px 42px 7px 0;
1577
+ }
1578
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper {
1579
+ min-height: 34px;
1580
+ padding: 3px 38px 1px 0;
1581
+ }
1582
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper, .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper {
1583
+ min-height: 34px;
1584
+ padding: 3px 38px 1px 0;
1585
+ }
1586
+
1587
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper, .e-small.e-multiselect.e-outline .e-multi-select-wrapper {
1588
+ min-height: 30px;
1589
+ padding: 3px 38px 1px 0;
1590
+ }
1591
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
1592
+ min-height: 34px;
1593
+ padding: 3px 38px 1px 0;
1594
+ }
1595
+ .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper {
1596
+ min-height: 34px;
1597
+ padding: 3px 38px 1px 0;
1598
+ }
1599
+
1600
+ .e-multiselect.e-outline .e-multi-select-wrapper {
1601
+ min-height: 34px;
1602
+ padding: 3px 38px 1px 0;
1603
+ }
1604
+
1605
+ .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1606
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1607
+ .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1608
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1609
+ .e-bigger .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1610
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
1611
+ padding-right: 0;
1612
+ }
1613
+
1614
+ .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1615
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1616
+ .e-rtl .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1617
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1618
+ .e-rtl.e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1619
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1620
+ .e-bigger .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1621
+ .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1622
+ .e-rtl .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1623
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1624
+ .e-rtl.e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1625
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1626
+ .e-small .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1627
+ .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1628
+ .e-rtl .e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1629
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1630
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1631
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1632
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1633
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1634
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1635
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1636
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1637
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1638
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1639
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1640
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1641
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
1642
+ padding-left: 0;
1643
+ }
1644
+
1645
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper,
1646
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper,
1647
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1648
+ .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper,
1649
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1650
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1651
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
1652
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1653
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
1654
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
1655
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
1656
+ padding: 3px 0 1px 38px;
1657
+ }
1658
+
1659
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
1660
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
1661
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
1662
+ padding: 7px 0 7px 42px;
1663
+ }
1664
+
1665
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1666
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1667
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1668
+ .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1669
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1670
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1671
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1672
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1673
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1674
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1675
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1676
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1677
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1678
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
1679
+ padding-left: 0;
1680
+ }
1681
+
1682
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1683
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1684
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1685
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1686
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1687
+ .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1688
+ .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1689
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1690
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
1691
+ padding-right: 0;
1692
+ }
1693
+
1694
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1695
+ height: 34px;
1696
+ }
1697
+
1698
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1699
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1700
+ height: 40px;
1701
+ }
1702
+
1703
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1704
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1705
+ height: 30px;
1706
+ }
1707
+
1708
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1709
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1710
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1711
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1712
+ height: 34px;
1713
+ }
1714
+
1715
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1716
+ font-size: 14px;
1717
+ line-height: 34px;
1718
+ padding: 0 0 0 12px;
1719
+ }
1720
+
1721
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1722
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1723
+ font-size: 16px;
1724
+ line-height: 40px;
1725
+ padding: 0 0 0 16px;
1726
+ }
1727
+
1728
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1729
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1730
+ font-size: 13px;
1731
+ line-height: 30px;
1732
+ padding: 0 0 0 8px;
1733
+ }
1734
+
1735
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1736
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1737
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1738
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1739
+ font-size: 14px;
1740
+ line-height: 34px;
1741
+ padding: 0 0 0 12px;
1742
+ }
1743
+
1744
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1745
+ padding: 0 12px 0 0;
1746
+ }
1747
+
1748
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1749
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1750
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1751
+ .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1752
+ .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1753
+ .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1754
+ padding: 0 16px 0 0;
1755
+ }
1756
+
1757
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1758
+ .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1759
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1760
+ .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1761
+ .e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1762
+ .e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1763
+ padding: 0 8px 0 0;
1764
+ }
1765
+
1766
+ .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1767
+ .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1768
+ .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1769
+ .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1770
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1771
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1772
+ .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1773
+ .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1774
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1775
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1776
+ .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1777
+ .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1778
+ padding: 0 12px 0 0;
1779
+ }
1780
+
1781
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1782
+ height: 26px;
1783
+ margin: 4px 0 4px 8px;
1784
+ padding: 0 8px;
1785
+ }
1786
+
1787
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1788
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1789
+ margin: 4px 8px 4px 0;
1790
+ }
1791
+
1792
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1793
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1794
+ height: 32px;
1795
+ padding: 0 12px;
1796
+ }
1797
+
1798
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1799
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1800
+ height: 24px;
1801
+ padding: 0 8px;
1802
+ }
1803
+
1804
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1805
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1806
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1807
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1808
+ height: 26px;
1809
+ padding: 0 8px;
1810
+ }
1811
+
1812
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1813
+ padding: 0 8px 0 0;
1814
+ }
1815
+
1816
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1817
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1818
+ padding: 0 0 0 8px;
1819
+ }
1820
+
1821
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1822
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1823
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1824
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1825
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1826
+ font-size: 13px;
1827
+ }
1828
+
1829
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1830
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1831
+ font-size: 14px;
1832
+ }
1833
+
1834
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1835
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1836
+ font-size: 12px;
1837
+ }
1838
+
1839
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1840
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1841
+ -ms-flex-align: normal;
1842
+ align-items: normal;
1843
+ }
1844
+
1845
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1846
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1847
+ font-size: 14px;
1848
+ }
1849
+
1850
+ .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1851
+ .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1852
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1853
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1854
+ font-size: 16px;
1855
+ }
1856
+
1857
+ .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1858
+ .e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1859
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1860
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1861
+ font-size: 13px;
1862
+ }
1863
+
1864
+ .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1865
+ .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1866
+ .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1867
+ .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1868
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1869
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1870
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1871
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1872
+ font-size: 14px;
1873
+ }
1874
+
1875
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1876
+ padding: 0 12px 0 8px;
1877
+ }
1878
+
1879
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
1880
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1881
+ padding: 3px 12px 0 4px;
1882
+ }
1883
+
1884
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper,
1885
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1886
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
1887
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1888
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
1889
+ padding: 0;
1890
+ }
1891
+
1892
+ .e-filled.e-float-input .e-multi-select-wrapper,
1893
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
1894
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
1895
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
1896
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
1897
+ padding: 11px 12px 0;
1898
+ }
1899
+
1900
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
1901
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
1902
+ padding: 12px 12px 0 8px;
1903
+ }
1904
+
1905
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
1906
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
1907
+ padding: 19px 12px 0 16px;
1908
+ }
1909
+
1910
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1911
+ padding-top: 3px;
1912
+ }
1913
+
1914
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1915
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
1916
+ padding: 0;
1917
+ }
1918
+
1919
+ .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text],
1920
+ .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text],
1921
+ .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text],
1922
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text],
1923
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text] {
1924
+ min-height: 39px;
1925
+ padding-right: 10px;
1926
+ }
1927
+
1928
+ .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text],
1929
+ .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text] {
1930
+ min-height: 32px;
1931
+ }
1932
+
1933
+ .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type=text],
1934
+ .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type=text] {
1935
+ height: 22px;
1936
+ min-height: 22px;
1937
+ padding: 2px;
1938
+ }
1939
+
1940
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text],
1941
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text] {
1942
+ min-height: 52px;
1943
+ }
1944
+
1945
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type=text],
1946
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type=text] {
1947
+ min-height: 36px;
1948
+ }
1949
+
1950
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
1951
+ height: 39px;
1952
+ }
1953
+
1954
+ .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
1955
+ .e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
1956
+ height: 32px;
1957
+ }
1958
+
1959
+ .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1960
+ .e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
1961
+ height: 22px;
1962
+ }
1963
+
1964
+ .e-bigger.e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
1965
+ .e-bigger .e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
1966
+ height: 52px;
1967
+ }
1968
+
1969
+ .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1970
+ .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
1971
+ height: 36px;
1972
+ }
1973
+
1974
+ .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1975
+ .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1976
+ .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
1977
+ height: 28px;
1978
+ }
1979
+
1980
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
1981
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
1982
+ padding: 5px 0;
1983
+ }
1984
+
1985
+ .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1986
+ .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1987
+ .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1988
+ .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1989
+ .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase {
1990
+ min-height: 28px;
1991
+ }
1992
+
1993
+ .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1994
+ .e-small.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1995
+ .e-small.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1996
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1997
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values {
1998
+ font-size: 13px;
1999
+ line-height: 39px;
2000
+ }
2001
+
2002
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2003
+ .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2004
+ .e-small.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2005
+ .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2006
+ .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2007
+ font-size: 14px;
2008
+ line-height: 28px;
2009
+ }
2010
+
2011
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
2012
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
2013
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2014
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2015
+ font-size: 16px;
2016
+ line-height: 52px;
2017
+ }
2018
+
2019
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2020
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2021
+ line-height: 36px;
2022
+ }
2023
+
2024
+ .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
2025
+ .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
2026
+ .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2027
+ .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2028
+ font-size: 13px;
2029
+ line-height: 32px;
2030
+ }
2031
+
2032
+ .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2033
+ .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2034
+ line-height: 22px;
2035
+ }
2036
+
2037
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2038
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2039
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2040
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2041
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2042
+ height: 28px;
2043
+ }
2044
+
2045
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2046
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2047
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2048
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2049
+ height: 24px;
2050
+ }
2051
+
2052
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2053
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2054
+ height: 32px;
2055
+ }
2056
+
2057
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2058
+ height: 24px;
2059
+ }
2060
+
2061
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2062
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2063
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2064
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2065
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2066
+ height: 18px;
2067
+ }
2068
+
2069
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2070
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2071
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2072
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2073
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2074
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2075
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2076
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2077
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2078
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2079
+ margin: 8px 8px 0 0;
2080
+ padding: 0 8px;
2081
+ }
2082
+
2083
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2084
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2085
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2086
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2087
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2088
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2089
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2090
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2091
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2092
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2093
+ margin: 8px 0 0 8px;
2094
+ padding: 0 8px;
2095
+ }
2096
+
2097
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2098
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2099
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2100
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2101
+ padding-left: 8px;
2102
+ }
2103
+
2104
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
2105
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
2106
+ height: 16px;
2107
+ margin: 4px 4px 0 0;
2108
+ padding-right: 8px;
2109
+ }
2110
+
2111
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2112
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2113
+ margin: 4px 0 0 4px;
2114
+ }
2115
+
2116
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2117
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2118
+ height: 24px;
2119
+ }
2120
+
2121
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2122
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2123
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2124
+ .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2125
+ .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2126
+ .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2127
+ .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
2128
+ height: 12px;
2129
+ width: 12px;
2130
+ }
2131
+
2132
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2133
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2134
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2135
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2136
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2137
+ font-size: 13px;
2138
+ padding: 0 8px 0 0;
2139
+ }
2140
+
2141
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2142
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2143
+ font-size: 12px;
2144
+ }
2145
+
2146
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2147
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2148
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2149
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2150
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2151
+ font-size: 12px;
2152
+ padding: 0 4px 0 0;
2153
+ }
2154
+
2155
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2156
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2157
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2158
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2159
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2160
+ padding: 0 0 0 4px;
2161
+ }
2162
+
2163
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2164
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2165
+ font-size: 10px;
2166
+ }
2167
+
2168
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2169
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2170
+ font-size: 13px;
2171
+ }
2172
+
2173
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2174
+ font-size: 13px;
2175
+ padding-right: 4px;
2176
+ }
2177
+
2178
+ .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2179
+ .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2180
+ font-size: 14px;
2181
+ }
2182
+
2183
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2184
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2185
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2186
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2187
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2188
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2189
+ padding: 0 12px;
2190
+ }
2191
+
2192
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2193
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2194
+ padding-right: 8px;
2195
+ }
2196
+
2197
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2198
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2199
+ height: 38px;
2200
+ margin-top: -38px;
2201
+ right: 12px;
2202
+ top: 100%;
2203
+ width: 16px;
2204
+ }
2205
+
2206
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2207
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2208
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2209
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2210
+ .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 {
2211
+ display: none;
2212
+ }
2213
+
2214
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2215
+ margin: 0;
2216
+ }
2217
+
2218
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2219
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2220
+ cursor: not-allowed;
2221
+ }
2222
+
2223
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2224
+ .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 {
2225
+ cursor: pointer;
2226
+ }
2227
+
2228
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2229
+ color: rgba(var(--color-sf-on-surface-variant));
2230
+ }
2231
+
2232
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
2233
+ background: transparent;
2234
+ }
2235
+
2236
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2237
+ background: rgba(var(--color-sf-on-surface), 0.05), 0.05;
2238
+ }
2239
+
2240
+ .e-multiselect {
2241
+ box-sizing: border-box;
2242
+ }
2243
+
2244
+ /* stylelint-disable property-no-vendor-prefix */
2245
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2246
+ -webkit-text-fill-color: rgba(var(--color-sf-on-surface-variant));
2247
+ color: rgba(var(--color-sf-on-surface-variant));
2248
+ font-family: inherit;
2249
+ font-size: 13px;
2250
+ }
2251
+
2252
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2253
+ color: rgba(var(--color-sf-on-surface-variant));
2254
+ }
2255
+
2256
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2257
+ color: rgba(var(--color-sf-on-surface-variant));
2258
+ }
2259
+
2260
+ .e-multi-select-wrapper .e-chips {
2261
+ background: transparent;
2262
+ border: 1px solid rgba(var(--color-sf-outline));
2263
+ border-radius: 8px;
2264
+ height: 24px;
2265
+ }
2266
+
2267
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2268
+ background: rgba(var(--color-sf-on-surface), 0.05), 0.05;
2269
+ }
2270
+
2271
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2272
+ color: rgba(var(--color-sf-on-surface-variant));
2273
+ }
2274
+
2275
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
2276
+ -webkit-text-fill-color: rgba(var(--color-sf-on-surface-variant));
2277
+ color: rgba(var(--color-sf-on-surface-variant));
2278
+ font-size: 13px;
2279
+ }
2280
+
2281
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2282
+ background: rgba(var(--color-sf-primary));
2283
+ border-radius: 2px;
2284
+ color: #fff;
2285
+ height: 40px;
2286
+ line-height: 40px;
2287
+ }
2288
+
2289
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2290
+ color: #fff;
2291
+ }
2292
+
2293
+ .e-multi-select-wrapper .e-chips.e-mob-chip,
2294
+ .e-bigger .e-multi-select-wrapper .e-chips {
2295
+ height: 32px;
2296
+ }
2297
+
2298
+ .e-popup.e-multi-select-list-wrapper {
2299
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2300
+ box-sizing: content-box;
2301
+ overflow: initial;
2302
+ }
2303
+
2304
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2305
+ border-bottom: 1px solid transparent;
2306
+ border-left: 1px solid rgba(var(--color-sf-primary-container), 0.65);
2307
+ border-right: 1px solid rgba(var(--color-sf-primary-container), 0.65);
2308
+ border-top: 1px solid rgba(var(--color-sf-primary));
2309
+ }
2310
+
2311
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2312
+ background: transparent;
2313
+ border-color: transparent;
2314
+ color: rgba(var(--color-sf-on-surface));
2315
+ }
2316
+
2317
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2318
+ background: transparent;
2319
+ border-color: transparent;
2320
+ color: rgba(var(--color-sf-on-surface));
2321
+ }
2322
+
2323
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2324
+ color: rgba(var(--color-sf-on-surface));
2325
+ }
2326
+
2327
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2328
+ color: rgba(var(--color-sf-on-surface));
2329
+ }
2330
+
2331
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2332
+ background: rgba(var(--color-sf-on-surface), 0.05), 0.05;
2333
+ }
2334
+
2335
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2336
+ background: rgba(var(--color-sf-on-surface), 0.05), 0.05;
2337
+ }
2338
+
2339
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2340
+ border-bottom: 1px solid transparent;
2341
+ border-top: 1px solid transparent;
2342
+ }
2343
+
2344
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2345
+ border-bottom: 1px solid transparent;
2346
+ }
2347
+
2348
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
2349
+ border-top: 1px solid transparent;
2350
+ }
2351
+
2352
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2353
+ background: rgba(var(--color-sf-primary-container), 0.65);
2354
+ box-shadow: none;
2355
+ color: rgba(var(--color-sf-on-surface));
2356
+ border: 1px solid transparent;
2357
+ }
2358
+
2359
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2360
+ background: rgba(var(--color-sf-primary-container), 0.65);
2361
+ box-shadow: none;
2362
+ color: rgba(var(--color-sf-on-surface));
2363
+ border: 1px solid transparent;
2364
+ }
2365
+
2366
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-item-focus {
2367
+ background: rgba(var(--color-sf-on-surface), 0.04);
2368
+ }
2369
+
2370
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2371
+ border: 1px solid transparent;
2372
+ }
2373
+
2374
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2375
+ border: 1px solid transparent;
2376
+ }
2377
+
2378
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2379
+ color: rgba(var(--color-sf-on-surface-variant));
2380
+ }
2381
+
2382
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2383
+ color: rgba(var(--color-sf-on-surface-variant));
2384
+ }
2385
+
2386
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2387
+ color: rgba(var(--color-sf-on-surface-variant));
2388
+ }
2389
+
2390
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2391
+ color: rgba(var(--color-sf-on-surface-variant));
2392
+ }
2393
+
2394
+ .e-ul.e-reorder {
2395
+ border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
2396
+ }
2397
+
2398
+ .e-multi-select-list-wrapper .e-selectall-parent {
2399
+ border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
2400
+ }
2401
+
2402
+ .e-multi-select-wrapper .e-delim-values {
2403
+ -webkit-text-fill-color: rgba(var(--color-sf-on-surface-variant));
2404
+ color: rgba(var(--color-sf-on-surface-variant));
2405
+ }
2406
+
2407
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2408
+ color: rgba(var(--color-sf-on-surface-variant));
2409
+ }
2410
+
2411
+ .e-small .e-multi-select-wrapper .e-chips {
2412
+ height: 20px;
2413
+ }
2414
+
2415
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2416
+ font-size: 12px;
2417
+ }
2418
+
2419
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2420
+ font-size: 14px;
2421
+ }
2422
+
2423
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2424
+ left: 0;
2425
+ }
2426
+
2427
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2428
+ left: 0;
2429
+ }
2430
+
2431
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2432
+ height: 28px;
2433
+ }
2434
+
2435
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2436
+ font-size: 13px;
2437
+ }
2438
+
2439
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2440
+ font-size: 16px;
2441
+ }
2442
+
2443
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
2444
+ background: transparent;
2445
+ }
2446
+
2447
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips {
2448
+ background: #cecece;
2449
+ }
2450
+
2451
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips:hover {
2452
+ background: rgba(var(--color-sf-on-surface), 0.05), 5%;
2453
+ }
2454
+
2455
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips:hover {
2456
+ background: #cecece;
2457
+ }
2458
+
2459
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected,
2460
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected {
2461
+ background: transparent;
2462
+ }
2463
+
2464
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected:hover,
2465
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2466
+ background: rgba(var(--color-sf-on-surface), 0.05), 5%;
2467
+ }
2468
+
2469
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent,
2470
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2471
+ color: rgba(var(--color-sf-on-surface-variant));
2472
+ }
2473
+
2474
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover,
2475
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2476
+ color: rgba(var(--color-sf-on-surface-variant));
2477
+ }
2478
+
2479
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2480
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2481
+ color: rgba(var(--color-sf-on-surface-variant), 0.54);
2482
+ }
2483
+
2484
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover,
2485
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
2486
+ color: rgba(var(--color-sf-on-surface), 0.87);
2487
+ }
2488
+
2489
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before,
2490
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2491
+ color: rgba(var(--color-sf-on-surface-variant));
2492
+ }
2493
+
2494
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before,
2495
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2496
+ color: #fff;
2497
+ }
2498
+
2499
+ .e-multiselect.e-outline:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before,
2500
+ .e-multiselect.e-filled:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before {
2501
+ color: rgba(var(--color-sf-on-surface), 0.87);
2502
+ }
2503
+
2504
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
2505
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain {
2506
+ color: rgba(var(--color-sf-on-surface), 0.6);
2507
+ }
2508
+
2509
+ .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values,
2510
+ .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values .e-remain,
2511
+ .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips > .e-chipcontent,
2512
+ .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before,
2513
+ .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2514
+ color: rgba(var(--color-sf-on-surface), 0.38);
2515
+ }
2516
+
2517
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2518
+ -webkit-text-fill-color: rgba(var(--color-sf-on-surface), 0.38);
2519
+ color: rgba(var(--color-sf-on-surface), 0.38);
2520
+ }
2521
+
2522
+ .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips {
2523
+ background: transparent;
2524
+ }
2525
+
2526
+ .e-multiselect.e-filled .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip.e-chip-selected,
2527
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2528
+ background: rgba(var(--color-sf-primary));
2529
+ border-radius: 4px;
2530
+ box-sizing: border-box;
2531
+ color: #fff;
2532
+ height: 40px;
2533
+ line-height: 40px;
2534
+ margin-left: 0;
2535
+ margin-right: 0;
2536
+ width: 100%;
2537
+ }
2538
+
2539
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close,
2540
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2541
+ width: 33px;
2542
+ }
2543
+
2544
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent,
2545
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2546
+ color: #fff;
2547
+ }