@syncfusion/ej2-vue-querybuilder 19.2.60 → 19.3.43

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