@syncfusion/ej2-vue-querybuilder 25.2.4 → 26.1.35

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 (49) hide show
  1. package/dist/ej2-vue-querybuilder.umd.min.js +2 -2
  2. package/dist/ej2-vue-querybuilder.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-vue-querybuilder.es2015.js +6 -8
  4. package/dist/es6/ej2-vue-querybuilder.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-querybuilder.es5.js +6 -8
  6. package/dist/es6/ej2-vue-querybuilder.es5.js.map +1 -1
  7. package/package.json +9 -9
  8. package/src/query-builder/querybuilder.component.d.ts +2 -2
  9. package/src/query-builder/querybuilder.component.js +1 -1
  10. package/styles/bootstrap-dark.css +961 -1
  11. package/styles/bootstrap.css +946 -1
  12. package/styles/bootstrap4.css +1069 -1
  13. package/styles/bootstrap5-dark.css +1003 -1
  14. package/styles/bootstrap5.css +1003 -1
  15. package/styles/fabric-dark.css +915 -1
  16. package/styles/fabric.css +897 -1
  17. package/styles/fluent-dark.css +990 -1
  18. package/styles/fluent.css +990 -1
  19. package/styles/fluent2.css +2052 -0
  20. package/styles/fluent2.scss +1 -0
  21. package/styles/highcontrast-light.css +984 -1
  22. package/styles/highcontrast.css +1012 -1
  23. package/styles/material-dark.css +928 -1
  24. package/styles/material.css +955 -1
  25. package/styles/material3-dark.css +1077 -1
  26. package/styles/material3.css +1189 -1
  27. package/styles/query-builder/bootstrap-dark.css +961 -1
  28. package/styles/query-builder/bootstrap.css +946 -1
  29. package/styles/query-builder/bootstrap4.css +1069 -1
  30. package/styles/query-builder/bootstrap5-dark.css +1003 -1
  31. package/styles/query-builder/bootstrap5.css +1003 -1
  32. package/styles/query-builder/fabric-dark.css +915 -1
  33. package/styles/query-builder/fabric.css +897 -1
  34. package/styles/query-builder/fluent-dark.css +990 -1
  35. package/styles/query-builder/fluent.css +990 -1
  36. package/styles/query-builder/fluent2.css +2052 -0
  37. package/styles/query-builder/fluent2.scss +1 -0
  38. package/styles/query-builder/highcontrast-light.css +984 -1
  39. package/styles/query-builder/highcontrast.css +1012 -1
  40. package/styles/query-builder/material-dark.css +928 -1
  41. package/styles/query-builder/material.css +955 -1
  42. package/styles/query-builder/material3-dark.css +1077 -1
  43. package/styles/query-builder/material3.css +1189 -1
  44. package/styles/query-builder/tailwind-dark.css +947 -1
  45. package/styles/query-builder/tailwind.css +947 -1
  46. package/styles/tailwind-dark.css +947 -1
  47. package/styles/tailwind.css +947 -1
  48. package/CHANGELOG.md +0 -810
  49. package/dist/global/ej2-vue-querybuilder.min.js +0 -10
@@ -1 +1,961 @@
1
- @import '@syncfusion/ej2-querybuilder/styles/bootstrap-dark.css';
1
+ .e-popup.e-ddl {
2
+ border-radius: 4px;
3
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
4
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
5
+ margin-top: 3px;
6
+ }
7
+ .e-popup.e-ddl .e-input-group {
8
+ width: auto;
9
+ }
10
+ .e-popup.e-ddl .e-input-group input {
11
+ line-height: 15px;
12
+ }
13
+
14
+ .e-popup.e-ddl .e-dropdownbase {
15
+ min-height: 26px;
16
+ }
17
+
18
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
19
+ display: -webkit-box;
20
+ display: -ms-flexbox;
21
+ display: flex;
22
+ width: auto;
23
+ }
24
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
25
+ border: 0;
26
+ }
27
+
28
+ .e-bigger .e-popup.e-ddl-device-filter {
29
+ margin-top: 0;
30
+ }
31
+
32
+ .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
33
+ font-size: 15px;
34
+ line-height: 40px;
35
+ padding-left: 0;
36
+ text-indent: 24px;
37
+ }
38
+
39
+ .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
40
+ padding-left: 4px;
41
+ }
42
+
43
+ .e-bigger .e-popup.e-ddl .e-input-group {
44
+ padding: 4px 0;
45
+ }
46
+
47
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
48
+ height: 38px;
49
+ }
50
+
51
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
52
+ min-height: 40px;
53
+ }
54
+
55
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
56
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
57
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
58
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
59
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
60
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
61
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
62
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
63
+ background: transparent;
64
+ color: #f0f0f0;
65
+ }
66
+
67
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
68
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
69
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
70
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
71
+ border: 0;
72
+ }
73
+
74
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
75
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
76
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
77
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
78
+ -webkit-box-shadow: none;
79
+ box-shadow: none;
80
+ }
81
+
82
+ .e-ddl.e-popup .e-filter-parent {
83
+ border-bottom: 1px solid #484848;
84
+ }
85
+
86
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
87
+ font-size: 14px;
88
+ line-height: 34px;
89
+ padding-left: 0;
90
+ text-indent: 16px;
91
+ }
92
+
93
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
94
+ padding-left: 4px;
95
+ }
96
+
97
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
98
+ padding: 4px 0;
99
+ }
100
+
101
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
102
+ height: 30px;
103
+ }
104
+
105
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
106
+ min-height: 34px;
107
+ }
108
+
109
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
110
+ line-height: 30px;
111
+ top: 0;
112
+ }
113
+
114
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
115
+ border-radius: 0 4px 4px 0;
116
+ border-right-width: 0;
117
+ height: 34px;
118
+ width: 36px;
119
+ }
120
+
121
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
122
+ border-left-width: 0;
123
+ border-radius: 4px 0 0 4px;
124
+ border-right-width: 1px;
125
+ }
126
+
127
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
128
+ height: 32px;
129
+ width: 32px;
130
+ }
131
+
132
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
133
+ height: 40px;
134
+ width: 40px;
135
+ }
136
+
137
+ .e-multi-select-wrapper .e-searcher input[type=text],
138
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
139
+ color: #fff;
140
+ }
141
+
142
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
143
+ margin-top: -3.2em;
144
+ }
145
+
146
+ /* stylelint-disable-line no-empty-source */
147
+ /* stylelint-disable property-no-vendor-prefix */
148
+ @-webkit-keyframes material-spinner-rotate {
149
+ 0% {
150
+ -webkit-transform: rotate(0);
151
+ transform: rotate(0);
152
+ }
153
+ 100% {
154
+ -webkit-transform: rotate(360deg);
155
+ transform: rotate(360deg);
156
+ }
157
+ }
158
+ @keyframes material-spinner-rotate {
159
+ 0% {
160
+ -webkit-transform: rotate(0);
161
+ transform: rotate(0);
162
+ }
163
+ 100% {
164
+ -webkit-transform: rotate(360deg);
165
+ transform: rotate(360deg);
166
+ }
167
+ }
168
+ @-webkit-keyframes fabric-spinner-rotate {
169
+ 0% {
170
+ -webkit-transform: rotate(0);
171
+ transform: rotate(0);
172
+ }
173
+ 100% {
174
+ -webkit-transform: rotate(360deg);
175
+ transform: rotate(360deg);
176
+ }
177
+ }
178
+ @keyframes fabric-spinner-rotate {
179
+ 0% {
180
+ -webkit-transform: rotate(0);
181
+ transform: rotate(0);
182
+ }
183
+ 100% {
184
+ -webkit-transform: rotate(360deg);
185
+ transform: rotate(360deg);
186
+ }
187
+ }
188
+ .e-query-builder .e-collapse-rule::before {
189
+ content: "\e908";
190
+ }
191
+ .e-query-builder .e-drag-qb-rule::before {
192
+ content: "\e330";
193
+ }
194
+
195
+ .e-query-builder {
196
+ border: 1px solid;
197
+ border-radius: 6px;
198
+ height: auto;
199
+ width: auto;
200
+ }
201
+ .e-query-builder .e-multiselect .e-qb-spinner .e-spinner-inner {
202
+ left: auto;
203
+ right: 5px;
204
+ }
205
+ .e-query-builder .e-cloneproperties.e-group-body {
206
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
207
+ }
208
+ .e-query-builder .e-dragclone.e-cloneproperties .e-group-container, .e-query-builder .e-dragclone.e-cloneproperties .e-rule-container {
209
+ background-color: #131313;
210
+ }
211
+ .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
212
+ margin-top: 10px;
213
+ }
214
+ .e-query-builder .e-dragclone.e-cloneproperties .e-drag-qb-rule {
215
+ padding: 18px 5px;
216
+ }
217
+ .e-query-builder .e-dragclone, .e-query-builder .e-drag-qb-rule {
218
+ cursor: move;
219
+ }
220
+ .e-query-builder .e-dragclone .e-rule-field {
221
+ display: -webkit-box;
222
+ display: -ms-flexbox;
223
+ display: flex;
224
+ padding: 10px;
225
+ }
226
+ .e-query-builder .e-dragclone.e-notallowedcur, .e-query-builder .e-dragclone.e-notallowedcur .e-drag-qb-rule {
227
+ cursor: not-allowed !important; /* stylelint-disable-line declaration-no-important */
228
+ }
229
+ .e-query-builder .e-group-body .e-drag-qb-rule, .e-query-builder .e-dragclone .e-drag-qb-rule {
230
+ padding: 15px 3px 15px 11px;
231
+ vertical-align: middle;
232
+ font-size: 14px;
233
+ }
234
+ .e-query-builder .e-group-header .e-drag-qb-rule {
235
+ margin: 1px;
236
+ padding: 10px 10px 10px 2px !important; /* stylelint-disable-line declaration-no-important */
237
+ }
238
+ .e-query-builder .e-drag-rule-bottom-line {
239
+ border-bottom: 2px solid #0070f0 !important; /* stylelint-disable-line declaration-no-important */
240
+ }
241
+ .e-query-builder .e-drag-rule-top-line {
242
+ border-top: 2px solid #0070f0 !important; /* stylelint-disable-line declaration-no-important */
243
+ }
244
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-small.e-not {
245
+ border-bottom-right-radius: 0;
246
+ border-top-right-radius: 0;
247
+ }
248
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-small.e-readonly-and {
249
+ border-bottom-left-radius: 4px;
250
+ border-top-left-radius: 4px;
251
+ }
252
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or-not {
253
+ border-bottom-right-radius: 4px;
254
+ border-top-right-radius: 4px;
255
+ }
256
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or {
257
+ border-bottom-left-radius: 4px;
258
+ border-top-left-radius: 4px;
259
+ }
260
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
261
+ border-bottom-left-radius: 0;
262
+ border-top-left-radius: 0;
263
+ border-top-right-radius: 0;
264
+ }
265
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
266
+ border-bottom-right-radius: 4px;
267
+ }
268
+ .e-query-builder.e-rtl .e-multiselect .e-qb-spinner .e-spinner-inner {
269
+ left: 5px;
270
+ right: auto;
271
+ }
272
+ .e-query-builder.e-rtl.e-bigger.e-device .e-group-body .e-rule-container .e-rule-delete, .e-query-builder.e-rtl.e-bigger .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
273
+ padding-left: 14px;
274
+ }
275
+ .e-query-builder.e-rtl.e-device .e-group-body .e-rule-container .e-rule-value-delete, .e-query-builder.e-rtl .e-group-body .e-rule-container.e-vertical-mode .e-rule-value-delete {
276
+ text-align: left;
277
+ }
278
+ .e-query-builder.e-rtl.e-device .e-group-body .e-rule-container .e-rule-delete, .e-query-builder.e-rtl .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
279
+ padding-left: 10px;
280
+ }
281
+ .e-query-builder.e-rtl.e-device .e-rule-field .e-drag-qb-rule:not(.e-hidden) {
282
+ display: block;
283
+ }
284
+ .e-query-builder.e-rtl .e-group-header .e-group-action .e-btn {
285
+ margin-left: 0;
286
+ margin-right: 12px;
287
+ }
288
+ .e-query-builder.e-rtl .e-horizontal-mode .e-rule-delete {
289
+ margin-left: 0;
290
+ margin-right: 12px;
291
+ }
292
+ .e-query-builder.e-rtl .e-group-body {
293
+ padding-left: 0;
294
+ padding-right: 20px;
295
+ }
296
+ .e-query-builder.e-rtl .e-rule-list > ::before {
297
+ border-width: 0 2px 2px 0;
298
+ }
299
+ .e-query-builder.e-rtl .e-rule-list > .e-group-container:first-child {
300
+ margin-top: 0;
301
+ }
302
+ .e-query-builder.e-rtl .e-rule-list > ::after, .e-query-builder.e-rtl .e-rule-list > ::before {
303
+ right: -12px;
304
+ }
305
+ .e-query-builder.e-rtl .e-rule-list > ::after {
306
+ border-width: 0 2px 0 0;
307
+ }
308
+ .e-query-builder.e-rtl .e-rule-list .e-group-container::before {
309
+ right: -11px;
310
+ }
311
+ .e-query-builder.e-rtl .e-rule-list > .e-group-container {
312
+ padding-right: 0;
313
+ }
314
+ .e-query-builder .e-group-container, .e-query-builder .e-rule-container {
315
+ position: relative;
316
+ }
317
+ .e-query-builder .e-rule-list > :first-child::before {
318
+ top: -11px;
319
+ }
320
+ .e-query-builder .e-rule-list > :last-child::after {
321
+ display: none;
322
+ }
323
+ .e-query-builder .e-rule-list > ::before {
324
+ border-width: 0 0 2px 2px;
325
+ height: 25px;
326
+ top: -10px;
327
+ }
328
+ .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
329
+ border-style: dotted;
330
+ content: "";
331
+ left: -12px;
332
+ position: absolute;
333
+ width: 10px;
334
+ }
335
+ .e-query-builder .e-rule-list > ::after {
336
+ border-width: 0 0 0 2px;
337
+ height: calc(100% - 17px);
338
+ top: 17px;
339
+ }
340
+ .e-query-builder .e-rule-list > .e-rule-container::before {
341
+ height: calc(50% + 8px);
342
+ }
343
+ .e-query-builder .e-rule-list > .e-rule-container:not(:first-child)::before {
344
+ height: calc(50% + 10px);
345
+ }
346
+ .e-query-builder .e-rule-list > .e-rule-container::after {
347
+ height: calc(50% + 6px);
348
+ top: calc(50% - 3px);
349
+ }
350
+ .e-query-builder .e-rule-list > .e-group-container:first-child {
351
+ margin-top: 0;
352
+ }
353
+ .e-query-builder .e-rule-list .e-group-container::before {
354
+ left: -11px;
355
+ }
356
+ .e-query-builder .e-rule-list .e-group-container::after {
357
+ left: -11px;
358
+ }
359
+ .e-query-builder .e-group-header .e-group-action .e-btn {
360
+ margin-left: 12px;
361
+ }
362
+ .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small {
363
+ border-bottom-right-radius: 0;
364
+ border-radius: 4px;
365
+ border-top-right-radius: 0;
366
+ }
367
+ .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small.e-not-readonly {
368
+ border-bottom-right-radius: 0;
369
+ border-top-right-radius: 0;
370
+ pointer-events: none;
371
+ }
372
+ .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small.e-readonly {
373
+ display: none;
374
+ }
375
+ .e-query-builder .e-group-header .e-btn-group {
376
+ border: none;
377
+ -webkit-box-shadow: none;
378
+ box-shadow: none;
379
+ display: inline-block;
380
+ }
381
+ .e-query-builder .e-group-header .e-btn.e-btngroup-and-lbl.e-small.e-not {
382
+ border-bottom-left-radius: 0;
383
+ border-top-left-radius: 0;
384
+ }
385
+ .e-query-builder .e-group-header .e-btn.e-btngroup-and-lbl.e-small.e-readonly-and {
386
+ border-bottom-right-radius: 4px;
387
+ border-top-right-radius: 4px;
388
+ }
389
+ .e-query-builder .e-group-header .e-btn.e-btngroup-and-lbl.e-small.e-readonly {
390
+ display: none;
391
+ }
392
+ .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small {
393
+ border-bottom-left-radius: 0;
394
+ border-top-left-radius: 0;
395
+ }
396
+ .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or-not {
397
+ border-bottom-left-radius: 4px;
398
+ border-top-left-radius: 4px;
399
+ }
400
+ .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or {
401
+ border-bottom-left-radius: 0;
402
+ border-top-left-radius: 0;
403
+ }
404
+ .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small.e-readonly {
405
+ display: none;
406
+ }
407
+ .e-query-builder .e-group-header .e-group-action {
408
+ display: inline-block;
409
+ margin-top: 5px;
410
+ }
411
+ .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
412
+ .e-query-builder .e-group-header .e-deletegroup,
413
+ .e-query-builder .e-group-header .e-clone-grp-btn,
414
+ .e-query-builder .e-group-header .e-lock-grp-btn {
415
+ margin-bottom: 2px;
416
+ }
417
+ .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
418
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
419
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
420
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
421
+ display: none;
422
+ }
423
+ .e-query-builder .e-group-header button.e-button-hide {
424
+ display: none !important; /* stylelint-disable-line declaration-no-important */
425
+ }
426
+ .e-query-builder .e-group-header.e-btn.e-small.e-round {
427
+ -webkit-box-shadow: none;
428
+ box-shadow: none;
429
+ }
430
+ .e-query-builder .e-group-header .e-group-action .e-readonly {
431
+ display: inline-block;
432
+ visibility: hidden;
433
+ }
434
+ .e-query-builder .e-rule-list .e-group-container {
435
+ margin-left: 0;
436
+ margin-top: 12px;
437
+ width: 100%;
438
+ }
439
+ .e-query-builder .e-rule-list {
440
+ padding: 12px 0 12px 0;
441
+ padding-bottom: 0;
442
+ }
443
+ .e-query-builder .e-group-container {
444
+ padding: 12px;
445
+ }
446
+ .e-query-builder .e-rule-container {
447
+ border: 1px solid;
448
+ border-radius: 6px;
449
+ }
450
+ .e-query-builder .e-rule-list > .e-group-container {
451
+ padding: 0;
452
+ padding-bottom: 12px;
453
+ }
454
+ .e-query-builder .e-group-container .e-rule-list > .e-group-container {
455
+ padding-bottom: 0;
456
+ }
457
+ .e-query-builder .e-group-body {
458
+ padding-left: 20px;
459
+ }
460
+ .e-query-builder .e-group-body .e-rule-container {
461
+ -webkit-box-shadow: none;
462
+ box-shadow: none;
463
+ height: auto;
464
+ margin-top: -1px;
465
+ padding-right: 12px;
466
+ }
467
+ .e-query-builder .e-group-body .e-rule-container.e-prev-joined-rule {
468
+ border-bottom: 0;
469
+ border-bottom-left-radius: 0;
470
+ border-bottom-right-radius: 0;
471
+ }
472
+ .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
473
+ border-top-left-radius: 0;
474
+ border-top-right-radius: 0;
475
+ border-top-style: dotted;
476
+ border-top-width: 1px;
477
+ margin-top: 0;
478
+ }
479
+ .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
480
+ margin-top: 12px;
481
+ }
482
+ .e-query-builder .e-group-body .e-rule-container .e-rule-filter, .e-query-builder .e-group-body .e-rule-container .e-rule-sub-filter {
483
+ padding: 12px 0 12px 12px;
484
+ width: auto;
485
+ }
486
+ .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-control-wrapper.e-numeric:not(:first-child), .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-control-wrapper.e-date-wrapper:not(:first-child), .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-control-wrapper.e-input-group:not(:first-child) {
487
+ float: right;
488
+ margin-top: 12px;
489
+ }
490
+ .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-multi-select-wrapper {
491
+ min-width: 190px;
492
+ }
493
+ .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-multiselect, .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-multi-select-wrapper {
494
+ max-width: 200px;
495
+ }
496
+ .e-query-builder .e-group-body .e-rule-container .e-rule-value.e-custom-value {
497
+ width: 200px;
498
+ }
499
+ .e-query-builder .e-group-body .e-rule-container .e-operator, .e-query-builder .e-group-body .e-rule-container .e-value {
500
+ padding: 12px 0 12px 12px;
501
+ }
502
+ .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper, .e-query-builder .e-group-body .e-rule-container .e-value .e-radio-wrapper {
503
+ margin-right: 15px;
504
+ }
505
+ .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete, .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule, .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
506
+ display: inline-block;
507
+ margin-left: 12px;
508
+ }
509
+ .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
510
+ display: none !important; /* stylelint-disable-line declaration-no-important */
511
+ }
512
+ .e-query-builder .e-group-body .e-horizontal-mode .e-rule-filter, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-sub-filter, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-operator, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value-delete {
513
+ display: inline-block;
514
+ }
515
+ .e-query-builder .e-group-body .e-rule-value.e-hide {
516
+ display: none;
517
+ }
518
+ .e-query-builder .e-group-body .e-rule-value.e-show {
519
+ display: inline-block;
520
+ }
521
+ .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
522
+ margin-bottom: 12px;
523
+ padding-right: 10px;
524
+ right: 0;
525
+ }
526
+ .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-lock-rule.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-clone-rule.e-btn.e-small.e-round {
527
+ -webkit-box-shadow: none;
528
+ box-shadow: none;
529
+ }
530
+ .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
531
+ -webkit-box-shadow: none;
532
+ box-shadow: none;
533
+ right: 0;
534
+ }
535
+ .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete.e-readonly {
536
+ display: none;
537
+ }
538
+ .e-query-builder .e-dropdown-btn {
539
+ -webkit-box-shadow: none;
540
+ box-shadow: none;
541
+ }
542
+ .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-filter, .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-sub-filter {
543
+ padding: 15px;
544
+ }
545
+ .e-query-builder.e-device .e-removerule.e-rule-delete {
546
+ -webkit-box-shadow: none;
547
+ box-shadow: none;
548
+ }
549
+ .e-query-builder.e-device .e-removerule.e-rule-delete.e-readonly {
550
+ display: none;
551
+ }
552
+ .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-value .e-multiselect, .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-value .e-multi-select-wrapper, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-value .e-multi-select-wrapper, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-value .e-multiselect {
553
+ max-width: 100%;
554
+ }
555
+ .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-value-delete, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-value-delete {
556
+ text-align: right;
557
+ }
558
+ .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-lock-rule, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-clone-rule, .e-query-builder.e-device .e-group-body .e-rule-container .e-lock-rule, .e-query-builder.e-device .e-group-body .e-rule-container .e-clone-rule {
559
+ margin-bottom: 12px;
560
+ }
561
+ .e-query-builder .e-group-body .e-rule-delete, .e-query-builder .e-group-body .e-lock-rule, .e-query-builder .e-group-body .e-clone-rule {
562
+ margin-left: 12px;
563
+ }
564
+ .e-query-builder .e-delete-icon::before {
565
+ content: "\e96c";
566
+ }
567
+ .e-query-builder .e-edit-rule.e-btn.e-small {
568
+ -webkit-box-shadow: none;
569
+ box-shadow: none;
570
+ }
571
+ .e-query-builder .e-edit-rule {
572
+ right: 0;
573
+ }
574
+ .e-query-builder .e-collapse-rule {
575
+ border: 1px solid;
576
+ border-right: 0;
577
+ border-top: 0;
578
+ -webkit-box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.12);
579
+ box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.12);
580
+ font-size: 20px;
581
+ padding: 5px;
582
+ position: absolute;
583
+ right: 0;
584
+ top: 0;
585
+ }
586
+ .e-query-builder .e-summary-text {
587
+ border-style: none;
588
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
589
+ font-size: 14px;
590
+ line-height: 1.5em;
591
+ padding: 12px;
592
+ resize: none;
593
+ width: 100%;
594
+ }
595
+ .e-query-builder .e-summary-btndiv {
596
+ padding: 12px;
597
+ text-align: right;
598
+ }
599
+ .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode, .e-query-builder.e-device .e-rule-list .e-rule-container {
600
+ padding-right: 15px;
601
+ }
602
+ .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-rule-filter, .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-rule-sub-filter, .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-operator, .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-value, .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-rule-value-delete, .e-query-builder.e-device .e-rule-list .e-rule-container .e-rule-filter, .e-query-builder.e-device .e-rule-list .e-rule-container .e-rule-sub-filter, .e-query-builder.e-device .e-rule-list .e-rule-container .e-operator, .e-query-builder.e-device .e-rule-list .e-rule-container .e-value, .e-query-builder.e-device .e-rule-list .e-rule-container .e-rule-value-delete {
603
+ padding: 15px 0 0 15px;
604
+ }
605
+ .e-query-builder.e-multi-connector .e-rule-list > .e-btn-group {
606
+ margin-top: 10px;
607
+ margin-bottom: 10px;
608
+ }
609
+ .e-query-builder.e-multi-connector .e-qb-toggle {
610
+ margin-left: 3px;
611
+ margin-right: 10px;
612
+ }
613
+ .e-query-builder.e-multi-connector .e-group-container:not(:first-child) {
614
+ padding: 12px;
615
+ border: 1px solid;
616
+ margin-top: 0;
617
+ border-radius: 4px;
618
+ }
619
+ .e-query-builder.e-multi-connector .e-rule-list > .e-group-container:first-child {
620
+ padding: 12px;
621
+ border: 1px solid;
622
+ border-radius: 4px;
623
+ }
624
+ .e-query-builder.e-multi-connector .e-group-container:not(:first-child)::before, .e-query-builder.e-multi-connector .e-rule-list > .e-group-container:first-child::before {
625
+ height: calc(50% - 8px);
626
+ }
627
+ .e-query-builder.e-multi-connector .e-group-container::after {
628
+ height: calc(50% + 17px);
629
+ top: calc(50% - 17px);
630
+ }
631
+ .e-query-builder.e-multi-connector .e-btn-group + .e-group-container {
632
+ margin-top: 0;
633
+ }
634
+ .e-query-builder.e-multi-connector .e-group-action .e-btn:first-child {
635
+ margin-left: 0;
636
+ }
637
+ .e-query-builder.e-multi-connector .e-qb-toggle-btn + .e-group-action .e-btn:first-child {
638
+ margin-left: 6px !important; /* stylelint-disable-line declaration-no-important */
639
+ }
640
+ .e-query-builder.e-multi-connector .e-multi-connector-init-group {
641
+ height: 40px;
642
+ }
643
+ .e-query-builder.e-multi-connector .e-btn-group::after, .e-query-builder.e-multi-connector .e-btn-group::before {
644
+ left: -12px;
645
+ width: 8px;
646
+ }
647
+ .e-query-builder.e-multi-connector .e-rule-list .e-group-container::before, .e-query-builder.e-multi-connector .e-rule-list .e-group-container::after {
648
+ left: -12px !important; /* stylelint-disable-line declaration-no-important */
649
+ }
650
+ .e-query-builder.e-multi-connector .e-rule-list .e-btn-group::before, .e-query-builder.e-multi-connector .e-rule-list .e-btn-group::after {
651
+ left: -11.2px !important; /* stylelint-disable-line declaration-no-important */
652
+ }
653
+ .e-query-builder.e-multi-connector .e-qb-toggle-btn {
654
+ -webkit-box-shadow: none !important;
655
+ box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
656
+ }
657
+ .e-query-builder.e-multi-connector .e-btn-group + .e-rule-container {
658
+ margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
659
+ }
660
+
661
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
662
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
663
+ border-bottom: 8px solid;
664
+ }
665
+
666
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
667
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
668
+ border-top: 8px solid;
669
+ }
670
+
671
+ .e-qb-ddt.e-ddt .e-prevent .e-fullrow {
672
+ cursor: default !important; /* stylelint-disable-line declaration-no-important */
673
+ }
674
+
675
+ .e-dropdown-popup .e-addgroup {
676
+ float: right;
677
+ }
678
+ .e-dropdown-popup ul .e-item.e-button-hide {
679
+ display: none !important; /* stylelint-disable-line declaration-no-important */
680
+ }
681
+
682
+ .e-addrule.e-add-icon::before,
683
+ .e-addgroup.e-add-icon::before,
684
+ .e-query-builder .e-add-icon::before {
685
+ content: "\e95c ";
686
+ }
687
+
688
+ .e-query-builder.e-device .e-group-container,
689
+ .e-bigger.e-query-builder .e-group-container,
690
+ .e-bigger .e-query-builder .e-group-container {
691
+ padding: 15px;
692
+ }
693
+ .e-query-builder.e-device .e-rule-list > .e-group-container,
694
+ .e-bigger.e-query-builder .e-rule-list > .e-group-container,
695
+ .e-bigger .e-query-builder .e-rule-list > .e-group-container {
696
+ padding: 0;
697
+ }
698
+ .e-query-builder.e-device .e-rule-list > .e-rule-container:not(:first-child)::before,
699
+ .e-bigger.e-query-builder .e-rule-list > .e-rule-container:not(:first-child)::before,
700
+ .e-bigger .e-query-builder .e-rule-list > .e-rule-container:not(:first-child)::before {
701
+ height: calc(50% + 12px);
702
+ }
703
+ .e-query-builder.e-device .e-rule-list > .e-group-container:first-child,
704
+ .e-bigger.e-query-builder .e-rule-list > .e-group-container:first-child,
705
+ .e-bigger .e-query-builder .e-rule-list > .e-group-container:first-child {
706
+ margin-top: 0;
707
+ }
708
+ .e-query-builder.e-device .e-rule-list > ::before,
709
+ .e-bigger.e-query-builder .e-rule-list > ::before,
710
+ .e-bigger .e-query-builder .e-rule-list > ::before {
711
+ top: -12px;
712
+ }
713
+ .e-query-builder.e-device .e-group-action .e-btn,
714
+ .e-bigger.e-query-builder .e-group-action .e-btn,
715
+ .e-bigger .e-query-builder .e-group-action .e-btn {
716
+ margin-left: 15px;
717
+ }
718
+ .e-query-builder.e-device .e-rule-list > :first-child::before,
719
+ .e-bigger.e-query-builder .e-rule-list > :first-child::before,
720
+ .e-bigger .e-query-builder .e-rule-list > :first-child::before {
721
+ top: -14px;
722
+ }
723
+ .e-query-builder.e-device .e-rule-list,
724
+ .e-bigger.e-query-builder .e-rule-list,
725
+ .e-bigger .e-query-builder .e-rule-list {
726
+ padding: 15px 0 15px 0;
727
+ padding-bottom: 0;
728
+ }
729
+ .e-query-builder.e-device .e-rule-list .e-group-container,
730
+ .e-bigger.e-query-builder .e-rule-list .e-group-container,
731
+ .e-bigger .e-query-builder .e-rule-list .e-group-container {
732
+ margin-top: 15px;
733
+ }
734
+ .e-query-builder.e-device .e-rule-container button.e-button-hide,
735
+ .e-bigger.e-query-builder .e-rule-container button.e-button-hide,
736
+ .e-bigger .e-query-builder .e-rule-container button.e-button-hide {
737
+ display: none !important; /* stylelint-disable-line declaration-no-important */
738
+ }
739
+ .e-query-builder.e-device .e-drag-qb-rule,
740
+ .e-bigger.e-query-builder .e-drag-qb-rule,
741
+ .e-bigger .e-query-builder .e-drag-qb-rule {
742
+ font-size: 16px;
743
+ }
744
+ .e-query-builder.e-device .e-group-body,
745
+ .e-bigger.e-query-builder .e-group-body,
746
+ .e-bigger .e-query-builder .e-group-body {
747
+ padding-left: 24px;
748
+ }
749
+ .e-query-builder.e-device .e-group-body .e-rule-container,
750
+ .e-bigger.e-query-builder .e-group-body .e-rule-container,
751
+ .e-bigger .e-query-builder .e-group-body .e-rule-container {
752
+ margin-top: -1px;
753
+ padding-right: 15px;
754
+ }
755
+ .e-query-builder.e-device .e-group-body .e-rule-container.e-vertical-mode,
756
+ .e-bigger.e-query-builder .e-group-body .e-rule-container.e-vertical-mode,
757
+ .e-bigger .e-query-builder .e-group-body .e-rule-container.e-vertical-mode {
758
+ width: auto;
759
+ }
760
+ .e-query-builder.e-device .e-group-body .e-rule-container.e-separate-rule,
761
+ .e-bigger.e-query-builder .e-group-body .e-rule-container.e-separate-rule,
762
+ .e-bigger .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
763
+ margin-top: 15px;
764
+ }
765
+ .e-query-builder.e-device .e-group-body .e-rule-delete, .e-query-builder.e-device .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete,
766
+ .e-bigger.e-query-builder .e-group-body .e-rule-delete,
767
+ .e-bigger.e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete,
768
+ .e-bigger .e-query-builder .e-group-body .e-rule-delete,
769
+ .e-bigger .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
770
+ margin-bottom: 15px;
771
+ padding-right: 10px;
772
+ right: 0;
773
+ }
774
+ .e-query-builder.e-device .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete,
775
+ .e-bigger.e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete,
776
+ .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
777
+ margin-bottom: 0;
778
+ }
779
+ .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-lock-rule, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-clone-rule,
780
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
781
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
782
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
783
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
784
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
785
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
786
+ display: inline-block;
787
+ margin-left: 7.5px;
788
+ }
789
+ .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-filter, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-sub-filter, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-operator, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-value, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-value-delete,
790
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-filter,
791
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-sub-filter,
792
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-operator,
793
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-value,
794
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-value-delete,
795
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-filter,
796
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-sub-filter,
797
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-operator,
798
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value,
799
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value-delete {
800
+ display: inline-block;
801
+ }
802
+ .e-query-builder.e-device .e-group-body .e-rule-value.e-custom-value,
803
+ .e-bigger.e-query-builder .e-group-body .e-rule-value.e-custom-value,
804
+ .e-bigger .e-query-builder .e-group-body .e-rule-value.e-custom-value {
805
+ width: 200px;
806
+ }
807
+ .e-query-builder.e-device .e-group-body .e-rule-value.e-hide,
808
+ .e-bigger.e-query-builder .e-group-body .e-rule-value.e-hide,
809
+ .e-bigger .e-query-builder .e-group-body .e-rule-value.e-hide {
810
+ display: none;
811
+ }
812
+ .e-query-builder.e-device .e-group-body .e-rule-value.e-show,
813
+ .e-bigger.e-query-builder .e-group-body .e-rule-value.e-show,
814
+ .e-bigger .e-query-builder .e-group-body .e-rule-value.e-show {
815
+ display: inline-block;
816
+ }
817
+ .e-query-builder.e-device .e-group-body .e-rule-field.e-btn.e-small.e-round, .e-query-builder.e-device .e-group-body .e-rule-delete.e-btn.e-small.e-round,
818
+ .e-bigger.e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round,
819
+ .e-bigger.e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round,
820
+ .e-bigger .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round,
821
+ .e-bigger .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round {
822
+ -webkit-box-shadow: none;
823
+ box-shadow: none;
824
+ }
825
+ .e-query-builder.e-device .e-summary-text,
826
+ .e-bigger.e-query-builder .e-summary-text,
827
+ .e-bigger .e-query-builder .e-summary-text {
828
+ font-size: 16px;
829
+ line-height: 1.5em;
830
+ padding: 15px;
831
+ }
832
+ .e-query-builder.e-device .e-summary-btndiv,
833
+ .e-bigger.e-query-builder .e-summary-btndiv,
834
+ .e-bigger .e-query-builder .e-summary-btndiv {
835
+ padding: 15px;
836
+ text-align: right;
837
+ }
838
+ *.e-device .e-rule-value {
839
+ width: 100%;
840
+ }
841
+
842
+ *.e-bigger .e-group-body .e-rule-container .e-rule-filter, *.e-bigger .e-group-body .e-rule-container .e-rule-sub-filter, *.e-bigger .e-group-body .e-rule-container .e-operator, *.e-bigger .e-group-body .e-rule-container .e-value {
843
+ padding: 15px 0 15px 15px;
844
+ }
845
+
846
+ .e-query-builder.e-device .e-rule-field .e-drag-qb-rule:not(.e-hidden) {
847
+ display: block;
848
+ }
849
+
850
+ .e-bigger .e-query-builder .e-dragclone.e-cloneproperties .e-drag-qb-rule {
851
+ padding: 24px 5px;
852
+ }
853
+ .e-bigger .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
854
+ margin: 15px;
855
+ }
856
+
857
+ .e-query-builder.e-device .e-dragclone.e-cloneproperties .e-rule-field {
858
+ display: block;
859
+ }
860
+
861
+ .e-query-builder.e-draggable .e-rule-list .e-group-container::before {
862
+ height: 29px;
863
+ }
864
+
865
+ .e-bigger .e-query-builder.e-draggable .e-rule-list .e-group-container::before {
866
+ height: 35px;
867
+ }
868
+
869
+ .e-bigger .e-query-builder .e-group-header .e-drag-qb-rule {
870
+ padding: 10px 10px 10px 5px !important; /* stylelint-disable-line declaration-no-important */
871
+ }
872
+
873
+ .e-query-builder {
874
+ background: #1a1a1a;
875
+ border-color: #484848;
876
+ }
877
+ .e-query-builder .e-group-header .e-btn-group {
878
+ border-color: #484848;
879
+ }
880
+ .e-query-builder .e-disable .e-drag-qb-rule, .e-query-builder .e-disable.e-drag-qb-rule {
881
+ color: #484848;
882
+ }
883
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
884
+ border-left: 1px solid #484848;
885
+ border-right: 1px solid #484848;
886
+ }
887
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-active-toggle {
888
+ border-left: 1px solid #0070f0;
889
+ border-right: 1px solid #0070f0;
890
+ }
891
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-not {
892
+ border-right: transparent;
893
+ }
894
+ .e-query-builder .e-group-container {
895
+ border-color: #484848;
896
+ }
897
+ .e-query-builder .e-rule-container {
898
+ background: #131313;
899
+ border-color: #484848;
900
+ }
901
+ .e-query-builder .e-rule-container.e-joined-rule {
902
+ border-top-color: #9c9c9c;
903
+ }
904
+ .e-query-builder .e-rule-list .e-group-container {
905
+ background: #1a1a1a;
906
+ }
907
+ .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
908
+ border-color: #9c9c9c;
909
+ }
910
+ .e-query-builder .e-btn-group input:checked + label.e-btn, .e-query-builder .e-btn-group .e-btn.e-qb-toggle.e-active-toggle {
911
+ background: #0070f0;
912
+ border-color: #0070f0;
913
+ color: #fff;
914
+ }
915
+ .e-query-builder .e-btn-group:not(.e-rtl) .e-qb-toggle.e-btn.e-small {
916
+ border-right: transparent;
917
+ }
918
+ .e-query-builder .e-removerule.e-btn.e-round, .e-query-builder .e-lock-rule.e-btn.e-round, .e-query-builder .e-clone-rule.e-btn.e-round {
919
+ background: #131313;
920
+ }
921
+ .e-query-builder .e-removerule.e-btn.e-round.e-readonly, .e-query-builder .e-lock-rule.e-btn.e-round.e-readonly, .e-query-builder .e-clone-rule.e-btn.e-round.e-readonly {
922
+ display: none;
923
+ }
924
+ .e-query-builder .e-summary-content textarea {
925
+ background: #1a1a1a;
926
+ color: #f0f0f0;
927
+ }
928
+ .e-query-builder .e-collapse-rule {
929
+ background: #1a1a1a;
930
+ border-color: #acacac;
931
+ color: #f0f0f0;
932
+ }
933
+ .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
934
+ background: #484848;
935
+ }
936
+ .e-query-builder.e-multi-connector .e-group-container:not(:first-child), .e-query-builder.e-multi-connector .e-rule-list > .e-group-container:first-child {
937
+ border-color: #484848;
938
+ }
939
+
940
+ .e-tooltip-wrap.e-querybuilder-error,
941
+ .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
942
+ background: #fcdbe4;
943
+ border-color: #fcdbe4;
944
+ }
945
+
946
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
947
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
948
+ border-bottom-color: #fcdbe4;
949
+ color: #fcdbe4;
950
+ }
951
+
952
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
953
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
954
+ border-top-color: #fcdbe4;
955
+ color: #fcdbe4;
956
+ }
957
+
958
+ .e-tooltip-wrap.e-querybuilder-error .e-tip-content,
959
+ .e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
960
+ color: #f44336;
961
+ }