@syncfusion/ej2-vue-querybuilder 20.1.47 → 20.1.48

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.
@@ -1,980 +0,0 @@
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: #fff;
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: #605e5c;
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: #605e5c;
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: #fff;
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: #201f1e;
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: #edebe9;
888
- }
889
-
890
- .e-query-builder .e-group-header .e-btn-group {
891
- border-color: #edebe9;
892
- }
893
-
894
- .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
895
- .e-query-builder .e-deletegroup {
896
- background-color: #f3f2f1;
897
- border: 0 solid #f3f2f1;
898
- }
899
-
900
- .e-query-builder .e-group-container {
901
- border-color: #edebe9;
902
- }
903
-
904
- .e-query-builder .e-rule-container {
905
- background-color: #fff;
906
- border-color: #edebe9;
907
- }
908
-
909
- .e-query-builder .e-rule-container.e-joined-rule {
910
- border-top-color: #edebe9;
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: #edebe9;
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: #f3f2f1;
931
- border: 0 solid #f3f2f1;
932
- }
933
-
934
- .e-query-builder .e-removerule.e-btn.e-round {
935
- background-color: #fff;
936
- background-color: #f3f2f1;
937
- border: 0 solid #f3f2f1;
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: #605e5c;
947
- }
948
-
949
- .e-query-builder .e-collapse-rule {
950
- background-color: transparent;
951
- border-color: #edebe9;
952
- color: #605e5c;
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: #edebe9;
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
- }