@quandis/qbo4.configuration 4.0.1-CI-20240930-195550 → 4.0.1-CI-20241008-165825

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,1731 +1,1731 @@
1
- @charset "UTF-8";
2
- /*!
3
- * Bootstrap v5.3.3 (https://getbootstrap.com/)
4
- * Copyright 2011-2024 The Bootstrap Authors
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
- */
7
- :root {
8
- --bs-blue: #0d6efd;
9
- --bs-indigo: #6610f2;
10
- --bs-purple: #6f42c1;
11
- --bs-pink: #d63384;
12
- --bs-red: #dc3545;
13
- --bs-orange: #fd7e14;
14
- --bs-yellow: #ffc107;
15
- --bs-green: #198754;
16
- --bs-teal: #20c997;
17
- --bs-cyan: #0dcaf0;
18
- --bs-black: #000;
19
- --bs-white: #fff;
20
- --bs-gray: #6c757d;
21
- --bs-gray-dark: #343a40;
22
- --bs-gray-100: #f8f9fa;
23
- --bs-gray-200: #e9ecef;
24
- --bs-gray-300: #dee2e6;
25
- --bs-gray-400: #ced4da;
26
- --bs-gray-500: #adb5bd;
27
- --bs-gray-600: #6c757d;
28
- --bs-gray-700: #495057;
29
- --bs-gray-800: #343a40;
30
- --bs-gray-900: #212529;
31
- --bs-primary: #0d6efd;
32
- --bs-secondary: #6c757d;
33
- --bs-success: #198754;
34
- --bs-info: #0dcaf0;
35
- --bs-warning: #ffc107;
36
- --bs-danger: #dc3545;
37
- --bs-light: #f8f9fa;
38
- --bs-dark: #212529;
39
- --bs-primary-rgb: 13, 110, 253;
40
- --bs-secondary-rgb: 108, 117, 125;
41
- --bs-success-rgb: 25, 135, 84;
42
- --bs-info-rgb: 13, 202, 240;
43
- --bs-warning-rgb: 255, 193, 7;
44
- --bs-danger-rgb: 220, 53, 69;
45
- --bs-light-rgb: 248, 249, 250;
46
- --bs-dark-rgb: 33, 37, 41;
47
- --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
48
- --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
49
- --bs-success-text-emphasis: rgb(10, 54, 33.6);
50
- --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
51
- --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
52
- --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
53
- --bs-light-text-emphasis: #495057;
54
- --bs-dark-text-emphasis: #495057;
55
- --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
56
- --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
57
- --bs-success-bg-subtle: rgb(209, 231, 220.8);
58
- --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
59
- --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
60
- --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
61
- --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
62
- --bs-dark-bg-subtle: #ced4da;
63
- --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
64
- --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
65
- --bs-success-border-subtle: rgb(163, 207, 186.6);
66
- --bs-info-border-subtle: rgb(158.2, 233.8, 249);
67
- --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
68
- --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
69
- --bs-light-border-subtle: #e9ecef;
70
- --bs-dark-border-subtle: #adb5bd;
71
- --bs-white-rgb: 255, 255, 255;
72
- --bs-black-rgb: 0, 0, 0;
73
- --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
74
- --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
75
- --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
76
- --bs-body-font-family: var(--bs-font-sans-serif);
77
- --bs-body-font-size: 1rem;
78
- --bs-body-font-weight: 400;
79
- --bs-body-line-height: 1.5;
80
- --bs-body-color: #212529;
81
- --bs-body-color-rgb: 33, 37, 41;
82
- --bs-body-bg: #fff;
83
- --bs-body-bg-rgb: 255, 255, 255;
84
- --bs-emphasis-color: #000;
85
- --bs-emphasis-color-rgb: 0, 0, 0;
86
- --bs-secondary-color: rgba(33, 37, 41, 0.75);
87
- --bs-secondary-color-rgb: 33, 37, 41;
88
- --bs-secondary-bg: #e9ecef;
89
- --bs-secondary-bg-rgb: 233, 236, 239;
90
- --bs-tertiary-color: rgba(33, 37, 41, 0.5);
91
- --bs-tertiary-color-rgb: 33, 37, 41;
92
- --bs-tertiary-bg: #f8f9fa;
93
- --bs-tertiary-bg-rgb: 248, 249, 250;
94
- --bs-heading-color: inherit;
95
- --bs-link-color: #0d6efd;
96
- --bs-link-color-rgb: 13, 110, 253;
97
- --bs-link-decoration: underline;
98
- --bs-link-hover-color: rgb(10.4, 88, 202.4);
99
- --bs-link-hover-color-rgb: 10, 88, 202;
100
- --bs-code-color: #d63384;
101
- --bs-highlight-color: #212529;
102
- --bs-highlight-bg: rgb(255, 242.6, 205.4);
103
- --bs-border-width: 1px;
104
- --bs-border-style: solid;
105
- --bs-border-color: #dee2e6;
106
- --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
107
- --bs-border-radius: 0.375rem;
108
- --bs-border-radius-sm: 0.25rem;
109
- --bs-border-radius-lg: 0.5rem;
110
- --bs-border-radius-xl: 1rem;
111
- --bs-border-radius-xxl: 2rem;
112
- --bs-border-radius-2xl: var(--bs-border-radius-xxl);
113
- --bs-border-radius-pill: 50rem;
114
- --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
115
- --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
116
- --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
117
- --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
118
- --bs-focus-ring-width: 0.25rem;
119
- --bs-focus-ring-opacity: 0.25;
120
- --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
121
- --bs-form-valid-color: #198754;
122
- --bs-form-valid-border-color: #198754;
123
- --bs-form-invalid-color: #dc3545;
124
- --bs-form-invalid-border-color: #dc3545;
125
- }
126
-
127
- *,
128
- *::before,
129
- *::after {
130
- box-sizing: border-box;
131
- }
132
-
133
- @media (prefers-reduced-motion: no-preference) {
134
- :root {
135
- scroll-behavior: smooth;
136
- }
137
- }
138
-
139
- body {
140
- margin: 0;
141
- font-family: var(--bs-body-font-family);
142
- font-size: var(--bs-body-font-size);
143
- font-weight: var(--bs-body-font-weight);
144
- line-height: var(--bs-body-line-height);
145
- color: var(--bs-body-color);
146
- text-align: var(--bs-body-text-align);
147
- background-color: var(--bs-body-bg);
148
- -webkit-text-size-adjust: 100%;
149
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
150
- }
151
-
152
- hr {
153
- margin: 1rem 0;
154
- color: inherit;
155
- border: 0;
156
- border-top: var(--bs-border-width) solid;
157
- opacity: 0.25;
158
- }
159
-
160
- h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
161
- margin-top: 0;
162
- margin-bottom: 0.5rem;
163
- font-weight: 500;
164
- line-height: 1.2;
165
- color: var(--bs-heading-color);
166
- }
167
-
168
- h1, .h1 {
169
- font-size: calc(1.375rem + 1.5vw);
170
- }
171
- @media (min-width: 1200px) {
172
- h1, .h1 {
173
- font-size: 2.5rem;
174
- }
175
- }
176
-
177
- h2, .h2 {
178
- font-size: calc(1.325rem + 0.9vw);
179
- }
180
- @media (min-width: 1200px) {
181
- h2, .h2 {
182
- font-size: 2rem;
183
- }
184
- }
185
-
186
- h3, .h3 {
187
- font-size: calc(1.3rem + 0.6vw);
188
- }
189
- @media (min-width: 1200px) {
190
- h3, .h3 {
191
- font-size: 1.75rem;
192
- }
193
- }
194
-
195
- h4, .h4 {
196
- font-size: calc(1.275rem + 0.3vw);
197
- }
198
- @media (min-width: 1200px) {
199
- h4, .h4 {
200
- font-size: 1.5rem;
201
- }
202
- }
203
-
204
- h5, .h5 {
205
- font-size: 1.25rem;
206
- }
207
-
208
- h6, .h6 {
209
- font-size: 1rem;
210
- }
211
-
212
- p {
213
- margin-top: 0;
214
- margin-bottom: 1rem;
215
- }
216
-
217
- abbr[title] {
218
- -webkit-text-decoration: underline dotted;
219
- text-decoration: underline dotted;
220
- cursor: help;
221
- -webkit-text-decoration-skip-ink: none;
222
- text-decoration-skip-ink: none;
223
- }
224
-
225
- address {
226
- margin-bottom: 1rem;
227
- font-style: normal;
228
- line-height: inherit;
229
- }
230
-
231
- ol,
232
- ul {
233
- padding-left: 2rem;
234
- }
235
-
236
- ol,
237
- ul,
238
- dl {
239
- margin-top: 0;
240
- margin-bottom: 1rem;
241
- }
242
-
243
- ol ol,
244
- ul ul,
245
- ol ul,
246
- ul ol {
247
- margin-bottom: 0;
248
- }
249
-
250
- dt {
251
- font-weight: 700;
252
- }
253
-
254
- dd {
255
- margin-bottom: 0.5rem;
256
- margin-left: 0;
257
- }
258
-
259
- blockquote {
260
- margin: 0 0 1rem;
261
- }
262
-
263
- b,
264
- strong {
265
- font-weight: bolder;
266
- }
267
-
268
- small, .small {
269
- font-size: 0.875em;
270
- }
271
-
272
- mark, .mark {
273
- padding: 0.1875em;
274
- color: var(--bs-highlight-color);
275
- background-color: var(--bs-highlight-bg);
276
- }
277
-
278
- sub,
279
- sup {
280
- position: relative;
281
- font-size: 0.75em;
282
- line-height: 0;
283
- vertical-align: baseline;
284
- }
285
-
286
- sub {
287
- bottom: -0.25em;
288
- }
289
-
290
- sup {
291
- top: -0.5em;
292
- }
293
-
294
- a {
295
- color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
296
- text-decoration: underline;
297
- }
298
- a:hover {
299
- --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
300
- }
301
-
302
- a:not([href]):not([class]), a:not([href]):not([class]):hover {
303
- color: inherit;
304
- text-decoration: none;
305
- }
306
-
307
- pre,
308
- code,
309
- kbd,
310
- samp {
311
- font-family: var(--bs-font-monospace);
312
- font-size: 1em;
313
- }
314
-
315
- pre {
316
- display: block;
317
- margin-top: 0;
318
- margin-bottom: 1rem;
319
- overflow: auto;
320
- font-size: 0.875em;
321
- }
322
- pre code {
323
- font-size: inherit;
324
- color: inherit;
325
- word-break: normal;
326
- }
327
-
328
- code {
329
- font-size: 0.875em;
330
- color: var(--bs-code-color);
331
- word-wrap: break-word;
332
- }
333
- a > code {
334
- color: inherit;
335
- }
336
-
337
- kbd {
338
- padding: 0.1875rem 0.375rem;
339
- font-size: 0.875em;
340
- color: var(--bs-body-bg);
341
- background-color: var(--bs-body-color);
342
- border-radius: 0.25rem;
343
- }
344
- kbd kbd {
345
- padding: 0;
346
- font-size: 1em;
347
- }
348
-
349
- figure {
350
- margin: 0 0 1rem;
351
- }
352
-
353
- img,
354
- svg {
355
- vertical-align: middle;
356
- }
357
-
358
- table {
359
- caption-side: bottom;
360
- border-collapse: collapse;
361
- }
362
-
363
- caption {
364
- padding-top: 0.5rem;
365
- padding-bottom: 0.5rem;
366
- color: var(--bs-secondary-color);
367
- text-align: left;
368
- }
369
-
370
- th {
371
- text-align: inherit;
372
- text-align: -webkit-match-parent;
373
- }
374
-
375
- thead,
376
- tbody,
377
- tfoot,
378
- tr,
379
- td,
380
- th {
381
- border-color: inherit;
382
- border-style: solid;
383
- border-width: 0;
384
- }
385
-
386
- label {
387
- display: inline-block;
388
- }
389
-
390
- button {
391
- border-radius: 0;
392
- }
393
-
394
- button:focus:not(:focus-visible) {
395
- outline: 0;
396
- }
397
-
398
- input,
399
- button,
400
- select,
401
- optgroup,
402
- textarea {
403
- margin: 0;
404
- font-family: inherit;
405
- font-size: inherit;
406
- line-height: inherit;
407
- }
408
-
409
- button,
410
- select {
411
- text-transform: none;
412
- }
413
-
414
- [role=button] {
415
- cursor: pointer;
416
- }
417
-
418
- select {
419
- word-wrap: normal;
420
- }
421
- select:disabled {
422
- opacity: 1;
423
- }
424
-
425
- [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
426
- display: none !important;
427
- }
428
-
429
- button,
430
- [type=button],
431
- [type=reset],
432
- [type=submit] {
433
- -webkit-appearance: button;
434
- }
435
- button:not(:disabled),
436
- [type=button]:not(:disabled),
437
- [type=reset]:not(:disabled),
438
- [type=submit]:not(:disabled) {
439
- cursor: pointer;
440
- }
441
-
442
- ::-moz-focus-inner {
443
- padding: 0;
444
- border-style: none;
445
- }
446
-
447
- textarea {
448
- resize: vertical;
449
- }
450
-
451
- fieldset {
452
- min-width: 0;
453
- padding: 0;
454
- margin: 0;
455
- border: 0;
456
- }
457
-
458
- legend {
459
- float: left;
460
- width: 100%;
461
- padding: 0;
462
- margin-bottom: 0.5rem;
463
- font-size: calc(1.275rem + 0.3vw);
464
- line-height: inherit;
465
- }
466
- @media (min-width: 1200px) {
467
- legend {
468
- font-size: 1.5rem;
469
- }
470
- }
471
- legend + * {
472
- clear: left;
473
- }
474
-
475
- ::-webkit-datetime-edit-fields-wrapper,
476
- ::-webkit-datetime-edit-text,
477
- ::-webkit-datetime-edit-minute,
478
- ::-webkit-datetime-edit-hour-field,
479
- ::-webkit-datetime-edit-day-field,
480
- ::-webkit-datetime-edit-month-field,
481
- ::-webkit-datetime-edit-year-field {
482
- padding: 0;
483
- }
484
-
485
- ::-webkit-inner-spin-button {
486
- height: auto;
487
- }
488
-
489
- [type=search] {
490
- -webkit-appearance: textfield;
491
- outline-offset: -2px;
492
- }
493
-
494
- /* rtl:raw:
495
- [type="tel"],
496
- [type="url"],
497
- [type="email"],
498
- [type="number"] {
499
- direction: ltr;
500
- }
501
- */
502
- ::-webkit-search-decoration {
503
- -webkit-appearance: none;
504
- }
505
-
506
- ::-webkit-color-swatch-wrapper {
507
- padding: 0;
508
- }
509
-
510
- ::file-selector-button {
511
- font: inherit;
512
- -webkit-appearance: button;
513
- }
514
-
515
- output {
516
- display: inline-block;
517
- }
518
-
519
- iframe {
520
- border: 0;
521
- }
522
-
523
- summary {
524
- display: list-item;
525
- cursor: pointer;
526
- }
527
-
528
- progress {
529
- vertical-align: baseline;
530
- }
531
-
532
- [hidden] {
533
- display: none !important;
534
- }
535
-
536
- .lead {
537
- font-size: 1.25rem;
538
- font-weight: 300;
539
- }
540
-
541
- .blockquote {
542
- margin-bottom: 1rem;
543
- font-size: 1.25rem;
544
- }
545
- .blockquote > :last-child {
546
- margin-bottom: 0;
547
- }
548
-
549
- .figure {
550
- display: inline-block;
551
- }
552
-
553
- .container {
554
- --bs-gutter-x: 1.5rem;
555
- --bs-gutter-y: 0;
556
- width: 100%;
557
- padding-right: calc(var(--bs-gutter-x) * 0.5);
558
- padding-left: calc(var(--bs-gutter-x) * 0.5);
559
- margin-right: auto;
560
- margin-left: auto;
561
- }
562
-
563
- @media (min-width: 576px) {
564
- .container {
565
- max-width: 540px;
566
- }
567
- }
568
- @media (min-width: 768px) {
569
- .container {
570
- max-width: 720px;
571
- }
572
- }
573
- @media (min-width: 992px) {
574
- .container {
575
- max-width: 960px;
576
- }
577
- }
578
- @media (min-width: 1200px) {
579
- .container {
580
- max-width: 1140px;
581
- }
582
- }
583
- @media (min-width: 1400px) {
584
- .container {
585
- max-width: 1320px;
586
- }
587
- }
588
- :root {
589
- --bs-breakpoint-xs: 0;
590
- --bs-breakpoint-sm: 576px;
591
- --bs-breakpoint-md: 768px;
592
- --bs-breakpoint-lg: 992px;
593
- --bs-breakpoint-xl: 1200px;
594
- --bs-breakpoint-xxl: 1400px;
595
- }
596
-
597
- .row {
598
- --bs-gutter-x: 1.5rem;
599
- --bs-gutter-y: 0;
600
- display: flex;
601
- flex-wrap: wrap;
602
- margin-top: calc(-1 * var(--bs-gutter-y));
603
- margin-right: calc(-0.5 * var(--bs-gutter-x));
604
- margin-left: calc(-0.5 * var(--bs-gutter-x));
605
- }
606
- .row > * {
607
- flex-shrink: 0;
608
- width: 100%;
609
- max-width: 100%;
610
- padding-right: calc(var(--bs-gutter-x) * 0.5);
611
- padding-left: calc(var(--bs-gutter-x) * 0.5);
612
- margin-top: var(--bs-gutter-y);
613
- }
614
-
615
- .col {
616
- flex: 1 0 0%;
617
- }
618
-
619
- .offset-1 {
620
- margin-left: 8.33333333%;
621
- }
622
- .table {
623
- --bs-table-color-type: initial;
624
- --bs-table-bg-type: initial;
625
- --bs-table-color-state: initial;
626
- --bs-table-bg-state: initial;
627
- --bs-table-color: var(--bs-emphasis-color);
628
- --bs-table-bg: var(--bs-body-bg);
629
- --bs-table-border-color: var(--bs-border-color);
630
- --bs-table-accent-bg: transparent;
631
- --bs-table-striped-color: var(--bs-emphasis-color);
632
- --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
633
- --bs-table-active-color: var(--bs-emphasis-color);
634
- --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
635
- --bs-table-hover-color: var(--bs-emphasis-color);
636
- --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
637
- width: 100%;
638
- margin-bottom: 1rem;
639
- vertical-align: top;
640
- border-color: var(--bs-table-border-color);
641
- }
642
- .table > :not(caption) > * > * {
643
- padding: 0.5rem 0.5rem;
644
- color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
645
- background-color: var(--bs-table-bg);
646
- border-bottom-width: var(--bs-border-width);
647
- box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
648
- }
649
- .table > tbody {
650
- vertical-align: inherit;
651
- }
652
- .table > thead {
653
- vertical-align: bottom;
654
- }
655
-
656
- .form-control, .qbo-code input {
657
- display: block;
658
- width: 100%;
659
- padding: 0.375rem 0.75rem;
660
- font-size: 1rem;
661
- font-weight: 400;
662
- line-height: 1.5;
663
- color: var(--bs-body-color);
664
- -webkit-appearance: none;
665
- -moz-appearance: none;
666
- appearance: none;
667
- background-color: var(--bs-body-bg);
668
- background-clip: padding-box;
669
- border: var(--bs-border-width) solid var(--bs-border-color);
670
- border-radius: var(--bs-border-radius);
671
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
672
- }
673
- @media (prefers-reduced-motion: reduce) {
674
- .form-control, .qbo-code input {
675
- transition: none;
676
- }
677
- }
678
- .form-control[type=file], .qbo-code input[type=file] {
679
- overflow: hidden;
680
- }
681
- .form-control[type=file]:not(:disabled):not([readonly]), .qbo-code input[type=file]:not(:disabled):not([readonly]) {
682
- cursor: pointer;
683
- }
684
- .form-control:focus, .qbo-code input:focus {
685
- color: var(--bs-body-color);
686
- background-color: var(--bs-body-bg);
687
- border-color: rgb(134, 182.5, 254);
688
- outline: 0;
689
- box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
690
- }
691
- .form-control::-webkit-date-and-time-value, .qbo-code input::-webkit-date-and-time-value {
692
- min-width: 85px;
693
- height: 1.5em;
694
- margin: 0;
695
- }
696
- .form-control::-webkit-datetime-edit, .qbo-code input::-webkit-datetime-edit {
697
- display: block;
698
- padding: 0;
699
- }
700
- .form-control::-moz-placeholder, .qbo-code input::-moz-placeholder {
701
- color: var(--bs-secondary-color);
702
- opacity: 1;
703
- }
704
- .form-control::placeholder, .qbo-code input::placeholder {
705
- color: var(--bs-secondary-color);
706
- opacity: 1;
707
- }
708
- .form-control:disabled, .qbo-code input:disabled {
709
- background-color: var(--bs-secondary-bg);
710
- opacity: 1;
711
- }
712
- .form-control::file-selector-button, .qbo-code input::file-selector-button {
713
- padding: 0.375rem 0.75rem;
714
- margin: -0.375rem -0.75rem;
715
- margin-inline-end: 0.75rem;
716
- color: var(--bs-body-color);
717
- background-color: var(--bs-tertiary-bg);
718
- pointer-events: none;
719
- border-color: inherit;
720
- border-style: solid;
721
- border-width: 0;
722
- border-inline-end-width: var(--bs-border-width);
723
- border-radius: 0;
724
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
725
- }
726
- @media (prefers-reduced-motion: reduce) {
727
- .form-control::file-selector-button, .qbo-code input::file-selector-button {
728
- transition: none;
729
- }
730
- }
731
- .form-control:hover:not(:disabled):not([readonly])::file-selector-button, .qbo-code input:hover:not(:disabled):not([readonly])::file-selector-button {
732
- background-color: var(--bs-secondary-bg);
733
- }
734
-
735
- textarea.form-control {
736
- min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
737
- }
738
-
739
- .form-check {
740
- display: block;
741
- min-height: 1.5rem;
742
- padding-left: 1.5em;
743
- margin-bottom: 0.125rem;
744
- }
745
- .form-check .form-check-input {
746
- float: left;
747
- margin-left: -1.5em;
748
- }
749
-
750
- .form-check-input {
751
- --bs-form-check-bg: var(--bs-body-bg);
752
- flex-shrink: 0;
753
- width: 1em;
754
- height: 1em;
755
- margin-top: 0.25em;
756
- vertical-align: top;
757
- -webkit-appearance: none;
758
- -moz-appearance: none;
759
- appearance: none;
760
- background-color: var(--bs-form-check-bg);
761
- background-image: var(--bs-form-check-bg-image);
762
- background-repeat: no-repeat;
763
- background-position: center;
764
- background-size: contain;
765
- border: var(--bs-border-width) solid var(--bs-border-color);
766
- -webkit-print-color-adjust: exact;
767
- print-color-adjust: exact;
768
- }
769
- .form-check-input[type=checkbox] {
770
- border-radius: 0.25em;
771
- }
772
- .form-check-input[type=radio] {
773
- border-radius: 50%;
774
- }
775
- .form-check-input:active {
776
- filter: brightness(90%);
777
- }
778
- .form-check-input:focus {
779
- border-color: rgb(134, 182.5, 254);
780
- outline: 0;
781
- box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
782
- }
783
- .form-check-input:checked {
784
- background-color: #0d6efd;
785
- border-color: #0d6efd;
786
- }
787
- .form-check-input:checked[type=checkbox] {
788
- --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
789
- }
790
- .form-check-input:checked[type=radio] {
791
- --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
792
- }
793
- .form-check-input[type=checkbox]:indeterminate {
794
- background-color: #0d6efd;
795
- border-color: #0d6efd;
796
- --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
797
- }
798
- .form-check-input:disabled {
799
- pointer-events: none;
800
- filter: none;
801
- opacity: 0.5;
802
- }
803
- .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
804
- cursor: default;
805
- opacity: 0.5;
806
- }
807
-
808
- .form-switch {
809
- padding-left: 2.5em;
810
- }
811
- .form-switch .form-check-input {
812
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
813
- width: 2em;
814
- margin-left: -2.5em;
815
- background-image: var(--bs-form-switch-bg);
816
- background-position: left center;
817
- border-radius: 2em;
818
- transition: background-position 0.15s ease-in-out;
819
- }
820
- @media (prefers-reduced-motion: reduce) {
821
- .form-switch .form-check-input {
822
- transition: none;
823
- }
824
- }
825
- .form-switch .form-check-input:focus {
826
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e");
827
- }
828
- .form-switch .form-check-input:checked {
829
- background-position: right center;
830
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
831
- }
832
-
833
- .btn-check {
834
- position: absolute;
835
- clip: rect(0, 0, 0, 0);
836
- pointer-events: none;
837
- }
838
- .btn-check[disabled] + .btn, .qbo-code .btn-check[disabled] + button, .btn-check:disabled + .btn, .qbo-code .btn-check:disabled + button {
839
- pointer-events: none;
840
- filter: none;
841
- opacity: 0.65;
842
- }
843
-
844
- .form-floating {
845
- position: relative;
846
- }
847
- .form-floating > .form-control, .qbo-code .form-floating > input {
848
- height: calc(3.5rem + calc(var(--bs-border-width) * 2));
849
- min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
850
- line-height: 1.25;
851
- }
852
- .form-floating > label {
853
- position: absolute;
854
- top: 0;
855
- left: 0;
856
- z-index: 2;
857
- height: 100%;
858
- padding: 1rem 0.75rem;
859
- overflow: hidden;
860
- text-align: start;
861
- text-overflow: ellipsis;
862
- white-space: nowrap;
863
- pointer-events: none;
864
- border: var(--bs-border-width) solid transparent;
865
- transform-origin: 0 0;
866
- transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
867
- }
868
- @media (prefers-reduced-motion: reduce) {
869
- .form-floating > label {
870
- transition: none;
871
- }
872
- }
873
- .form-floating > .form-control, .qbo-code .form-floating > input {
874
- padding: 1rem 0.75rem;
875
- }
876
- .form-floating > .form-control::-moz-placeholder, .qbo-code .form-floating > input::-moz-placeholder {
877
- color: transparent;
878
- }
879
- .form-floating > .form-control::placeholder, .qbo-code .form-floating > input::placeholder {
880
- color: transparent;
881
- }
882
- .form-floating > .form-control:not(:-moz-placeholder-shown), .qbo-code .form-floating > input:not(:-moz-placeholder-shown) {
883
- padding-top: 1.625rem;
884
- padding-bottom: 0.625rem;
885
- }
886
- .form-floating > .form-control:focus, .qbo-code .form-floating > input:focus, .form-floating > .form-control:not(:placeholder-shown), .qbo-code .form-floating > input:not(:placeholder-shown) {
887
- padding-top: 1.625rem;
888
- padding-bottom: 0.625rem;
889
- }
890
- .form-floating > .form-control:-webkit-autofill, .qbo-code .form-floating > input:-webkit-autofill {
891
- padding-top: 1.625rem;
892
- padding-bottom: 0.625rem;
893
- }
894
- .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label, .qbo-code .form-floating > input:not(:-moz-placeholder-shown) ~ label {
895
- color: rgba(var(--bs-body-color-rgb), 0.65);
896
- transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
897
- }
898
- .form-floating > .form-control:focus ~ label, .qbo-code .form-floating > input:focus ~ label,
899
- .form-floating > .form-control:not(:placeholder-shown) ~ label,
900
- .qbo-code .form-floating > input:not(:placeholder-shown) ~ label {
901
- color: rgba(var(--bs-body-color-rgb), 0.65);
902
- transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
903
- }
904
- .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after, .qbo-code .form-floating > input:not(:-moz-placeholder-shown) ~ label::after {
905
- position: absolute;
906
- inset: 1rem 0.375rem;
907
- z-index: -1;
908
- height: 1.5em;
909
- content: "";
910
- background-color: var(--bs-body-bg);
911
- border-radius: var(--bs-border-radius);
912
- }
913
- .form-floating > .form-control:focus ~ label::after, .qbo-code .form-floating > input:focus ~ label::after,
914
- .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
915
- .qbo-code .form-floating > input:not(:placeholder-shown) ~ label::after {
916
- position: absolute;
917
- inset: 1rem 0.375rem;
918
- z-index: -1;
919
- height: 1.5em;
920
- content: "";
921
- background-color: var(--bs-body-bg);
922
- border-radius: var(--bs-border-radius);
923
- }
924
- .form-floating > .form-control:-webkit-autofill ~ label, .qbo-code .form-floating > input:-webkit-autofill ~ label {
925
- color: rgba(var(--bs-body-color-rgb), 0.65);
926
- transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
927
- }
928
- .form-floating > :disabled ~ label,
929
- .form-floating > .form-control:disabled ~ label {
930
- color: #6c757d;
931
- }
932
- .form-floating > :disabled ~ label::after,
933
- .form-floating > .form-control:disabled ~ label::after {
934
- background-color: var(--bs-secondary-bg);
935
- }
936
-
937
- .input-group {
938
- position: relative;
939
- display: flex;
940
- flex-wrap: wrap;
941
- align-items: stretch;
942
- width: 100%;
943
- }
944
- .input-group > .form-control, .qbo-code .input-group > input,
945
- .input-group > .form-floating {
946
- position: relative;
947
- flex: 1 1 auto;
948
- width: 1%;
949
- min-width: 0;
950
- }
951
- .input-group > .form-control:focus, .qbo-code .input-group > input:focus,
952
- .input-group > .form-floating:focus-within {
953
- z-index: 5;
954
- }
955
- .input-group .btn, .input-group .qbo-code button, .qbo-code .input-group button {
956
- position: relative;
957
- z-index: 2;
958
- }
959
- .input-group .btn:focus, .input-group .qbo-code button:focus, .qbo-code .input-group button:focus {
960
- z-index: 5;
961
- }
962
-
963
- .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
964
- .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
965
- .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
966
- .qbo-code .input-group:not(.has-validation) > .form-floating:not(:last-child) > input {
967
- border-top-right-radius: 0;
968
- border-bottom-right-radius: 0;
969
- }
970
- .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
971
- .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
972
- .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
973
- .qbo-code .input-group.has-validation > .form-floating:nth-last-child(n+3) > input {
974
- border-top-right-radius: 0;
975
- border-bottom-right-radius: 0;
976
- }
977
- .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
978
- margin-left: calc(var(--bs-border-width) * -1);
979
- border-top-left-radius: 0;
980
- border-bottom-left-radius: 0;
981
- }
982
- .input-group > .form-floating:not(:first-child) > .form-control, .qbo-code .input-group > .form-floating:not(:first-child) > input {
983
- border-top-left-radius: 0;
984
- border-bottom-left-radius: 0;
985
- }
986
-
987
- .valid-feedback {
988
- display: none;
989
- width: 100%;
990
- margin-top: 0.25rem;
991
- font-size: 0.875em;
992
- color: var(--bs-form-valid-color);
993
- }
994
-
995
- .valid-tooltip {
996
- position: absolute;
997
- top: 100%;
998
- z-index: 5;
999
- display: none;
1000
- max-width: 100%;
1001
- padding: 0.25rem 0.5rem;
1002
- margin-top: 0.1rem;
1003
- font-size: 0.875rem;
1004
- color: #fff;
1005
- background-color: var(--bs-success);
1006
- border-radius: var(--bs-border-radius);
1007
- }
1008
-
1009
- .invalid-feedback {
1010
- display: none;
1011
- width: 100%;
1012
- margin-top: 0.25rem;
1013
- font-size: 0.875em;
1014
- color: var(--bs-form-invalid-color);
1015
- }
1016
-
1017
- .invalid-tooltip {
1018
- position: absolute;
1019
- top: 100%;
1020
- z-index: 5;
1021
- display: none;
1022
- max-width: 100%;
1023
- padding: 0.25rem 0.5rem;
1024
- margin-top: 0.1rem;
1025
- font-size: 0.875rem;
1026
- color: #fff;
1027
- background-color: var(--bs-danger);
1028
- border-radius: var(--bs-border-radius);
1029
- }
1030
-
1031
- .btn, .qbo-code button {
1032
- --bs-btn-padding-x: 0.75rem;
1033
- --bs-btn-padding-y: 0.375rem;
1034
- --bs-btn-font-family: ;
1035
- --bs-btn-font-size: 1rem;
1036
- --bs-btn-font-weight: 400;
1037
- --bs-btn-line-height: 1.5;
1038
- --bs-btn-color: var(--bs-body-color);
1039
- --bs-btn-bg: transparent;
1040
- --bs-btn-border-width: var(--bs-border-width);
1041
- --bs-btn-border-color: transparent;
1042
- --bs-btn-border-radius: var(--bs-border-radius);
1043
- --bs-btn-hover-border-color: transparent;
1044
- --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
1045
- --bs-btn-disabled-opacity: 0.65;
1046
- --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
1047
- display: inline-block;
1048
- padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
1049
- font-family: var(--bs-btn-font-family);
1050
- font-size: var(--bs-btn-font-size);
1051
- font-weight: var(--bs-btn-font-weight);
1052
- line-height: var(--bs-btn-line-height);
1053
- color: var(--bs-btn-color);
1054
- text-align: center;
1055
- text-decoration: none;
1056
- vertical-align: middle;
1057
- cursor: pointer;
1058
- -webkit-user-select: none;
1059
- -moz-user-select: none;
1060
- user-select: none;
1061
- border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
1062
- border-radius: var(--bs-btn-border-radius);
1063
- background-color: var(--bs-btn-bg);
1064
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1065
- }
1066
- @media (prefers-reduced-motion: reduce) {
1067
- .btn, .qbo-code button {
1068
- transition: none;
1069
- }
1070
- }
1071
- .btn:hover, .qbo-code button:hover {
1072
- color: var(--bs-btn-hover-color);
1073
- background-color: var(--bs-btn-hover-bg);
1074
- border-color: var(--bs-btn-hover-border-color);
1075
- }
1076
- .btn-check + .btn:hover, .qbo-code .btn-check + button:hover {
1077
- color: var(--bs-btn-color);
1078
- background-color: var(--bs-btn-bg);
1079
- border-color: var(--bs-btn-border-color);
1080
- }
1081
- .btn:focus-visible, .qbo-code button:focus-visible {
1082
- color: var(--bs-btn-hover-color);
1083
- background-color: var(--bs-btn-hover-bg);
1084
- border-color: var(--bs-btn-hover-border-color);
1085
- outline: 0;
1086
- box-shadow: var(--bs-btn-focus-box-shadow);
1087
- }
1088
- .btn-check:focus-visible + .btn, .qbo-code .btn-check:focus-visible + button {
1089
- border-color: var(--bs-btn-hover-border-color);
1090
- outline: 0;
1091
- box-shadow: var(--bs-btn-focus-box-shadow);
1092
- }
1093
- .btn-check:checked + .btn, .qbo-code .btn-check:checked + button, :not(.btn-check) + .btn:active, .qbo-code :not(.btn-check) + button:active, .btn:first-child:active, .qbo-code button:first-child:active, .btn.active, .qbo-code button.active, .btn.show, .qbo-code button.show {
1094
- color: var(--bs-btn-active-color);
1095
- background-color: var(--bs-btn-active-bg);
1096
- border-color: var(--bs-btn-active-border-color);
1097
- }
1098
- .btn-check:checked + .btn:focus-visible, .qbo-code .btn-check:checked + button:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .qbo-code :not(.btn-check) + button:active:focus-visible, .btn:first-child:active:focus-visible, .qbo-code button:first-child:active:focus-visible, .btn.active:focus-visible, .qbo-code button.active:focus-visible, .btn.show:focus-visible, .qbo-code button.show:focus-visible {
1099
- box-shadow: var(--bs-btn-focus-box-shadow);
1100
- }
1101
- .btn-check:checked:focus-visible + .btn, .qbo-code .btn-check:checked:focus-visible + button {
1102
- box-shadow: var(--bs-btn-focus-box-shadow);
1103
- }
1104
- .btn:disabled, .qbo-code button:disabled, .btn.disabled, .qbo-code button.disabled, fieldset:disabled .btn, fieldset:disabled .qbo-code button, .qbo-code fieldset:disabled button {
1105
- color: var(--bs-btn-disabled-color);
1106
- pointer-events: none;
1107
- background-color: var(--bs-btn-disabled-bg);
1108
- border-color: var(--bs-btn-disabled-border-color);
1109
- opacity: var(--bs-btn-disabled-opacity);
1110
- }
1111
-
1112
- .qbo-code button[type=submit] {
1113
- --bs-btn-color: #fff;
1114
- --bs-btn-bg: #0d6efd;
1115
- --bs-btn-border-color: #0d6efd;
1116
- --bs-btn-hover-color: #fff;
1117
- --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
1118
- --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
1119
- --bs-btn-focus-shadow-rgb: 49, 132, 253;
1120
- --bs-btn-active-color: #fff;
1121
- --bs-btn-active-bg: rgb(10.4, 88, 202.4);
1122
- --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
1123
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1124
- --bs-btn-disabled-color: #fff;
1125
- --bs-btn-disabled-bg: #0d6efd;
1126
- --bs-btn-disabled-border-color: #0d6efd;
1127
- }
1128
-
1129
- .btn-secondary {
1130
- --bs-btn-color: #fff;
1131
- --bs-btn-bg: #6c757d;
1132
- --bs-btn-border-color: #6c757d;
1133
- --bs-btn-hover-color: #fff;
1134
- --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
1135
- --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
1136
- --bs-btn-focus-shadow-rgb: 130, 138, 145;
1137
- --bs-btn-active-color: #fff;
1138
- --bs-btn-active-bg: rgb(86.4, 93.6, 100);
1139
- --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
1140
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1141
- --bs-btn-disabled-color: #fff;
1142
- --bs-btn-disabled-bg: #6c757d;
1143
- --bs-btn-disabled-border-color: #6c757d;
1144
- }
1145
-
1146
- .btn-success {
1147
- --bs-btn-color: #fff;
1148
- --bs-btn-bg: #198754;
1149
- --bs-btn-border-color: #198754;
1150
- --bs-btn-hover-color: #fff;
1151
- --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
1152
- --bs-btn-hover-border-color: rgb(20, 108, 67.2);
1153
- --bs-btn-focus-shadow-rgb: 60, 153, 110;
1154
- --bs-btn-active-color: #fff;
1155
- --bs-btn-active-bg: rgb(20, 108, 67.2);
1156
- --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
1157
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1158
- --bs-btn-disabled-color: #fff;
1159
- --bs-btn-disabled-bg: #198754;
1160
- --bs-btn-disabled-border-color: #198754;
1161
- }
1162
-
1163
- .qbo-code button[type=reset] {
1164
- --bs-btn-color: #000;
1165
- --bs-btn-bg: #f8f9fa;
1166
- --bs-btn-border-color: #f8f9fa;
1167
- --bs-btn-hover-color: #000;
1168
- --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
1169
- --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
1170
- --bs-btn-focus-shadow-rgb: 211, 212, 213;
1171
- --bs-btn-active-color: #000;
1172
- --bs-btn-active-bg: rgb(198.4, 199.2, 200);
1173
- --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
1174
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1175
- --bs-btn-disabled-color: #000;
1176
- --bs-btn-disabled-bg: #f8f9fa;
1177
- --bs-btn-disabled-border-color: #f8f9fa;
1178
- }
1179
-
1180
- .btn-outline-primary {
1181
- --bs-btn-color: #0d6efd;
1182
- --bs-btn-border-color: #0d6efd;
1183
- --bs-btn-hover-color: #fff;
1184
- --bs-btn-hover-bg: #0d6efd;
1185
- --bs-btn-hover-border-color: #0d6efd;
1186
- --bs-btn-focus-shadow-rgb: 13, 110, 253;
1187
- --bs-btn-active-color: #fff;
1188
- --bs-btn-active-bg: #0d6efd;
1189
- --bs-btn-active-border-color: #0d6efd;
1190
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1191
- --bs-btn-disabled-color: #0d6efd;
1192
- --bs-btn-disabled-bg: transparent;
1193
- --bs-btn-disabled-border-color: #0d6efd;
1194
- --bs-gradient: none;
1195
- }
1196
-
1197
- .btn-outline-danger {
1198
- --bs-btn-color: #dc3545;
1199
- --bs-btn-border-color: #dc3545;
1200
- --bs-btn-hover-color: #fff;
1201
- --bs-btn-hover-bg: #dc3545;
1202
- --bs-btn-hover-border-color: #dc3545;
1203
- --bs-btn-focus-shadow-rgb: 220, 53, 69;
1204
- --bs-btn-active-color: #fff;
1205
- --bs-btn-active-bg: #dc3545;
1206
- --bs-btn-active-border-color: #dc3545;
1207
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1208
- --bs-btn-disabled-color: #dc3545;
1209
- --bs-btn-disabled-bg: transparent;
1210
- --bs-btn-disabled-border-color: #dc3545;
1211
- --bs-gradient: none;
1212
- }
1213
-
1214
- .collapse:not(.show) {
1215
- display: none;
1216
- }
1217
-
1218
- .collapsing {
1219
- height: 0;
1220
- overflow: hidden;
1221
- transition: height 0.35s ease;
1222
- }
1223
- @media (prefers-reduced-motion: reduce) {
1224
- .collapsing {
1225
- transition: none;
1226
- }
1227
- }
1228
-
1229
- .dropdown-toggle {
1230
- white-space: nowrap;
1231
- }
1232
- .dropdown-toggle::after {
1233
- display: inline-block;
1234
- margin-left: 0.255em;
1235
- vertical-align: 0.255em;
1236
- content: "";
1237
- border-top: 0.3em solid;
1238
- border-right: 0.3em solid transparent;
1239
- border-bottom: 0;
1240
- border-left: 0.3em solid transparent;
1241
- }
1242
- .dropdown-toggle:empty::after {
1243
- margin-left: 0;
1244
- }
1245
-
1246
- .dropdown-menu {
1247
- --bs-dropdown-zindex: 1000;
1248
- --bs-dropdown-min-width: 10rem;
1249
- --bs-dropdown-padding-x: 0;
1250
- --bs-dropdown-padding-y: 0.5rem;
1251
- --bs-dropdown-spacer: 0.125rem;
1252
- --bs-dropdown-font-size: 1rem;
1253
- --bs-dropdown-color: var(--bs-body-color);
1254
- --bs-dropdown-bg: var(--bs-body-bg);
1255
- --bs-dropdown-border-color: var(--bs-border-color-translucent);
1256
- --bs-dropdown-border-radius: var(--bs-border-radius);
1257
- --bs-dropdown-border-width: var(--bs-border-width);
1258
- --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
1259
- --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
1260
- --bs-dropdown-divider-margin-y: 0.5rem;
1261
- --bs-dropdown-box-shadow: var(--bs-box-shadow);
1262
- --bs-dropdown-link-color: var(--bs-body-color);
1263
- --bs-dropdown-link-hover-color: var(--bs-body-color);
1264
- --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
1265
- --bs-dropdown-link-active-color: #fff;
1266
- --bs-dropdown-link-active-bg: #0d6efd;
1267
- --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
1268
- --bs-dropdown-item-padding-x: 1rem;
1269
- --bs-dropdown-item-padding-y: 0.25rem;
1270
- --bs-dropdown-header-color: #6c757d;
1271
- --bs-dropdown-header-padding-x: 1rem;
1272
- --bs-dropdown-header-padding-y: 0.5rem;
1273
- position: absolute;
1274
- z-index: var(--bs-dropdown-zindex);
1275
- display: none;
1276
- min-width: var(--bs-dropdown-min-width);
1277
- padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
1278
- margin: 0;
1279
- font-size: var(--bs-dropdown-font-size);
1280
- color: var(--bs-dropdown-color);
1281
- text-align: left;
1282
- list-style: none;
1283
- background-color: var(--bs-dropdown-bg);
1284
- background-clip: padding-box;
1285
- border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
1286
- border-radius: var(--bs-dropdown-border-radius);
1287
- }
1288
-
1289
- .dropdown-menu.show {
1290
- display: block;
1291
- }
1292
-
1293
- .nav {
1294
- --bs-nav-link-padding-x: 1rem;
1295
- --bs-nav-link-padding-y: 0.5rem;
1296
- --bs-nav-link-font-weight: ;
1297
- --bs-nav-link-color: var(--bs-link-color);
1298
- --bs-nav-link-hover-color: var(--bs-link-hover-color);
1299
- --bs-nav-link-disabled-color: var(--bs-secondary-color);
1300
- display: flex;
1301
- flex-wrap: wrap;
1302
- padding-left: 0;
1303
- margin-bottom: 0;
1304
- list-style: none;
1305
- }
1306
-
1307
- .alert, .error {
1308
- --bs-alert-bg: transparent;
1309
- --bs-alert-padding-x: 1rem;
1310
- --bs-alert-padding-y: 1rem;
1311
- --bs-alert-margin-bottom: 1rem;
1312
- --bs-alert-color: inherit;
1313
- --bs-alert-border-color: transparent;
1314
- --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
1315
- --bs-alert-border-radius: var(--bs-border-radius);
1316
- --bs-alert-link-color: inherit;
1317
- position: relative;
1318
- padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
1319
- margin-bottom: var(--bs-alert-margin-bottom);
1320
- color: var(--bs-alert-color);
1321
- background-color: var(--bs-alert-bg);
1322
- border: var(--bs-alert-border);
1323
- border-radius: var(--bs-alert-border-radius);
1324
- }
1325
-
1326
- .working {
1327
- --bs-alert-color: var(--bs-success-text-emphasis);
1328
- --bs-alert-bg: var(--bs-success-bg-subtle);
1329
- --bs-alert-border-color: var(--bs-success-border-subtle);
1330
- --bs-alert-link-color: var(--bs-success-text-emphasis);
1331
- }
1332
-
1333
- .error {
1334
- --bs-alert-color: var(--bs-danger-text-emphasis);
1335
- --bs-alert-bg: var(--bs-danger-bg-subtle);
1336
- --bs-alert-border-color: var(--bs-danger-border-subtle);
1337
- --bs-alert-link-color: var(--bs-danger-text-emphasis);
1338
- }
1339
-
1340
- @keyframes progress-bar-stripes {
1341
- 0% {
1342
- background-position-x: 1rem;
1343
- }
1344
- }
1345
- .progress {
1346
- --bs-progress-height: 1rem;
1347
- --bs-progress-font-size: 0.75rem;
1348
- --bs-progress-bg: var(--bs-secondary-bg);
1349
- --bs-progress-border-radius: var(--bs-border-radius);
1350
- --bs-progress-box-shadow: var(--bs-box-shadow-inset);
1351
- --bs-progress-bar-color: #fff;
1352
- --bs-progress-bar-bg: #0d6efd;
1353
- --bs-progress-bar-transition: width 0.6s ease;
1354
- display: flex;
1355
- height: var(--bs-progress-height);
1356
- overflow: hidden;
1357
- font-size: var(--bs-progress-font-size);
1358
- background-color: var(--bs-progress-bg);
1359
- border-radius: var(--bs-progress-border-radius);
1360
- }
1361
-
1362
- .modal {
1363
- --bs-modal-zindex: 1055;
1364
- --bs-modal-width: 500px;
1365
- --bs-modal-padding: 1rem;
1366
- --bs-modal-margin: 0.5rem;
1367
- --bs-modal-color: ;
1368
- --bs-modal-bg: var(--bs-body-bg);
1369
- --bs-modal-border-color: var(--bs-border-color-translucent);
1370
- --bs-modal-border-width: var(--bs-border-width);
1371
- --bs-modal-border-radius: var(--bs-border-radius-lg);
1372
- --bs-modal-box-shadow: var(--bs-box-shadow-sm);
1373
- --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
1374
- --bs-modal-header-padding-x: 1rem;
1375
- --bs-modal-header-padding-y: 1rem;
1376
- --bs-modal-header-padding: 1rem 1rem;
1377
- --bs-modal-header-border-color: var(--bs-border-color);
1378
- --bs-modal-header-border-width: var(--bs-border-width);
1379
- --bs-modal-title-line-height: 1.5;
1380
- --bs-modal-footer-gap: 0.5rem;
1381
- --bs-modal-footer-bg: ;
1382
- --bs-modal-footer-border-color: var(--bs-border-color);
1383
- --bs-modal-footer-border-width: var(--bs-border-width);
1384
- position: fixed;
1385
- top: 0;
1386
- left: 0;
1387
- z-index: var(--bs-modal-zindex);
1388
- display: none;
1389
- width: 100%;
1390
- height: 100%;
1391
- overflow-x: hidden;
1392
- overflow-y: auto;
1393
- outline: 0;
1394
- }
1395
-
1396
- .modal-dialog {
1397
- position: relative;
1398
- width: auto;
1399
- margin: var(--bs-modal-margin);
1400
- pointer-events: none;
1401
- }
1402
- .modal.show .modal-dialog {
1403
- transform: none;
1404
- }
1405
-
1406
- .modal-dialog-scrollable {
1407
- height: calc(100% - var(--bs-modal-margin) * 2);
1408
- }
1409
- .modal-dialog-scrollable .qbo-code {
1410
- max-height: 100%;
1411
- overflow: hidden;
1412
- }
1413
- .modal-dialog-scrollable .qbo-code section, .qbo-code .modal-dialog-scrollable section {
1414
- overflow-y: auto;
1415
- }
1416
-
1417
- .modal-dialog-centered {
1418
- display: flex;
1419
- align-items: center;
1420
- min-height: calc(100% - var(--bs-modal-margin) * 2);
1421
- }
1422
-
1423
- .qbo-code {
1424
- position: relative;
1425
- display: flex;
1426
- flex-direction: column;
1427
- width: 100%;
1428
- color: var(--bs-modal-color);
1429
- pointer-events: auto;
1430
- background-color: var(--bs-modal-bg);
1431
- background-clip: padding-box;
1432
- border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
1433
- border-radius: var(--bs-modal-border-radius);
1434
- outline: 0;
1435
- }
1436
-
1437
- .qbo-code header {
1438
- display: flex;
1439
- flex-shrink: 0;
1440
- align-items: center;
1441
- padding: var(--bs-modal-header-padding);
1442
- border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
1443
- border-top-left-radius: var(--bs-modal-inner-border-radius);
1444
- border-top-right-radius: var(--bs-modal-inner-border-radius);
1445
- }
1446
-
1447
- .qbo-code section {
1448
- position: relative;
1449
- flex: 1 1 auto;
1450
- padding: var(--bs-modal-padding);
1451
- }
1452
-
1453
- .qbo-code footer {
1454
- display: flex;
1455
- flex-shrink: 0;
1456
- flex-wrap: wrap;
1457
- align-items: center;
1458
- justify-content: flex-end;
1459
- padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
1460
- background-color: var(--bs-modal-footer-bg);
1461
- border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
1462
- border-bottom-right-radius: var(--bs-modal-inner-border-radius);
1463
- border-bottom-left-radius: var(--bs-modal-inner-border-radius);
1464
- }
1465
- .qbo-code footer > * {
1466
- margin: calc(var(--bs-modal-footer-gap) * 0.5);
1467
- }
1468
-
1469
- @media (min-width: 576px) {
1470
- .modal {
1471
- --bs-modal-margin: 1.75rem;
1472
- --bs-modal-box-shadow: var(--bs-box-shadow);
1473
- }
1474
- .modal-dialog {
1475
- max-width: var(--bs-modal-width);
1476
- margin-right: auto;
1477
- margin-left: auto;
1478
- }
1479
- }
1480
- .tooltip {
1481
- --bs-tooltip-zindex: 1080;
1482
- --bs-tooltip-max-width: 200px;
1483
- --bs-tooltip-padding-x: 0.5rem;
1484
- --bs-tooltip-padding-y: 0.25rem;
1485
- --bs-tooltip-margin: ;
1486
- --bs-tooltip-font-size: 0.875rem;
1487
- --bs-tooltip-color: var(--bs-body-bg);
1488
- --bs-tooltip-bg: var(--bs-emphasis-color);
1489
- --bs-tooltip-border-radius: var(--bs-border-radius);
1490
- --bs-tooltip-opacity: 0.9;
1491
- --bs-tooltip-arrow-width: 0.8rem;
1492
- --bs-tooltip-arrow-height: 0.4rem;
1493
- z-index: var(--bs-tooltip-zindex);
1494
- display: block;
1495
- margin: var(--bs-tooltip-margin);
1496
- font-family: var(--bs-font-sans-serif);
1497
- font-style: normal;
1498
- font-weight: 400;
1499
- line-height: 1.5;
1500
- text-align: left;
1501
- text-align: start;
1502
- text-decoration: none;
1503
- text-shadow: none;
1504
- text-transform: none;
1505
- letter-spacing: normal;
1506
- word-break: normal;
1507
- white-space: normal;
1508
- word-spacing: normal;
1509
- line-break: auto;
1510
- font-size: var(--bs-tooltip-font-size);
1511
- word-wrap: break-word;
1512
- opacity: 0;
1513
- }
1514
- .tooltip.show {
1515
- opacity: var(--bs-tooltip-opacity);
1516
- }
1517
-
1518
- /* rtl:begin:ignore */
1519
-
1520
- /* rtl:end:ignore */
1521
-
1522
- /* rtl:begin:ignore */
1523
-
1524
- /* rtl:end:ignore */
1525
-
1526
- /* rtl:begin:ignore */
1527
-
1528
- /* rtl:end:ignore */
1529
-
1530
- /* rtl:begin:ignore */
1531
-
1532
- /* rtl:end:ignore */
1533
-
1534
- .spinner-grow,
1535
- .spinner-border {
1536
- display: inline-block;
1537
- width: var(--bs-spinner-width);
1538
- height: var(--bs-spinner-height);
1539
- vertical-align: var(--bs-spinner-vertical-align);
1540
- border-radius: 50%;
1541
- animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
1542
- }
1543
-
1544
- @keyframes spinner-border {
1545
- to {
1546
- transform: rotate(360deg) /* rtl:ignore */;
1547
- }
1548
- }
1549
- .spinner-border {
1550
- --bs-spinner-width: 2rem;
1551
- --bs-spinner-height: 2rem;
1552
- --bs-spinner-vertical-align: -0.125em;
1553
- --bs-spinner-border-width: 0.25em;
1554
- --bs-spinner-animation-speed: 0.75s;
1555
- --bs-spinner-animation-name: spinner-border;
1556
- border: var(--bs-spinner-border-width) solid currentcolor;
1557
- border-right-color: transparent;
1558
- }
1559
-
1560
- @keyframes spinner-grow {
1561
- 0% {
1562
- transform: scale(0);
1563
- }
1564
- 50% {
1565
- opacity: 1;
1566
- transform: none;
1567
- }
1568
- }
1569
- .spinner-grow {
1570
- --bs-spinner-width: 2rem;
1571
- --bs-spinner-height: 2rem;
1572
- --bs-spinner-vertical-align: -0.125em;
1573
- --bs-spinner-animation-speed: 0.75s;
1574
- --bs-spinner-animation-name: spinner-grow;
1575
- background-color: currentcolor;
1576
- opacity: 0;
1577
- }
1578
-
1579
- @media (prefers-reduced-motion: reduce) {
1580
- .spinner-border,
1581
- .spinner-grow {
1582
- --bs-spinner-animation-speed: 1.5s;
1583
- }
1584
- }
1585
-
1586
- .placeholder {
1587
- display: inline-block;
1588
- min-height: 1em;
1589
- vertical-align: middle;
1590
- cursor: wait;
1591
- background-color: currentcolor;
1592
- opacity: 0.5;
1593
- }
1594
- .placeholder.btn::before, .qbo-code button.placeholder::before {
1595
- display: inline-block;
1596
- content: "";
1597
- }
1598
-
1599
- .placeholder-glow .placeholder {
1600
- animation: placeholder-glow 2s ease-in-out infinite;
1601
- }
1602
-
1603
- @keyframes placeholder-glow {
1604
- 50% {
1605
- opacity: 0.2;
1606
- }
1607
- }
1608
- .placeholder-wave {
1609
- -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
1610
- mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
1611
- -webkit-mask-size: 200% 100%;
1612
- mask-size: 200% 100%;
1613
- animation: placeholder-wave 2s linear infinite;
1614
- }
1615
-
1616
- @keyframes placeholder-wave {
1617
- 100% {
1618
- -webkit-mask-position: -200% 0%;
1619
- mask-position: -200% 0%;
1620
- }
1621
- }
1622
-
1623
- .ratio {
1624
- position: relative;
1625
- width: 100%;
1626
- }
1627
- .ratio::before {
1628
- display: block;
1629
- padding-top: var(--bs-aspect-ratio);
1630
- content: "";
1631
- }
1632
- .ratio > * {
1633
- position: absolute;
1634
- top: 0;
1635
- left: 0;
1636
- width: 100%;
1637
- height: 100%;
1638
- }
1639
-
1640
- .vr {
1641
- display: inline-block;
1642
- align-self: stretch;
1643
- width: var(--bs-border-width);
1644
- min-height: 1em;
1645
- background-color: currentcolor;
1646
- opacity: 0.25;
1647
- }
1648
-
1649
- .shadow {
1650
- box-shadow: var(--bs-box-shadow) !important;
1651
- }
1652
-
1653
- .border {
1654
- border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
1655
- }
1656
-
1657
- .border-top {
1658
- border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
1659
- }
1660
-
1661
- .border-bottom {
1662
- border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
1663
- }
1664
-
1665
- .flex-wrap {
1666
- flex-wrap: wrap !important;
1667
- }
1668
-
1669
- .mb-3 {
1670
- margin-bottom: 1rem !important;
1671
- }
1672
-
1673
- .p-1 {
1674
- padding: 0.25rem !important;
1675
- }
1676
-
1677
- /* rtl:begin:remove */
1678
-
1679
- /* rtl:end:remove */
1680
-
1681
- .bg-success {
1682
- --bs-bg-opacity: 1;
1683
- background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
1684
- }
1685
-
1686
- .visible {
1687
- visibility: visible !important;
1688
- }
1689
-
1690
- .invisible {
1691
- visibility: hidden !important;
1692
- }
1693
- .qbo-code {
1694
- position: fixed;
1695
- top: 100px;
1696
- left: 100px;
1697
- width: 60%;
1698
- height: 50%;
1699
- background: white;
1700
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
1701
- border: 1px solid #ddd;
1702
- z-index: 1000;
1703
- resize: both;
1704
- overflow: auto;
1705
- }
1706
-
1707
- .qbo-code header {
1708
- /*background: #f0f0f0;
1709
- padding: 10px;*/
1710
- cursor: move;
1711
- }
1712
-
1713
- .qbo-code section {
1714
- /*padding: 10px;*/
1715
- }
1716
-
1717
- .qbo-code footer {
1718
- display: flex;
1719
- gap: 0.5em;
1720
- }
1721
-
1722
- .working {
1723
- opacity: 1;
1724
- cursor: not-allowed;
1725
- }
1726
-
1727
- /*.qbo-code .resize-handle {
1728
- @extend .modal-footer;
1729
- }*/
1730
-
1
+ @charset "UTF-8";
2
+ /*!
3
+ * Bootstrap v5.3.3 (https://getbootstrap.com/)
4
+ * Copyright 2011-2024 The Bootstrap Authors
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
+ */
7
+ :root {
8
+ --bs-blue: #0d6efd;
9
+ --bs-indigo: #6610f2;
10
+ --bs-purple: #6f42c1;
11
+ --bs-pink: #d63384;
12
+ --bs-red: #dc3545;
13
+ --bs-orange: #fd7e14;
14
+ --bs-yellow: #ffc107;
15
+ --bs-green: #198754;
16
+ --bs-teal: #20c997;
17
+ --bs-cyan: #0dcaf0;
18
+ --bs-black: #000;
19
+ --bs-white: #fff;
20
+ --bs-gray: #6c757d;
21
+ --bs-gray-dark: #343a40;
22
+ --bs-gray-100: #f8f9fa;
23
+ --bs-gray-200: #e9ecef;
24
+ --bs-gray-300: #dee2e6;
25
+ --bs-gray-400: #ced4da;
26
+ --bs-gray-500: #adb5bd;
27
+ --bs-gray-600: #6c757d;
28
+ --bs-gray-700: #495057;
29
+ --bs-gray-800: #343a40;
30
+ --bs-gray-900: #212529;
31
+ --bs-primary: #0d6efd;
32
+ --bs-secondary: #6c757d;
33
+ --bs-success: #198754;
34
+ --bs-info: #0dcaf0;
35
+ --bs-warning: #ffc107;
36
+ --bs-danger: #dc3545;
37
+ --bs-light: #f8f9fa;
38
+ --bs-dark: #212529;
39
+ --bs-primary-rgb: 13, 110, 253;
40
+ --bs-secondary-rgb: 108, 117, 125;
41
+ --bs-success-rgb: 25, 135, 84;
42
+ --bs-info-rgb: 13, 202, 240;
43
+ --bs-warning-rgb: 255, 193, 7;
44
+ --bs-danger-rgb: 220, 53, 69;
45
+ --bs-light-rgb: 248, 249, 250;
46
+ --bs-dark-rgb: 33, 37, 41;
47
+ --bs-primary-text-emphasis: #052c65;
48
+ --bs-secondary-text-emphasis: #2b2f32;
49
+ --bs-success-text-emphasis: #0a3622;
50
+ --bs-info-text-emphasis: #055160;
51
+ --bs-warning-text-emphasis: #664d03;
52
+ --bs-danger-text-emphasis: #58151c;
53
+ --bs-light-text-emphasis: #495057;
54
+ --bs-dark-text-emphasis: #495057;
55
+ --bs-primary-bg-subtle: #cfe2ff;
56
+ --bs-secondary-bg-subtle: #e2e3e5;
57
+ --bs-success-bg-subtle: #d1e7dd;
58
+ --bs-info-bg-subtle: #cff4fc;
59
+ --bs-warning-bg-subtle: #fff3cd;
60
+ --bs-danger-bg-subtle: #f8d7da;
61
+ --bs-light-bg-subtle: #fcfcfd;
62
+ --bs-dark-bg-subtle: #ced4da;
63
+ --bs-primary-border-subtle: #9ec5fe;
64
+ --bs-secondary-border-subtle: #c4c8cb;
65
+ --bs-success-border-subtle: #a3cfbb;
66
+ --bs-info-border-subtle: #9eeaf9;
67
+ --bs-warning-border-subtle: #ffe69c;
68
+ --bs-danger-border-subtle: #f1aeb5;
69
+ --bs-light-border-subtle: #e9ecef;
70
+ --bs-dark-border-subtle: #adb5bd;
71
+ --bs-white-rgb: 255, 255, 255;
72
+ --bs-black-rgb: 0, 0, 0;
73
+ --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
74
+ --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
75
+ --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
76
+ --bs-body-font-family: var(--bs-font-sans-serif);
77
+ --bs-body-font-size: 1rem;
78
+ --bs-body-font-weight: 400;
79
+ --bs-body-line-height: 1.5;
80
+ --bs-body-color: #212529;
81
+ --bs-body-color-rgb: 33, 37, 41;
82
+ --bs-body-bg: #fff;
83
+ --bs-body-bg-rgb: 255, 255, 255;
84
+ --bs-emphasis-color: #000;
85
+ --bs-emphasis-color-rgb: 0, 0, 0;
86
+ --bs-secondary-color: rgba(33, 37, 41, 0.75);
87
+ --bs-secondary-color-rgb: 33, 37, 41;
88
+ --bs-secondary-bg: #e9ecef;
89
+ --bs-secondary-bg-rgb: 233, 236, 239;
90
+ --bs-tertiary-color: rgba(33, 37, 41, 0.5);
91
+ --bs-tertiary-color-rgb: 33, 37, 41;
92
+ --bs-tertiary-bg: #f8f9fa;
93
+ --bs-tertiary-bg-rgb: 248, 249, 250;
94
+ --bs-heading-color: inherit;
95
+ --bs-link-color: #0d6efd;
96
+ --bs-link-color-rgb: 13, 110, 253;
97
+ --bs-link-decoration: underline;
98
+ --bs-link-hover-color: #0a58ca;
99
+ --bs-link-hover-color-rgb: 10, 88, 202;
100
+ --bs-code-color: #d63384;
101
+ --bs-highlight-color: #212529;
102
+ --bs-highlight-bg: #fff3cd;
103
+ --bs-border-width: 1px;
104
+ --bs-border-style: solid;
105
+ --bs-border-color: #dee2e6;
106
+ --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
107
+ --bs-border-radius: 0.375rem;
108
+ --bs-border-radius-sm: 0.25rem;
109
+ --bs-border-radius-lg: 0.5rem;
110
+ --bs-border-radius-xl: 1rem;
111
+ --bs-border-radius-xxl: 2rem;
112
+ --bs-border-radius-2xl: var(--bs-border-radius-xxl);
113
+ --bs-border-radius-pill: 50rem;
114
+ --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
115
+ --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
116
+ --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
117
+ --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
118
+ --bs-focus-ring-width: 0.25rem;
119
+ --bs-focus-ring-opacity: 0.25;
120
+ --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
121
+ --bs-form-valid-color: #198754;
122
+ --bs-form-valid-border-color: #198754;
123
+ --bs-form-invalid-color: #dc3545;
124
+ --bs-form-invalid-border-color: #dc3545;
125
+ }
126
+
127
+ *,
128
+ *::before,
129
+ *::after {
130
+ box-sizing: border-box;
131
+ }
132
+
133
+ @media (prefers-reduced-motion: no-preference) {
134
+ :root {
135
+ scroll-behavior: smooth;
136
+ }
137
+ }
138
+
139
+ body {
140
+ margin: 0;
141
+ font-family: var(--bs-body-font-family);
142
+ font-size: var(--bs-body-font-size);
143
+ font-weight: var(--bs-body-font-weight);
144
+ line-height: var(--bs-body-line-height);
145
+ color: var(--bs-body-color);
146
+ text-align: var(--bs-body-text-align);
147
+ background-color: var(--bs-body-bg);
148
+ -webkit-text-size-adjust: 100%;
149
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
150
+ }
151
+
152
+ hr {
153
+ margin: 1rem 0;
154
+ color: inherit;
155
+ border: 0;
156
+ border-top: var(--bs-border-width) solid;
157
+ opacity: 0.25;
158
+ }
159
+
160
+ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
161
+ margin-top: 0;
162
+ margin-bottom: 0.5rem;
163
+ font-weight: 500;
164
+ line-height: 1.2;
165
+ color: var(--bs-heading-color);
166
+ }
167
+
168
+ h1, .h1 {
169
+ font-size: calc(1.375rem + 1.5vw);
170
+ }
171
+ @media (min-width: 1200px) {
172
+ h1, .h1 {
173
+ font-size: 2.5rem;
174
+ }
175
+ }
176
+
177
+ h2, .h2 {
178
+ font-size: calc(1.325rem + 0.9vw);
179
+ }
180
+ @media (min-width: 1200px) {
181
+ h2, .h2 {
182
+ font-size: 2rem;
183
+ }
184
+ }
185
+
186
+ h3, .h3 {
187
+ font-size: calc(1.3rem + 0.6vw);
188
+ }
189
+ @media (min-width: 1200px) {
190
+ h3, .h3 {
191
+ font-size: 1.75rem;
192
+ }
193
+ }
194
+
195
+ h4, .h4 {
196
+ font-size: calc(1.275rem + 0.3vw);
197
+ }
198
+ @media (min-width: 1200px) {
199
+ h4, .h4 {
200
+ font-size: 1.5rem;
201
+ }
202
+ }
203
+
204
+ h5, .h5 {
205
+ font-size: 1.25rem;
206
+ }
207
+
208
+ h6, .h6 {
209
+ font-size: 1rem;
210
+ }
211
+
212
+ p {
213
+ margin-top: 0;
214
+ margin-bottom: 1rem;
215
+ }
216
+
217
+ abbr[title] {
218
+ -webkit-text-decoration: underline dotted;
219
+ text-decoration: underline dotted;
220
+ cursor: help;
221
+ -webkit-text-decoration-skip-ink: none;
222
+ text-decoration-skip-ink: none;
223
+ }
224
+
225
+ address {
226
+ margin-bottom: 1rem;
227
+ font-style: normal;
228
+ line-height: inherit;
229
+ }
230
+
231
+ ol,
232
+ ul {
233
+ padding-left: 2rem;
234
+ }
235
+
236
+ ol,
237
+ ul,
238
+ dl {
239
+ margin-top: 0;
240
+ margin-bottom: 1rem;
241
+ }
242
+
243
+ ol ol,
244
+ ul ul,
245
+ ol ul,
246
+ ul ol {
247
+ margin-bottom: 0;
248
+ }
249
+
250
+ dt {
251
+ font-weight: 700;
252
+ }
253
+
254
+ dd {
255
+ margin-bottom: 0.5rem;
256
+ margin-left: 0;
257
+ }
258
+
259
+ blockquote {
260
+ margin: 0 0 1rem;
261
+ }
262
+
263
+ b,
264
+ strong {
265
+ font-weight: bolder;
266
+ }
267
+
268
+ small, .small {
269
+ font-size: 0.875em;
270
+ }
271
+
272
+ mark, .mark {
273
+ padding: 0.1875em;
274
+ color: var(--bs-highlight-color);
275
+ background-color: var(--bs-highlight-bg);
276
+ }
277
+
278
+ sub,
279
+ sup {
280
+ position: relative;
281
+ font-size: 0.75em;
282
+ line-height: 0;
283
+ vertical-align: baseline;
284
+ }
285
+
286
+ sub {
287
+ bottom: -0.25em;
288
+ }
289
+
290
+ sup {
291
+ top: -0.5em;
292
+ }
293
+
294
+ a {
295
+ color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
296
+ text-decoration: underline;
297
+ }
298
+ a:hover {
299
+ --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
300
+ }
301
+
302
+ a:not([href]):not([class]), a:not([href]):not([class]):hover {
303
+ color: inherit;
304
+ text-decoration: none;
305
+ }
306
+
307
+ pre,
308
+ code,
309
+ kbd,
310
+ samp {
311
+ font-family: var(--bs-font-monospace);
312
+ font-size: 1em;
313
+ }
314
+
315
+ pre {
316
+ display: block;
317
+ margin-top: 0;
318
+ margin-bottom: 1rem;
319
+ overflow: auto;
320
+ font-size: 0.875em;
321
+ }
322
+ pre code {
323
+ font-size: inherit;
324
+ color: inherit;
325
+ word-break: normal;
326
+ }
327
+
328
+ code {
329
+ font-size: 0.875em;
330
+ color: var(--bs-code-color);
331
+ word-wrap: break-word;
332
+ }
333
+ a > code {
334
+ color: inherit;
335
+ }
336
+
337
+ kbd {
338
+ padding: 0.1875rem 0.375rem;
339
+ font-size: 0.875em;
340
+ color: var(--bs-body-bg);
341
+ background-color: var(--bs-body-color);
342
+ border-radius: 0.25rem;
343
+ }
344
+ kbd kbd {
345
+ padding: 0;
346
+ font-size: 1em;
347
+ }
348
+
349
+ figure {
350
+ margin: 0 0 1rem;
351
+ }
352
+
353
+ img,
354
+ svg {
355
+ vertical-align: middle;
356
+ }
357
+
358
+ table {
359
+ caption-side: bottom;
360
+ border-collapse: collapse;
361
+ }
362
+
363
+ caption {
364
+ padding-top: 0.5rem;
365
+ padding-bottom: 0.5rem;
366
+ color: var(--bs-secondary-color);
367
+ text-align: left;
368
+ }
369
+
370
+ th {
371
+ text-align: inherit;
372
+ text-align: -webkit-match-parent;
373
+ }
374
+
375
+ thead,
376
+ tbody,
377
+ tfoot,
378
+ tr,
379
+ td,
380
+ th {
381
+ border-color: inherit;
382
+ border-style: solid;
383
+ border-width: 0;
384
+ }
385
+
386
+ label {
387
+ display: inline-block;
388
+ }
389
+
390
+ button {
391
+ border-radius: 0;
392
+ }
393
+
394
+ button:focus:not(:focus-visible) {
395
+ outline: 0;
396
+ }
397
+
398
+ input,
399
+ button,
400
+ select,
401
+ optgroup,
402
+ textarea {
403
+ margin: 0;
404
+ font-family: inherit;
405
+ font-size: inherit;
406
+ line-height: inherit;
407
+ }
408
+
409
+ button,
410
+ select {
411
+ text-transform: none;
412
+ }
413
+
414
+ [role=button] {
415
+ cursor: pointer;
416
+ }
417
+
418
+ select {
419
+ word-wrap: normal;
420
+ }
421
+ select:disabled {
422
+ opacity: 1;
423
+ }
424
+
425
+ [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
426
+ display: none !important;
427
+ }
428
+
429
+ button,
430
+ [type=button],
431
+ [type=reset],
432
+ [type=submit] {
433
+ -webkit-appearance: button;
434
+ }
435
+ button:not(:disabled),
436
+ [type=button]:not(:disabled),
437
+ [type=reset]:not(:disabled),
438
+ [type=submit]:not(:disabled) {
439
+ cursor: pointer;
440
+ }
441
+
442
+ ::-moz-focus-inner {
443
+ padding: 0;
444
+ border-style: none;
445
+ }
446
+
447
+ textarea {
448
+ resize: vertical;
449
+ }
450
+
451
+ fieldset {
452
+ min-width: 0;
453
+ padding: 0;
454
+ margin: 0;
455
+ border: 0;
456
+ }
457
+
458
+ legend {
459
+ float: left;
460
+ width: 100%;
461
+ padding: 0;
462
+ margin-bottom: 0.5rem;
463
+ font-size: calc(1.275rem + 0.3vw);
464
+ line-height: inherit;
465
+ }
466
+ @media (min-width: 1200px) {
467
+ legend {
468
+ font-size: 1.5rem;
469
+ }
470
+ }
471
+ legend + * {
472
+ clear: left;
473
+ }
474
+
475
+ ::-webkit-datetime-edit-fields-wrapper,
476
+ ::-webkit-datetime-edit-text,
477
+ ::-webkit-datetime-edit-minute,
478
+ ::-webkit-datetime-edit-hour-field,
479
+ ::-webkit-datetime-edit-day-field,
480
+ ::-webkit-datetime-edit-month-field,
481
+ ::-webkit-datetime-edit-year-field {
482
+ padding: 0;
483
+ }
484
+
485
+ ::-webkit-inner-spin-button {
486
+ height: auto;
487
+ }
488
+
489
+ [type=search] {
490
+ -webkit-appearance: textfield;
491
+ outline-offset: -2px;
492
+ }
493
+
494
+ /* rtl:raw:
495
+ [type="tel"],
496
+ [type="url"],
497
+ [type="email"],
498
+ [type="number"] {
499
+ direction: ltr;
500
+ }
501
+ */
502
+ ::-webkit-search-decoration {
503
+ -webkit-appearance: none;
504
+ }
505
+
506
+ ::-webkit-color-swatch-wrapper {
507
+ padding: 0;
508
+ }
509
+
510
+ ::file-selector-button {
511
+ font: inherit;
512
+ -webkit-appearance: button;
513
+ }
514
+
515
+ output {
516
+ display: inline-block;
517
+ }
518
+
519
+ iframe {
520
+ border: 0;
521
+ }
522
+
523
+ summary {
524
+ display: list-item;
525
+ cursor: pointer;
526
+ }
527
+
528
+ progress {
529
+ vertical-align: baseline;
530
+ }
531
+
532
+ [hidden] {
533
+ display: none !important;
534
+ }
535
+
536
+ .lead {
537
+ font-size: 1.25rem;
538
+ font-weight: 300;
539
+ }
540
+
541
+ .blockquote {
542
+ margin-bottom: 1rem;
543
+ font-size: 1.25rem;
544
+ }
545
+ .blockquote > :last-child {
546
+ margin-bottom: 0;
547
+ }
548
+
549
+ .figure {
550
+ display: inline-block;
551
+ }
552
+
553
+ .container {
554
+ --bs-gutter-x: 1.5rem;
555
+ --bs-gutter-y: 0;
556
+ width: 100%;
557
+ padding-right: calc(var(--bs-gutter-x) * 0.5);
558
+ padding-left: calc(var(--bs-gutter-x) * 0.5);
559
+ margin-right: auto;
560
+ margin-left: auto;
561
+ }
562
+
563
+ @media (min-width: 576px) {
564
+ .container {
565
+ max-width: 540px;
566
+ }
567
+ }
568
+ @media (min-width: 768px) {
569
+ .container {
570
+ max-width: 720px;
571
+ }
572
+ }
573
+ @media (min-width: 992px) {
574
+ .container {
575
+ max-width: 960px;
576
+ }
577
+ }
578
+ @media (min-width: 1200px) {
579
+ .container {
580
+ max-width: 1140px;
581
+ }
582
+ }
583
+ @media (min-width: 1400px) {
584
+ .container {
585
+ max-width: 1320px;
586
+ }
587
+ }
588
+ :root {
589
+ --bs-breakpoint-xs: 0;
590
+ --bs-breakpoint-sm: 576px;
591
+ --bs-breakpoint-md: 768px;
592
+ --bs-breakpoint-lg: 992px;
593
+ --bs-breakpoint-xl: 1200px;
594
+ --bs-breakpoint-xxl: 1400px;
595
+ }
596
+
597
+ .row {
598
+ --bs-gutter-x: 1.5rem;
599
+ --bs-gutter-y: 0;
600
+ display: flex;
601
+ flex-wrap: wrap;
602
+ margin-top: calc(-1 * var(--bs-gutter-y));
603
+ margin-right: calc(-0.5 * var(--bs-gutter-x));
604
+ margin-left: calc(-0.5 * var(--bs-gutter-x));
605
+ }
606
+ .row > * {
607
+ flex-shrink: 0;
608
+ width: 100%;
609
+ max-width: 100%;
610
+ padding-right: calc(var(--bs-gutter-x) * 0.5);
611
+ padding-left: calc(var(--bs-gutter-x) * 0.5);
612
+ margin-top: var(--bs-gutter-y);
613
+ }
614
+
615
+ .col {
616
+ flex: 1 0 0%;
617
+ }
618
+
619
+ .offset-1 {
620
+ margin-left: 8.33333333%;
621
+ }
622
+ .table {
623
+ --bs-table-color-type: initial;
624
+ --bs-table-bg-type: initial;
625
+ --bs-table-color-state: initial;
626
+ --bs-table-bg-state: initial;
627
+ --bs-table-color: var(--bs-emphasis-color);
628
+ --bs-table-bg: var(--bs-body-bg);
629
+ --bs-table-border-color: var(--bs-border-color);
630
+ --bs-table-accent-bg: transparent;
631
+ --bs-table-striped-color: var(--bs-emphasis-color);
632
+ --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
633
+ --bs-table-active-color: var(--bs-emphasis-color);
634
+ --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
635
+ --bs-table-hover-color: var(--bs-emphasis-color);
636
+ --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
637
+ width: 100%;
638
+ margin-bottom: 1rem;
639
+ vertical-align: top;
640
+ border-color: var(--bs-table-border-color);
641
+ }
642
+ .table > :not(caption) > * > * {
643
+ padding: 0.5rem 0.5rem;
644
+ color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
645
+ background-color: var(--bs-table-bg);
646
+ border-bottom-width: var(--bs-border-width);
647
+ box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
648
+ }
649
+ .table > tbody {
650
+ vertical-align: inherit;
651
+ }
652
+ .table > thead {
653
+ vertical-align: bottom;
654
+ }
655
+
656
+ .form-control, .qbo-code input {
657
+ display: block;
658
+ width: 100%;
659
+ padding: 0.375rem 0.75rem;
660
+ font-size: 1rem;
661
+ font-weight: 400;
662
+ line-height: 1.5;
663
+ color: var(--bs-body-color);
664
+ -webkit-appearance: none;
665
+ -moz-appearance: none;
666
+ appearance: none;
667
+ background-color: var(--bs-body-bg);
668
+ background-clip: padding-box;
669
+ border: var(--bs-border-width) solid var(--bs-border-color);
670
+ border-radius: var(--bs-border-radius);
671
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
672
+ }
673
+ @media (prefers-reduced-motion: reduce) {
674
+ .form-control, .qbo-code input {
675
+ transition: none;
676
+ }
677
+ }
678
+ .form-control[type=file], .qbo-code input[type=file] {
679
+ overflow: hidden;
680
+ }
681
+ .form-control[type=file]:not(:disabled):not([readonly]), .qbo-code input[type=file]:not(:disabled):not([readonly]) {
682
+ cursor: pointer;
683
+ }
684
+ .form-control:focus, .qbo-code input:focus {
685
+ color: var(--bs-body-color);
686
+ background-color: var(--bs-body-bg);
687
+ border-color: #86b7fe;
688
+ outline: 0;
689
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
690
+ }
691
+ .form-control::-webkit-date-and-time-value, .qbo-code input::-webkit-date-and-time-value {
692
+ min-width: 85px;
693
+ height: 1.5em;
694
+ margin: 0;
695
+ }
696
+ .form-control::-webkit-datetime-edit, .qbo-code input::-webkit-datetime-edit {
697
+ display: block;
698
+ padding: 0;
699
+ }
700
+ .form-control::-moz-placeholder, .qbo-code input::-moz-placeholder {
701
+ color: var(--bs-secondary-color);
702
+ opacity: 1;
703
+ }
704
+ .form-control::placeholder, .qbo-code input::placeholder {
705
+ color: var(--bs-secondary-color);
706
+ opacity: 1;
707
+ }
708
+ .form-control:disabled, .qbo-code input:disabled {
709
+ background-color: var(--bs-secondary-bg);
710
+ opacity: 1;
711
+ }
712
+ .form-control::file-selector-button, .qbo-code input::file-selector-button {
713
+ padding: 0.375rem 0.75rem;
714
+ margin: -0.375rem -0.75rem;
715
+ margin-inline-end: 0.75rem;
716
+ color: var(--bs-body-color);
717
+ background-color: var(--bs-tertiary-bg);
718
+ pointer-events: none;
719
+ border-color: inherit;
720
+ border-style: solid;
721
+ border-width: 0;
722
+ border-inline-end-width: var(--bs-border-width);
723
+ border-radius: 0;
724
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
725
+ }
726
+ @media (prefers-reduced-motion: reduce) {
727
+ .form-control::file-selector-button, .qbo-code input::file-selector-button {
728
+ transition: none;
729
+ }
730
+ }
731
+ .form-control:hover:not(:disabled):not([readonly])::file-selector-button, .qbo-code input:hover:not(:disabled):not([readonly])::file-selector-button {
732
+ background-color: var(--bs-secondary-bg);
733
+ }
734
+
735
+ textarea.form-control {
736
+ min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
737
+ }
738
+
739
+ .form-check {
740
+ display: block;
741
+ min-height: 1.5rem;
742
+ padding-left: 1.5em;
743
+ margin-bottom: 0.125rem;
744
+ }
745
+ .form-check .form-check-input {
746
+ float: left;
747
+ margin-left: -1.5em;
748
+ }
749
+
750
+ .form-check-input {
751
+ --bs-form-check-bg: var(--bs-body-bg);
752
+ flex-shrink: 0;
753
+ width: 1em;
754
+ height: 1em;
755
+ margin-top: 0.25em;
756
+ vertical-align: top;
757
+ -webkit-appearance: none;
758
+ -moz-appearance: none;
759
+ appearance: none;
760
+ background-color: var(--bs-form-check-bg);
761
+ background-image: var(--bs-form-check-bg-image);
762
+ background-repeat: no-repeat;
763
+ background-position: center;
764
+ background-size: contain;
765
+ border: var(--bs-border-width) solid var(--bs-border-color);
766
+ -webkit-print-color-adjust: exact;
767
+ print-color-adjust: exact;
768
+ }
769
+ .form-check-input[type=checkbox] {
770
+ border-radius: 0.25em;
771
+ }
772
+ .form-check-input[type=radio] {
773
+ border-radius: 50%;
774
+ }
775
+ .form-check-input:active {
776
+ filter: brightness(90%);
777
+ }
778
+ .form-check-input:focus {
779
+ border-color: #86b7fe;
780
+ outline: 0;
781
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
782
+ }
783
+ .form-check-input:checked {
784
+ background-color: #0d6efd;
785
+ border-color: #0d6efd;
786
+ }
787
+ .form-check-input:checked[type=checkbox] {
788
+ --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
789
+ }
790
+ .form-check-input:checked[type=radio] {
791
+ --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
792
+ }
793
+ .form-check-input[type=checkbox]:indeterminate {
794
+ background-color: #0d6efd;
795
+ border-color: #0d6efd;
796
+ --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
797
+ }
798
+ .form-check-input:disabled {
799
+ pointer-events: none;
800
+ filter: none;
801
+ opacity: 0.5;
802
+ }
803
+ .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
804
+ cursor: default;
805
+ opacity: 0.5;
806
+ }
807
+
808
+ .form-switch {
809
+ padding-left: 2.5em;
810
+ }
811
+ .form-switch .form-check-input {
812
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
813
+ width: 2em;
814
+ margin-left: -2.5em;
815
+ background-image: var(--bs-form-switch-bg);
816
+ background-position: left center;
817
+ border-radius: 2em;
818
+ transition: background-position 0.15s ease-in-out;
819
+ }
820
+ @media (prefers-reduced-motion: reduce) {
821
+ .form-switch .form-check-input {
822
+ transition: none;
823
+ }
824
+ }
825
+ .form-switch .form-check-input:focus {
826
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
827
+ }
828
+ .form-switch .form-check-input:checked {
829
+ background-position: right center;
830
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
831
+ }
832
+
833
+ .btn-check {
834
+ position: absolute;
835
+ clip: rect(0, 0, 0, 0);
836
+ pointer-events: none;
837
+ }
838
+ .btn-check[disabled] + .btn, .qbo-code .btn-check[disabled] + button, .btn-check:disabled + .btn, .qbo-code .btn-check:disabled + button {
839
+ pointer-events: none;
840
+ filter: none;
841
+ opacity: 0.65;
842
+ }
843
+
844
+ .form-floating {
845
+ position: relative;
846
+ }
847
+ .form-floating > .form-control, .qbo-code .form-floating > input {
848
+ height: calc(3.5rem + calc(var(--bs-border-width) * 2));
849
+ min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
850
+ line-height: 1.25;
851
+ }
852
+ .form-floating > label {
853
+ position: absolute;
854
+ top: 0;
855
+ left: 0;
856
+ z-index: 2;
857
+ height: 100%;
858
+ padding: 1rem 0.75rem;
859
+ overflow: hidden;
860
+ text-align: start;
861
+ text-overflow: ellipsis;
862
+ white-space: nowrap;
863
+ pointer-events: none;
864
+ border: var(--bs-border-width) solid transparent;
865
+ transform-origin: 0 0;
866
+ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
867
+ }
868
+ @media (prefers-reduced-motion: reduce) {
869
+ .form-floating > label {
870
+ transition: none;
871
+ }
872
+ }
873
+ .form-floating > .form-control, .qbo-code .form-floating > input {
874
+ padding: 1rem 0.75rem;
875
+ }
876
+ .form-floating > .form-control::-moz-placeholder, .qbo-code .form-floating > input::-moz-placeholder {
877
+ color: transparent;
878
+ }
879
+ .form-floating > .form-control::placeholder, .qbo-code .form-floating > input::placeholder {
880
+ color: transparent;
881
+ }
882
+ .form-floating > .form-control:not(:-moz-placeholder-shown), .qbo-code .form-floating > input:not(:-moz-placeholder-shown) {
883
+ padding-top: 1.625rem;
884
+ padding-bottom: 0.625rem;
885
+ }
886
+ .form-floating > .form-control:focus, .qbo-code .form-floating > input:focus, .form-floating > .form-control:not(:placeholder-shown), .qbo-code .form-floating > input:not(:placeholder-shown) {
887
+ padding-top: 1.625rem;
888
+ padding-bottom: 0.625rem;
889
+ }
890
+ .form-floating > .form-control:-webkit-autofill, .qbo-code .form-floating > input:-webkit-autofill {
891
+ padding-top: 1.625rem;
892
+ padding-bottom: 0.625rem;
893
+ }
894
+ .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label, .qbo-code .form-floating > input:not(:-moz-placeholder-shown) ~ label {
895
+ color: rgba(var(--bs-body-color-rgb), 0.65);
896
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
897
+ }
898
+ .form-floating > .form-control:focus ~ label, .qbo-code .form-floating > input:focus ~ label,
899
+ .form-floating > .form-control:not(:placeholder-shown) ~ label,
900
+ .qbo-code .form-floating > input:not(:placeholder-shown) ~ label {
901
+ color: rgba(var(--bs-body-color-rgb), 0.65);
902
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
903
+ }
904
+ .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after, .qbo-code .form-floating > input:not(:-moz-placeholder-shown) ~ label::after {
905
+ position: absolute;
906
+ inset: 1rem 0.375rem;
907
+ z-index: -1;
908
+ height: 1.5em;
909
+ content: "";
910
+ background-color: var(--bs-body-bg);
911
+ border-radius: var(--bs-border-radius);
912
+ }
913
+ .form-floating > .form-control:focus ~ label::after, .qbo-code .form-floating > input:focus ~ label::after,
914
+ .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
915
+ .qbo-code .form-floating > input:not(:placeholder-shown) ~ label::after {
916
+ position: absolute;
917
+ inset: 1rem 0.375rem;
918
+ z-index: -1;
919
+ height: 1.5em;
920
+ content: "";
921
+ background-color: var(--bs-body-bg);
922
+ border-radius: var(--bs-border-radius);
923
+ }
924
+ .form-floating > .form-control:-webkit-autofill ~ label, .qbo-code .form-floating > input:-webkit-autofill ~ label {
925
+ color: rgba(var(--bs-body-color-rgb), 0.65);
926
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
927
+ }
928
+ .form-floating > :disabled ~ label,
929
+ .form-floating > .form-control:disabled ~ label {
930
+ color: #6c757d;
931
+ }
932
+ .form-floating > :disabled ~ label::after,
933
+ .form-floating > .form-control:disabled ~ label::after {
934
+ background-color: var(--bs-secondary-bg);
935
+ }
936
+
937
+ .input-group {
938
+ position: relative;
939
+ display: flex;
940
+ flex-wrap: wrap;
941
+ align-items: stretch;
942
+ width: 100%;
943
+ }
944
+ .input-group > .form-control, .qbo-code .input-group > input,
945
+ .input-group > .form-floating {
946
+ position: relative;
947
+ flex: 1 1 auto;
948
+ width: 1%;
949
+ min-width: 0;
950
+ }
951
+ .input-group > .form-control:focus, .qbo-code .input-group > input:focus,
952
+ .input-group > .form-floating:focus-within {
953
+ z-index: 5;
954
+ }
955
+ .input-group .btn, .input-group .qbo-code button, .qbo-code .input-group button {
956
+ position: relative;
957
+ z-index: 2;
958
+ }
959
+ .input-group .btn:focus, .input-group .qbo-code button:focus, .qbo-code .input-group button:focus {
960
+ z-index: 5;
961
+ }
962
+
963
+ .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
964
+ .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
965
+ .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
966
+ .qbo-code .input-group:not(.has-validation) > .form-floating:not(:last-child) > input {
967
+ border-top-right-radius: 0;
968
+ border-bottom-right-radius: 0;
969
+ }
970
+ .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
971
+ .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
972
+ .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
973
+ .qbo-code .input-group.has-validation > .form-floating:nth-last-child(n+3) > input {
974
+ border-top-right-radius: 0;
975
+ border-bottom-right-radius: 0;
976
+ }
977
+ .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
978
+ margin-left: calc(var(--bs-border-width) * -1);
979
+ border-top-left-radius: 0;
980
+ border-bottom-left-radius: 0;
981
+ }
982
+ .input-group > .form-floating:not(:first-child) > .form-control, .qbo-code .input-group > .form-floating:not(:first-child) > input {
983
+ border-top-left-radius: 0;
984
+ border-bottom-left-radius: 0;
985
+ }
986
+
987
+ .valid-feedback {
988
+ display: none;
989
+ width: 100%;
990
+ margin-top: 0.25rem;
991
+ font-size: 0.875em;
992
+ color: var(--bs-form-valid-color);
993
+ }
994
+
995
+ .valid-tooltip {
996
+ position: absolute;
997
+ top: 100%;
998
+ z-index: 5;
999
+ display: none;
1000
+ max-width: 100%;
1001
+ padding: 0.25rem 0.5rem;
1002
+ margin-top: 0.1rem;
1003
+ font-size: 0.875rem;
1004
+ color: #fff;
1005
+ background-color: var(--bs-success);
1006
+ border-radius: var(--bs-border-radius);
1007
+ }
1008
+
1009
+ .invalid-feedback {
1010
+ display: none;
1011
+ width: 100%;
1012
+ margin-top: 0.25rem;
1013
+ font-size: 0.875em;
1014
+ color: var(--bs-form-invalid-color);
1015
+ }
1016
+
1017
+ .invalid-tooltip {
1018
+ position: absolute;
1019
+ top: 100%;
1020
+ z-index: 5;
1021
+ display: none;
1022
+ max-width: 100%;
1023
+ padding: 0.25rem 0.5rem;
1024
+ margin-top: 0.1rem;
1025
+ font-size: 0.875rem;
1026
+ color: #fff;
1027
+ background-color: var(--bs-danger);
1028
+ border-radius: var(--bs-border-radius);
1029
+ }
1030
+
1031
+ .btn, .qbo-code button {
1032
+ --bs-btn-padding-x: 0.75rem;
1033
+ --bs-btn-padding-y: 0.375rem;
1034
+ --bs-btn-font-family: ;
1035
+ --bs-btn-font-size: 1rem;
1036
+ --bs-btn-font-weight: 400;
1037
+ --bs-btn-line-height: 1.5;
1038
+ --bs-btn-color: var(--bs-body-color);
1039
+ --bs-btn-bg: transparent;
1040
+ --bs-btn-border-width: var(--bs-border-width);
1041
+ --bs-btn-border-color: transparent;
1042
+ --bs-btn-border-radius: var(--bs-border-radius);
1043
+ --bs-btn-hover-border-color: transparent;
1044
+ --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
1045
+ --bs-btn-disabled-opacity: 0.65;
1046
+ --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
1047
+ display: inline-block;
1048
+ padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
1049
+ font-family: var(--bs-btn-font-family);
1050
+ font-size: var(--bs-btn-font-size);
1051
+ font-weight: var(--bs-btn-font-weight);
1052
+ line-height: var(--bs-btn-line-height);
1053
+ color: var(--bs-btn-color);
1054
+ text-align: center;
1055
+ text-decoration: none;
1056
+ vertical-align: middle;
1057
+ cursor: pointer;
1058
+ -webkit-user-select: none;
1059
+ -moz-user-select: none;
1060
+ user-select: none;
1061
+ border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
1062
+ border-radius: var(--bs-btn-border-radius);
1063
+ background-color: var(--bs-btn-bg);
1064
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1065
+ }
1066
+ @media (prefers-reduced-motion: reduce) {
1067
+ .btn, .qbo-code button {
1068
+ transition: none;
1069
+ }
1070
+ }
1071
+ .btn:hover, .qbo-code button:hover {
1072
+ color: var(--bs-btn-hover-color);
1073
+ background-color: var(--bs-btn-hover-bg);
1074
+ border-color: var(--bs-btn-hover-border-color);
1075
+ }
1076
+ .btn-check + .btn:hover, .qbo-code .btn-check + button:hover {
1077
+ color: var(--bs-btn-color);
1078
+ background-color: var(--bs-btn-bg);
1079
+ border-color: var(--bs-btn-border-color);
1080
+ }
1081
+ .btn:focus-visible, .qbo-code button:focus-visible {
1082
+ color: var(--bs-btn-hover-color);
1083
+ background-color: var(--bs-btn-hover-bg);
1084
+ border-color: var(--bs-btn-hover-border-color);
1085
+ outline: 0;
1086
+ box-shadow: var(--bs-btn-focus-box-shadow);
1087
+ }
1088
+ .btn-check:focus-visible + .btn, .qbo-code .btn-check:focus-visible + button {
1089
+ border-color: var(--bs-btn-hover-border-color);
1090
+ outline: 0;
1091
+ box-shadow: var(--bs-btn-focus-box-shadow);
1092
+ }
1093
+ .btn-check:checked + .btn, .qbo-code .btn-check:checked + button, :not(.btn-check) + .btn:active, .qbo-code :not(.btn-check) + button:active, .btn:first-child:active, .qbo-code button:first-child:active, .btn.active, .qbo-code button.active, .btn.show, .qbo-code button.show {
1094
+ color: var(--bs-btn-active-color);
1095
+ background-color: var(--bs-btn-active-bg);
1096
+ border-color: var(--bs-btn-active-border-color);
1097
+ }
1098
+ .btn-check:checked + .btn:focus-visible, .qbo-code .btn-check:checked + button:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .qbo-code :not(.btn-check) + button:active:focus-visible, .btn:first-child:active:focus-visible, .qbo-code button:first-child:active:focus-visible, .btn.active:focus-visible, .qbo-code button.active:focus-visible, .btn.show:focus-visible, .qbo-code button.show:focus-visible {
1099
+ box-shadow: var(--bs-btn-focus-box-shadow);
1100
+ }
1101
+ .btn-check:checked:focus-visible + .btn, .qbo-code .btn-check:checked:focus-visible + button {
1102
+ box-shadow: var(--bs-btn-focus-box-shadow);
1103
+ }
1104
+ .btn:disabled, .qbo-code button:disabled, .btn.disabled, .qbo-code button.disabled, fieldset:disabled .btn, fieldset:disabled .qbo-code button, .qbo-code fieldset:disabled button {
1105
+ color: var(--bs-btn-disabled-color);
1106
+ pointer-events: none;
1107
+ background-color: var(--bs-btn-disabled-bg);
1108
+ border-color: var(--bs-btn-disabled-border-color);
1109
+ opacity: var(--bs-btn-disabled-opacity);
1110
+ }
1111
+
1112
+ .qbo-code button[type=submit] {
1113
+ --bs-btn-color: #fff;
1114
+ --bs-btn-bg: #0d6efd;
1115
+ --bs-btn-border-color: #0d6efd;
1116
+ --bs-btn-hover-color: #fff;
1117
+ --bs-btn-hover-bg: #0b5ed7;
1118
+ --bs-btn-hover-border-color: #0a58ca;
1119
+ --bs-btn-focus-shadow-rgb: 49, 132, 253;
1120
+ --bs-btn-active-color: #fff;
1121
+ --bs-btn-active-bg: #0a58ca;
1122
+ --bs-btn-active-border-color: #0a53be;
1123
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1124
+ --bs-btn-disabled-color: #fff;
1125
+ --bs-btn-disabled-bg: #0d6efd;
1126
+ --bs-btn-disabled-border-color: #0d6efd;
1127
+ }
1128
+
1129
+ .btn-secondary {
1130
+ --bs-btn-color: #fff;
1131
+ --bs-btn-bg: #6c757d;
1132
+ --bs-btn-border-color: #6c757d;
1133
+ --bs-btn-hover-color: #fff;
1134
+ --bs-btn-hover-bg: #5c636a;
1135
+ --bs-btn-hover-border-color: #565e64;
1136
+ --bs-btn-focus-shadow-rgb: 130, 138, 145;
1137
+ --bs-btn-active-color: #fff;
1138
+ --bs-btn-active-bg: #565e64;
1139
+ --bs-btn-active-border-color: #51585e;
1140
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1141
+ --bs-btn-disabled-color: #fff;
1142
+ --bs-btn-disabled-bg: #6c757d;
1143
+ --bs-btn-disabled-border-color: #6c757d;
1144
+ }
1145
+
1146
+ .btn-success {
1147
+ --bs-btn-color: #fff;
1148
+ --bs-btn-bg: #198754;
1149
+ --bs-btn-border-color: #198754;
1150
+ --bs-btn-hover-color: #fff;
1151
+ --bs-btn-hover-bg: #157347;
1152
+ --bs-btn-hover-border-color: #146c43;
1153
+ --bs-btn-focus-shadow-rgb: 60, 153, 110;
1154
+ --bs-btn-active-color: #fff;
1155
+ --bs-btn-active-bg: #146c43;
1156
+ --bs-btn-active-border-color: #13653f;
1157
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1158
+ --bs-btn-disabled-color: #fff;
1159
+ --bs-btn-disabled-bg: #198754;
1160
+ --bs-btn-disabled-border-color: #198754;
1161
+ }
1162
+
1163
+ .qbo-code button[type=reset] {
1164
+ --bs-btn-color: #000;
1165
+ --bs-btn-bg: #f8f9fa;
1166
+ --bs-btn-border-color: #f8f9fa;
1167
+ --bs-btn-hover-color: #000;
1168
+ --bs-btn-hover-bg: #d3d4d5;
1169
+ --bs-btn-hover-border-color: #c6c7c8;
1170
+ --bs-btn-focus-shadow-rgb: 211, 212, 213;
1171
+ --bs-btn-active-color: #000;
1172
+ --bs-btn-active-bg: #c6c7c8;
1173
+ --bs-btn-active-border-color: #babbbc;
1174
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1175
+ --bs-btn-disabled-color: #000;
1176
+ --bs-btn-disabled-bg: #f8f9fa;
1177
+ --bs-btn-disabled-border-color: #f8f9fa;
1178
+ }
1179
+
1180
+ .btn-outline-primary {
1181
+ --bs-btn-color: #0d6efd;
1182
+ --bs-btn-border-color: #0d6efd;
1183
+ --bs-btn-hover-color: #fff;
1184
+ --bs-btn-hover-bg: #0d6efd;
1185
+ --bs-btn-hover-border-color: #0d6efd;
1186
+ --bs-btn-focus-shadow-rgb: 13, 110, 253;
1187
+ --bs-btn-active-color: #fff;
1188
+ --bs-btn-active-bg: #0d6efd;
1189
+ --bs-btn-active-border-color: #0d6efd;
1190
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1191
+ --bs-btn-disabled-color: #0d6efd;
1192
+ --bs-btn-disabled-bg: transparent;
1193
+ --bs-btn-disabled-border-color: #0d6efd;
1194
+ --bs-gradient: none;
1195
+ }
1196
+
1197
+ .btn-outline-danger {
1198
+ --bs-btn-color: #dc3545;
1199
+ --bs-btn-border-color: #dc3545;
1200
+ --bs-btn-hover-color: #fff;
1201
+ --bs-btn-hover-bg: #dc3545;
1202
+ --bs-btn-hover-border-color: #dc3545;
1203
+ --bs-btn-focus-shadow-rgb: 220, 53, 69;
1204
+ --bs-btn-active-color: #fff;
1205
+ --bs-btn-active-bg: #dc3545;
1206
+ --bs-btn-active-border-color: #dc3545;
1207
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1208
+ --bs-btn-disabled-color: #dc3545;
1209
+ --bs-btn-disabled-bg: transparent;
1210
+ --bs-btn-disabled-border-color: #dc3545;
1211
+ --bs-gradient: none;
1212
+ }
1213
+
1214
+ .collapse:not(.show) {
1215
+ display: none;
1216
+ }
1217
+
1218
+ .collapsing {
1219
+ height: 0;
1220
+ overflow: hidden;
1221
+ transition: height 0.35s ease;
1222
+ }
1223
+ @media (prefers-reduced-motion: reduce) {
1224
+ .collapsing {
1225
+ transition: none;
1226
+ }
1227
+ }
1228
+
1229
+ .dropdown-toggle {
1230
+ white-space: nowrap;
1231
+ }
1232
+ .dropdown-toggle::after {
1233
+ display: inline-block;
1234
+ margin-left: 0.255em;
1235
+ vertical-align: 0.255em;
1236
+ content: "";
1237
+ border-top: 0.3em solid;
1238
+ border-right: 0.3em solid transparent;
1239
+ border-bottom: 0;
1240
+ border-left: 0.3em solid transparent;
1241
+ }
1242
+ .dropdown-toggle:empty::after {
1243
+ margin-left: 0;
1244
+ }
1245
+
1246
+ .dropdown-menu {
1247
+ --bs-dropdown-zindex: 1000;
1248
+ --bs-dropdown-min-width: 10rem;
1249
+ --bs-dropdown-padding-x: 0;
1250
+ --bs-dropdown-padding-y: 0.5rem;
1251
+ --bs-dropdown-spacer: 0.125rem;
1252
+ --bs-dropdown-font-size: 1rem;
1253
+ --bs-dropdown-color: var(--bs-body-color);
1254
+ --bs-dropdown-bg: var(--bs-body-bg);
1255
+ --bs-dropdown-border-color: var(--bs-border-color-translucent);
1256
+ --bs-dropdown-border-radius: var(--bs-border-radius);
1257
+ --bs-dropdown-border-width: var(--bs-border-width);
1258
+ --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
1259
+ --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
1260
+ --bs-dropdown-divider-margin-y: 0.5rem;
1261
+ --bs-dropdown-box-shadow: var(--bs-box-shadow);
1262
+ --bs-dropdown-link-color: var(--bs-body-color);
1263
+ --bs-dropdown-link-hover-color: var(--bs-body-color);
1264
+ --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
1265
+ --bs-dropdown-link-active-color: #fff;
1266
+ --bs-dropdown-link-active-bg: #0d6efd;
1267
+ --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
1268
+ --bs-dropdown-item-padding-x: 1rem;
1269
+ --bs-dropdown-item-padding-y: 0.25rem;
1270
+ --bs-dropdown-header-color: #6c757d;
1271
+ --bs-dropdown-header-padding-x: 1rem;
1272
+ --bs-dropdown-header-padding-y: 0.5rem;
1273
+ position: absolute;
1274
+ z-index: var(--bs-dropdown-zindex);
1275
+ display: none;
1276
+ min-width: var(--bs-dropdown-min-width);
1277
+ padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
1278
+ margin: 0;
1279
+ font-size: var(--bs-dropdown-font-size);
1280
+ color: var(--bs-dropdown-color);
1281
+ text-align: left;
1282
+ list-style: none;
1283
+ background-color: var(--bs-dropdown-bg);
1284
+ background-clip: padding-box;
1285
+ border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
1286
+ border-radius: var(--bs-dropdown-border-radius);
1287
+ }
1288
+
1289
+ .dropdown-menu.show {
1290
+ display: block;
1291
+ }
1292
+
1293
+ .nav {
1294
+ --bs-nav-link-padding-x: 1rem;
1295
+ --bs-nav-link-padding-y: 0.5rem;
1296
+ --bs-nav-link-font-weight: ;
1297
+ --bs-nav-link-color: var(--bs-link-color);
1298
+ --bs-nav-link-hover-color: var(--bs-link-hover-color);
1299
+ --bs-nav-link-disabled-color: var(--bs-secondary-color);
1300
+ display: flex;
1301
+ flex-wrap: wrap;
1302
+ padding-left: 0;
1303
+ margin-bottom: 0;
1304
+ list-style: none;
1305
+ }
1306
+
1307
+ .alert, .error {
1308
+ --bs-alert-bg: transparent;
1309
+ --bs-alert-padding-x: 1rem;
1310
+ --bs-alert-padding-y: 1rem;
1311
+ --bs-alert-margin-bottom: 1rem;
1312
+ --bs-alert-color: inherit;
1313
+ --bs-alert-border-color: transparent;
1314
+ --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
1315
+ --bs-alert-border-radius: var(--bs-border-radius);
1316
+ --bs-alert-link-color: inherit;
1317
+ position: relative;
1318
+ padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
1319
+ margin-bottom: var(--bs-alert-margin-bottom);
1320
+ color: var(--bs-alert-color);
1321
+ background-color: var(--bs-alert-bg);
1322
+ border: var(--bs-alert-border);
1323
+ border-radius: var(--bs-alert-border-radius);
1324
+ }
1325
+
1326
+ .working {
1327
+ --bs-alert-color: var(--bs-success-text-emphasis);
1328
+ --bs-alert-bg: var(--bs-success-bg-subtle);
1329
+ --bs-alert-border-color: var(--bs-success-border-subtle);
1330
+ --bs-alert-link-color: var(--bs-success-text-emphasis);
1331
+ }
1332
+
1333
+ .error {
1334
+ --bs-alert-color: var(--bs-danger-text-emphasis);
1335
+ --bs-alert-bg: var(--bs-danger-bg-subtle);
1336
+ --bs-alert-border-color: var(--bs-danger-border-subtle);
1337
+ --bs-alert-link-color: var(--bs-danger-text-emphasis);
1338
+ }
1339
+
1340
+ @keyframes progress-bar-stripes {
1341
+ 0% {
1342
+ background-position-x: 1rem;
1343
+ }
1344
+ }
1345
+ .progress {
1346
+ --bs-progress-height: 1rem;
1347
+ --bs-progress-font-size: 0.75rem;
1348
+ --bs-progress-bg: var(--bs-secondary-bg);
1349
+ --bs-progress-border-radius: var(--bs-border-radius);
1350
+ --bs-progress-box-shadow: var(--bs-box-shadow-inset);
1351
+ --bs-progress-bar-color: #fff;
1352
+ --bs-progress-bar-bg: #0d6efd;
1353
+ --bs-progress-bar-transition: width 0.6s ease;
1354
+ display: flex;
1355
+ height: var(--bs-progress-height);
1356
+ overflow: hidden;
1357
+ font-size: var(--bs-progress-font-size);
1358
+ background-color: var(--bs-progress-bg);
1359
+ border-radius: var(--bs-progress-border-radius);
1360
+ }
1361
+
1362
+ .modal {
1363
+ --bs-modal-zindex: 1055;
1364
+ --bs-modal-width: 500px;
1365
+ --bs-modal-padding: 1rem;
1366
+ --bs-modal-margin: 0.5rem;
1367
+ --bs-modal-color: ;
1368
+ --bs-modal-bg: var(--bs-body-bg);
1369
+ --bs-modal-border-color: var(--bs-border-color-translucent);
1370
+ --bs-modal-border-width: var(--bs-border-width);
1371
+ --bs-modal-border-radius: var(--bs-border-radius-lg);
1372
+ --bs-modal-box-shadow: var(--bs-box-shadow-sm);
1373
+ --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
1374
+ --bs-modal-header-padding-x: 1rem;
1375
+ --bs-modal-header-padding-y: 1rem;
1376
+ --bs-modal-header-padding: 1rem 1rem;
1377
+ --bs-modal-header-border-color: var(--bs-border-color);
1378
+ --bs-modal-header-border-width: var(--bs-border-width);
1379
+ --bs-modal-title-line-height: 1.5;
1380
+ --bs-modal-footer-gap: 0.5rem;
1381
+ --bs-modal-footer-bg: ;
1382
+ --bs-modal-footer-border-color: var(--bs-border-color);
1383
+ --bs-modal-footer-border-width: var(--bs-border-width);
1384
+ position: fixed;
1385
+ top: 0;
1386
+ left: 0;
1387
+ z-index: var(--bs-modal-zindex);
1388
+ display: none;
1389
+ width: 100%;
1390
+ height: 100%;
1391
+ overflow-x: hidden;
1392
+ overflow-y: auto;
1393
+ outline: 0;
1394
+ }
1395
+
1396
+ .modal-dialog {
1397
+ position: relative;
1398
+ width: auto;
1399
+ margin: var(--bs-modal-margin);
1400
+ pointer-events: none;
1401
+ }
1402
+ .modal.show .modal-dialog {
1403
+ transform: none;
1404
+ }
1405
+
1406
+ .modal-dialog-scrollable {
1407
+ height: calc(100% - var(--bs-modal-margin) * 2);
1408
+ }
1409
+ .modal-dialog-scrollable .qbo-code {
1410
+ max-height: 100%;
1411
+ overflow: hidden;
1412
+ }
1413
+ .modal-dialog-scrollable .qbo-code section, .qbo-code .modal-dialog-scrollable section {
1414
+ overflow-y: auto;
1415
+ }
1416
+
1417
+ .modal-dialog-centered {
1418
+ display: flex;
1419
+ align-items: center;
1420
+ min-height: calc(100% - var(--bs-modal-margin) * 2);
1421
+ }
1422
+
1423
+ .qbo-code {
1424
+ position: relative;
1425
+ display: flex;
1426
+ flex-direction: column;
1427
+ width: 100%;
1428
+ color: var(--bs-modal-color);
1429
+ pointer-events: auto;
1430
+ background-color: var(--bs-modal-bg);
1431
+ background-clip: padding-box;
1432
+ border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
1433
+ border-radius: var(--bs-modal-border-radius);
1434
+ outline: 0;
1435
+ }
1436
+
1437
+ .qbo-code header {
1438
+ display: flex;
1439
+ flex-shrink: 0;
1440
+ align-items: center;
1441
+ padding: var(--bs-modal-header-padding);
1442
+ border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
1443
+ border-top-left-radius: var(--bs-modal-inner-border-radius);
1444
+ border-top-right-radius: var(--bs-modal-inner-border-radius);
1445
+ }
1446
+
1447
+ .qbo-code section {
1448
+ position: relative;
1449
+ flex: 1 1 auto;
1450
+ padding: var(--bs-modal-padding);
1451
+ }
1452
+
1453
+ .qbo-code footer {
1454
+ display: flex;
1455
+ flex-shrink: 0;
1456
+ flex-wrap: wrap;
1457
+ align-items: center;
1458
+ justify-content: flex-end;
1459
+ padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
1460
+ background-color: var(--bs-modal-footer-bg);
1461
+ border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
1462
+ border-bottom-right-radius: var(--bs-modal-inner-border-radius);
1463
+ border-bottom-left-radius: var(--bs-modal-inner-border-radius);
1464
+ }
1465
+ .qbo-code footer > * {
1466
+ margin: calc(var(--bs-modal-footer-gap) * 0.5);
1467
+ }
1468
+
1469
+ @media (min-width: 576px) {
1470
+ .modal {
1471
+ --bs-modal-margin: 1.75rem;
1472
+ --bs-modal-box-shadow: var(--bs-box-shadow);
1473
+ }
1474
+ .modal-dialog {
1475
+ max-width: var(--bs-modal-width);
1476
+ margin-right: auto;
1477
+ margin-left: auto;
1478
+ }
1479
+ }
1480
+ .tooltip {
1481
+ --bs-tooltip-zindex: 1080;
1482
+ --bs-tooltip-max-width: 200px;
1483
+ --bs-tooltip-padding-x: 0.5rem;
1484
+ --bs-tooltip-padding-y: 0.25rem;
1485
+ --bs-tooltip-margin: ;
1486
+ --bs-tooltip-font-size: 0.875rem;
1487
+ --bs-tooltip-color: var(--bs-body-bg);
1488
+ --bs-tooltip-bg: var(--bs-emphasis-color);
1489
+ --bs-tooltip-border-radius: var(--bs-border-radius);
1490
+ --bs-tooltip-opacity: 0.9;
1491
+ --bs-tooltip-arrow-width: 0.8rem;
1492
+ --bs-tooltip-arrow-height: 0.4rem;
1493
+ z-index: var(--bs-tooltip-zindex);
1494
+ display: block;
1495
+ margin: var(--bs-tooltip-margin);
1496
+ font-family: var(--bs-font-sans-serif);
1497
+ font-style: normal;
1498
+ font-weight: 400;
1499
+ line-height: 1.5;
1500
+ text-align: left;
1501
+ text-align: start;
1502
+ text-decoration: none;
1503
+ text-shadow: none;
1504
+ text-transform: none;
1505
+ letter-spacing: normal;
1506
+ word-break: normal;
1507
+ white-space: normal;
1508
+ word-spacing: normal;
1509
+ line-break: auto;
1510
+ font-size: var(--bs-tooltip-font-size);
1511
+ word-wrap: break-word;
1512
+ opacity: 0;
1513
+ }
1514
+ .tooltip.show {
1515
+ opacity: var(--bs-tooltip-opacity);
1516
+ }
1517
+
1518
+ /* rtl:begin:ignore */
1519
+
1520
+ /* rtl:end:ignore */
1521
+
1522
+ /* rtl:begin:ignore */
1523
+
1524
+ /* rtl:end:ignore */
1525
+
1526
+ /* rtl:begin:ignore */
1527
+
1528
+ /* rtl:end:ignore */
1529
+
1530
+ /* rtl:begin:ignore */
1531
+
1532
+ /* rtl:end:ignore */
1533
+
1534
+ .spinner-grow,
1535
+ .spinner-border {
1536
+ display: inline-block;
1537
+ width: var(--bs-spinner-width);
1538
+ height: var(--bs-spinner-height);
1539
+ vertical-align: var(--bs-spinner-vertical-align);
1540
+ border-radius: 50%;
1541
+ animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
1542
+ }
1543
+
1544
+ @keyframes spinner-border {
1545
+ to {
1546
+ transform: rotate(360deg) /* rtl:ignore */;
1547
+ }
1548
+ }
1549
+ .spinner-border {
1550
+ --bs-spinner-width: 2rem;
1551
+ --bs-spinner-height: 2rem;
1552
+ --bs-spinner-vertical-align: -0.125em;
1553
+ --bs-spinner-border-width: 0.25em;
1554
+ --bs-spinner-animation-speed: 0.75s;
1555
+ --bs-spinner-animation-name: spinner-border;
1556
+ border: var(--bs-spinner-border-width) solid currentcolor;
1557
+ border-right-color: transparent;
1558
+ }
1559
+
1560
+ @keyframes spinner-grow {
1561
+ 0% {
1562
+ transform: scale(0);
1563
+ }
1564
+ 50% {
1565
+ opacity: 1;
1566
+ transform: none;
1567
+ }
1568
+ }
1569
+ .spinner-grow {
1570
+ --bs-spinner-width: 2rem;
1571
+ --bs-spinner-height: 2rem;
1572
+ --bs-spinner-vertical-align: -0.125em;
1573
+ --bs-spinner-animation-speed: 0.75s;
1574
+ --bs-spinner-animation-name: spinner-grow;
1575
+ background-color: currentcolor;
1576
+ opacity: 0;
1577
+ }
1578
+
1579
+ @media (prefers-reduced-motion: reduce) {
1580
+ .spinner-border,
1581
+ .spinner-grow {
1582
+ --bs-spinner-animation-speed: 1.5s;
1583
+ }
1584
+ }
1585
+
1586
+ .placeholder {
1587
+ display: inline-block;
1588
+ min-height: 1em;
1589
+ vertical-align: middle;
1590
+ cursor: wait;
1591
+ background-color: currentcolor;
1592
+ opacity: 0.5;
1593
+ }
1594
+ .placeholder.btn::before, .qbo-code button.placeholder::before {
1595
+ display: inline-block;
1596
+ content: "";
1597
+ }
1598
+
1599
+ .placeholder-glow .placeholder {
1600
+ animation: placeholder-glow 2s ease-in-out infinite;
1601
+ }
1602
+
1603
+ @keyframes placeholder-glow {
1604
+ 50% {
1605
+ opacity: 0.2;
1606
+ }
1607
+ }
1608
+ .placeholder-wave {
1609
+ -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
1610
+ mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
1611
+ -webkit-mask-size: 200% 100%;
1612
+ mask-size: 200% 100%;
1613
+ animation: placeholder-wave 2s linear infinite;
1614
+ }
1615
+
1616
+ @keyframes placeholder-wave {
1617
+ 100% {
1618
+ -webkit-mask-position: -200% 0%;
1619
+ mask-position: -200% 0%;
1620
+ }
1621
+ }
1622
+
1623
+ .ratio {
1624
+ position: relative;
1625
+ width: 100%;
1626
+ }
1627
+ .ratio::before {
1628
+ display: block;
1629
+ padding-top: var(--bs-aspect-ratio);
1630
+ content: "";
1631
+ }
1632
+ .ratio > * {
1633
+ position: absolute;
1634
+ top: 0;
1635
+ left: 0;
1636
+ width: 100%;
1637
+ height: 100%;
1638
+ }
1639
+
1640
+ .vr {
1641
+ display: inline-block;
1642
+ align-self: stretch;
1643
+ width: var(--bs-border-width);
1644
+ min-height: 1em;
1645
+ background-color: currentcolor;
1646
+ opacity: 0.25;
1647
+ }
1648
+
1649
+ .shadow {
1650
+ box-shadow: var(--bs-box-shadow) !important;
1651
+ }
1652
+
1653
+ .border {
1654
+ border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
1655
+ }
1656
+
1657
+ .border-top {
1658
+ border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
1659
+ }
1660
+
1661
+ .border-bottom {
1662
+ border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
1663
+ }
1664
+
1665
+ .flex-wrap {
1666
+ flex-wrap: wrap !important;
1667
+ }
1668
+
1669
+ .mb-3 {
1670
+ margin-bottom: 1rem !important;
1671
+ }
1672
+
1673
+ .p-1 {
1674
+ padding: 0.25rem !important;
1675
+ }
1676
+
1677
+ /* rtl:begin:remove */
1678
+
1679
+ /* rtl:end:remove */
1680
+
1681
+ .bg-success {
1682
+ --bs-bg-opacity: 1;
1683
+ background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
1684
+ }
1685
+
1686
+ .visible {
1687
+ visibility: visible !important;
1688
+ }
1689
+
1690
+ .invisible {
1691
+ visibility: hidden !important;
1692
+ }
1693
+ .qbo-code {
1694
+ position: fixed;
1695
+ top: 100px;
1696
+ left: 100px;
1697
+ width: 60%;
1698
+ height: 50%;
1699
+ background: white;
1700
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
1701
+ border: 1px solid #ddd;
1702
+ z-index: 1000;
1703
+ resize: both;
1704
+ overflow: auto;
1705
+ }
1706
+
1707
+ .qbo-code header {
1708
+ /*background: #f0f0f0;
1709
+ padding: 10px;*/
1710
+ cursor: move;
1711
+ }
1712
+
1713
+ .qbo-code section {
1714
+ /*padding: 10px;*/
1715
+ }
1716
+
1717
+ .qbo-code footer {
1718
+ display: flex;
1719
+ gap: 0.5em;
1720
+ }
1721
+
1722
+ .working {
1723
+ opacity: 1;
1724
+ cursor: not-allowed;
1725
+ }
1726
+
1727
+ /*.qbo-code .resize-handle {
1728
+ @extend .modal-footer;
1729
+ }*/
1730
+
1731
1731
  /*# sourceMappingURL=qbo-configuration.css.map */