@syncfusion/ej2-vue-querybuilder 19.4.56 → 20.1.47

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