slu-design-system 2.0.17 → 2.0.19

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,66 +1,175 @@
1
1
  @charset "UTF-8";
2
2
  /***panels****/
3
3
  /* primary plate */
4
+ :root {
5
+ --bs-blue: #0d6efd;
6
+ --bs-indigo: #6610f2;
7
+ --bs-purple: #6f42c1;
8
+ --bs-pink: #d63384;
9
+ --bs-red: #dc3545;
10
+ --bs-orange: #fd7e14;
11
+ --bs-yellow: #ffc107;
12
+ --bs-green: #198754;
13
+ --bs-teal: #20c997;
14
+ --bs-cyan: #0dcaf0;
15
+ --bs-black: #000;
16
+ --bs-white: #fff;
17
+ --bs-gray: #6c757d;
18
+ --bs-gray-dark: #343a40;
19
+ --bs-gray-100: #f8f9fa;
20
+ --bs-gray-200: #e9ecef;
21
+ --bs-gray-300: #dee2e6;
22
+ --bs-gray-400: #ced4da;
23
+ --bs-gray-500: #adb5bd;
24
+ --bs-gray-600: #6c757d;
25
+ --bs-gray-700: #495057;
26
+ --bs-gray-800: #343a40;
27
+ --bs-gray-900: #212529;
28
+ --bs-primary: #007681;
29
+ --bs-secondary: #6c757d;
30
+ --bs-success: #52a852;
31
+ --bs-info: #17a2b8;
32
+ --bs-warning: #db7100;
33
+ --bs-danger: #b83d39;
34
+ --bs-light: #f8f9fa;
35
+ --bs-dark: #212529;
36
+ --bs-primary-rgb: 0, 118, 129;
37
+ --bs-secondary-rgb: 108, 117, 125;
38
+ --bs-success-rgb: 82, 168, 82;
39
+ --bs-info-rgb: 23, 162, 184;
40
+ --bs-warning-rgb: 219, 113, 0;
41
+ --bs-danger-rgb: 184, 61, 57;
42
+ --bs-light-rgb: 248, 249, 250;
43
+ --bs-dark-rgb: 33, 37, 41;
44
+ --bs-white-rgb: 255, 255, 255;
45
+ --bs-black-rgb: 0, 0, 0;
46
+ --bs-body-color-rgb: 33, 37, 41;
47
+ --bs-body-bg-rgb: 233, 235, 238;
48
+ --bs-font-sans-serif: Roboto, Roboto, "Helvetica Neue", Arial, sans-serif;
49
+ --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
50
+ --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
51
+ --bs-body-font-family: var(--bs-font-sans-serif);
52
+ --bs-body-font-size: 1rem;
53
+ --bs-body-font-weight: 400;
54
+ --bs-body-line-height: 1.3;
55
+ --bs-body-color: #212529;
56
+ --bs-body-bg: #e9ebee;
57
+ --bs-border-width: 1px;
58
+ --bs-border-style: solid;
59
+ --bs-border-color: #dee2e6;
60
+ --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
61
+ --bs-border-radius: 0.15rem;
62
+ --bs-border-radius-sm: 0.25rem;
63
+ --bs-border-radius-lg: 0.5rem;
64
+ --bs-border-radius-xl: 1rem;
65
+ --bs-border-radius-2xl: 2rem;
66
+ --bs-border-radius-pill: 50rem;
67
+ --bs-link-color: #007681;
68
+ --bs-link-hover-color: #005f68;
69
+ --bs-code-color: #d63384;
70
+ --bs-highlight-bg: #fff3cd;
71
+ }
72
+
4
73
  .clearfix::after {
5
74
  display: block;
6
75
  clear: both;
7
76
  content: "";
8
77
  }
9
78
 
79
+ .text-bg-primary {
80
+ color: #fff !important;
81
+ background-color: RGBA(0, 118, 129, var(--bs-bg-opacity, 1)) !important;
82
+ }
83
+
84
+ .text-bg-secondary {
85
+ color: #fff !important;
86
+ background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
87
+ }
88
+
89
+ .text-bg-success {
90
+ color: #000 !important;
91
+ background-color: RGBA(82, 168, 82, var(--bs-bg-opacity, 1)) !important;
92
+ }
93
+
94
+ .text-bg-info {
95
+ color: #000 !important;
96
+ background-color: RGBA(23, 162, 184, var(--bs-bg-opacity, 1)) !important;
97
+ }
98
+
99
+ .text-bg-warning {
100
+ color: #000 !important;
101
+ background-color: RGBA(219, 113, 0, var(--bs-bg-opacity, 1)) !important;
102
+ }
103
+
104
+ .text-bg-danger {
105
+ color: #fff !important;
106
+ background-color: RGBA(184, 61, 57, var(--bs-bg-opacity, 1)) !important;
107
+ }
108
+
109
+ .text-bg-light {
110
+ color: #000 !important;
111
+ background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
112
+ }
113
+
114
+ .text-bg-dark {
115
+ color: #fff !important;
116
+ background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
117
+ }
118
+
10
119
  .link-primary {
11
- color: #007681;
120
+ color: #007681 !important;
12
121
  }
13
122
  .link-primary:hover, .link-primary:focus {
14
- color: #005e67;
123
+ color: #005e67 !important;
15
124
  }
16
125
 
17
126
  .link-secondary {
18
- color: #6c757d;
127
+ color: #6c757d !important;
19
128
  }
20
129
  .link-secondary:hover, .link-secondary:focus {
21
- color: #565e64;
130
+ color: #565e64 !important;
22
131
  }
23
132
 
24
133
  .link-success {
25
- color: #52a852;
134
+ color: #52a852 !important;
26
135
  }
27
136
  .link-success:hover, .link-success:focus {
28
- color: #75b975;
137
+ color: #75b975 !important;
29
138
  }
30
139
 
31
140
  .link-info {
32
- color: #17a2b8;
141
+ color: #17a2b8 !important;
33
142
  }
34
143
  .link-info:hover, .link-info:focus {
35
- color: #45b5c6;
144
+ color: #45b5c6 !important;
36
145
  }
37
146
 
38
147
  .link-warning {
39
- color: #db7100;
148
+ color: #db7100 !important;
40
149
  }
41
150
  .link-warning:hover, .link-warning:focus {
42
- color: #e28d33;
151
+ color: #e28d33 !important;
43
152
  }
44
153
 
45
154
  .link-danger {
46
- color: #b83d39;
155
+ color: #b83d39 !important;
47
156
  }
48
157
  .link-danger:hover, .link-danger:focus {
49
- color: #93312e;
158
+ color: #93312e !important;
50
159
  }
51
160
 
52
161
  .link-light {
53
- color: #f8f9fa;
162
+ color: #f8f9fa !important;
54
163
  }
55
164
  .link-light:hover, .link-light:focus {
56
- color: #f9fafb;
165
+ color: #f9fafb !important;
57
166
  }
58
167
 
59
168
  .link-dark {
60
- color: #212529;
169
+ color: #212529 !important;
61
170
  }
62
171
  .link-dark:hover, .link-dark:focus {
63
- color: #1a1e21;
172
+ color: #1a1e21 !important;
64
173
  }
65
174
 
66
175
  .ratio {
@@ -118,12 +227,24 @@
118
227
  z-index: 1020;
119
228
  }
120
229
 
230
+ .sticky-bottom {
231
+ position: sticky;
232
+ bottom: 0;
233
+ z-index: 1020;
234
+ }
235
+
121
236
  @media (min-width: 576px) {
122
237
  .sticky-sm-top {
123
238
  position: sticky;
124
239
  top: 0;
125
240
  z-index: 1020;
126
241
  }
242
+
243
+ .sticky-sm-bottom {
244
+ position: sticky;
245
+ bottom: 0;
246
+ z-index: 1020;
247
+ }
127
248
  }
128
249
  @media (min-width: 768px) {
129
250
  .sticky-md-top {
@@ -131,6 +252,12 @@
131
252
  top: 0;
132
253
  z-index: 1020;
133
254
  }
255
+
256
+ .sticky-md-bottom {
257
+ position: sticky;
258
+ bottom: 0;
259
+ z-index: 1020;
260
+ }
134
261
  }
135
262
  @media (min-width: 992px) {
136
263
  .sticky-lg-top {
@@ -138,6 +265,12 @@
138
265
  top: 0;
139
266
  z-index: 1020;
140
267
  }
268
+
269
+ .sticky-lg-bottom {
270
+ position: sticky;
271
+ bottom: 0;
272
+ z-index: 1020;
273
+ }
141
274
  }
142
275
  @media (min-width: 1200px) {
143
276
  .sticky-xl-top {
@@ -145,6 +278,12 @@
145
278
  top: 0;
146
279
  z-index: 1020;
147
280
  }
281
+
282
+ .sticky-xl-bottom {
283
+ position: sticky;
284
+ bottom: 0;
285
+ z-index: 1020;
286
+ }
148
287
  }
149
288
  @media (min-width: 1400px) {
150
289
  .sticky-xxl-top {
@@ -152,6 +291,12 @@
152
291
  top: 0;
153
292
  z-index: 1020;
154
293
  }
294
+
295
+ .sticky-xxl-bottom {
296
+ position: sticky;
297
+ bottom: 0;
298
+ z-index: 1020;
299
+ }
155
300
  }
156
301
  .hstack {
157
302
  display: flex;
@@ -201,7 +346,7 @@
201
346
  align-self: stretch;
202
347
  width: 1px;
203
348
  min-height: 1em;
204
- background-color: currentColor;
349
+ background-color: currentcolor;
205
350
  opacity: 0.25;
206
351
  }
207
352
 
@@ -414,7 +559,7 @@
414
559
  }
415
560
 
416
561
  .border {
417
- border: 1px solid #dee2e6 !important;
562
+ border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
418
563
  }
419
564
 
420
565
  .border-0 {
@@ -422,7 +567,7 @@
422
567
  }
423
568
 
424
569
  .border-top {
425
- border-top: 1px solid #dee2e6 !important;
570
+ border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
426
571
  }
427
572
 
428
573
  .border-top-0 {
@@ -430,7 +575,7 @@
430
575
  }
431
576
 
432
577
  .border-end {
433
- border-right: 1px solid #dee2e6 !important;
578
+ border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
434
579
  }
435
580
 
436
581
  .border-end-0 {
@@ -438,7 +583,7 @@
438
583
  }
439
584
 
440
585
  .border-bottom {
441
- border-bottom: 1px solid #dee2e6 !important;
586
+ border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
442
587
  }
443
588
 
444
589
  .border-bottom-0 {
@@ -446,7 +591,7 @@
446
591
  }
447
592
 
448
593
  .border-start {
449
- border-left: 1px solid #dee2e6 !important;
594
+ border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
450
595
  }
451
596
 
452
597
  .border-start-0 {
@@ -454,59 +599,88 @@
454
599
  }
455
600
 
456
601
  .border-primary {
457
- border-color: #007681 !important;
602
+ --bs-border-opacity: 1;
603
+ border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
458
604
  }
459
605
 
460
606
  .border-secondary {
461
- border-color: #6c757d !important;
607
+ --bs-border-opacity: 1;
608
+ border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
462
609
  }
463
610
 
464
611
  .border-success {
465
- border-color: #52a852 !important;
612
+ --bs-border-opacity: 1;
613
+ border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
466
614
  }
467
615
 
468
616
  .border-info {
469
- border-color: #17a2b8 !important;
617
+ --bs-border-opacity: 1;
618
+ border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
470
619
  }
471
620
 
472
621
  .border-warning {
473
- border-color: #db7100 !important;
622
+ --bs-border-opacity: 1;
623
+ border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
474
624
  }
475
625
 
476
626
  .border-danger {
477
- border-color: #b83d39 !important;
627
+ --bs-border-opacity: 1;
628
+ border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
478
629
  }
479
630
 
480
631
  .border-light {
481
- border-color: #f8f9fa !important;
632
+ --bs-border-opacity: 1;
633
+ border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
482
634
  }
483
635
 
484
636
  .border-dark {
485
- border-color: #212529 !important;
637
+ --bs-border-opacity: 1;
638
+ border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
486
639
  }
487
640
 
488
641
  .border-white {
489
- border-color: #fff !important;
642
+ --bs-border-opacity: 1;
643
+ border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
490
644
  }
491
645
 
492
646
  .border-1 {
493
- border-width: 1px !important;
647
+ --bs-border-width: 1px;
494
648
  }
495
649
 
496
650
  .border-2 {
497
- border-width: 2px !important;
651
+ --bs-border-width: 2px;
498
652
  }
499
653
 
500
654
  .border-3 {
501
- border-width: 3px !important;
655
+ --bs-border-width: 3px;
502
656
  }
503
657
 
504
658
  .border-4 {
505
- border-width: 4px !important;
659
+ --bs-border-width: 4px;
506
660
  }
507
661
 
508
662
  .border-5 {
509
- border-width: 5px !important;
663
+ --bs-border-width: 5px;
664
+ }
665
+
666
+ .border-opacity-10 {
667
+ --bs-border-opacity: 0.1;
668
+ }
669
+
670
+ .border-opacity-25 {
671
+ --bs-border-opacity: 0.25;
672
+ }
673
+
674
+ .border-opacity-50 {
675
+ --bs-border-opacity: 0.5;
676
+ }
677
+
678
+ .border-opacity-75 {
679
+ --bs-border-opacity: 0.75;
680
+ }
681
+
682
+ .border-opacity-100 {
683
+ --bs-border-opacity: 1;
510
684
  }
511
685
 
512
686
  .w-25 {
@@ -621,30 +795,6 @@
621
795
  flex-wrap: wrap-reverse !important;
622
796
  }
623
797
 
624
- .gap-0 {
625
- gap: 0 !important;
626
- }
627
-
628
- .gap-1 {
629
- gap: 0.25rem !important;
630
- }
631
-
632
- .gap-2 {
633
- gap: 0.5rem !important;
634
- }
635
-
636
- .gap-3 {
637
- gap: 1rem !important;
638
- }
639
-
640
- .gap-4 {
641
- gap: 1.5rem !important;
642
- }
643
-
644
- .gap-5 {
645
- gap: 3rem !important;
646
- }
647
-
648
798
  .justify-content-start {
649
799
  justify-content: flex-start !important;
650
800
  }
@@ -1309,6 +1459,30 @@
1309
1459
  padding-left: 3rem !important;
1310
1460
  }
1311
1461
 
1462
+ .gap-0 {
1463
+ gap: 0 !important;
1464
+ }
1465
+
1466
+ .gap-1 {
1467
+ gap: 0.25rem !important;
1468
+ }
1469
+
1470
+ .gap-2 {
1471
+ gap: 0.5rem !important;
1472
+ }
1473
+
1474
+ .gap-3 {
1475
+ gap: 1rem !important;
1476
+ }
1477
+
1478
+ .gap-4 {
1479
+ gap: 1.5rem !important;
1480
+ }
1481
+
1482
+ .gap-5 {
1483
+ gap: 3rem !important;
1484
+ }
1485
+
1312
1486
  .font-monospace {
1313
1487
  font-family: var(--bs-font-monospace) !important;
1314
1488
  }
@@ -1361,6 +1535,10 @@
1361
1535
  font-weight: 700 !important;
1362
1536
  }
1363
1537
 
1538
+ .fw-semibold {
1539
+ font-weight: 600 !important;
1540
+ }
1541
+
1364
1542
  .fw-bolder {
1365
1543
  font-weight: bolder !important;
1366
1544
  }
@@ -1628,7 +1806,7 @@
1628
1806
  }
1629
1807
 
1630
1808
  .rounded {
1631
- border-radius: 0.15rem !important;
1809
+ border-radius: var(--bs-border-radius) !important;
1632
1810
  }
1633
1811
 
1634
1812
  .rounded-0 {
@@ -1636,15 +1814,23 @@
1636
1814
  }
1637
1815
 
1638
1816
  .rounded-1 {
1639
- border-radius: 0.2rem !important;
1817
+ border-radius: var(--bs-border-radius-sm) !important;
1640
1818
  }
1641
1819
 
1642
1820
  .rounded-2 {
1643
- border-radius: 0.15rem !important;
1821
+ border-radius: var(--bs-border-radius) !important;
1644
1822
  }
1645
1823
 
1646
1824
  .rounded-3 {
1647
- border-radius: 0.3rem !important;
1825
+ border-radius: var(--bs-border-radius-lg) !important;
1826
+ }
1827
+
1828
+ .rounded-4 {
1829
+ border-radius: var(--bs-border-radius-xl) !important;
1830
+ }
1831
+
1832
+ .rounded-5 {
1833
+ border-radius: var(--bs-border-radius-2xl) !important;
1648
1834
  }
1649
1835
 
1650
1836
  .rounded-circle {
@@ -1652,27 +1838,27 @@
1652
1838
  }
1653
1839
 
1654
1840
  .rounded-pill {
1655
- border-radius: 50rem !important;
1841
+ border-radius: var(--bs-border-radius-pill) !important;
1656
1842
  }
1657
1843
 
1658
1844
  .rounded-top {
1659
- border-top-left-radius: 0.15rem !important;
1660
- border-top-right-radius: 0.15rem !important;
1845
+ border-top-left-radius: var(--bs-border-radius) !important;
1846
+ border-top-right-radius: var(--bs-border-radius) !important;
1661
1847
  }
1662
1848
 
1663
1849
  .rounded-end {
1664
- border-top-right-radius: 0.15rem !important;
1665
- border-bottom-right-radius: 0.15rem !important;
1850
+ border-top-right-radius: var(--bs-border-radius) !important;
1851
+ border-bottom-right-radius: var(--bs-border-radius) !important;
1666
1852
  }
1667
1853
 
1668
1854
  .rounded-bottom {
1669
- border-bottom-right-radius: 0.15rem !important;
1670
- border-bottom-left-radius: 0.15rem !important;
1855
+ border-bottom-right-radius: var(--bs-border-radius) !important;
1856
+ border-bottom-left-radius: var(--bs-border-radius) !important;
1671
1857
  }
1672
1858
 
1673
1859
  .rounded-start {
1674
- border-bottom-left-radius: 0.15rem !important;
1675
- border-top-left-radius: 0.15rem !important;
1860
+ border-bottom-left-radius: var(--bs-border-radius) !important;
1861
+ border-top-left-radius: var(--bs-border-radius) !important;
1676
1862
  }
1677
1863
 
1678
1864
  .visible {
@@ -1784,30 +1970,6 @@
1784
1970
  flex-wrap: wrap-reverse !important;
1785
1971
  }
1786
1972
 
1787
- .gap-sm-0 {
1788
- gap: 0 !important;
1789
- }
1790
-
1791
- .gap-sm-1 {
1792
- gap: 0.25rem !important;
1793
- }
1794
-
1795
- .gap-sm-2 {
1796
- gap: 0.5rem !important;
1797
- }
1798
-
1799
- .gap-sm-3 {
1800
- gap: 1rem !important;
1801
- }
1802
-
1803
- .gap-sm-4 {
1804
- gap: 1.5rem !important;
1805
- }
1806
-
1807
- .gap-sm-5 {
1808
- gap: 3rem !important;
1809
- }
1810
-
1811
1973
  .justify-content-sm-start {
1812
1974
  justify-content: flex-start !important;
1813
1975
  }
@@ -2472,6 +2634,30 @@
2472
2634
  padding-left: 3rem !important;
2473
2635
  }
2474
2636
 
2637
+ .gap-sm-0 {
2638
+ gap: 0 !important;
2639
+ }
2640
+
2641
+ .gap-sm-1 {
2642
+ gap: 0.25rem !important;
2643
+ }
2644
+
2645
+ .gap-sm-2 {
2646
+ gap: 0.5rem !important;
2647
+ }
2648
+
2649
+ .gap-sm-3 {
2650
+ gap: 1rem !important;
2651
+ }
2652
+
2653
+ .gap-sm-4 {
2654
+ gap: 1.5rem !important;
2655
+ }
2656
+
2657
+ .gap-sm-5 {
2658
+ gap: 3rem !important;
2659
+ }
2660
+
2475
2661
  .text-sm-start {
2476
2662
  text-align: left !important;
2477
2663
  }
@@ -2585,30 +2771,6 @@
2585
2771
  flex-wrap: wrap-reverse !important;
2586
2772
  }
2587
2773
 
2588
- .gap-md-0 {
2589
- gap: 0 !important;
2590
- }
2591
-
2592
- .gap-md-1 {
2593
- gap: 0.25rem !important;
2594
- }
2595
-
2596
- .gap-md-2 {
2597
- gap: 0.5rem !important;
2598
- }
2599
-
2600
- .gap-md-3 {
2601
- gap: 1rem !important;
2602
- }
2603
-
2604
- .gap-md-4 {
2605
- gap: 1.5rem !important;
2606
- }
2607
-
2608
- .gap-md-5 {
2609
- gap: 3rem !important;
2610
- }
2611
-
2612
2774
  .justify-content-md-start {
2613
2775
  justify-content: flex-start !important;
2614
2776
  }
@@ -3273,19 +3435,43 @@
3273
3435
  padding-left: 3rem !important;
3274
3436
  }
3275
3437
 
3276
- .text-md-start {
3277
- text-align: left !important;
3438
+ .gap-md-0 {
3439
+ gap: 0 !important;
3278
3440
  }
3279
3441
 
3280
- .text-md-end {
3281
- text-align: right !important;
3442
+ .gap-md-1 {
3443
+ gap: 0.25rem !important;
3282
3444
  }
3283
3445
 
3284
- .text-md-center {
3285
- text-align: center !important;
3446
+ .gap-md-2 {
3447
+ gap: 0.5rem !important;
3286
3448
  }
3287
- }
3288
- @media (min-width: 992px) {
3449
+
3450
+ .gap-md-3 {
3451
+ gap: 1rem !important;
3452
+ }
3453
+
3454
+ .gap-md-4 {
3455
+ gap: 1.5rem !important;
3456
+ }
3457
+
3458
+ .gap-md-5 {
3459
+ gap: 3rem !important;
3460
+ }
3461
+
3462
+ .text-md-start {
3463
+ text-align: left !important;
3464
+ }
3465
+
3466
+ .text-md-end {
3467
+ text-align: right !important;
3468
+ }
3469
+
3470
+ .text-md-center {
3471
+ text-align: center !important;
3472
+ }
3473
+ }
3474
+ @media (min-width: 992px) {
3289
3475
  .float-lg-start {
3290
3476
  float: left !important;
3291
3477
  }
@@ -3386,30 +3572,6 @@
3386
3572
  flex-wrap: wrap-reverse !important;
3387
3573
  }
3388
3574
 
3389
- .gap-lg-0 {
3390
- gap: 0 !important;
3391
- }
3392
-
3393
- .gap-lg-1 {
3394
- gap: 0.25rem !important;
3395
- }
3396
-
3397
- .gap-lg-2 {
3398
- gap: 0.5rem !important;
3399
- }
3400
-
3401
- .gap-lg-3 {
3402
- gap: 1rem !important;
3403
- }
3404
-
3405
- .gap-lg-4 {
3406
- gap: 1.5rem !important;
3407
- }
3408
-
3409
- .gap-lg-5 {
3410
- gap: 3rem !important;
3411
- }
3412
-
3413
3575
  .justify-content-lg-start {
3414
3576
  justify-content: flex-start !important;
3415
3577
  }
@@ -4074,6 +4236,30 @@
4074
4236
  padding-left: 3rem !important;
4075
4237
  }
4076
4238
 
4239
+ .gap-lg-0 {
4240
+ gap: 0 !important;
4241
+ }
4242
+
4243
+ .gap-lg-1 {
4244
+ gap: 0.25rem !important;
4245
+ }
4246
+
4247
+ .gap-lg-2 {
4248
+ gap: 0.5rem !important;
4249
+ }
4250
+
4251
+ .gap-lg-3 {
4252
+ gap: 1rem !important;
4253
+ }
4254
+
4255
+ .gap-lg-4 {
4256
+ gap: 1.5rem !important;
4257
+ }
4258
+
4259
+ .gap-lg-5 {
4260
+ gap: 3rem !important;
4261
+ }
4262
+
4077
4263
  .text-lg-start {
4078
4264
  text-align: left !important;
4079
4265
  }
@@ -4187,30 +4373,6 @@
4187
4373
  flex-wrap: wrap-reverse !important;
4188
4374
  }
4189
4375
 
4190
- .gap-xl-0 {
4191
- gap: 0 !important;
4192
- }
4193
-
4194
- .gap-xl-1 {
4195
- gap: 0.25rem !important;
4196
- }
4197
-
4198
- .gap-xl-2 {
4199
- gap: 0.5rem !important;
4200
- }
4201
-
4202
- .gap-xl-3 {
4203
- gap: 1rem !important;
4204
- }
4205
-
4206
- .gap-xl-4 {
4207
- gap: 1.5rem !important;
4208
- }
4209
-
4210
- .gap-xl-5 {
4211
- gap: 3rem !important;
4212
- }
4213
-
4214
4376
  .justify-content-xl-start {
4215
4377
  justify-content: flex-start !important;
4216
4378
  }
@@ -4875,6 +5037,30 @@
4875
5037
  padding-left: 3rem !important;
4876
5038
  }
4877
5039
 
5040
+ .gap-xl-0 {
5041
+ gap: 0 !important;
5042
+ }
5043
+
5044
+ .gap-xl-1 {
5045
+ gap: 0.25rem !important;
5046
+ }
5047
+
5048
+ .gap-xl-2 {
5049
+ gap: 0.5rem !important;
5050
+ }
5051
+
5052
+ .gap-xl-3 {
5053
+ gap: 1rem !important;
5054
+ }
5055
+
5056
+ .gap-xl-4 {
5057
+ gap: 1.5rem !important;
5058
+ }
5059
+
5060
+ .gap-xl-5 {
5061
+ gap: 3rem !important;
5062
+ }
5063
+
4878
5064
  .text-xl-start {
4879
5065
  text-align: left !important;
4880
5066
  }
@@ -4988,30 +5174,6 @@
4988
5174
  flex-wrap: wrap-reverse !important;
4989
5175
  }
4990
5176
 
4991
- .gap-xxl-0 {
4992
- gap: 0 !important;
4993
- }
4994
-
4995
- .gap-xxl-1 {
4996
- gap: 0.25rem !important;
4997
- }
4998
-
4999
- .gap-xxl-2 {
5000
- gap: 0.5rem !important;
5001
- }
5002
-
5003
- .gap-xxl-3 {
5004
- gap: 1rem !important;
5005
- }
5006
-
5007
- .gap-xxl-4 {
5008
- gap: 1.5rem !important;
5009
- }
5010
-
5011
- .gap-xxl-5 {
5012
- gap: 3rem !important;
5013
- }
5014
-
5015
5177
  .justify-content-xxl-start {
5016
5178
  justify-content: flex-start !important;
5017
5179
  }
@@ -5676,6 +5838,30 @@
5676
5838
  padding-left: 3rem !important;
5677
5839
  }
5678
5840
 
5841
+ .gap-xxl-0 {
5842
+ gap: 0 !important;
5843
+ }
5844
+
5845
+ .gap-xxl-1 {
5846
+ gap: 0.25rem !important;
5847
+ }
5848
+
5849
+ .gap-xxl-2 {
5850
+ gap: 0.5rem !important;
5851
+ }
5852
+
5853
+ .gap-xxl-3 {
5854
+ gap: 1rem !important;
5855
+ }
5856
+
5857
+ .gap-xxl-4 {
5858
+ gap: 1.5rem !important;
5859
+ }
5860
+
5861
+ .gap-xxl-5 {
5862
+ gap: 3rem !important;
5863
+ }
5864
+
5679
5865
  .text-xxl-start {
5680
5866
  text-align: left !important;
5681
5867
  }
@@ -5738,60 +5924,6 @@
5738
5924
  display: none !important;
5739
5925
  }
5740
5926
  }
5741
- :root {
5742
- --bs-blue: #0d6efd;
5743
- --bs-indigo: #6610f2;
5744
- --bs-purple: #6f42c1;
5745
- --bs-pink: #d63384;
5746
- --bs-red: #dc3545;
5747
- --bs-orange: #fd7e14;
5748
- --bs-yellow: #ffc107;
5749
- --bs-green: #198754;
5750
- --bs-teal: #20c997;
5751
- --bs-cyan: #0dcaf0;
5752
- --bs-white: #fff;
5753
- --bs-gray: #6c757d;
5754
- --bs-gray-dark: #343a40;
5755
- --bs-gray-100: #f8f9fa;
5756
- --bs-gray-200: #e9ecef;
5757
- --bs-gray-300: #dee2e6;
5758
- --bs-gray-400: #ced4da;
5759
- --bs-gray-500: #adb5bd;
5760
- --bs-gray-600: #6c757d;
5761
- --bs-gray-700: #495057;
5762
- --bs-gray-800: #343a40;
5763
- --bs-gray-900: #212529;
5764
- --bs-primary: #007681;
5765
- --bs-secondary: #6c757d;
5766
- --bs-success: #52a852;
5767
- --bs-info: #17a2b8;
5768
- --bs-warning: #db7100;
5769
- --bs-danger: #b83d39;
5770
- --bs-light: #f8f9fa;
5771
- --bs-dark: #212529;
5772
- --bs-primary-rgb: 0, 118, 129;
5773
- --bs-secondary-rgb: 108, 117, 125;
5774
- --bs-success-rgb: 82, 168, 82;
5775
- --bs-info-rgb: 23, 162, 184;
5776
- --bs-warning-rgb: 219, 113, 0;
5777
- --bs-danger-rgb: 184, 61, 57;
5778
- --bs-light-rgb: 248, 249, 250;
5779
- --bs-dark-rgb: 33, 37, 41;
5780
- --bs-white-rgb: 255, 255, 255;
5781
- --bs-black-rgb: 0, 0, 0;
5782
- --bs-body-color-rgb: 33, 37, 41;
5783
- --bs-body-bg-rgb: 233, 235, 238;
5784
- --bs-font-sans-serif: Roboto, Roboto, "Helvetica Neue", Arial, sans-serif;
5785
- --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
5786
- --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
5787
- --bs-body-font-family: var(--bs-font-sans-serif);
5788
- --bs-body-font-size: 1rem;
5789
- --bs-body-font-weight: 400;
5790
- --bs-body-line-height: 1.3;
5791
- --bs-body-color: #212529;
5792
- --bs-body-bg: #e9ebee;
5793
- }
5794
-
5795
5927
  *,
5796
5928
  *::before,
5797
5929
  *::after {
@@ -5820,15 +5952,11 @@ body {
5820
5952
  hr {
5821
5953
  margin: 1rem 0;
5822
5954
  color: inherit;
5823
- background-color: currentColor;
5824
5955
  border: 0;
5956
+ border-top: 1px solid;
5825
5957
  opacity: 0.25;
5826
5958
  }
5827
5959
 
5828
- hr:not([size]) {
5829
- height: 1px;
5830
- }
5831
-
5832
5960
  h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
5833
5961
  margin-top: 0;
5834
5962
  margin-bottom: 0.5rem;
@@ -5875,8 +6003,7 @@ p {
5875
6003
  margin-bottom: 1rem;
5876
6004
  }
5877
6005
 
5878
- abbr[title],
5879
- abbr[data-bs-original-title] {
6006
+ abbr[title] {
5880
6007
  text-decoration: underline dotted;
5881
6008
  cursor: help;
5882
6009
  text-decoration-skip-ink: none;
@@ -5930,8 +6057,8 @@ small, .small {
5930
6057
  }
5931
6058
 
5932
6059
  mark, .mark {
5933
- padding: 0.2em;
5934
- background-color: #fcf8e3;
6060
+ padding: 0.1875em;
6061
+ background-color: var(--bs-highlight-bg);
5935
6062
  }
5936
6063
 
5937
6064
  sub,
@@ -5951,11 +6078,11 @@ sup {
5951
6078
  }
5952
6079
 
5953
6080
  a {
5954
- color: #007681;
6081
+ color: var(--bs-link-color);
5955
6082
  text-decoration: underline;
5956
6083
  }
5957
6084
  a:hover {
5958
- color: #005f68;
6085
+ color: var(--bs-link-hover-color);
5959
6086
  }
5960
6087
 
5961
6088
  a:not([href]):not([class]), a:not([href]):not([class]):hover {
@@ -5969,8 +6096,6 @@ kbd,
5969
6096
  samp {
5970
6097
  font-family: var(--bs-font-monospace);
5971
6098
  font-size: 1em;
5972
- direction: ltr /* rtl:ignore */;
5973
- unicode-bidi: bidi-override;
5974
6099
  }
5975
6100
 
5976
6101
  pre {
@@ -5988,7 +6113,7 @@ pre code {
5988
6113
 
5989
6114
  code {
5990
6115
  font-size: 0.875em;
5991
- color: #d63384;
6116
+ color: var(--bs-code-color);
5992
6117
  word-wrap: break-word;
5993
6118
  }
5994
6119
  a > code {
@@ -5996,16 +6121,15 @@ a > code {
5996
6121
  }
5997
6122
 
5998
6123
  kbd {
5999
- padding: 0.2rem 0.4rem;
6124
+ padding: 0.1875rem 0.375rem;
6000
6125
  font-size: 0.875em;
6001
- color: #fff;
6002
- background-color: #212529;
6003
- border-radius: 0.2rem;
6126
+ color: var(--bs-body-bg);
6127
+ background-color: var(--bs-body-color);
6128
+ border-radius: 0.25rem;
6004
6129
  }
6005
6130
  kbd kbd {
6006
6131
  padding: 0;
6007
6132
  font-size: 1em;
6008
- font-weight: 700;
6009
6133
  }
6010
6134
 
6011
6135
  figure {
@@ -6084,8 +6208,8 @@ select:disabled {
6084
6208
  opacity: 1;
6085
6209
  }
6086
6210
 
6087
- [list]::-webkit-calendar-picker-indicator {
6088
- display: none;
6211
+ [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
6212
+ display: none !important;
6089
6213
  }
6090
6214
 
6091
6215
  button,
@@ -6171,10 +6295,6 @@ legend + * {
6171
6295
 
6172
6296
  ::file-selector-button {
6173
6297
  font: inherit;
6174
- }
6175
-
6176
- ::-webkit-file-upload-button {
6177
- font: inherit;
6178
6298
  -webkit-appearance: button;
6179
6299
  }
6180
6300
 
@@ -6317,9 +6437,11 @@ progress {
6317
6437
  .container-lg,
6318
6438
  .container-md,
6319
6439
  .container-sm {
6440
+ --bs-gutter-x: 0.5rem;
6441
+ --bs-gutter-y: 0;
6320
6442
  width: 100%;
6321
- padding-right: var(--bs-gutter-x, 0.25rem);
6322
- padding-left: var(--bs-gutter-x, 0.25rem);
6443
+ padding-right: calc(var(--bs-gutter-x) * 0.5);
6444
+ padding-left: calc(var(--bs-gutter-x) * 0.5);
6323
6445
  margin-right: auto;
6324
6446
  margin-left: auto;
6325
6447
  }
@@ -6350,13 +6472,32 @@ progress {
6350
6472
  }
6351
6473
  }
6352
6474
  .navbar {
6475
+ --bs-navbar-padding-x: 0;
6476
+ --bs-navbar-padding-y: 0.6rem;
6477
+ --bs-navbar-color: rgba(0, 0, 0, 0.55);
6478
+ --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
6479
+ --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
6480
+ --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
6481
+ --bs-navbar-brand-padding-y: 0.175rem;
6482
+ --bs-navbar-brand-margin-end: 1rem;
6483
+ --bs-navbar-brand-font-size: 1.5rem;
6484
+ --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
6485
+ --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
6486
+ --bs-navbar-nav-link-padding-x: 0.5rem;
6487
+ --bs-navbar-toggler-padding-y: 0.25rem;
6488
+ --bs-navbar-toggler-padding-x: 0.75rem;
6489
+ --bs-navbar-toggler-font-size: 1.25rem;
6490
+ --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
6491
+ --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
6492
+ --bs-navbar-toggler-border-radius: 0.15rem;
6493
+ --bs-navbar-toggler-focus-width: 3px;
6494
+ --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
6353
6495
  position: relative;
6354
6496
  display: flex;
6355
6497
  flex-wrap: wrap;
6356
6498
  align-items: center;
6357
6499
  justify-content: space-between;
6358
- padding-top: 0.6rem;
6359
- padding-bottom: 0.6rem;
6500
+ padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
6360
6501
  }
6361
6502
  .navbar > .container,
6362
6503
  .navbar > .container-fluid,
@@ -6371,28 +6512,34 @@ progress {
6371
6512
  justify-content: space-between;
6372
6513
  }
6373
6514
  .navbar-brand {
6374
- padding-top: 0.175rem;
6375
- padding-bottom: 0.175rem;
6376
- margin-right: 1rem;
6377
- font-size: calc(1.275rem + 0.3vw);
6515
+ padding-top: var(--bs-navbar-brand-padding-y);
6516
+ padding-bottom: var(--bs-navbar-brand-padding-y);
6517
+ margin-right: var(--bs-navbar-brand-margin-end);
6518
+ font-size: var(--bs-navbar-brand-font-size);
6519
+ color: var(--bs-navbar-brand-color);
6378
6520
  text-decoration: none;
6379
6521
  white-space: nowrap;
6380
6522
  }
6381
- @media (min-width: 1200px) {
6382
- .navbar-brand {
6383
- font-size: 1.5rem;
6384
- }
6523
+ .navbar-brand:hover, .navbar-brand:focus {
6524
+ color: var(--bs-navbar-brand-hover-color);
6385
6525
  }
6526
+
6386
6527
  .navbar-nav {
6528
+ --bs-nav-link-padding-x: 0;
6529
+ --bs-nav-link-padding-y: 0.5rem;
6530
+ --bs-nav-link-font-weight: ;
6531
+ --bs-nav-link-color: var(--bs-navbar-color);
6532
+ --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
6533
+ --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
6387
6534
  display: flex;
6388
6535
  flex-direction: column;
6389
6536
  padding-left: 0;
6390
6537
  margin-bottom: 0;
6391
6538
  list-style: none;
6392
6539
  }
6393
- .navbar-nav .nav-link {
6394
- padding-right: 0;
6395
- padding-left: 0;
6540
+ .navbar-nav .show > .nav-link,
6541
+ .navbar-nav .nav-link.active {
6542
+ color: var(--bs-navbar-active-color);
6396
6543
  }
6397
6544
  .navbar-nav .dropdown-menu {
6398
6545
  position: static;
@@ -6401,6 +6548,12 @@ progress {
6401
6548
  .navbar-text {
6402
6549
  padding-top: 0.5rem;
6403
6550
  padding-bottom: 0.5rem;
6551
+ color: var(--bs-navbar-color);
6552
+ }
6553
+ .navbar-text a,
6554
+ .navbar-text a:hover,
6555
+ .navbar-text a:focus {
6556
+ color: var(--bs-navbar-active-color);
6404
6557
  }
6405
6558
 
6406
6559
  .navbar-collapse {
@@ -6410,13 +6563,14 @@ progress {
6410
6563
  }
6411
6564
 
6412
6565
  .navbar-toggler {
6413
- padding: 0.25rem 0.75rem;
6414
- font-size: 1.25rem;
6566
+ padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
6567
+ font-size: var(--bs-navbar-toggler-font-size);
6415
6568
  line-height: 1;
6569
+ color: var(--bs-navbar-color);
6416
6570
  background-color: transparent;
6417
- border: 1px solid transparent;
6418
- border-radius: 0.15rem;
6419
- transition: box-shadow 0.15s ease-in-out;
6571
+ border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
6572
+ border-radius: var(--bs-navbar-toggler-border-radius);
6573
+ transition: var(--bs-navbar-toggler-transition);
6420
6574
  }
6421
6575
  @media (prefers-reduced-motion: reduce) {
6422
6576
  .navbar-toggler {
@@ -6429,7 +6583,7 @@ progress {
6429
6583
  .navbar-toggler:focus {
6430
6584
  text-decoration: none;
6431
6585
  outline: 0;
6432
- box-shadow: 0 0 0 3px;
6586
+ box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
6433
6587
  }
6434
6588
 
6435
6589
  .navbar-toggler-icon {
@@ -6437,6 +6591,7 @@ progress {
6437
6591
  width: 1.5em;
6438
6592
  height: 1.5em;
6439
6593
  vertical-align: middle;
6594
+ background-image: var(--bs-navbar-toggler-icon-bg);
6440
6595
  background-repeat: no-repeat;
6441
6596
  background-position: center;
6442
6597
  background-size: 100%;
@@ -6459,8 +6614,8 @@ progress {
6459
6614
  position: absolute;
6460
6615
  }
6461
6616
  .navbar-expand-sm .navbar-nav .nav-link {
6462
- padding-right: 0.5rem;
6463
- padding-left: 0.5rem;
6617
+ padding-right: var(--bs-navbar-nav-link-padding-x);
6618
+ padding-left: var(--bs-navbar-nav-link-padding-x);
6464
6619
  }
6465
6620
  .navbar-expand-sm .navbar-nav-scroll {
6466
6621
  overflow: visible;
@@ -6472,28 +6627,22 @@ progress {
6472
6627
  .navbar-expand-sm .navbar-toggler {
6473
6628
  display: none;
6474
6629
  }
6475
- .navbar-expand-sm .offcanvas-header {
6476
- display: none;
6477
- }
6478
6630
  .navbar-expand-sm .offcanvas {
6479
- position: inherit;
6480
- bottom: 0;
6481
- z-index: 1000;
6631
+ position: static;
6632
+ z-index: auto;
6482
6633
  flex-grow: 1;
6634
+ width: auto !important;
6635
+ height: auto !important;
6483
6636
  visibility: visible !important;
6484
- background-color: transparent;
6485
- border-right: 0;
6486
- border-left: 0;
6637
+ background-color: transparent !important;
6638
+ border: 0 !important;
6639
+ transform: none !important;
6487
6640
  transition: none;
6488
- transform: none;
6489
6641
  }
6490
- .navbar-expand-sm .offcanvas-top,
6491
- .navbar-expand-sm .offcanvas-bottom {
6492
- height: auto;
6493
- border-top: 0;
6494
- border-bottom: 0;
6642
+ .navbar-expand-sm .offcanvas .offcanvas-header {
6643
+ display: none;
6495
6644
  }
6496
- .navbar-expand-sm .offcanvas-body {
6645
+ .navbar-expand-sm .offcanvas .offcanvas-body {
6497
6646
  display: flex;
6498
6647
  flex-grow: 0;
6499
6648
  padding: 0;
@@ -6512,8 +6661,8 @@ progress {
6512
6661
  position: absolute;
6513
6662
  }
6514
6663
  .navbar-expand-md .navbar-nav .nav-link {
6515
- padding-right: 0.5rem;
6516
- padding-left: 0.5rem;
6664
+ padding-right: var(--bs-navbar-nav-link-padding-x);
6665
+ padding-left: var(--bs-navbar-nav-link-padding-x);
6517
6666
  }
6518
6667
  .navbar-expand-md .navbar-nav-scroll {
6519
6668
  overflow: visible;
@@ -6525,28 +6674,22 @@ progress {
6525
6674
  .navbar-expand-md .navbar-toggler {
6526
6675
  display: none;
6527
6676
  }
6528
- .navbar-expand-md .offcanvas-header {
6529
- display: none;
6530
- }
6531
6677
  .navbar-expand-md .offcanvas {
6532
- position: inherit;
6533
- bottom: 0;
6534
- z-index: 1000;
6678
+ position: static;
6679
+ z-index: auto;
6535
6680
  flex-grow: 1;
6681
+ width: auto !important;
6682
+ height: auto !important;
6536
6683
  visibility: visible !important;
6537
- background-color: transparent;
6538
- border-right: 0;
6539
- border-left: 0;
6684
+ background-color: transparent !important;
6685
+ border: 0 !important;
6686
+ transform: none !important;
6540
6687
  transition: none;
6541
- transform: none;
6542
6688
  }
6543
- .navbar-expand-md .offcanvas-top,
6544
- .navbar-expand-md .offcanvas-bottom {
6545
- height: auto;
6546
- border-top: 0;
6547
- border-bottom: 0;
6689
+ .navbar-expand-md .offcanvas .offcanvas-header {
6690
+ display: none;
6548
6691
  }
6549
- .navbar-expand-md .offcanvas-body {
6692
+ .navbar-expand-md .offcanvas .offcanvas-body {
6550
6693
  display: flex;
6551
6694
  flex-grow: 0;
6552
6695
  padding: 0;
@@ -6565,8 +6708,8 @@ progress {
6565
6708
  position: absolute;
6566
6709
  }
6567
6710
  .navbar-expand-lg .navbar-nav .nav-link {
6568
- padding-right: 0.5rem;
6569
- padding-left: 0.5rem;
6711
+ padding-right: var(--bs-navbar-nav-link-padding-x);
6712
+ padding-left: var(--bs-navbar-nav-link-padding-x);
6570
6713
  }
6571
6714
  .navbar-expand-lg .navbar-nav-scroll {
6572
6715
  overflow: visible;
@@ -6578,28 +6721,22 @@ progress {
6578
6721
  .navbar-expand-lg .navbar-toggler {
6579
6722
  display: none;
6580
6723
  }
6581
- .navbar-expand-lg .offcanvas-header {
6582
- display: none;
6583
- }
6584
6724
  .navbar-expand-lg .offcanvas {
6585
- position: inherit;
6586
- bottom: 0;
6587
- z-index: 1000;
6725
+ position: static;
6726
+ z-index: auto;
6588
6727
  flex-grow: 1;
6728
+ width: auto !important;
6729
+ height: auto !important;
6589
6730
  visibility: visible !important;
6590
- background-color: transparent;
6591
- border-right: 0;
6592
- border-left: 0;
6731
+ background-color: transparent !important;
6732
+ border: 0 !important;
6733
+ transform: none !important;
6593
6734
  transition: none;
6594
- transform: none;
6595
6735
  }
6596
- .navbar-expand-lg .offcanvas-top,
6597
- .navbar-expand-lg .offcanvas-bottom {
6598
- height: auto;
6599
- border-top: 0;
6600
- border-bottom: 0;
6736
+ .navbar-expand-lg .offcanvas .offcanvas-header {
6737
+ display: none;
6601
6738
  }
6602
- .navbar-expand-lg .offcanvas-body {
6739
+ .navbar-expand-lg .offcanvas .offcanvas-body {
6603
6740
  display: flex;
6604
6741
  flex-grow: 0;
6605
6742
  padding: 0;
@@ -6618,8 +6755,8 @@ progress {
6618
6755
  position: absolute;
6619
6756
  }
6620
6757
  .navbar-expand-xl .navbar-nav .nav-link {
6621
- padding-right: 0.5rem;
6622
- padding-left: 0.5rem;
6758
+ padding-right: var(--bs-navbar-nav-link-padding-x);
6759
+ padding-left: var(--bs-navbar-nav-link-padding-x);
6623
6760
  }
6624
6761
  .navbar-expand-xl .navbar-nav-scroll {
6625
6762
  overflow: visible;
@@ -6631,28 +6768,22 @@ progress {
6631
6768
  .navbar-expand-xl .navbar-toggler {
6632
6769
  display: none;
6633
6770
  }
6634
- .navbar-expand-xl .offcanvas-header {
6635
- display: none;
6636
- }
6637
6771
  .navbar-expand-xl .offcanvas {
6638
- position: inherit;
6639
- bottom: 0;
6640
- z-index: 1000;
6772
+ position: static;
6773
+ z-index: auto;
6641
6774
  flex-grow: 1;
6775
+ width: auto !important;
6776
+ height: auto !important;
6642
6777
  visibility: visible !important;
6643
- background-color: transparent;
6644
- border-right: 0;
6645
- border-left: 0;
6778
+ background-color: transparent !important;
6779
+ border: 0 !important;
6780
+ transform: none !important;
6646
6781
  transition: none;
6647
- transform: none;
6648
6782
  }
6649
- .navbar-expand-xl .offcanvas-top,
6650
- .navbar-expand-xl .offcanvas-bottom {
6651
- height: auto;
6652
- border-top: 0;
6653
- border-bottom: 0;
6783
+ .navbar-expand-xl .offcanvas .offcanvas-header {
6784
+ display: none;
6654
6785
  }
6655
- .navbar-expand-xl .offcanvas-body {
6786
+ .navbar-expand-xl .offcanvas .offcanvas-body {
6656
6787
  display: flex;
6657
6788
  flex-grow: 0;
6658
6789
  padding: 0;
@@ -6671,8 +6802,8 @@ progress {
6671
6802
  position: absolute;
6672
6803
  }
6673
6804
  .navbar-expand-xxl .navbar-nav .nav-link {
6674
- padding-right: 0.5rem;
6675
- padding-left: 0.5rem;
6805
+ padding-right: var(--bs-navbar-nav-link-padding-x);
6806
+ padding-left: var(--bs-navbar-nav-link-padding-x);
6676
6807
  }
6677
6808
  .navbar-expand-xxl .navbar-nav-scroll {
6678
6809
  overflow: visible;
@@ -6684,28 +6815,22 @@ progress {
6684
6815
  .navbar-expand-xxl .navbar-toggler {
6685
6816
  display: none;
6686
6817
  }
6687
- .navbar-expand-xxl .offcanvas-header {
6688
- display: none;
6689
- }
6690
6818
  .navbar-expand-xxl .offcanvas {
6691
- position: inherit;
6692
- bottom: 0;
6693
- z-index: 1000;
6819
+ position: static;
6820
+ z-index: auto;
6694
6821
  flex-grow: 1;
6822
+ width: auto !important;
6823
+ height: auto !important;
6695
6824
  visibility: visible !important;
6696
- background-color: transparent;
6697
- border-right: 0;
6698
- border-left: 0;
6825
+ background-color: transparent !important;
6826
+ border: 0 !important;
6827
+ transform: none !important;
6699
6828
  transition: none;
6700
- transform: none;
6701
6829
  }
6702
- .navbar-expand-xxl .offcanvas-top,
6703
- .navbar-expand-xxl .offcanvas-bottom {
6704
- height: auto;
6705
- border-top: 0;
6706
- border-bottom: 0;
6830
+ .navbar-expand-xxl .offcanvas .offcanvas-header {
6831
+ display: none;
6707
6832
  }
6708
- .navbar-expand-xxl .offcanvas-body {
6833
+ .navbar-expand-xxl .offcanvas .offcanvas-body {
6709
6834
  display: flex;
6710
6835
  flex-grow: 0;
6711
6836
  padding: 0;
@@ -6723,8 +6848,8 @@ progress {
6723
6848
  position: absolute;
6724
6849
  }
6725
6850
  .navbar-expand .navbar-nav .nav-link {
6726
- padding-right: 0.5rem;
6727
- padding-left: 0.5rem;
6851
+ padding-right: var(--bs-navbar-nav-link-padding-x);
6852
+ padding-left: var(--bs-navbar-nav-link-padding-x);
6728
6853
  }
6729
6854
  .navbar-expand .navbar-nav-scroll {
6730
6855
  overflow: visible;
@@ -6736,102 +6861,37 @@ progress {
6736
6861
  .navbar-expand .navbar-toggler {
6737
6862
  display: none;
6738
6863
  }
6739
- .navbar-expand .offcanvas-header {
6740
- display: none;
6741
- }
6742
6864
  .navbar-expand .offcanvas {
6743
- position: inherit;
6744
- bottom: 0;
6745
- z-index: 1000;
6865
+ position: static;
6866
+ z-index: auto;
6746
6867
  flex-grow: 1;
6868
+ width: auto !important;
6869
+ height: auto !important;
6747
6870
  visibility: visible !important;
6748
- background-color: transparent;
6749
- border-right: 0;
6750
- border-left: 0;
6871
+ background-color: transparent !important;
6872
+ border: 0 !important;
6873
+ transform: none !important;
6751
6874
  transition: none;
6752
- transform: none;
6753
6875
  }
6754
- .navbar-expand .offcanvas-top,
6755
- .navbar-expand .offcanvas-bottom {
6756
- height: auto;
6757
- border-top: 0;
6758
- border-bottom: 0;
6876
+ .navbar-expand .offcanvas .offcanvas-header {
6877
+ display: none;
6759
6878
  }
6760
- .navbar-expand .offcanvas-body {
6879
+ .navbar-expand .offcanvas .offcanvas-body {
6761
6880
  display: flex;
6762
6881
  flex-grow: 0;
6763
6882
  padding: 0;
6764
6883
  overflow-y: visible;
6765
6884
  }
6766
6885
 
6767
- .navbar-light .navbar-brand {
6768
- color: rgba(0, 0, 0, 0.9);
6769
- }
6770
- .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
6771
- color: rgba(0, 0, 0, 0.9);
6772
- }
6773
- .navbar-light .navbar-nav .nav-link {
6774
- color: rgba(0, 0, 0, 0.55);
6775
- }
6776
- .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
6777
- color: rgba(0, 0, 0, 0.7);
6778
- }
6779
- .navbar-light .navbar-nav .nav-link.disabled {
6780
- color: rgba(0, 0, 0, 0.3);
6781
- }
6782
- .navbar-light .navbar-nav .show > .nav-link,
6783
- .navbar-light .navbar-nav .nav-link.active {
6784
- color: rgba(0, 0, 0, 0.9);
6785
- }
6786
- .navbar-light .navbar-toggler {
6787
- color: rgba(0, 0, 0, 0.55);
6788
- border-color: rgba(0, 0, 0, 0.1);
6789
- }
6790
- .navbar-light .navbar-toggler-icon {
6791
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
6792
- }
6793
- .navbar-light .navbar-text {
6794
- color: rgba(0, 0, 0, 0.55);
6795
- }
6796
- .navbar-light .navbar-text a,
6797
- .navbar-light .navbar-text a:hover,
6798
- .navbar-light .navbar-text a:focus {
6799
- color: rgba(0, 0, 0, 0.9);
6800
- }
6801
-
6802
- .navbar-dark .navbar-brand {
6803
- color: #fff;
6804
- }
6805
- .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
6806
- color: #fff;
6807
- }
6808
- .navbar-dark .navbar-nav .nav-link {
6809
- color: rgba(255, 255, 255, 0.55);
6810
- }
6811
- .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
6812
- color: rgba(255, 255, 255, 0.75);
6813
- }
6814
- .navbar-dark .navbar-nav .nav-link.disabled {
6815
- color: rgba(255, 255, 255, 0.25);
6816
- }
6817
- .navbar-dark .navbar-nav .show > .nav-link,
6818
- .navbar-dark .navbar-nav .nav-link.active {
6819
- color: #fff;
6820
- }
6821
- .navbar-dark .navbar-toggler {
6822
- color: rgba(255, 255, 255, 0.55);
6823
- border-color: rgba(255, 255, 255, 0.1);
6824
- }
6825
- .navbar-dark .navbar-toggler-icon {
6826
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
6827
- }
6828
- .navbar-dark .navbar-text {
6829
- color: rgba(255, 255, 255, 0.55);
6830
- }
6831
- .navbar-dark .navbar-text a,
6832
- .navbar-dark .navbar-text a:hover,
6833
- .navbar-dark .navbar-text a:focus {
6834
- color: #fff;
6886
+ .navbar-dark {
6887
+ --bs-navbar-color: rgba(255, 255, 255, 0.55);
6888
+ --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
6889
+ --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
6890
+ --bs-navbar-active-color: #fff;
6891
+ --bs-navbar-brand-color: #fff;
6892
+ --bs-navbar-brand-hover-color: #fff;
6893
+ --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
6894
+ --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
6835
6895
  }
6836
6896
 
6837
6897
  .row {
@@ -6839,9 +6899,9 @@ progress {
6839
6899
  --bs-gutter-y: 0;
6840
6900
  display: flex;
6841
6901
  flex-wrap: wrap;
6842
- margin-top: calc(var(--bs-gutter-y) * -1);
6843
- margin-right: calc(var(--bs-gutter-x) * -0.5);
6844
- margin-left: calc(var(--bs-gutter-x) * -0.5);
6902
+ margin-top: calc(-1 * var(--bs-gutter-y));
6903
+ margin-right: calc(-0.5 * var(--bs-gutter-x));
6904
+ margin-left: calc(-0.5 * var(--bs-gutter-x));
6845
6905
  }
6846
6906
  .row > * {
6847
6907
  flex-shrink: 0;
@@ -8126,19 +8186,21 @@ progress {
8126
8186
  }
8127
8187
  }
8128
8188
  .table {
8189
+ --bs-table-color: var(--bs-body-color);
8129
8190
  --bs-table-bg: transparent;
8191
+ --bs-table-border-color: var(--bs-border-color);
8130
8192
  --bs-table-accent-bg: transparent;
8131
- --bs-table-striped-color: #212529;
8193
+ --bs-table-striped-color: var(--bs-body-color);
8132
8194
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
8133
- --bs-table-active-color: #212529;
8195
+ --bs-table-active-color: var(--bs-body-color);
8134
8196
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
8135
- --bs-table-hover-color: #212529;
8197
+ --bs-table-hover-color: var(--bs-body-color);
8136
8198
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
8137
8199
  width: 100%;
8138
8200
  margin-bottom: 1rem;
8139
- color: #212529;
8201
+ color: var(--bs-table-color);
8140
8202
  vertical-align: top;
8141
- border-color: #dee2e6;
8203
+ border-color: var(--bs-table-border-color);
8142
8204
  }
8143
8205
  .table > :not(caption) > * > * {
8144
8206
  padding: 0.5rem 0.5rem;
@@ -8152,8 +8214,9 @@ progress {
8152
8214
  .table > thead {
8153
8215
  vertical-align: bottom;
8154
8216
  }
8155
- .table > :not(:last-child) > :last-child > * {
8156
- border-bottom-color: currentColor;
8217
+
8218
+ .table-group-divider {
8219
+ border-top: 2px solid currentcolor;
8157
8220
  }
8158
8221
 
8159
8222
  .caption-top {
@@ -8174,8 +8237,16 @@ progress {
8174
8237
  .table-borderless > :not(caption) > * > * {
8175
8238
  border-bottom-width: 0;
8176
8239
  }
8240
+ .table-borderless > :not(:first-child) {
8241
+ border-top-width: 0;
8242
+ }
8177
8243
 
8178
- .table-striped > tbody > tr:nth-of-type(odd) {
8244
+ .table-striped > tbody > tr:nth-of-type(odd) > * {
8245
+ --bs-table-accent-bg: var(--bs-table-striped-bg);
8246
+ color: var(--bs-table-striped-color);
8247
+ }
8248
+
8249
+ .table-striped-columns > :not(caption) > tr > :nth-child(even) {
8179
8250
  --bs-table-accent-bg: var(--bs-table-striped-bg);
8180
8251
  color: var(--bs-table-striped-color);
8181
8252
  }
@@ -8185,105 +8256,121 @@ progress {
8185
8256
  color: var(--bs-table-active-color);
8186
8257
  }
8187
8258
 
8188
- .table-hover > tbody > tr:hover {
8259
+ .table-hover > tbody > tr:hover > * {
8189
8260
  --bs-table-accent-bg: var(--bs-table-hover-bg);
8190
8261
  color: var(--bs-table-hover-color);
8191
8262
  }
8192
8263
 
8193
8264
  .table-primary {
8265
+ --bs-table-color: #000;
8194
8266
  --bs-table-bg: #cce4e6;
8267
+ --bs-table-border-color: #b8cdcf;
8195
8268
  --bs-table-striped-bg: #c2d9db;
8196
8269
  --bs-table-striped-color: #000;
8197
8270
  --bs-table-active-bg: #b8cdcf;
8198
8271
  --bs-table-active-color: #000;
8199
8272
  --bs-table-hover-bg: #bdd3d5;
8200
8273
  --bs-table-hover-color: #000;
8201
- color: #000;
8202
- border-color: #b8cdcf;
8274
+ color: var(--bs-table-color);
8275
+ border-color: var(--bs-table-border-color);
8203
8276
  }
8204
8277
 
8205
8278
  .table-secondary {
8279
+ --bs-table-color: #000;
8206
8280
  --bs-table-bg: #e2e3e5;
8281
+ --bs-table-border-color: #cbccce;
8207
8282
  --bs-table-striped-bg: #d7d8da;
8208
8283
  --bs-table-striped-color: #000;
8209
8284
  --bs-table-active-bg: #cbccce;
8210
8285
  --bs-table-active-color: #000;
8211
8286
  --bs-table-hover-bg: #d1d2d4;
8212
8287
  --bs-table-hover-color: #000;
8213
- color: #000;
8214
- border-color: #cbccce;
8288
+ color: var(--bs-table-color);
8289
+ border-color: var(--bs-table-border-color);
8215
8290
  }
8216
8291
 
8217
8292
  .table-success {
8293
+ --bs-table-color: #000;
8218
8294
  --bs-table-bg: #dceedc;
8295
+ --bs-table-border-color: #c6d6c6;
8219
8296
  --bs-table-striped-bg: #d1e2d1;
8220
8297
  --bs-table-striped-color: #000;
8221
8298
  --bs-table-active-bg: #c6d6c6;
8222
8299
  --bs-table-active-color: #000;
8223
8300
  --bs-table-hover-bg: #ccdccc;
8224
8301
  --bs-table-hover-color: #000;
8225
- color: #000;
8226
- border-color: #c6d6c6;
8302
+ color: var(--bs-table-color);
8303
+ border-color: var(--bs-table-border-color);
8227
8304
  }
8228
8305
 
8229
8306
  .table-info {
8307
+ --bs-table-color: #000;
8230
8308
  --bs-table-bg: #d1ecf1;
8309
+ --bs-table-border-color: #bcd4d9;
8231
8310
  --bs-table-striped-bg: #c7e0e5;
8232
8311
  --bs-table-striped-color: #000;
8233
8312
  --bs-table-active-bg: #bcd4d9;
8234
8313
  --bs-table-active-color: #000;
8235
8314
  --bs-table-hover-bg: #c1dadf;
8236
8315
  --bs-table-hover-color: #000;
8237
- color: #000;
8238
- border-color: #bcd4d9;
8316
+ color: var(--bs-table-color);
8317
+ border-color: var(--bs-table-border-color);
8239
8318
  }
8240
8319
 
8241
8320
  .table-warning {
8321
+ --bs-table-color: #000;
8242
8322
  --bs-table-bg: #f8e3cc;
8323
+ --bs-table-border-color: #dfccb8;
8243
8324
  --bs-table-striped-bg: #ecd8c2;
8244
8325
  --bs-table-striped-color: #000;
8245
8326
  --bs-table-active-bg: #dfccb8;
8246
8327
  --bs-table-active-color: #000;
8247
8328
  --bs-table-hover-bg: #e5d2bd;
8248
8329
  --bs-table-hover-color: #000;
8249
- color: #000;
8250
- border-color: #dfccb8;
8330
+ color: var(--bs-table-color);
8331
+ border-color: var(--bs-table-border-color);
8251
8332
  }
8252
8333
 
8253
8334
  .table-danger {
8335
+ --bs-table-color: #000;
8254
8336
  --bs-table-bg: #f1d8d7;
8337
+ --bs-table-border-color: #d9c2c2;
8255
8338
  --bs-table-striped-bg: #e5cdcc;
8256
8339
  --bs-table-striped-color: #000;
8257
8340
  --bs-table-active-bg: #d9c2c2;
8258
8341
  --bs-table-active-color: #000;
8259
8342
  --bs-table-hover-bg: #dfc8c7;
8260
8343
  --bs-table-hover-color: #000;
8261
- color: #000;
8262
- border-color: #d9c2c2;
8344
+ color: var(--bs-table-color);
8345
+ border-color: var(--bs-table-border-color);
8263
8346
  }
8264
8347
 
8265
8348
  .table-light {
8349
+ --bs-table-color: #000;
8266
8350
  --bs-table-bg: #f8f9fa;
8351
+ --bs-table-border-color: #dfe0e1;
8267
8352
  --bs-table-striped-bg: #ecedee;
8268
8353
  --bs-table-striped-color: #000;
8269
8354
  --bs-table-active-bg: #dfe0e1;
8270
8355
  --bs-table-active-color: #000;
8271
8356
  --bs-table-hover-bg: #e5e6e7;
8272
8357
  --bs-table-hover-color: #000;
8273
- color: #000;
8274
- border-color: #dfe0e1;
8358
+ color: var(--bs-table-color);
8359
+ border-color: var(--bs-table-border-color);
8275
8360
  }
8276
8361
 
8277
8362
  .table-dark {
8363
+ --bs-table-color: #fff;
8278
8364
  --bs-table-bg: #212529;
8365
+ --bs-table-border-color: #373b3e;
8279
8366
  --bs-table-striped-bg: #2c3034;
8280
8367
  --bs-table-striped-color: #fff;
8281
8368
  --bs-table-active-bg: #373b3e;
8282
8369
  --bs-table-active-color: #fff;
8283
8370
  --bs-table-hover-bg: #323539;
8284
8371
  --bs-table-hover-color: #fff;
8285
- color: #fff;
8286
- border-color: #373b3e;
8372
+ color: var(--bs-table-color);
8373
+ border-color: var(--bs-table-border-color);
8287
8374
  }
8288
8375
 
8289
8376
  .table-responsive {
@@ -8364,7 +8451,6 @@ progress {
8364
8451
  border: 1px solid #ced4da;
8365
8452
  appearance: none;
8366
8453
  border-radius: 0.15rem;
8367
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
8368
8454
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
8369
8455
  }
8370
8456
  @media (prefers-reduced-motion: reduce) {
@@ -8383,7 +8469,7 @@ progress {
8383
8469
  background-color: white;
8384
8470
  border-color: #80bbc0;
8385
8471
  outline: 0;
8386
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(0, 118, 129, 0.25);
8472
+ box-shadow: 0 0 0 0.25rem rgba(0, 118, 129, 0.25);
8387
8473
  }
8388
8474
  .form-control::-webkit-date-and-time-value {
8389
8475
  height: 1.3em;
@@ -8392,7 +8478,7 @@ progress {
8392
8478
  color: #6c757d;
8393
8479
  opacity: 1;
8394
8480
  }
8395
- .form-control:disabled, .form-control[readonly] {
8481
+ .form-control:disabled {
8396
8482
  background-color: #e9ecef;
8397
8483
  opacity: 1;
8398
8484
  }
@@ -8418,28 +8504,6 @@ progress {
8418
8504
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
8419
8505
  background-color: #dde0e3;
8420
8506
  }
8421
- .form-control::-webkit-file-upload-button {
8422
- padding: 0.375rem 0.5rem;
8423
- margin: -0.375rem -0.5rem;
8424
- margin-inline-end: 0.5rem;
8425
- color: #212529;
8426
- background-color: #e9ecef;
8427
- pointer-events: none;
8428
- border-color: inherit;
8429
- border-style: solid;
8430
- border-width: 0;
8431
- border-inline-end-width: 1px;
8432
- border-radius: 0;
8433
- 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;
8434
- }
8435
- @media (prefers-reduced-motion: reduce) {
8436
- .form-control::-webkit-file-upload-button {
8437
- transition: none;
8438
- }
8439
- }
8440
- .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
8441
- background-color: #dde0e3;
8442
- }
8443
8507
 
8444
8508
  .form-control-plaintext {
8445
8509
  display: block;
@@ -8452,6 +8516,9 @@ progress {
8452
8516
  border: solid transparent;
8453
8517
  border-width: 1px 0;
8454
8518
  }
8519
+ .form-control-plaintext:focus {
8520
+ outline: 0;
8521
+ }
8455
8522
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
8456
8523
  padding-right: 0;
8457
8524
  padding-left: 0;
@@ -8461,35 +8528,25 @@ progress {
8461
8528
  min-height: calc(1.3em + 0.5rem + 2px);
8462
8529
  padding: 0.25rem 0.5rem;
8463
8530
  font-size: 0.875rem;
8464
- border-radius: 0.2rem;
8531
+ border-radius: 0.25rem;
8465
8532
  }
8466
8533
  .form-control-sm::file-selector-button {
8467
8534
  padding: 0.25rem 0.5rem;
8468
8535
  margin: -0.25rem -0.5rem;
8469
8536
  margin-inline-end: 0.5rem;
8470
8537
  }
8471
- .form-control-sm::-webkit-file-upload-button {
8472
- padding: 0.25rem 0.5rem;
8473
- margin: -0.25rem -0.5rem;
8474
- margin-inline-end: 0.5rem;
8475
- }
8476
8538
 
8477
8539
  .form-control-lg {
8478
8540
  min-height: calc(1.3em + 1rem + 2px);
8479
8541
  padding: 0.5rem 1rem;
8480
8542
  font-size: 1.25rem;
8481
- border-radius: 0.3rem;
8543
+ border-radius: 0.5rem;
8482
8544
  }
8483
8545
  .form-control-lg::file-selector-button {
8484
8546
  padding: 0.5rem 1rem;
8485
8547
  margin: -0.5rem -1rem;
8486
8548
  margin-inline-end: 1rem;
8487
8549
  }
8488
- .form-control-lg::-webkit-file-upload-button {
8489
- padding: 0.5rem 1rem;
8490
- margin: -0.5rem -1rem;
8491
- margin-inline-end: 1rem;
8492
- }
8493
8550
 
8494
8551
  textarea.form-control {
8495
8552
  min-height: calc(1.3em + 0.75rem + 2px);
@@ -8503,20 +8560,25 @@ textarea.form-control-lg {
8503
8560
 
8504
8561
  .form-control-color {
8505
8562
  width: 3rem;
8506
- height: auto;
8563
+ height: calc(1.3em + 0.75rem + 2px);
8507
8564
  padding: 0.375rem;
8508
8565
  }
8509
8566
  .form-control-color:not(:disabled):not([readonly]) {
8510
8567
  cursor: pointer;
8511
8568
  }
8512
8569
  .form-control-color::-moz-color-swatch {
8513
- height: 1.3em;
8570
+ border: 0 !important;
8514
8571
  border-radius: 0.15rem;
8515
8572
  }
8516
8573
  .form-control-color::-webkit-color-swatch {
8517
- height: 1.3em;
8518
8574
  border-radius: 0.15rem;
8519
8575
  }
8576
+ .form-control-color.form-control-sm {
8577
+ height: calc(1.3em + 0.5rem + 2px);
8578
+ }
8579
+ .form-control-color.form-control-lg {
8580
+ height: calc(1.3em + 1rem + 2px);
8581
+ }
8520
8582
 
8521
8583
  .form-select {
8522
8584
  display: block;
@@ -8528,13 +8590,12 @@ textarea.form-control-lg {
8528
8590
  line-height: 1.3;
8529
8591
  color: #212529;
8530
8592
  background-color: white;
8531
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
8593
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
8532
8594
  background-repeat: no-repeat;
8533
8595
  background-position: right 0.5rem center;
8534
8596
  background-size: 16px 12px;
8535
8597
  border: 1px solid #ced4da;
8536
8598
  border-radius: 0.15rem;
8537
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
8538
8599
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
8539
8600
  appearance: none;
8540
8601
  }
@@ -8546,7 +8607,7 @@ textarea.form-control-lg {
8546
8607
  .form-select:focus {
8547
8608
  border-color: #80bbc0;
8548
8609
  outline: 0;
8549
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(0, 118, 129, 0.25);
8610
+ box-shadow: 0 0 0 0.25rem rgba(0, 118, 129, 0.25);
8550
8611
  }
8551
8612
  .form-select[multiple], .form-select[size]:not([size="1"]) {
8552
8613
  padding-right: 0.5rem;
@@ -8565,6 +8626,7 @@ textarea.form-control-lg {
8565
8626
  padding-bottom: 0.25rem;
8566
8627
  padding-left: 0.5rem;
8567
8628
  font-size: 0.875rem;
8629
+ border-radius: 0.25rem;
8568
8630
  }
8569
8631
 
8570
8632
  .form-select-lg {
@@ -8572,6 +8634,7 @@ textarea.form-control-lg {
8572
8634
  padding-bottom: 0.5rem;
8573
8635
  padding-left: 1rem;
8574
8636
  font-size: 1.25rem;
8637
+ border-radius: 0.5rem;
8575
8638
  }
8576
8639
 
8577
8640
  .form-check {
@@ -8585,6 +8648,17 @@ textarea.form-control-lg {
8585
8648
  margin-left: -1.5em;
8586
8649
  }
8587
8650
 
8651
+ .form-check-reverse {
8652
+ padding-right: 1.5em;
8653
+ padding-left: 0;
8654
+ text-align: right;
8655
+ }
8656
+ .form-check-reverse .form-check-input {
8657
+ float: right;
8658
+ margin-right: -1.5em;
8659
+ margin-left: 0;
8660
+ }
8661
+
8588
8662
  .form-check-input {
8589
8663
  width: 1em;
8590
8664
  height: 1em;
@@ -8596,7 +8670,7 @@ textarea.form-control-lg {
8596
8670
  background-size: contain;
8597
8671
  border: 1px solid rgba(0, 0, 0, 0.25);
8598
8672
  appearance: none;
8599
- color-adjust: exact;
8673
+ print-color-adjust: exact;
8600
8674
  }
8601
8675
  .form-check-input[type=checkbox] {
8602
8676
  border-radius: 0.25em;
@@ -8617,7 +8691,7 @@ textarea.form-control-lg {
8617
8691
  border-color: #007681;
8618
8692
  }
8619
8693
  .form-check-input:checked[type=checkbox] {
8620
- background-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 10l3 3l6-6'/%3e%3c/svg%3e");
8694
+ background-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");
8621
8695
  }
8622
8696
  .form-check-input:checked[type=radio] {
8623
8697
  background-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");
@@ -8633,6 +8707,7 @@ textarea.form-control-lg {
8633
8707
  opacity: 0.5;
8634
8708
  }
8635
8709
  .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
8710
+ cursor: default;
8636
8711
  opacity: 0.5;
8637
8712
  }
8638
8713
 
@@ -8659,6 +8734,14 @@ textarea.form-control-lg {
8659
8734
  background-position: right center;
8660
8735
  background-image: 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");
8661
8736
  }
8737
+ .form-switch.form-check-reverse {
8738
+ padding-right: 2.5em;
8739
+ padding-left: 0;
8740
+ }
8741
+ .form-switch.form-check-reverse .form-check-input {
8742
+ margin-right: -2.5em;
8743
+ margin-left: 0;
8744
+ }
8662
8745
 
8663
8746
  .form-check-inline {
8664
8747
  display: inline-block;
@@ -8702,7 +8785,6 @@ textarea.form-control-lg {
8702
8785
  background-color: #007681;
8703
8786
  border: 0;
8704
8787
  border-radius: 1rem;
8705
- box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
8706
8788
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
8707
8789
  appearance: none;
8708
8790
  }
@@ -8722,7 +8804,6 @@ textarea.form-control-lg {
8722
8804
  background-color: #dee2e6;
8723
8805
  border-color: transparent;
8724
8806
  border-radius: 1rem;
8725
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
8726
8807
  }
8727
8808
  .form-range::-moz-range-thumb {
8728
8809
  width: 1rem;
@@ -8730,7 +8811,6 @@ textarea.form-control-lg {
8730
8811
  background-color: #007681;
8731
8812
  border: 0;
8732
8813
  border-radius: 1rem;
8733
- box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
8734
8814
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
8735
8815
  appearance: none;
8736
8816
  }
@@ -8750,7 +8830,6 @@ textarea.form-control-lg {
8750
8830
  background-color: #dee2e6;
8751
8831
  border-color: transparent;
8752
8832
  border-radius: 1rem;
8753
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
8754
8833
  }
8755
8834
  .form-range:disabled {
8756
8835
  pointer-events: none;
@@ -8766,6 +8845,7 @@ textarea.form-control-lg {
8766
8845
  position: relative;
8767
8846
  }
8768
8847
  .form-floating > .form-control,
8848
+ .form-floating > .form-control-plaintext,
8769
8849
  .form-floating > .form-select {
8770
8850
  height: calc(3.5rem + 2px);
8771
8851
  line-height: 1.25;
@@ -8774,8 +8854,13 @@ textarea.form-control-lg {
8774
8854
  position: absolute;
8775
8855
  top: 0;
8776
8856
  left: 0;
8857
+ width: 100%;
8777
8858
  height: 100%;
8778
8859
  padding: 1rem 0.5rem;
8860
+ overflow: hidden;
8861
+ text-align: start;
8862
+ text-overflow: ellipsis;
8863
+ white-space: nowrap;
8779
8864
  pointer-events: none;
8780
8865
  border: 1px solid transparent;
8781
8866
  transform-origin: 0 0;
@@ -8786,17 +8871,22 @@ textarea.form-control-lg {
8786
8871
  transition: none;
8787
8872
  }
8788
8873
  }
8789
- .form-floating > .form-control {
8874
+ .form-floating > .form-control,
8875
+ .form-floating > .form-control-plaintext {
8790
8876
  padding: 1rem 0.5rem;
8791
8877
  }
8792
- .form-floating > .form-control::placeholder {
8878
+ .form-floating > .form-control::placeholder,
8879
+ .form-floating > .form-control-plaintext::placeholder {
8793
8880
  color: transparent;
8794
8881
  }
8795
- .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
8882
+ .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
8883
+ .form-floating > .form-control-plaintext:focus,
8884
+ .form-floating > .form-control-plaintext:not(:placeholder-shown) {
8796
8885
  padding-top: 1.625rem;
8797
8886
  padding-bottom: 0.625rem;
8798
8887
  }
8799
- .form-floating > .form-control:-webkit-autofill {
8888
+ .form-floating > .form-control:-webkit-autofill,
8889
+ .form-floating > .form-control-plaintext:-webkit-autofill {
8800
8890
  padding-top: 1.625rem;
8801
8891
  padding-bottom: 0.625rem;
8802
8892
  }
@@ -8806,6 +8896,7 @@ textarea.form-control-lg {
8806
8896
  }
8807
8897
  .form-floating > .form-control:focus ~ label,
8808
8898
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
8899
+ .form-floating > .form-control-plaintext ~ label,
8809
8900
  .form-floating > .form-select ~ label {
8810
8901
  opacity: 0.65;
8811
8902
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
@@ -8814,6 +8905,9 @@ textarea.form-control-lg {
8814
8905
  opacity: 0.65;
8815
8906
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
8816
8907
  }
8908
+ .form-floating > .form-control-plaintext ~ label {
8909
+ border-width: 1px 0;
8910
+ }
8817
8911
 
8818
8912
  .input-group {
8819
8913
  position: relative;
@@ -8823,22 +8917,24 @@ textarea.form-control-lg {
8823
8917
  width: 100%;
8824
8918
  }
8825
8919
  .input-group > .form-control,
8826
- .input-group > .form-select {
8920
+ .input-group > .form-select,
8921
+ .input-group > .form-floating {
8827
8922
  position: relative;
8828
8923
  flex: 1 1 auto;
8829
8924
  width: 1%;
8830
8925
  min-width: 0;
8831
8926
  }
8832
8927
  .input-group > .form-control:focus,
8833
- .input-group > .form-select:focus {
8834
- z-index: 3;
8928
+ .input-group > .form-select:focus,
8929
+ .input-group > .form-floating:focus-within {
8930
+ z-index: 5;
8835
8931
  }
8836
8932
  .input-group .btn {
8837
8933
  position: relative;
8838
8934
  z-index: 2;
8839
8935
  }
8840
8936
  .input-group .btn:focus {
8841
- z-index: 3;
8937
+ z-index: 5;
8842
8938
  }
8843
8939
 
8844
8940
  .input-group-text {
@@ -8862,7 +8958,7 @@ textarea.form-control-lg {
8862
8958
  .input-group-lg > .btn {
8863
8959
  padding: 0.5rem 1rem;
8864
8960
  font-size: 1.25rem;
8865
- border-radius: 0.3rem;
8961
+ border-radius: 0.5rem;
8866
8962
  }
8867
8963
 
8868
8964
  .input-group-sm > .form-control,
@@ -8871,7 +8967,7 @@ textarea.form-control-lg {
8871
8967
  .input-group-sm > .btn {
8872
8968
  padding: 0.25rem 0.5rem;
8873
8969
  font-size: 0.875rem;
8874
- border-radius: 0.2rem;
8970
+ border-radius: 0.25rem;
8875
8971
  }
8876
8972
 
8877
8973
  .input-group-lg > .form-select,
@@ -8879,13 +8975,17 @@ textarea.form-control-lg {
8879
8975
  padding-right: 2rem;
8880
8976
  }
8881
8977
 
8882
- .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
8883
- .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
8978
+ .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
8979
+ .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
8980
+ .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
8981
+ .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
8884
8982
  border-top-right-radius: 0;
8885
8983
  border-bottom-right-radius: 0;
8886
8984
  }
8887
- .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
8888
- .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
8985
+ .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
8986
+ .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
8987
+ .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
8988
+ .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
8889
8989
  border-top-right-radius: 0;
8890
8990
  border-bottom-right-radius: 0;
8891
8991
  }
@@ -8894,6 +8994,11 @@ textarea.form-control-lg {
8894
8994
  border-top-left-radius: 0;
8895
8995
  border-bottom-left-radius: 0;
8896
8996
  }
8997
+ .input-group > .form-floating:not(:first-child) > .form-control,
8998
+ .input-group > .form-floating:not(:first-child) > .form-select {
8999
+ border-top-left-radius: 0;
9000
+ border-bottom-left-radius: 0;
9001
+ }
8897
9002
 
8898
9003
  .valid-feedback {
8899
9004
  display: none;
@@ -8927,7 +9032,7 @@ textarea.form-control-lg {
8927
9032
  .was-validated .form-control:valid, .form-control.is-valid {
8928
9033
  border-color: #52a852;
8929
9034
  padding-right: calc(1.3em + 0.75rem);
8930
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2352a852' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
9035
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2352a852' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
8931
9036
  background-repeat: no-repeat;
8932
9037
  background-position: right calc(0.325em + 0.1875rem) center;
8933
9038
  background-size: calc(0.65em + 0.375rem) calc(0.65em + 0.375rem);
@@ -8947,7 +9052,7 @@ textarea.form-control-lg {
8947
9052
  }
8948
9053
  .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
8949
9054
  padding-right: 2.75rem;
8950
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2352a852' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
9055
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2352a852' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
8951
9056
  background-position: right 0.5rem center, center right 1.5rem;
8952
9057
  background-size: 16px 12px, calc(0.65em + 0.375rem) calc(0.65em + 0.375rem);
8953
9058
  }
@@ -8956,6 +9061,10 @@ textarea.form-control-lg {
8956
9061
  box-shadow: 0 0 0 0.25rem rgba(82, 168, 82, 0.25);
8957
9062
  }
8958
9063
 
9064
+ .was-validated .form-control-color:valid, .form-control-color.is-valid {
9065
+ width: calc(3rem + calc(1.3em + 0.75rem));
9066
+ }
9067
+
8959
9068
  .was-validated .form-check-input:valid, .form-check-input.is-valid {
8960
9069
  border-color: #52a852;
8961
9070
  }
@@ -8973,14 +9082,11 @@ textarea.form-control-lg {
8973
9082
  margin-left: 0.5em;
8974
9083
  }
8975
9084
 
8976
- .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
8977
- .was-validated .input-group .form-select:valid,
8978
- .input-group .form-select.is-valid {
8979
- z-index: 1;
8980
- }
8981
- .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
8982
- .was-validated .input-group .form-select:valid:focus,
8983
- .input-group .form-select.is-valid:focus {
9085
+ .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
9086
+ .was-validated .input-group > .form-select:not(:focus):valid,
9087
+ .input-group > .form-select:not(:focus).is-valid,
9088
+ .was-validated .input-group > .form-floating:not(:focus-within):valid,
9089
+ .input-group > .form-floating:not(:focus-within).is-valid {
8984
9090
  z-index: 3;
8985
9091
  }
8986
9092
 
@@ -9036,7 +9142,7 @@ textarea.form-control-lg {
9036
9142
  }
9037
9143
  .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
9038
9144
  padding-right: 2.75rem;
9039
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23b83d39'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23b83d39' stroke='none'/%3e%3c/svg%3e");
9145
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23b83d39'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23b83d39' stroke='none'/%3e%3c/svg%3e");
9040
9146
  background-position: right 0.5rem center, center right 1.5rem;
9041
9147
  background-size: 16px 12px, calc(0.65em + 0.375rem) calc(0.65em + 0.375rem);
9042
9148
  }
@@ -9045,6 +9151,10 @@ textarea.form-control-lg {
9045
9151
  box-shadow: 0 0 0 0.25rem rgba(184, 61, 57, 0.25);
9046
9152
  }
9047
9153
 
9154
+ .was-validated .form-control-color:invalid, .form-control-color.is-invalid {
9155
+ width: calc(3rem + calc(1.3em + 0.75rem));
9156
+ }
9157
+
9048
9158
  .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
9049
9159
  border-color: #b83d39;
9050
9160
  }
@@ -9062,15 +9172,12 @@ textarea.form-control-lg {
9062
9172
  margin-left: 0.5em;
9063
9173
  }
9064
9174
 
9065
- .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
9066
- .was-validated .input-group .form-select:invalid,
9067
- .input-group .form-select.is-invalid {
9068
- z-index: 2;
9069
- }
9070
- .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
9071
- .was-validated .input-group .form-select:invalid:focus,
9072
- .input-group .form-select.is-invalid:focus {
9073
- z-index: 3;
9175
+ .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
9176
+ .was-validated .input-group > .form-select:not(:focus):invalid,
9177
+ .input-group > .form-select:not(:focus).is-invalid,
9178
+ .was-validated .input-group > .form-floating:not(:focus-within):invalid,
9179
+ .input-group > .form-floating:not(:focus-within).is-invalid {
9180
+ z-index: 4;
9074
9181
  }
9075
9182
 
9076
9183
  .fade {
@@ -9111,20 +9218,36 @@ textarea.form-control-lg {
9111
9218
  }
9112
9219
 
9113
9220
  .btn {
9221
+ --bs-btn-padding-x: 0.75rem;
9222
+ --bs-btn-padding-y: 0.375rem;
9223
+ --bs-btn-font-family: ;
9224
+ --bs-btn-font-size: 1rem;
9225
+ --bs-btn-font-weight: 400;
9226
+ --bs-btn-line-height: 1.3;
9227
+ --bs-btn-color: #212529;
9228
+ --bs-btn-bg: transparent;
9229
+ --bs-btn-border-width: 1px;
9230
+ --bs-btn-border-color: transparent;
9231
+ --bs-btn-border-radius: 0.15rem;
9232
+ --bs-btn-hover-border-color: transparent;
9233
+ --bs-btn-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
9234
+ --bs-btn-disabled-opacity: 0.4;
9235
+ --bs-btn-focus-box-shadow: 0 0 0 3px rgba(var(--bs-btn-focus-shadow-rgb), .5);
9114
9236
  display: inline-block;
9115
- font-weight: 400;
9116
- line-height: 1.3;
9117
- color: #212529;
9237
+ padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
9238
+ font-family: var(--bs-btn-font-family);
9239
+ font-size: var(--bs-btn-font-size);
9240
+ font-weight: var(--bs-btn-font-weight);
9241
+ line-height: var(--bs-btn-line-height);
9242
+ color: var(--bs-btn-color);
9118
9243
  text-align: center;
9119
9244
  text-decoration: none;
9120
9245
  vertical-align: middle;
9121
9246
  cursor: pointer;
9122
9247
  user-select: none;
9123
- background-color: transparent;
9124
- border: 1px solid transparent;
9125
- padding: 0.375rem 0.75rem;
9126
- font-size: 1rem;
9127
- border-radius: 0.15rem;
9248
+ border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
9249
+ border-radius: var(--bs-btn-border-radius);
9250
+ background-color: var(--bs-btn-bg);
9128
9251
  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;
9129
9252
  }
9130
9253
  @media (prefers-reduced-motion: reduce) {
@@ -9132,501 +9255,353 @@ textarea.form-control-lg {
9132
9255
  transition: none;
9133
9256
  }
9134
9257
  }
9135
- .btn:hover {
9136
- color: #212529;
9258
+ :not(.btn-check) + .btn:hover, .btn:first-child:hover {
9259
+ color: var(--bs-btn-hover-color);
9260
+ background-color: var(--bs-btn-hover-bg);
9261
+ border-color: var(--bs-btn-hover-border-color);
9137
9262
  }
9138
- .btn-check:focus + .btn, .btn:focus {
9263
+ .btn:focus-visible {
9264
+ color: var(--bs-btn-hover-color);
9265
+ background-color: var(--bs-btn-hover-bg);
9266
+ border-color: var(--bs-btn-hover-border-color);
9139
9267
  outline: 0;
9140
- box-shadow: 0 0 0 0.25rem rgba(0, 118, 129, 0.25);
9268
+ box-shadow: var(--bs-btn-focus-box-shadow);
9269
+ }
9270
+ .btn-check:focus-visible + .btn {
9271
+ border-color: var(--bs-btn-hover-border-color);
9272
+ outline: 0;
9273
+ box-shadow: var(--bs-btn-focus-box-shadow);
9141
9274
  }
9142
- .btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active {
9143
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9275
+ .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
9276
+ color: var(--bs-btn-active-color);
9277
+ background-color: var(--bs-btn-active-bg);
9278
+ border-color: var(--bs-btn-active-border-color);
9144
9279
  }
9145
- .btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus {
9146
- box-shadow: 0 0 0 0.25rem rgba(0, 118, 129, 0.25), inset 0 3px 5px rgba(0, 0, 0, 0.125);
9280
+ .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
9281
+ box-shadow: var(--bs-btn-focus-box-shadow);
9147
9282
  }
9148
9283
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
9284
+ color: var(--bs-btn-disabled-color);
9149
9285
  pointer-events: none;
9150
- opacity: 0.4;
9151
- box-shadow: none;
9286
+ background-color: var(--bs-btn-disabled-bg);
9287
+ border-color: var(--bs-btn-disabled-border-color);
9288
+ opacity: var(--bs-btn-disabled-opacity);
9152
9289
  }
9153
9290
 
9154
9291
  .btn-primary {
9155
- color: #fff;
9156
- background-color: #007681;
9157
- border-color: #007681;
9158
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
9159
- }
9160
- .btn-primary:hover {
9161
- color: #fff;
9162
- background-color: #00646e;
9163
- border-color: #005e67;
9164
- }
9165
- .btn-check:focus + .btn-primary, .btn-primary:focus {
9166
- color: #fff;
9167
- background-color: #00646e;
9168
- border-color: #005e67;
9169
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, 0 0 0 3px rgba(38, 139, 148, 0.5);
9170
- }
9171
- .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
9172
- color: #fff;
9173
- background-color: #005e67;
9174
- border-color: #005961;
9175
- }
9176
- .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
9177
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(38, 139, 148, 0.5);
9178
- }
9179
- .btn-primary:disabled, .btn-primary.disabled {
9180
- color: #fff;
9181
- background-color: #007681;
9182
- border-color: #007681;
9292
+ --bs-btn-color: #fff;
9293
+ --bs-btn-bg: #007681;
9294
+ --bs-btn-border-color: #007681;
9295
+ --bs-btn-hover-color: #fff;
9296
+ --bs-btn-hover-bg: #00646e;
9297
+ --bs-btn-hover-border-color: #005e67;
9298
+ --bs-btn-focus-shadow-rgb: 38, 139, 148;
9299
+ --bs-btn-active-color: #fff;
9300
+ --bs-btn-active-bg: #005e67;
9301
+ --bs-btn-active-border-color: #005961;
9302
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9303
+ --bs-btn-disabled-color: #fff;
9304
+ --bs-btn-disabled-bg: #007681;
9305
+ --bs-btn-disabled-border-color: #007681;
9183
9306
  }
9184
9307
 
9185
9308
  .btn-secondary {
9186
- color: #fff;
9187
- background-color: #6c757d;
9188
- border-color: #6c757d;
9189
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
9190
- }
9191
- .btn-secondary:hover {
9192
- color: #fff;
9193
- background-color: #5c636a;
9194
- border-color: #565e64;
9195
- }
9196
- .btn-check:focus + .btn-secondary, .btn-secondary:focus {
9197
- color: #fff;
9198
- background-color: #5c636a;
9199
- border-color: #565e64;
9200
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, 0 0 0 3px rgba(130, 138, 145, 0.5);
9201
- }
9202
- .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
9203
- color: #fff;
9204
- background-color: #565e64;
9205
- border-color: #51585e;
9206
- }
9207
- .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
9208
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(130, 138, 145, 0.5);
9209
- }
9210
- .btn-secondary:disabled, .btn-secondary.disabled {
9211
- color: #fff;
9212
- background-color: #6c757d;
9213
- border-color: #6c757d;
9309
+ --bs-btn-color: #fff;
9310
+ --bs-btn-bg: #6c757d;
9311
+ --bs-btn-border-color: #6c757d;
9312
+ --bs-btn-hover-color: #fff;
9313
+ --bs-btn-hover-bg: #5c636a;
9314
+ --bs-btn-hover-border-color: #565e64;
9315
+ --bs-btn-focus-shadow-rgb: 130, 138, 145;
9316
+ --bs-btn-active-color: #fff;
9317
+ --bs-btn-active-bg: #565e64;
9318
+ --bs-btn-active-border-color: #51585e;
9319
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9320
+ --bs-btn-disabled-color: #fff;
9321
+ --bs-btn-disabled-bg: #6c757d;
9322
+ --bs-btn-disabled-border-color: #6c757d;
9214
9323
  }
9215
9324
 
9216
9325
  .btn-success {
9217
- color: #000;
9218
- background-color: #52a852;
9219
- border-color: #52a852;
9220
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
9221
- }
9222
- .btn-success:hover {
9223
- color: #000;
9224
- background-color: #6cb56c;
9225
- border-color: #63b163;
9226
- }
9227
- .btn-check:focus + .btn-success, .btn-success:focus {
9228
- color: #000;
9229
- background-color: #6cb56c;
9230
- border-color: #63b163;
9231
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, 0 0 0 3px rgba(70, 143, 70, 0.5);
9232
- }
9233
- .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
9234
- color: #000;
9235
- background-color: #75b975;
9236
- border-color: #63b163;
9237
- }
9238
- .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
9239
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(70, 143, 70, 0.5);
9240
- }
9241
- .btn-success:disabled, .btn-success.disabled {
9242
- color: #000;
9243
- background-color: #52a852;
9244
- border-color: #52a852;
9326
+ --bs-btn-color: #000;
9327
+ --bs-btn-bg: #52a852;
9328
+ --bs-btn-border-color: #52a852;
9329
+ --bs-btn-hover-color: #000;
9330
+ --bs-btn-hover-bg: #6cb56c;
9331
+ --bs-btn-hover-border-color: #63b163;
9332
+ --bs-btn-focus-shadow-rgb: 70, 143, 70;
9333
+ --bs-btn-active-color: #000;
9334
+ --bs-btn-active-bg: #75b975;
9335
+ --bs-btn-active-border-color: #63b163;
9336
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9337
+ --bs-btn-disabled-color: #000;
9338
+ --bs-btn-disabled-bg: #52a852;
9339
+ --bs-btn-disabled-border-color: #52a852;
9245
9340
  }
9246
9341
 
9247
9342
  .btn-info {
9248
- color: #000;
9249
- background-color: #17a2b8;
9250
- border-color: #17a2b8;
9251
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
9252
- }
9253
- .btn-info:hover {
9254
- color: #000;
9255
- background-color: #3ab0c3;
9256
- border-color: #2eabbf;
9257
- }
9258
- .btn-check:focus + .btn-info, .btn-info:focus {
9259
- color: #000;
9260
- background-color: #3ab0c3;
9261
- border-color: #2eabbf;
9262
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, 0 0 0 3px rgba(20, 138, 156, 0.5);
9263
- }
9264
- .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
9265
- color: #000;
9266
- background-color: #45b5c6;
9267
- border-color: #2eabbf;
9268
- }
9269
- .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
9270
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(20, 138, 156, 0.5);
9271
- }
9272
- .btn-info:disabled, .btn-info.disabled {
9273
- color: #000;
9274
- background-color: #17a2b8;
9275
- border-color: #17a2b8;
9343
+ --bs-btn-color: #000;
9344
+ --bs-btn-bg: #17a2b8;
9345
+ --bs-btn-border-color: #17a2b8;
9346
+ --bs-btn-hover-color: #000;
9347
+ --bs-btn-hover-bg: #3ab0c3;
9348
+ --bs-btn-hover-border-color: #2eabbf;
9349
+ --bs-btn-focus-shadow-rgb: 20, 138, 156;
9350
+ --bs-btn-active-color: #000;
9351
+ --bs-btn-active-bg: #45b5c6;
9352
+ --bs-btn-active-border-color: #2eabbf;
9353
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9354
+ --bs-btn-disabled-color: #000;
9355
+ --bs-btn-disabled-bg: #17a2b8;
9356
+ --bs-btn-disabled-border-color: #17a2b8;
9276
9357
  }
9277
9358
 
9278
9359
  .btn-warning {
9279
- color: #000;
9280
- background-color: #db7100;
9281
- border-color: #db7100;
9282
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
9283
- }
9284
- .btn-warning:hover {
9285
- color: #000;
9286
- background-color: #e08626;
9287
- border-color: #df7f1a;
9288
- }
9289
- .btn-check:focus + .btn-warning, .btn-warning:focus {
9290
- color: #000;
9291
- background-color: #e08626;
9292
- border-color: #df7f1a;
9293
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, 0 0 0 3px rgba(186, 96, 0, 0.5);
9294
- }
9295
- .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
9296
- color: #000;
9297
- background-color: #e28d33;
9298
- border-color: #df7f1a;
9299
- }
9300
- .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
9301
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(186, 96, 0, 0.5);
9302
- }
9303
- .btn-warning:disabled, .btn-warning.disabled {
9304
- color: #000;
9305
- background-color: #db7100;
9306
- border-color: #db7100;
9360
+ --bs-btn-color: #000;
9361
+ --bs-btn-bg: #db7100;
9362
+ --bs-btn-border-color: #db7100;
9363
+ --bs-btn-hover-color: #000;
9364
+ --bs-btn-hover-bg: #e08626;
9365
+ --bs-btn-hover-border-color: #df7f1a;
9366
+ --bs-btn-focus-shadow-rgb: 186, 96, 0;
9367
+ --bs-btn-active-color: #000;
9368
+ --bs-btn-active-bg: #e28d33;
9369
+ --bs-btn-active-border-color: #df7f1a;
9370
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9371
+ --bs-btn-disabled-color: #000;
9372
+ --bs-btn-disabled-bg: #db7100;
9373
+ --bs-btn-disabled-border-color: #db7100;
9307
9374
  }
9308
9375
 
9309
9376
  .btn-danger {
9310
- color: #fff;
9311
- background-color: #b83d39;
9312
- border-color: #b83d39;
9313
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
9314
- }
9315
- .btn-danger:hover {
9316
- color: #fff;
9317
- background-color: #9c3430;
9318
- border-color: #93312e;
9319
- }
9320
- .btn-check:focus + .btn-danger, .btn-danger:focus {
9321
- color: #fff;
9322
- background-color: #9c3430;
9323
- border-color: #93312e;
9324
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, 0 0 0 3px rgba(195, 90, 87, 0.5);
9325
- }
9326
- .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
9327
- color: #fff;
9328
- background-color: #93312e;
9329
- border-color: #8a2e2b;
9330
- }
9331
- .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
9332
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(195, 90, 87, 0.5);
9333
- }
9334
- .btn-danger:disabled, .btn-danger.disabled {
9335
- color: #fff;
9336
- background-color: #b83d39;
9337
- border-color: #b83d39;
9377
+ --bs-btn-color: #fff;
9378
+ --bs-btn-bg: #b83d39;
9379
+ --bs-btn-border-color: #b83d39;
9380
+ --bs-btn-hover-color: #fff;
9381
+ --bs-btn-hover-bg: #9c3430;
9382
+ --bs-btn-hover-border-color: #93312e;
9383
+ --bs-btn-focus-shadow-rgb: 195, 90, 87;
9384
+ --bs-btn-active-color: #fff;
9385
+ --bs-btn-active-bg: #93312e;
9386
+ --bs-btn-active-border-color: #8a2e2b;
9387
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9388
+ --bs-btn-disabled-color: #fff;
9389
+ --bs-btn-disabled-bg: #b83d39;
9390
+ --bs-btn-disabled-border-color: #b83d39;
9338
9391
  }
9339
9392
 
9340
9393
  .btn-light {
9341
- color: #000;
9342
- background-color: #f8f9fa;
9343
- border-color: #f8f9fa;
9344
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
9345
- }
9346
- .btn-light:hover {
9347
- color: #000;
9348
- background-color: #f9fafb;
9349
- border-color: #f9fafb;
9350
- }
9351
- .btn-check:focus + .btn-light, .btn-light:focus {
9352
- color: #000;
9353
- background-color: #f9fafb;
9354
- border-color: #f9fafb;
9355
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, 0 0 0 3px rgba(211, 212, 213, 0.5);
9356
- }
9357
- .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
9358
- color: #000;
9359
- background-color: #f9fafb;
9360
- border-color: #f9fafb;
9361
- }
9362
- .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
9363
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(211, 212, 213, 0.5);
9364
- }
9365
- .btn-light:disabled, .btn-light.disabled {
9366
- color: #000;
9367
- background-color: #f8f9fa;
9368
- border-color: #f8f9fa;
9394
+ --bs-btn-color: #000;
9395
+ --bs-btn-bg: #f8f9fa;
9396
+ --bs-btn-border-color: #f8f9fa;
9397
+ --bs-btn-hover-color: #000;
9398
+ --bs-btn-hover-bg: #d3d4d5;
9399
+ --bs-btn-hover-border-color: #c6c7c8;
9400
+ --bs-btn-focus-shadow-rgb: 211, 212, 213;
9401
+ --bs-btn-active-color: #000;
9402
+ --bs-btn-active-bg: #c6c7c8;
9403
+ --bs-btn-active-border-color: #babbbc;
9404
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9405
+ --bs-btn-disabled-color: #000;
9406
+ --bs-btn-disabled-bg: #f8f9fa;
9407
+ --bs-btn-disabled-border-color: #f8f9fa;
9369
9408
  }
9370
9409
 
9371
9410
  .btn-dark {
9372
- color: #fff;
9373
- background-color: #212529;
9374
- border-color: #212529;
9375
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
9376
- }
9377
- .btn-dark:hover {
9378
- color: #fff;
9379
- background-color: #1c1f23;
9380
- border-color: #1a1e21;
9381
- }
9382
- .btn-check:focus + .btn-dark, .btn-dark:focus {
9383
- color: #fff;
9384
- background-color: #1c1f23;
9385
- border-color: #1a1e21;
9386
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, 0 0 0 3px rgba(66, 70, 73, 0.5);
9387
- }
9388
- .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
9389
- color: #fff;
9390
- background-color: #1a1e21;
9391
- border-color: #191c1f;
9392
- }
9393
- .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
9394
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(66, 70, 73, 0.5);
9395
- }
9396
- .btn-dark:disabled, .btn-dark.disabled {
9397
- color: #fff;
9398
- background-color: #212529;
9399
- border-color: #212529;
9411
+ --bs-btn-color: #fff;
9412
+ --bs-btn-bg: #212529;
9413
+ --bs-btn-border-color: #212529;
9414
+ --bs-btn-hover-color: #fff;
9415
+ --bs-btn-hover-bg: #424649;
9416
+ --bs-btn-hover-border-color: #373b3e;
9417
+ --bs-btn-focus-shadow-rgb: 66, 70, 73;
9418
+ --bs-btn-active-color: #fff;
9419
+ --bs-btn-active-bg: #4d5154;
9420
+ --bs-btn-active-border-color: #373b3e;
9421
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9422
+ --bs-btn-disabled-color: #fff;
9423
+ --bs-btn-disabled-bg: #212529;
9424
+ --bs-btn-disabled-border-color: #212529;
9400
9425
  }
9401
9426
 
9402
9427
  .btn-outline-primary {
9403
- color: #007681;
9404
- border-color: #007681;
9405
- }
9406
- .btn-outline-primary:hover {
9407
- color: #fff;
9408
- background-color: #007681;
9409
- border-color: #007681;
9410
- }
9411
- .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
9412
- box-shadow: 0 0 0 3px rgba(0, 118, 129, 0.5);
9413
- }
9414
- .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
9415
- color: #fff;
9416
- background-color: #007681;
9417
- border-color: #007681;
9418
- }
9419
- .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
9420
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(0, 118, 129, 0.5);
9421
- }
9422
- .btn-outline-primary:disabled, .btn-outline-primary.disabled {
9423
- color: #007681;
9424
- background-color: transparent;
9428
+ --bs-btn-color: #007681;
9429
+ --bs-btn-border-color: #007681;
9430
+ --bs-btn-hover-color: #fff;
9431
+ --bs-btn-hover-bg: #007681;
9432
+ --bs-btn-hover-border-color: #007681;
9433
+ --bs-btn-focus-shadow-rgb: 0, 118, 129;
9434
+ --bs-btn-active-color: #fff;
9435
+ --bs-btn-active-bg: #007681;
9436
+ --bs-btn-active-border-color: #007681;
9437
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9438
+ --bs-btn-disabled-color: #007681;
9439
+ --bs-btn-disabled-bg: transparent;
9440
+ --bs-btn-disabled-border-color: #007681;
9441
+ --bs-gradient: none;
9425
9442
  }
9426
9443
 
9427
9444
  .btn-outline-secondary {
9428
- color: #6c757d;
9429
- border-color: #6c757d;
9430
- }
9431
- .btn-outline-secondary:hover {
9432
- color: #fff;
9433
- background-color: #6c757d;
9434
- border-color: #6c757d;
9435
- }
9436
- .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
9437
- box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.5);
9438
- }
9439
- .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
9440
- color: #fff;
9441
- background-color: #6c757d;
9442
- border-color: #6c757d;
9443
- }
9444
- .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
9445
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(108, 117, 125, 0.5);
9446
- }
9447
- .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
9448
- color: #6c757d;
9449
- background-color: transparent;
9445
+ --bs-btn-color: #6c757d;
9446
+ --bs-btn-border-color: #6c757d;
9447
+ --bs-btn-hover-color: #fff;
9448
+ --bs-btn-hover-bg: #6c757d;
9449
+ --bs-btn-hover-border-color: #6c757d;
9450
+ --bs-btn-focus-shadow-rgb: 108, 117, 125;
9451
+ --bs-btn-active-color: #fff;
9452
+ --bs-btn-active-bg: #6c757d;
9453
+ --bs-btn-active-border-color: #6c757d;
9454
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9455
+ --bs-btn-disabled-color: #6c757d;
9456
+ --bs-btn-disabled-bg: transparent;
9457
+ --bs-btn-disabled-border-color: #6c757d;
9458
+ --bs-gradient: none;
9450
9459
  }
9451
9460
 
9452
9461
  .btn-outline-success {
9453
- color: #52a852;
9454
- border-color: #52a852;
9455
- }
9456
- .btn-outline-success:hover {
9457
- color: #000;
9458
- background-color: #52a852;
9459
- border-color: #52a852;
9460
- }
9461
- .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
9462
- box-shadow: 0 0 0 3px rgba(82, 168, 82, 0.5);
9463
- }
9464
- .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
9465
- color: #000;
9466
- background-color: #52a852;
9467
- border-color: #52a852;
9468
- }
9469
- .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
9470
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(82, 168, 82, 0.5);
9471
- }
9472
- .btn-outline-success:disabled, .btn-outline-success.disabled {
9473
- color: #52a852;
9474
- background-color: transparent;
9475
- }
9476
-
9477
- .btn-outline-info {
9478
- color: #17a2b8;
9479
- border-color: #17a2b8;
9480
- }
9481
- .btn-outline-info:hover {
9482
- color: #000;
9483
- background-color: #17a2b8;
9484
- border-color: #17a2b8;
9485
- }
9486
- .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
9487
- box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
9488
- }
9489
- .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
9490
- color: #000;
9491
- background-color: #17a2b8;
9492
- border-color: #17a2b8;
9493
- }
9494
- .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
9495
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(23, 162, 184, 0.5);
9496
- }
9497
- .btn-outline-info:disabled, .btn-outline-info.disabled {
9498
- color: #17a2b8;
9499
- background-color: transparent;
9462
+ --bs-btn-color: #52a852;
9463
+ --bs-btn-border-color: #52a852;
9464
+ --bs-btn-hover-color: #000;
9465
+ --bs-btn-hover-bg: #52a852;
9466
+ --bs-btn-hover-border-color: #52a852;
9467
+ --bs-btn-focus-shadow-rgb: 82, 168, 82;
9468
+ --bs-btn-active-color: #000;
9469
+ --bs-btn-active-bg: #52a852;
9470
+ --bs-btn-active-border-color: #52a852;
9471
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9472
+ --bs-btn-disabled-color: #52a852;
9473
+ --bs-btn-disabled-bg: transparent;
9474
+ --bs-btn-disabled-border-color: #52a852;
9475
+ --bs-gradient: none;
9500
9476
  }
9501
9477
 
9502
- .btn-outline-warning {
9503
- color: #db7100;
9504
- border-color: #db7100;
9505
- }
9506
- .btn-outline-warning:hover {
9507
- color: #000;
9508
- background-color: #db7100;
9509
- border-color: #db7100;
9510
- }
9511
- .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
9512
- box-shadow: 0 0 0 3px rgba(219, 113, 0, 0.5);
9513
- }
9514
- .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
9515
- color: #000;
9516
- background-color: #db7100;
9517
- border-color: #db7100;
9518
- }
9519
- .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
9520
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(219, 113, 0, 0.5);
9521
- }
9522
- .btn-outline-warning:disabled, .btn-outline-warning.disabled {
9523
- color: #db7100;
9524
- background-color: transparent;
9525
- }
9526
-
9527
- .btn-outline-danger {
9528
- color: #b83d39;
9529
- border-color: #b83d39;
9530
- }
9531
- .btn-outline-danger:hover {
9532
- color: #fff;
9533
- background-color: #b83d39;
9534
- border-color: #b83d39;
9535
- }
9536
- .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
9537
- box-shadow: 0 0 0 3px rgba(184, 61, 57, 0.5);
9538
- }
9539
- .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
9540
- color: #fff;
9541
- background-color: #b83d39;
9542
- border-color: #b83d39;
9543
- }
9544
- .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
9545
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(184, 61, 57, 0.5);
9546
- }
9547
- .btn-outline-danger:disabled, .btn-outline-danger.disabled {
9548
- color: #b83d39;
9549
- background-color: transparent;
9550
- }
9551
-
9552
- .btn-outline-light {
9553
- color: #f8f9fa;
9554
- border-color: #f8f9fa;
9555
- }
9556
- .btn-outline-light:hover {
9557
- color: #000;
9558
- background-color: #f8f9fa;
9559
- border-color: #f8f9fa;
9560
- }
9561
- .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
9562
- box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
9563
- }
9564
- .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
9565
- color: #000;
9566
- background-color: #f8f9fa;
9567
- border-color: #f8f9fa;
9568
- }
9569
- .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
9570
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(248, 249, 250, 0.5);
9571
- }
9572
- .btn-outline-light:disabled, .btn-outline-light.disabled {
9573
- color: #f8f9fa;
9574
- background-color: transparent;
9575
- }
9576
-
9577
- .btn-outline-dark {
9578
- color: #212529;
9579
- border-color: #212529;
9580
- }
9581
- .btn-outline-dark:hover {
9582
- color: #fff;
9583
- background-color: #212529;
9584
- border-color: #212529;
9478
+ .btn-outline-info {
9479
+ --bs-btn-color: #17a2b8;
9480
+ --bs-btn-border-color: #17a2b8;
9481
+ --bs-btn-hover-color: #000;
9482
+ --bs-btn-hover-bg: #17a2b8;
9483
+ --bs-btn-hover-border-color: #17a2b8;
9484
+ --bs-btn-focus-shadow-rgb: 23, 162, 184;
9485
+ --bs-btn-active-color: #000;
9486
+ --bs-btn-active-bg: #17a2b8;
9487
+ --bs-btn-active-border-color: #17a2b8;
9488
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9489
+ --bs-btn-disabled-color: #17a2b8;
9490
+ --bs-btn-disabled-bg: transparent;
9491
+ --bs-btn-disabled-border-color: #17a2b8;
9492
+ --bs-gradient: none;
9585
9493
  }
9586
- .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
9587
- box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
9494
+
9495
+ .btn-outline-warning {
9496
+ --bs-btn-color: #db7100;
9497
+ --bs-btn-border-color: #db7100;
9498
+ --bs-btn-hover-color: #000;
9499
+ --bs-btn-hover-bg: #db7100;
9500
+ --bs-btn-hover-border-color: #db7100;
9501
+ --bs-btn-focus-shadow-rgb: 219, 113, 0;
9502
+ --bs-btn-active-color: #000;
9503
+ --bs-btn-active-bg: #db7100;
9504
+ --bs-btn-active-border-color: #db7100;
9505
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9506
+ --bs-btn-disabled-color: #db7100;
9507
+ --bs-btn-disabled-bg: transparent;
9508
+ --bs-btn-disabled-border-color: #db7100;
9509
+ --bs-gradient: none;
9588
9510
  }
9589
- .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
9590
- color: #fff;
9591
- background-color: #212529;
9592
- border-color: #212529;
9511
+
9512
+ .btn-outline-danger {
9513
+ --bs-btn-color: #b83d39;
9514
+ --bs-btn-border-color: #b83d39;
9515
+ --bs-btn-hover-color: #fff;
9516
+ --bs-btn-hover-bg: #b83d39;
9517
+ --bs-btn-hover-border-color: #b83d39;
9518
+ --bs-btn-focus-shadow-rgb: 184, 61, 57;
9519
+ --bs-btn-active-color: #fff;
9520
+ --bs-btn-active-bg: #b83d39;
9521
+ --bs-btn-active-border-color: #b83d39;
9522
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9523
+ --bs-btn-disabled-color: #b83d39;
9524
+ --bs-btn-disabled-bg: transparent;
9525
+ --bs-btn-disabled-border-color: #b83d39;
9526
+ --bs-gradient: none;
9593
9527
  }
9594
- .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
9595
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(33, 37, 41, 0.5);
9528
+
9529
+ .btn-outline-light {
9530
+ --bs-btn-color: #f8f9fa;
9531
+ --bs-btn-border-color: #f8f9fa;
9532
+ --bs-btn-hover-color: #000;
9533
+ --bs-btn-hover-bg: #f8f9fa;
9534
+ --bs-btn-hover-border-color: #f8f9fa;
9535
+ --bs-btn-focus-shadow-rgb: 248, 249, 250;
9536
+ --bs-btn-active-color: #000;
9537
+ --bs-btn-active-bg: #f8f9fa;
9538
+ --bs-btn-active-border-color: #f8f9fa;
9539
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9540
+ --bs-btn-disabled-color: #f8f9fa;
9541
+ --bs-btn-disabled-bg: transparent;
9542
+ --bs-btn-disabled-border-color: #f8f9fa;
9543
+ --bs-gradient: none;
9596
9544
  }
9597
- .btn-outline-dark:disabled, .btn-outline-dark.disabled {
9598
- color: #212529;
9599
- background-color: transparent;
9545
+
9546
+ .btn-outline-dark {
9547
+ --bs-btn-color: #212529;
9548
+ --bs-btn-border-color: #212529;
9549
+ --bs-btn-hover-color: #fff;
9550
+ --bs-btn-hover-bg: #212529;
9551
+ --bs-btn-hover-border-color: #212529;
9552
+ --bs-btn-focus-shadow-rgb: 33, 37, 41;
9553
+ --bs-btn-active-color: #fff;
9554
+ --bs-btn-active-bg: #212529;
9555
+ --bs-btn-active-border-color: #212529;
9556
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9557
+ --bs-btn-disabled-color: #212529;
9558
+ --bs-btn-disabled-bg: transparent;
9559
+ --bs-btn-disabled-border-color: #212529;
9560
+ --bs-gradient: none;
9600
9561
  }
9601
9562
 
9602
9563
  .btn-link {
9603
- font-weight: 400;
9604
- color: #007681;
9564
+ --bs-btn-font-weight: 400;
9565
+ --bs-btn-color: var(--bs-link-color);
9566
+ --bs-btn-bg: transparent;
9567
+ --bs-btn-border-color: transparent;
9568
+ --bs-btn-hover-color: var(--bs-link-hover-color);
9569
+ --bs-btn-hover-border-color: transparent;
9570
+ --bs-btn-active-color: var(--bs-link-hover-color);
9571
+ --bs-btn-active-border-color: transparent;
9572
+ --bs-btn-disabled-color: #6c757d;
9573
+ --bs-btn-disabled-border-color: transparent;
9574
+ --bs-btn-box-shadow: none;
9575
+ --bs-btn-focus-shadow-rgb: 38, 139, 148;
9605
9576
  text-decoration: underline;
9606
9577
  }
9607
- .btn-link:hover {
9608
- color: #005f68;
9578
+ .btn-link:focus-visible {
9579
+ color: var(--bs-btn-color);
9609
9580
  }
9610
- .btn-link:disabled, .btn-link.disabled {
9611
- color: #6c757d;
9581
+ .btn-link:hover {
9582
+ color: var(--bs-btn-hover-color);
9612
9583
  }
9613
9584
 
9614
9585
  .btn-lg, .btn-group-lg > .btn {
9615
- padding: 0.5rem 1rem;
9616
- font-size: 1.25rem;
9617
- border-radius: 0.3rem;
9586
+ --bs-btn-padding-y: 0.5rem;
9587
+ --bs-btn-padding-x: 1rem;
9588
+ --bs-btn-font-size: 1.25rem;
9589
+ --bs-btn-border-radius: 0.5rem;
9618
9590
  }
9619
9591
 
9620
9592
  .btn-sm, .btn-group-sm > .btn {
9621
- padding: 0.25rem 0.5rem;
9622
- font-size: 0.875rem;
9623
- border-radius: 0.2rem;
9593
+ --bs-btn-padding-y: 0.25rem;
9594
+ --bs-btn-padding-x: 0.5rem;
9595
+ --bs-btn-font-size: 0.875rem;
9596
+ --bs-btn-border-radius: 0.25rem;
9624
9597
  }
9625
9598
 
9626
9599
  .dropup,
9627
9600
  .dropend,
9628
9601
  .dropdown,
9629
- .dropstart {
9602
+ .dropstart,
9603
+ .dropup-center,
9604
+ .dropdown-center {
9630
9605
  position: relative;
9631
9606
  }
9632
9607
 
@@ -9648,26 +9623,51 @@ textarea.form-control-lg {
9648
9623
  }
9649
9624
 
9650
9625
  .dropdown-menu {
9626
+ --bs-dropdown-zindex: 1000;
9627
+ --bs-dropdown-min-width: 10rem;
9628
+ --bs-dropdown-padding-x: 0;
9629
+ --bs-dropdown-padding-y: 0.5rem;
9630
+ --bs-dropdown-spacer: 0.125rem;
9631
+ --bs-dropdown-font-size: 1rem;
9632
+ --bs-dropdown-color: #212529;
9633
+ --bs-dropdown-bg: #fff;
9634
+ --bs-dropdown-border-color: var(--bs-border-color-translucent);
9635
+ --bs-dropdown-border-radius: 0.15rem;
9636
+ --bs-dropdown-border-width: 1px;
9637
+ --bs-dropdown-inner-border-radius: calc(0.15rem - 1px);
9638
+ --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
9639
+ --bs-dropdown-divider-margin-y: 0.5em;
9640
+ --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
9641
+ --bs-dropdown-link-color: #212529;
9642
+ --bs-dropdown-link-hover-color: #1e2125;
9643
+ --bs-dropdown-link-hover-bg: #e9ecef;
9644
+ --bs-dropdown-link-active-color: #fff;
9645
+ --bs-dropdown-link-active-bg: #007681;
9646
+ --bs-dropdown-link-disabled-color: #adb5bd;
9647
+ --bs-dropdown-item-padding-x: 0.5em;
9648
+ --bs-dropdown-item-padding-y: 0.25rem;
9649
+ --bs-dropdown-header-color: #6c757d;
9650
+ --bs-dropdown-header-padding-x: 0.5em;
9651
+ --bs-dropdown-header-padding-y: 0.5rem;
9651
9652
  position: absolute;
9652
- z-index: 1000;
9653
+ z-index: var(--bs-dropdown-zindex);
9653
9654
  display: none;
9654
- min-width: 10rem;
9655
- padding: 0.5rem 0;
9655
+ min-width: var(--bs-dropdown-min-width);
9656
+ padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
9656
9657
  margin: 0;
9657
- font-size: 1rem;
9658
- color: #212529;
9658
+ font-size: var(--bs-dropdown-font-size);
9659
+ color: var(--bs-dropdown-color);
9659
9660
  text-align: left;
9660
9661
  list-style: none;
9661
- background-color: #fff;
9662
+ background-color: var(--bs-dropdown-bg);
9662
9663
  background-clip: padding-box;
9663
- border: 1px solid rgba(0, 0, 0, 0.15);
9664
- border-radius: 0.15rem;
9665
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
9664
+ border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
9665
+ border-radius: var(--bs-dropdown-border-radius);
9666
9666
  }
9667
9667
  .dropdown-menu[data-bs-popper] {
9668
9668
  top: 100%;
9669
9669
  left: 0;
9670
- margin-top: 0.125rem;
9670
+ margin-top: var(--bs-dropdown-spacer);
9671
9671
  }
9672
9672
 
9673
9673
  .dropdown-menu-start {
@@ -9775,7 +9775,7 @@ textarea.form-control-lg {
9775
9775
  top: auto;
9776
9776
  bottom: 100%;
9777
9777
  margin-top: 0;
9778
- margin-bottom: 0.125rem;
9778
+ margin-bottom: var(--bs-dropdown-spacer);
9779
9779
  }
9780
9780
  .dropup .dropdown-toggle::after {
9781
9781
  display: inline-block;
@@ -9796,7 +9796,7 @@ textarea.form-control-lg {
9796
9796
  right: auto;
9797
9797
  left: 100%;
9798
9798
  margin-top: 0;
9799
- margin-left: 0.125rem;
9799
+ margin-left: var(--bs-dropdown-spacer);
9800
9800
  }
9801
9801
  .dropend .dropdown-toggle::after {
9802
9802
  display: inline-block;
@@ -9820,7 +9820,7 @@ textarea.form-control-lg {
9820
9820
  right: 100%;
9821
9821
  left: auto;
9822
9822
  margin-top: 0;
9823
- margin-right: 0.125rem;
9823
+ margin-right: var(--bs-dropdown-spacer);
9824
9824
  }
9825
9825
  .dropstart .dropdown-toggle::after {
9826
9826
  display: inline-block;
@@ -9849,18 +9849,19 @@ textarea.form-control-lg {
9849
9849
 
9850
9850
  .dropdown-divider {
9851
9851
  height: 0;
9852
- margin: 0.5em 0;
9852
+ margin: var(--bs-dropdown-divider-margin-y) 0;
9853
9853
  overflow: hidden;
9854
- border-top: 1px solid rgba(0, 0, 0, 0.15);
9854
+ border-top: 1px solid var(--bs-dropdown-divider-bg);
9855
+ opacity: 1;
9855
9856
  }
9856
9857
 
9857
9858
  .dropdown-item {
9858
9859
  display: block;
9859
9860
  width: 100%;
9860
- padding: 0.25rem 0.5em;
9861
+ padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
9861
9862
  clear: both;
9862
9863
  font-weight: 400;
9863
- color: #212529;
9864
+ color: var(--bs-dropdown-link-color);
9864
9865
  text-align: inherit;
9865
9866
  text-decoration: none;
9866
9867
  white-space: nowrap;
@@ -9868,16 +9869,16 @@ textarea.form-control-lg {
9868
9869
  border: 0;
9869
9870
  }
9870
9871
  .dropdown-item:hover, .dropdown-item:focus {
9871
- color: #1e2125;
9872
- background-color: #e9ecef;
9872
+ color: var(--bs-dropdown-link-hover-color);
9873
+ background-color: var(--bs-dropdown-link-hover-bg);
9873
9874
  }
9874
9875
  .dropdown-item.active, .dropdown-item:active {
9875
- color: #fff;
9876
+ color: var(--bs-dropdown-link-active-color);
9876
9877
  text-decoration: none;
9877
- background-color: #007681;
9878
+ background-color: var(--bs-dropdown-link-active-bg);
9878
9879
  }
9879
9880
  .dropdown-item.disabled, .dropdown-item:disabled {
9880
- color: #adb5bd;
9881
+ color: var(--bs-dropdown-link-disabled-color);
9881
9882
  pointer-events: none;
9882
9883
  background-color: transparent;
9883
9884
  }
@@ -9888,46 +9889,32 @@ textarea.form-control-lg {
9888
9889
 
9889
9890
  .dropdown-header {
9890
9891
  display: block;
9891
- padding: 0.5rem 0.5em;
9892
+ padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
9892
9893
  margin-bottom: 0;
9893
9894
  font-size: 0.875rem;
9894
- color: #6c757d;
9895
+ color: var(--bs-dropdown-header-color);
9895
9896
  white-space: nowrap;
9896
9897
  }
9897
9898
 
9898
9899
  .dropdown-item-text {
9899
9900
  display: block;
9900
- padding: 0.25rem 0.5em;
9901
- color: #212529;
9901
+ padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
9902
+ color: var(--bs-dropdown-link-color);
9902
9903
  }
9903
9904
 
9904
9905
  .dropdown-menu-dark {
9905
- color: #dee2e6;
9906
- background-color: #343a40;
9907
- border-color: rgba(0, 0, 0, 0.15);
9908
- }
9909
- .dropdown-menu-dark .dropdown-item {
9910
- color: #dee2e6;
9911
- }
9912
- .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
9913
- color: #fff;
9914
- background-color: rgba(255, 255, 255, 0.15);
9915
- }
9916
- .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
9917
- color: #fff;
9918
- background-color: #007681;
9919
- }
9920
- .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
9921
- color: #adb5bd;
9922
- }
9923
- .dropdown-menu-dark .dropdown-divider {
9924
- border-color: rgba(0, 0, 0, 0.15);
9925
- }
9926
- .dropdown-menu-dark .dropdown-item-text {
9927
- color: #dee2e6;
9928
- }
9929
- .dropdown-menu-dark .dropdown-header {
9930
- color: #adb5bd;
9906
+ --bs-dropdown-color: #dee2e6;
9907
+ --bs-dropdown-bg: #343a40;
9908
+ --bs-dropdown-border-color: var(--bs-border-color-translucent);
9909
+ --bs-dropdown-box-shadow: ;
9910
+ --bs-dropdown-link-color: #dee2e6;
9911
+ --bs-dropdown-link-hover-color: #fff;
9912
+ --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
9913
+ --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
9914
+ --bs-dropdown-link-active-color: #fff;
9915
+ --bs-dropdown-link-active-bg: #007681;
9916
+ --bs-dropdown-link-disabled-color: #adb5bd;
9917
+ --bs-dropdown-header-color: #adb5bd;
9931
9918
  }
9932
9919
 
9933
9920
  .btn-group,
@@ -9965,11 +9952,15 @@ textarea.form-control-lg {
9965
9952
  width: auto;
9966
9953
  }
9967
9954
 
9968
- .btn-group > .btn:not(:first-child),
9955
+ .btn-group {
9956
+ border-radius: 0.15rem;
9957
+ }
9958
+ .btn-group > :not(.btn-check:first-child) + .btn,
9969
9959
  .btn-group > .btn-group:not(:first-child) {
9970
9960
  margin-left: -1px;
9971
9961
  }
9972
9962
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
9963
+ .btn-group > .btn.dropdown-toggle-split:first-child,
9973
9964
  .btn-group > .btn-group:not(:last-child) > .btn {
9974
9965
  border-top-right-radius: 0;
9975
9966
  border-bottom-right-radius: 0;
@@ -10002,13 +9993,6 @@ textarea.form-control-lg {
10002
9993
  padding-left: 0.75rem;
10003
9994
  }
10004
9995
 
10005
- .btn-group.show .dropdown-toggle {
10006
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
10007
- }
10008
- .btn-group.show .dropdown-toggle.btn-link {
10009
- box-shadow: none;
10010
- }
10011
-
10012
9996
  .btn-group-vertical {
10013
9997
  flex-direction: column;
10014
9998
  align-items: flex-start;
@@ -10034,6 +10018,12 @@ textarea.form-control-lg {
10034
10018
  }
10035
10019
 
10036
10020
  .nav {
10021
+ --bs-nav-link-padding-x: 1rem;
10022
+ --bs-nav-link-padding-y: 0.5rem;
10023
+ --bs-nav-link-font-weight: ;
10024
+ --bs-nav-link-color: var(--bs-link-color);
10025
+ --bs-nav-link-hover-color: var(--bs-link-hover-color);
10026
+ --bs-nav-link-disabled-color: #6c757d;
10037
10027
  display: flex;
10038
10028
  flex-wrap: wrap;
10039
10029
  padding-left: 0;
@@ -10043,8 +10033,10 @@ textarea.form-control-lg {
10043
10033
 
10044
10034
  .nav-link {
10045
10035
  display: block;
10046
- padding: 0.5rem 1rem;
10047
- color: #007681;
10036
+ padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
10037
+ font-size: var(--bs-nav-link-font-size);
10038
+ font-weight: var(--bs-nav-link-font-weight);
10039
+ color: var(--bs-nav-link-color);
10048
10040
  text-decoration: none;
10049
10041
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
10050
10042
  }
@@ -10054,54 +10046,71 @@ textarea.form-control-lg {
10054
10046
  }
10055
10047
  }
10056
10048
  .nav-link:hover, .nav-link:focus {
10057
- color: #005f68;
10049
+ color: var(--bs-nav-link-hover-color);
10058
10050
  }
10059
10051
  .nav-link.disabled {
10060
- color: #6c757d;
10052
+ color: var(--bs-nav-link-disabled-color);
10061
10053
  pointer-events: none;
10062
10054
  cursor: default;
10063
10055
  }
10064
10056
 
10065
10057
  .nav-tabs {
10066
- border-bottom: 1px solid #dee2e6;
10058
+ --bs-nav-tabs-border-width: 1px;
10059
+ --bs-nav-tabs-border-color: #dee2e6;
10060
+ --bs-nav-tabs-border-radius: 0.15rem;
10061
+ --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
10062
+ --bs-nav-tabs-link-active-color: #495057;
10063
+ --bs-nav-tabs-link-active-bg: white;
10064
+ --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 white;
10065
+ border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
10067
10066
  }
10068
10067
  .nav-tabs .nav-link {
10069
- margin-bottom: -1px;
10068
+ margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
10070
10069
  background: none;
10071
- border: 1px solid transparent;
10072
- border-top-left-radius: 0.15rem;
10073
- border-top-right-radius: 0.15rem;
10070
+ border: var(--bs-nav-tabs-border-width) solid transparent;
10071
+ border-top-left-radius: var(--bs-nav-tabs-border-radius);
10072
+ border-top-right-radius: var(--bs-nav-tabs-border-radius);
10074
10073
  }
10075
10074
  .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
10076
- border-color: #e9ecef #e9ecef #dee2e6;
10077
10075
  isolation: isolate;
10076
+ border-color: var(--bs-nav-tabs-link-hover-border-color);
10078
10077
  }
10079
- .nav-tabs .nav-link.disabled {
10080
- color: #6c757d;
10078
+ .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
10079
+ color: var(--bs-nav-link-disabled-color);
10081
10080
  background-color: transparent;
10082
10081
  border-color: transparent;
10083
10082
  }
10084
10083
  .nav-tabs .nav-link.active,
10085
10084
  .nav-tabs .nav-item.show .nav-link {
10086
- color: #495057;
10087
- background-color: white;
10088
- border-color: #dee2e6 #dee2e6 white;
10085
+ color: var(--bs-nav-tabs-link-active-color);
10086
+ background-color: var(--bs-nav-tabs-link-active-bg);
10087
+ border-color: var(--bs-nav-tabs-link-active-border-color);
10089
10088
  }
10090
10089
  .nav-tabs .dropdown-menu {
10091
- margin-top: -1px;
10090
+ margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
10092
10091
  border-top-left-radius: 0;
10093
10092
  border-top-right-radius: 0;
10094
10093
  }
10095
10094
 
10095
+ .nav-pills {
10096
+ --bs-nav-pills-border-radius: 0.15rem;
10097
+ --bs-nav-pills-link-active-color: #fff;
10098
+ --bs-nav-pills-link-active-bg: #007681;
10099
+ }
10096
10100
  .nav-pills .nav-link {
10097
10101
  background: none;
10098
10102
  border: 0;
10099
- border-radius: 0.15rem;
10103
+ border-radius: var(--bs-nav-pills-border-radius);
10104
+ }
10105
+ .nav-pills .nav-link:disabled {
10106
+ color: var(--bs-nav-link-disabled-color);
10107
+ background-color: transparent;
10108
+ border-color: transparent;
10100
10109
  }
10101
10110
  .nav-pills .nav-link.active,
10102
10111
  .nav-pills .show > .nav-link {
10103
- color: #fff;
10104
- background-color: #007681;
10112
+ color: var(--bs-nav-pills-link-active-color);
10113
+ background-color: var(--bs-nav-pills-link-active-bg);
10105
10114
  }
10106
10115
 
10107
10116
  .nav-fill > .nav-link,
@@ -10130,16 +10139,22 @@ textarea.form-control-lg {
10130
10139
  }
10131
10140
 
10132
10141
  .badge {
10142
+ --bs-badge-padding-x: 0.65em;
10143
+ --bs-badge-padding-y: 0.35em;
10144
+ --bs-badge-font-size: 0.75em;
10145
+ --bs-badge-font-weight: normal;
10146
+ --bs-badge-color: #fff;
10147
+ --bs-badge-border-radius: 0.15rem;
10133
10148
  display: inline-block;
10134
- padding: 0.35em 0.65em;
10135
- font-size: 0.75em;
10136
- font-weight: normal;
10149
+ padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
10150
+ font-size: var(--bs-badge-font-size);
10151
+ font-weight: var(--bs-badge-font-weight);
10137
10152
  line-height: 1;
10138
- color: #fff;
10153
+ color: var(--bs-badge-color);
10139
10154
  text-align: center;
10140
10155
  white-space: nowrap;
10141
10156
  vertical-align: baseline;
10142
- border-radius: 0.15rem;
10157
+ border-radius: var(--bs-badge-border-radius);
10143
10158
  }
10144
10159
  .badge:empty {
10145
10160
  display: none;
@@ -10151,11 +10166,21 @@ textarea.form-control-lg {
10151
10166
  }
10152
10167
 
10153
10168
  .alert {
10169
+ --bs-alert-bg: transparent;
10170
+ --bs-alert-padding-x: 1rem;
10171
+ --bs-alert-padding-y: 1rem;
10172
+ --bs-alert-margin-bottom: 1rem;
10173
+ --bs-alert-color: inherit;
10174
+ --bs-alert-border-color: transparent;
10175
+ --bs-alert-border: 1px solid var(--bs-alert-border-color);
10176
+ --bs-alert-border-radius: 0.15rem;
10154
10177
  position: relative;
10155
- padding: 1rem 1rem;
10156
- margin-bottom: 1rem;
10157
- border: 1px solid transparent;
10158
- border-radius: 0.15rem;
10178
+ padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
10179
+ margin-bottom: var(--bs-alert-margin-bottom);
10180
+ color: var(--bs-alert-color);
10181
+ background-color: var(--bs-alert-bg);
10182
+ border: var(--bs-alert-border);
10183
+ border-radius: var(--bs-alert-border-radius);
10159
10184
  }
10160
10185
 
10161
10186
  .alert-heading {
@@ -10178,118 +10203,135 @@ textarea.form-control-lg {
10178
10203
  }
10179
10204
 
10180
10205
  .alert-primary {
10181
- color: #00474d;
10182
- background-color: #cce4e6;
10183
- border-color: #b3d6d9;
10206
+ --bs-alert-color: #00474d;
10207
+ --bs-alert-bg: #cce4e6;
10208
+ --bs-alert-border-color: #b3d6d9;
10184
10209
  }
10185
10210
  .alert-primary .alert-link {
10186
10211
  color: #00393e;
10187
10212
  }
10188
10213
 
10189
10214
  .alert-secondary {
10190
- color: #41464b;
10191
- background-color: #e2e3e5;
10192
- border-color: #d3d6d8;
10215
+ --bs-alert-color: #41464b;
10216
+ --bs-alert-bg: #e2e3e5;
10217
+ --bs-alert-border-color: #d3d6d8;
10193
10218
  }
10194
10219
  .alert-secondary .alert-link {
10195
10220
  color: #34383c;
10196
10221
  }
10197
10222
 
10198
10223
  .alert-success {
10199
- color: #316531;
10200
- background-color: #dceedc;
10201
- border-color: #cbe5cb;
10224
+ --bs-alert-color: #316531;
10225
+ --bs-alert-bg: #dceedc;
10226
+ --bs-alert-border-color: #cbe5cb;
10202
10227
  }
10203
10228
  .alert-success .alert-link {
10204
10229
  color: #275127;
10205
10230
  }
10206
10231
 
10207
10232
  .alert-info {
10208
- color: #0e616e;
10209
- background-color: #d1ecf1;
10210
- border-color: #b9e3ea;
10233
+ --bs-alert-color: #0e616e;
10234
+ --bs-alert-bg: #d1ecf1;
10235
+ --bs-alert-border-color: #b9e3ea;
10211
10236
  }
10212
10237
  .alert-info .alert-link {
10213
10238
  color: #0b4e58;
10214
10239
  }
10215
10240
 
10216
10241
  .alert-warning {
10217
- color: #834400;
10218
- background-color: #f8e3cc;
10219
- border-color: #f4d4b3;
10242
+ --bs-alert-color: #834400;
10243
+ --bs-alert-bg: #f8e3cc;
10244
+ --bs-alert-border-color: #f4d4b3;
10220
10245
  }
10221
10246
  .alert-warning .alert-link {
10222
10247
  color: #693600;
10223
10248
  }
10224
10249
 
10225
10250
  .alert-danger {
10226
- color: #6e2522;
10227
- background-color: #f1d8d7;
10228
- border-color: #eac5c4;
10251
+ --bs-alert-color: #6e2522;
10252
+ --bs-alert-bg: #f1d8d7;
10253
+ --bs-alert-border-color: #eac5c4;
10229
10254
  }
10230
10255
  .alert-danger .alert-link {
10231
10256
  color: #581e1b;
10232
10257
  }
10233
10258
 
10234
10259
  .alert-light {
10235
- color: #636464;
10236
- background-color: #fefefe;
10237
- border-color: #fdfdfe;
10260
+ --bs-alert-color: #636464;
10261
+ --bs-alert-bg: #fefefe;
10262
+ --bs-alert-border-color: #fdfdfe;
10238
10263
  }
10239
10264
  .alert-light .alert-link {
10240
10265
  color: #4f5050;
10241
10266
  }
10242
10267
 
10243
10268
  .alert-dark {
10244
- color: #141619;
10245
- background-color: #d3d3d4;
10246
- border-color: #bcbebf;
10269
+ --bs-alert-color: #141619;
10270
+ --bs-alert-bg: #d3d3d4;
10271
+ --bs-alert-border-color: #bcbebf;
10247
10272
  }
10248
10273
  .alert-dark .alert-link {
10249
10274
  color: #101214;
10250
10275
  }
10251
10276
 
10252
10277
  .list-group {
10278
+ --bs-list-group-color: #212529;
10279
+ --bs-list-group-bg: #fff;
10280
+ --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
10281
+ --bs-list-group-border-width: 1px;
10282
+ --bs-list-group-border-radius: 0.15rem;
10283
+ --bs-list-group-item-padding-x: 0.5em;
10284
+ --bs-list-group-item-padding-y: 0.5em;
10285
+ --bs-list-group-action-color: #000;
10286
+ --bs-list-group-action-hover-color: #000;
10287
+ --bs-list-group-action-hover-bg: #f6f7f9;
10288
+ --bs-list-group-action-active-color: #212529;
10289
+ --bs-list-group-action-active-bg: #e9ecef;
10290
+ --bs-list-group-disabled-color: #6c757d;
10291
+ --bs-list-group-disabled-bg: #fff;
10292
+ --bs-list-group-active-color: inherit;
10293
+ --bs-list-group-active-bg: #e9ebee;
10294
+ --bs-list-group-active-border-color: #e9ebee;
10253
10295
  display: flex;
10254
10296
  flex-direction: column;
10255
10297
  padding-left: 0;
10256
10298
  margin-bottom: 0;
10257
- border-radius: 0.15rem;
10299
+ border-radius: var(--bs-list-group-border-radius);
10258
10300
  }
10259
10301
 
10260
10302
  .list-group-numbered {
10261
10303
  list-style-type: none;
10262
10304
  counter-reset: section;
10263
10305
  }
10264
- .list-group-numbered > li::before {
10306
+ .list-group-numbered > .list-group-item::before {
10265
10307
  content: counters(section, ".") ". ";
10266
10308
  counter-increment: section;
10267
10309
  }
10268
10310
 
10269
10311
  .list-group-item-action {
10270
10312
  width: 100%;
10271
- color: #000;
10313
+ color: var(--bs-list-group-action-color);
10272
10314
  text-align: inherit;
10273
10315
  }
10274
10316
  .list-group-item-action:hover, .list-group-item-action:focus {
10275
10317
  z-index: 1;
10276
- color: #000;
10318
+ color: var(--bs-list-group-action-hover-color);
10277
10319
  text-decoration: none;
10278
- background-color: #f6f7f9;
10320
+ background-color: var(--bs-list-group-action-hover-bg);
10279
10321
  }
10280
10322
  .list-group-item-action:active {
10281
- color: #212529;
10282
- background-color: #e9ecef;
10323
+ color: var(--bs-list-group-action-active-color);
10324
+ background-color: var(--bs-list-group-action-active-bg);
10283
10325
  }
10284
10326
 
10285
10327
  .list-group-item {
10286
10328
  position: relative;
10287
10329
  display: block;
10288
- padding: 0.5em 0.5em;
10289
- color: #212529;
10330
+ padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
10331
+ color: var(--bs-list-group-color);
10290
10332
  text-decoration: none;
10291
- background-color: #fff;
10292
- border: 1px solid rgba(0, 0, 0, 0.125);
10333
+ background-color: var(--bs-list-group-bg);
10334
+ border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
10293
10335
  }
10294
10336
  .list-group-item:first-child {
10295
10337
  border-top-left-radius: inherit;
@@ -10300,172 +10342,172 @@ textarea.form-control-lg {
10300
10342
  border-bottom-left-radius: inherit;
10301
10343
  }
10302
10344
  .list-group-item.disabled, .list-group-item:disabled {
10303
- color: #6c757d;
10345
+ color: var(--bs-list-group-disabled-color);
10304
10346
  pointer-events: none;
10305
- background-color: #fff;
10347
+ background-color: var(--bs-list-group-disabled-bg);
10306
10348
  }
10307
10349
  .list-group-item.active {
10308
10350
  z-index: 2;
10309
- color: inherit;
10310
- background-color: #e9ebee;
10311
- border-color: #e9ebee;
10351
+ color: var(--bs-list-group-active-color);
10352
+ background-color: var(--bs-list-group-active-bg);
10353
+ border-color: var(--bs-list-group-active-border-color);
10312
10354
  }
10313
10355
  .list-group-item + .list-group-item {
10314
10356
  border-top-width: 0;
10315
10357
  }
10316
10358
  .list-group-item + .list-group-item.active {
10317
- margin-top: -1px;
10318
- border-top-width: 1px;
10359
+ margin-top: calc(-1 * var(--bs-list-group-border-width));
10360
+ border-top-width: var(--bs-list-group-border-width);
10319
10361
  }
10320
10362
 
10321
10363
  .list-group-horizontal {
10322
10364
  flex-direction: row;
10323
10365
  }
10324
- .list-group-horizontal > .list-group-item:first-child {
10325
- border-bottom-left-radius: 0.15rem;
10366
+ .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
10367
+ border-bottom-left-radius: var(--bs-list-group-border-radius);
10326
10368
  border-top-right-radius: 0;
10327
10369
  }
10328
- .list-group-horizontal > .list-group-item:last-child {
10329
- border-top-right-radius: 0.15rem;
10370
+ .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
10371
+ border-top-right-radius: var(--bs-list-group-border-radius);
10330
10372
  border-bottom-left-radius: 0;
10331
10373
  }
10332
10374
  .list-group-horizontal > .list-group-item.active {
10333
10375
  margin-top: 0;
10334
10376
  }
10335
10377
  .list-group-horizontal > .list-group-item + .list-group-item {
10336
- border-top-width: 1px;
10378
+ border-top-width: var(--bs-list-group-border-width);
10337
10379
  border-left-width: 0;
10338
10380
  }
10339
10381
  .list-group-horizontal > .list-group-item + .list-group-item.active {
10340
- margin-left: -1px;
10341
- border-left-width: 1px;
10382
+ margin-left: calc(-1 * var(--bs-list-group-border-width));
10383
+ border-left-width: var(--bs-list-group-border-width);
10342
10384
  }
10343
10385
 
10344
10386
  @media (min-width: 576px) {
10345
10387
  .list-group-horizontal-sm {
10346
10388
  flex-direction: row;
10347
10389
  }
10348
- .list-group-horizontal-sm > .list-group-item:first-child {
10349
- border-bottom-left-radius: 0.15rem;
10390
+ .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
10391
+ border-bottom-left-radius: var(--bs-list-group-border-radius);
10350
10392
  border-top-right-radius: 0;
10351
10393
  }
10352
- .list-group-horizontal-sm > .list-group-item:last-child {
10353
- border-top-right-radius: 0.15rem;
10394
+ .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
10395
+ border-top-right-radius: var(--bs-list-group-border-radius);
10354
10396
  border-bottom-left-radius: 0;
10355
10397
  }
10356
10398
  .list-group-horizontal-sm > .list-group-item.active {
10357
10399
  margin-top: 0;
10358
10400
  }
10359
10401
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
10360
- border-top-width: 1px;
10402
+ border-top-width: var(--bs-list-group-border-width);
10361
10403
  border-left-width: 0;
10362
10404
  }
10363
10405
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
10364
- margin-left: -1px;
10365
- border-left-width: 1px;
10406
+ margin-left: calc(-1 * var(--bs-list-group-border-width));
10407
+ border-left-width: var(--bs-list-group-border-width);
10366
10408
  }
10367
10409
  }
10368
10410
  @media (min-width: 768px) {
10369
10411
  .list-group-horizontal-md {
10370
10412
  flex-direction: row;
10371
10413
  }
10372
- .list-group-horizontal-md > .list-group-item:first-child {
10373
- border-bottom-left-radius: 0.15rem;
10414
+ .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
10415
+ border-bottom-left-radius: var(--bs-list-group-border-radius);
10374
10416
  border-top-right-radius: 0;
10375
10417
  }
10376
- .list-group-horizontal-md > .list-group-item:last-child {
10377
- border-top-right-radius: 0.15rem;
10418
+ .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
10419
+ border-top-right-radius: var(--bs-list-group-border-radius);
10378
10420
  border-bottom-left-radius: 0;
10379
10421
  }
10380
10422
  .list-group-horizontal-md > .list-group-item.active {
10381
10423
  margin-top: 0;
10382
10424
  }
10383
10425
  .list-group-horizontal-md > .list-group-item + .list-group-item {
10384
- border-top-width: 1px;
10426
+ border-top-width: var(--bs-list-group-border-width);
10385
10427
  border-left-width: 0;
10386
10428
  }
10387
10429
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
10388
- margin-left: -1px;
10389
- border-left-width: 1px;
10430
+ margin-left: calc(-1 * var(--bs-list-group-border-width));
10431
+ border-left-width: var(--bs-list-group-border-width);
10390
10432
  }
10391
10433
  }
10392
10434
  @media (min-width: 992px) {
10393
10435
  .list-group-horizontal-lg {
10394
10436
  flex-direction: row;
10395
10437
  }
10396
- .list-group-horizontal-lg > .list-group-item:first-child {
10397
- border-bottom-left-radius: 0.15rem;
10438
+ .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
10439
+ border-bottom-left-radius: var(--bs-list-group-border-radius);
10398
10440
  border-top-right-radius: 0;
10399
10441
  }
10400
- .list-group-horizontal-lg > .list-group-item:last-child {
10401
- border-top-right-radius: 0.15rem;
10442
+ .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
10443
+ border-top-right-radius: var(--bs-list-group-border-radius);
10402
10444
  border-bottom-left-radius: 0;
10403
10445
  }
10404
10446
  .list-group-horizontal-lg > .list-group-item.active {
10405
10447
  margin-top: 0;
10406
10448
  }
10407
10449
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
10408
- border-top-width: 1px;
10450
+ border-top-width: var(--bs-list-group-border-width);
10409
10451
  border-left-width: 0;
10410
10452
  }
10411
10453
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
10412
- margin-left: -1px;
10413
- border-left-width: 1px;
10454
+ margin-left: calc(-1 * var(--bs-list-group-border-width));
10455
+ border-left-width: var(--bs-list-group-border-width);
10414
10456
  }
10415
10457
  }
10416
10458
  @media (min-width: 1200px) {
10417
10459
  .list-group-horizontal-xl {
10418
10460
  flex-direction: row;
10419
10461
  }
10420
- .list-group-horizontal-xl > .list-group-item:first-child {
10421
- border-bottom-left-radius: 0.15rem;
10462
+ .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
10463
+ border-bottom-left-radius: var(--bs-list-group-border-radius);
10422
10464
  border-top-right-radius: 0;
10423
10465
  }
10424
- .list-group-horizontal-xl > .list-group-item:last-child {
10425
- border-top-right-radius: 0.15rem;
10466
+ .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
10467
+ border-top-right-radius: var(--bs-list-group-border-radius);
10426
10468
  border-bottom-left-radius: 0;
10427
10469
  }
10428
10470
  .list-group-horizontal-xl > .list-group-item.active {
10429
10471
  margin-top: 0;
10430
10472
  }
10431
10473
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
10432
- border-top-width: 1px;
10474
+ border-top-width: var(--bs-list-group-border-width);
10433
10475
  border-left-width: 0;
10434
10476
  }
10435
10477
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
10436
- margin-left: -1px;
10437
- border-left-width: 1px;
10478
+ margin-left: calc(-1 * var(--bs-list-group-border-width));
10479
+ border-left-width: var(--bs-list-group-border-width);
10438
10480
  }
10439
10481
  }
10440
10482
  @media (min-width: 1400px) {
10441
10483
  .list-group-horizontal-xxl {
10442
10484
  flex-direction: row;
10443
10485
  }
10444
- .list-group-horizontal-xxl > .list-group-item:first-child {
10445
- border-bottom-left-radius: 0.15rem;
10486
+ .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
10487
+ border-bottom-left-radius: var(--bs-list-group-border-radius);
10446
10488
  border-top-right-radius: 0;
10447
10489
  }
10448
- .list-group-horizontal-xxl > .list-group-item:last-child {
10449
- border-top-right-radius: 0.15rem;
10490
+ .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
10491
+ border-top-right-radius: var(--bs-list-group-border-radius);
10450
10492
  border-bottom-left-radius: 0;
10451
10493
  }
10452
10494
  .list-group-horizontal-xxl > .list-group-item.active {
10453
10495
  margin-top: 0;
10454
10496
  }
10455
10497
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
10456
- border-top-width: 1px;
10498
+ border-top-width: var(--bs-list-group-border-width);
10457
10499
  border-left-width: 0;
10458
10500
  }
10459
10501
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
10460
- margin-left: -1px;
10461
- border-left-width: 1px;
10502
+ margin-left: calc(-1 * var(--bs-list-group-border-width));
10503
+ border-left-width: var(--bs-list-group-border-width);
10462
10504
  }
10463
10505
  }
10464
10506
  .list-group-flush {
10465
10507
  border-radius: 0;
10466
10508
  }
10467
10509
  .list-group-flush > .list-group-item {
10468
- border-width: 0 0 1px;
10510
+ border-width: 0 0 var(--bs-list-group-border-width);
10469
10511
  }
10470
10512
  .list-group-flush > .list-group-item:last-child {
10471
10513
  border-bottom-width: 0;
@@ -10589,7 +10631,7 @@ textarea.form-control-lg {
10589
10631
  height: 1em;
10590
10632
  padding: 0.25em 0.25em;
10591
10633
  color: #000;
10592
- background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
10634
+ background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
10593
10635
  border: 0;
10594
10636
  border-radius: 0.15rem;
10595
10637
  opacity: 0.5;
@@ -10615,10 +10657,31 @@ textarea.form-control-lg {
10615
10657
  }
10616
10658
 
10617
10659
  .modal {
10660
+ --bs-modal-zindex: 1055;
10661
+ --bs-modal-width: 500px;
10662
+ --bs-modal-padding: 1rem;
10663
+ --bs-modal-margin: 0.5rem;
10664
+ --bs-modal-color: ;
10665
+ --bs-modal-bg: #fff;
10666
+ --bs-modal-border-color: var(--bs-border-color-translucent);
10667
+ --bs-modal-border-width: 1px;
10668
+ --bs-modal-border-radius: 0.15rem;
10669
+ --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
10670
+ --bs-modal-inner-border-radius: calc(0.15rem - 1px);
10671
+ --bs-modal-header-padding-x: 1rem;
10672
+ --bs-modal-header-padding-y: 1rem;
10673
+ --bs-modal-header-padding: 1rem 1rem 0rem 1rem;
10674
+ --bs-modal-header-border-color: var(--bs-border-color);
10675
+ --bs-modal-header-border-width: 0;
10676
+ --bs-modal-title-line-height: 1.3;
10677
+ --bs-modal-footer-gap: 0.5rem;
10678
+ --bs-modal-footer-bg: ;
10679
+ --bs-modal-footer-border-color: var(--bs-border-color);
10680
+ --bs-modal-footer-border-width: 0;
10618
10681
  position: fixed;
10619
10682
  top: 0;
10620
10683
  left: 0;
10621
- z-index: 1055;
10684
+ z-index: var(--bs-modal-zindex);
10622
10685
  display: none;
10623
10686
  width: 100%;
10624
10687
  height: 100%;
@@ -10630,7 +10693,7 @@ textarea.form-control-lg {
10630
10693
  .modal-dialog {
10631
10694
  position: relative;
10632
10695
  width: auto;
10633
- margin: 0.5rem;
10696
+ margin: var(--bs-modal-margin);
10634
10697
  pointer-events: none;
10635
10698
  }
10636
10699
  .modal.fade .modal-dialog {
@@ -10650,7 +10713,7 @@ textarea.form-control-lg {
10650
10713
  }
10651
10714
 
10652
10715
  .modal-dialog-scrollable {
10653
- height: calc(100% - 1rem);
10716
+ height: calc(100% - var(--bs-modal-margin) * 2);
10654
10717
  }
10655
10718
  .modal-dialog-scrollable .modal-content {
10656
10719
  max-height: 100%;
@@ -10663,7 +10726,7 @@ textarea.form-control-lg {
10663
10726
  .modal-dialog-centered {
10664
10727
  display: flex;
10665
10728
  align-items: center;
10666
- min-height: calc(100% - 1rem);
10729
+ min-height: calc(100% - var(--bs-modal-margin) * 2);
10667
10730
  }
10668
10731
 
10669
10732
  .modal-content {
@@ -10671,29 +10734,32 @@ textarea.form-control-lg {
10671
10734
  display: flex;
10672
10735
  flex-direction: column;
10673
10736
  width: 100%;
10737
+ color: var(--bs-modal-color);
10674
10738
  pointer-events: auto;
10675
- background-color: #fff;
10739
+ background-color: var(--bs-modal-bg);
10676
10740
  background-clip: padding-box;
10677
- border: 1px solid rgba(0, 0, 0, 0.2);
10678
- border-radius: 0.15rem;
10679
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
10741
+ border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
10742
+ border-radius: var(--bs-modal-border-radius);
10680
10743
  outline: 0;
10681
10744
  }
10682
10745
 
10683
10746
  .modal-backdrop {
10747
+ --bs-backdrop-zindex: 1050;
10748
+ --bs-backdrop-bg: #000;
10749
+ --bs-backdrop-opacity: 0.5;
10684
10750
  position: fixed;
10685
10751
  top: 0;
10686
10752
  left: 0;
10687
- z-index: 1050;
10753
+ z-index: var(--bs-backdrop-zindex);
10688
10754
  width: 100vw;
10689
10755
  height: 100vh;
10690
- background-color: #000;
10756
+ background-color: var(--bs-backdrop-bg);
10691
10757
  }
10692
10758
  .modal-backdrop.fade {
10693
10759
  opacity: 0;
10694
10760
  }
10695
10761
  .modal-backdrop.show {
10696
- opacity: 0.5;
10762
+ opacity: var(--bs-backdrop-opacity);
10697
10763
  }
10698
10764
 
10699
10765
  .modal-header {
@@ -10701,73 +10767,68 @@ textarea.form-control-lg {
10701
10767
  flex-shrink: 0;
10702
10768
  align-items: center;
10703
10769
  justify-content: space-between;
10704
- padding: 1rem 1rem 0rem 1rem;
10705
- border-bottom: 0 solid #dee2e6;
10706
- border-top-left-radius: calc(0.15rem - 1px);
10707
- border-top-right-radius: calc(0.15rem - 1px);
10770
+ padding: var(--bs-modal-header-padding);
10771
+ border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
10772
+ border-top-left-radius: var(--bs-modal-inner-border-radius);
10773
+ border-top-right-radius: var(--bs-modal-inner-border-radius);
10708
10774
  }
10709
10775
  .modal-header .btn-close {
10710
- padding: 0.5rem 0.5rem;
10711
- margin: -0.5rem -0.5rem -0.5rem auto;
10776
+ padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
10777
+ margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
10712
10778
  }
10713
10779
 
10714
10780
  .modal-title {
10715
10781
  margin-bottom: 0;
10716
- line-height: 1.3;
10782
+ line-height: var(--bs-modal-title-line-height);
10717
10783
  }
10718
10784
 
10719
10785
  .modal-body {
10720
10786
  position: relative;
10721
10787
  flex: 1 1 auto;
10722
- padding: 1rem;
10788
+ padding: var(--bs-modal-padding);
10723
10789
  }
10724
10790
 
10725
10791
  .modal-footer {
10726
10792
  display: flex;
10727
- flex-wrap: wrap;
10728
10793
  flex-shrink: 0;
10794
+ flex-wrap: wrap;
10729
10795
  align-items: center;
10730
10796
  justify-content: flex-end;
10731
- padding: 0.75rem;
10732
- border-top: 0 solid #dee2e6;
10733
- border-bottom-right-radius: calc(0.15rem - 1px);
10734
- border-bottom-left-radius: calc(0.15rem - 1px);
10797
+ padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
10798
+ background-color: var(--bs-modal-footer-bg);
10799
+ border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
10800
+ border-bottom-right-radius: var(--bs-modal-inner-border-radius);
10801
+ border-bottom-left-radius: var(--bs-modal-inner-border-radius);
10735
10802
  }
10736
10803
  .modal-footer > * {
10737
- margin: 0.25rem;
10804
+ margin: calc(var(--bs-modal-footer-gap) * 0.5);
10738
10805
  }
10739
10806
 
10740
10807
  @media (min-width: 576px) {
10741
- .modal-dialog {
10742
- max-width: 500px;
10743
- margin: 1.75rem auto;
10744
- }
10745
-
10746
- .modal-dialog-scrollable {
10747
- height: calc(100% - 3.5rem);
10808
+ .modal {
10809
+ --bs-modal-margin: 1.75rem;
10810
+ --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
10748
10811
  }
10749
10812
 
10750
- .modal-dialog-centered {
10751
- min-height: calc(100% - 3.5rem);
10752
- }
10753
-
10754
- .modal-content {
10755
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
10813
+ .modal-dialog {
10814
+ max-width: var(--bs-modal-width);
10815
+ margin-right: auto;
10816
+ margin-left: auto;
10756
10817
  }
10757
10818
 
10758
10819
  .modal-sm {
10759
- max-width: 300px;
10820
+ --bs-modal-width: 300px;
10760
10821
  }
10761
10822
  }
10762
10823
  @media (min-width: 992px) {
10763
10824
  .modal-lg,
10764
10825
  .modal-xl {
10765
- max-width: 800px;
10826
+ --bs-modal-width: 800px;
10766
10827
  }
10767
10828
  }
10768
10829
  @media (min-width: 1200px) {
10769
10830
  .modal-xl {
10770
- max-width: 1140px;
10831
+ --bs-modal-width: 1140px;
10771
10832
  }
10772
10833
  }
10773
10834
  .modal-fullscreen {
@@ -10781,15 +10842,13 @@ textarea.form-control-lg {
10781
10842
  border: 0;
10782
10843
  border-radius: 0;
10783
10844
  }
10784
- .modal-fullscreen .modal-header {
10845
+ .modal-fullscreen .modal-header,
10846
+ .modal-fullscreen .modal-footer {
10785
10847
  border-radius: 0;
10786
10848
  }
10787
10849
  .modal-fullscreen .modal-body {
10788
10850
  overflow-y: auto;
10789
10851
  }
10790
- .modal-fullscreen .modal-footer {
10791
- border-radius: 0;
10792
- }
10793
10852
 
10794
10853
  @media (max-width: 575.98px) {
10795
10854
  .modal-fullscreen-sm-down {
@@ -10803,15 +10862,13 @@ textarea.form-control-lg {
10803
10862
  border: 0;
10804
10863
  border-radius: 0;
10805
10864
  }
10806
- .modal-fullscreen-sm-down .modal-header {
10865
+ .modal-fullscreen-sm-down .modal-header,
10866
+ .modal-fullscreen-sm-down .modal-footer {
10807
10867
  border-radius: 0;
10808
10868
  }
10809
10869
  .modal-fullscreen-sm-down .modal-body {
10810
10870
  overflow-y: auto;
10811
10871
  }
10812
- .modal-fullscreen-sm-down .modal-footer {
10813
- border-radius: 0;
10814
- }
10815
10872
  }
10816
10873
  @media (max-width: 767.98px) {
10817
10874
  .modal-fullscreen-md-down {
@@ -10825,15 +10882,13 @@ textarea.form-control-lg {
10825
10882
  border: 0;
10826
10883
  border-radius: 0;
10827
10884
  }
10828
- .modal-fullscreen-md-down .modal-header {
10885
+ .modal-fullscreen-md-down .modal-header,
10886
+ .modal-fullscreen-md-down .modal-footer {
10829
10887
  border-radius: 0;
10830
10888
  }
10831
10889
  .modal-fullscreen-md-down .modal-body {
10832
10890
  overflow-y: auto;
10833
10891
  }
10834
- .modal-fullscreen-md-down .modal-footer {
10835
- border-radius: 0;
10836
- }
10837
10892
  }
10838
10893
  @media (max-width: 991.98px) {
10839
10894
  .modal-fullscreen-lg-down {
@@ -10847,15 +10902,13 @@ textarea.form-control-lg {
10847
10902
  border: 0;
10848
10903
  border-radius: 0;
10849
10904
  }
10850
- .modal-fullscreen-lg-down .modal-header {
10905
+ .modal-fullscreen-lg-down .modal-header,
10906
+ .modal-fullscreen-lg-down .modal-footer {
10851
10907
  border-radius: 0;
10852
10908
  }
10853
10909
  .modal-fullscreen-lg-down .modal-body {
10854
10910
  overflow-y: auto;
10855
10911
  }
10856
- .modal-fullscreen-lg-down .modal-footer {
10857
- border-radius: 0;
10858
- }
10859
10912
  }
10860
10913
  @media (max-width: 1199.98px) {
10861
10914
  .modal-fullscreen-xl-down {
@@ -10869,15 +10922,13 @@ textarea.form-control-lg {
10869
10922
  border: 0;
10870
10923
  border-radius: 0;
10871
10924
  }
10872
- .modal-fullscreen-xl-down .modal-header {
10925
+ .modal-fullscreen-xl-down .modal-header,
10926
+ .modal-fullscreen-xl-down .modal-footer {
10873
10927
  border-radius: 0;
10874
10928
  }
10875
10929
  .modal-fullscreen-xl-down .modal-body {
10876
10930
  overflow-y: auto;
10877
10931
  }
10878
- .modal-fullscreen-xl-down .modal-footer {
10879
- border-radius: 0;
10880
- }
10881
10932
  }
10882
10933
  @media (max-width: 1399.98px) {
10883
10934
  .modal-fullscreen-xxl-down {
@@ -10891,22 +10942,20 @@ textarea.form-control-lg {
10891
10942
  border: 0;
10892
10943
  border-radius: 0;
10893
10944
  }
10894
- .modal-fullscreen-xxl-down .modal-header {
10945
+ .modal-fullscreen-xxl-down .modal-header,
10946
+ .modal-fullscreen-xxl-down .modal-footer {
10895
10947
  border-radius: 0;
10896
10948
  }
10897
10949
  .modal-fullscreen-xxl-down .modal-body {
10898
10950
  overflow-y: auto;
10899
10951
  }
10900
- .modal-fullscreen-xxl-down .modal-footer {
10901
- border-radius: 0;
10902
- }
10903
10952
  }
10904
10953
  .placeholder {
10905
10954
  display: inline-block;
10906
10955
  min-height: 1em;
10907
10956
  vertical-align: middle;
10908
10957
  cursor: wait;
10909
- background-color: currentColor;
10958
+ background-color: currentcolor;
10910
10959
  opacity: 0.5;
10911
10960
  }
10912
10961
  .placeholder.btn::before {
@@ -11158,13 +11207,20 @@ textarea.form-control-lg {
11158
11207
  }
11159
11208
  }
11160
11209
  .progress {
11210
+ --bs-progress-height: 1rem;
11211
+ --bs-progress-font-size: 0.75rem;
11212
+ --bs-progress-bg: #e9ecef;
11213
+ --bs-progress-border-radius: 0.15rem;
11214
+ --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
11215
+ --bs-progress-bar-color: #fff;
11216
+ --bs-progress-bar-bg: #007681;
11217
+ --bs-progress-bar-transition: width 0.6s ease;
11161
11218
  display: flex;
11162
- height: 1rem;
11219
+ height: var(--bs-progress-height);
11163
11220
  overflow: hidden;
11164
- font-size: 0.75rem;
11165
- background-color: #e9ecef;
11166
- border-radius: 0.15rem;
11167
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
11221
+ font-size: var(--bs-progress-font-size);
11222
+ background-color: var(--bs-progress-bg);
11223
+ border-radius: var(--bs-progress-border-radius);
11168
11224
  }
11169
11225
 
11170
11226
  .progress-bar {
@@ -11172,11 +11228,11 @@ textarea.form-control-lg {
11172
11228
  flex-direction: column;
11173
11229
  justify-content: center;
11174
11230
  overflow: hidden;
11175
- color: #fff;
11231
+ color: var(--bs-progress-bar-color);
11176
11232
  text-align: center;
11177
11233
  white-space: nowrap;
11178
- background-color: #007681;
11179
- transition: width 0.6s ease;
11234
+ background-color: var(--bs-progress-bar-bg);
11235
+ transition: var(--bs-progress-bar-transition);
11180
11236
  }
11181
11237
  @media (prefers-reduced-motion: reduce) {
11182
11238
  .progress-bar {
@@ -11186,7 +11242,7 @@ textarea.form-control-lg {
11186
11242
 
11187
11243
  .progress-bar-striped {
11188
11244
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
11189
- background-size: 1rem 1rem;
11245
+ background-size: var(--bs-progress-height) var(--bs-progress-height);
11190
11246
  }
11191
11247
 
11192
11248
  .progress-bar-animated {
@@ -11199,12 +11255,29 @@ textarea.form-control-lg {
11199
11255
  }
11200
11256
 
11201
11257
  .popover {
11202
- position: absolute;
11203
- top: 0;
11204
- left: 0 /* rtl:ignore */;
11205
- z-index: 1070;
11258
+ --bs-popover-zindex: 1070;
11259
+ --bs-popover-max-width: 276px;
11260
+ --bs-popover-font-size: 0.875rem;
11261
+ --bs-popover-bg: #fff;
11262
+ --bs-popover-border-width: 1px;
11263
+ --bs-popover-border-color: var(--bs-border-color-translucent);
11264
+ --bs-popover-border-radius: 0.5rem;
11265
+ --bs-popover-inner-border-radius: calc(0.5rem - 1px);
11266
+ --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
11267
+ --bs-popover-header-padding-x: 1rem;
11268
+ --bs-popover-header-padding-y: 0.5rem;
11269
+ --bs-popover-header-font-size: 1rem;
11270
+ --bs-popover-header-color: ;
11271
+ --bs-popover-header-bg: #f0f0f0;
11272
+ --bs-popover-body-padding-x: 1rem;
11273
+ --bs-popover-body-padding-y: 1rem;
11274
+ --bs-popover-body-color: #212529;
11275
+ --bs-popover-arrow-width: 1rem;
11276
+ --bs-popover-arrow-height: 0.5rem;
11277
+ --bs-popover-arrow-border: var(--bs-popover-border-color);
11278
+ z-index: var(--bs-popover-zindex);
11206
11279
  display: block;
11207
- max-width: 276px;
11280
+ max-width: var(--bs-popover-max-width);
11208
11281
  font-family: var(--bs-font-sans-serif);
11209
11282
  font-style: normal;
11210
11283
  font-weight: 400;
@@ -11216,22 +11289,20 @@ textarea.form-control-lg {
11216
11289
  text-transform: none;
11217
11290
  letter-spacing: normal;
11218
11291
  word-break: normal;
11219
- word-spacing: normal;
11220
11292
  white-space: normal;
11293
+ word-spacing: normal;
11221
11294
  line-break: auto;
11222
- font-size: 0.875rem;
11295
+ font-size: var(--bs-popover-font-size);
11223
11296
  word-wrap: break-word;
11224
- background-color: #fff;
11297
+ background-color: var(--bs-popover-bg);
11225
11298
  background-clip: padding-box;
11226
- border: 1px solid rgba(0, 0, 0, 0.2);
11227
- border-radius: 0.3rem;
11228
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
11299
+ border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
11300
+ border-radius: var(--bs-popover-border-radius);
11229
11301
  }
11230
11302
  .popover .popover-arrow {
11231
- position: absolute;
11232
11303
  display: block;
11233
- width: 1rem;
11234
- height: 0.5rem;
11304
+ width: var(--bs-popover-arrow-width);
11305
+ height: var(--bs-popover-arrow-height);
11235
11306
  }
11236
11307
  .popover .popover-arrow::before, .popover .popover-arrow::after {
11237
11308
  position: absolute;
@@ -11239,94 +11310,104 @@ textarea.form-control-lg {
11239
11310
  content: "";
11240
11311
  border-color: transparent;
11241
11312
  border-style: solid;
11313
+ border-width: 0;
11242
11314
  }
11243
11315
 
11244
11316
  .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
11245
- bottom: calc(-0.5rem - 1px);
11317
+ bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
11318
+ }
11319
+ .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
11320
+ border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
11246
11321
  }
11247
11322
  .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
11248
11323
  bottom: 0;
11249
- border-width: 0.5rem 0.5rem 0;
11250
- border-top-color: rgba(0, 0, 0, 0.25);
11324
+ border-top-color: var(--bs-popover-arrow-border);
11251
11325
  }
11252
11326
  .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
11253
- bottom: 1px;
11254
- border-width: 0.5rem 0.5rem 0;
11255
- border-top-color: #fff;
11327
+ bottom: var(--bs-popover-border-width);
11328
+ border-top-color: var(--bs-popover-bg);
11256
11329
  }
11257
11330
 
11331
+ /* rtl:begin:ignore */
11258
11332
  .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
11259
- left: calc(-0.5rem - 1px);
11260
- width: 0.5rem;
11261
- height: 1rem;
11333
+ left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
11334
+ width: var(--bs-popover-arrow-height);
11335
+ height: var(--bs-popover-arrow-width);
11336
+ }
11337
+ .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
11338
+ border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
11262
11339
  }
11263
11340
  .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
11264
11341
  left: 0;
11265
- border-width: 0.5rem 0.5rem 0.5rem 0;
11266
- border-right-color: rgba(0, 0, 0, 0.25);
11342
+ border-right-color: var(--bs-popover-arrow-border);
11267
11343
  }
11268
11344
  .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
11269
- left: 1px;
11270
- border-width: 0.5rem 0.5rem 0.5rem 0;
11271
- border-right-color: #fff;
11345
+ left: var(--bs-popover-border-width);
11346
+ border-right-color: var(--bs-popover-bg);
11272
11347
  }
11273
11348
 
11349
+ /* rtl:end:ignore */
11274
11350
  .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
11275
- top: calc(-0.5rem - 1px);
11351
+ top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
11352
+ }
11353
+ .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
11354
+ border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
11276
11355
  }
11277
11356
  .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
11278
11357
  top: 0;
11279
- border-width: 0 0.5rem 0.5rem 0.5rem;
11280
- border-bottom-color: rgba(0, 0, 0, 0.25);
11358
+ border-bottom-color: var(--bs-popover-arrow-border);
11281
11359
  }
11282
11360
  .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
11283
- top: 1px;
11284
- border-width: 0 0.5rem 0.5rem 0.5rem;
11285
- border-bottom-color: #fff;
11361
+ top: var(--bs-popover-border-width);
11362
+ border-bottom-color: var(--bs-popover-bg);
11286
11363
  }
11287
11364
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
11288
11365
  position: absolute;
11289
11366
  top: 0;
11290
11367
  left: 50%;
11291
11368
  display: block;
11292
- width: 1rem;
11293
- margin-left: -0.5rem;
11369
+ width: var(--bs-popover-arrow-width);
11370
+ margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
11294
11371
  content: "";
11295
- border-bottom: 1px solid #f0f0f0;
11372
+ border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
11296
11373
  }
11297
11374
 
11375
+ /* rtl:begin:ignore */
11298
11376
  .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
11299
- right: calc(-0.5rem - 1px);
11300
- width: 0.5rem;
11301
- height: 1rem;
11377
+ right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
11378
+ width: var(--bs-popover-arrow-height);
11379
+ height: var(--bs-popover-arrow-width);
11380
+ }
11381
+ .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
11382
+ border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
11302
11383
  }
11303
11384
  .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
11304
11385
  right: 0;
11305
- border-width: 0.5rem 0 0.5rem 0.5rem;
11306
- border-left-color: rgba(0, 0, 0, 0.25);
11386
+ border-left-color: var(--bs-popover-arrow-border);
11307
11387
  }
11308
11388
  .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
11309
- right: 1px;
11310
- border-width: 0.5rem 0 0.5rem 0.5rem;
11311
- border-left-color: #fff;
11389
+ right: var(--bs-popover-border-width);
11390
+ border-left-color: var(--bs-popover-bg);
11312
11391
  }
11313
11392
 
11393
+ /* rtl:end:ignore */
11314
11394
  .popover-header {
11315
- padding: 0.5rem 1rem;
11395
+ padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
11316
11396
  margin-bottom: 0;
11317
- font-size: 1rem;
11318
- background-color: #f0f0f0;
11319
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
11320
- border-top-left-radius: calc(0.3rem - 1px);
11321
- border-top-right-radius: calc(0.3rem - 1px);
11397
+ font-size: var(--bs-popover-header-font-size);
11398
+ color: var(--bs-popover-header-color);
11399
+ background-color: var(--bs-popover-header-bg);
11400
+ border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
11401
+ border-top-left-radius: var(--bs-popover-inner-border-radius);
11402
+ border-top-right-radius: var(--bs-popover-inner-border-radius);
11322
11403
  }
11323
11404
  .popover-header:empty {
11324
11405
  display: none;
11325
11406
  }
11326
11407
 
11327
11408
  .popover-body {
11328
- padding: 1rem 1rem;
11329
- color: #212529;
11409
+ padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
11410
+ color: var(--bs-popover-body-color);
11330
11411
  }
11331
11412
 
11332
11413
  .img-fluid {
@@ -11337,9 +11418,8 @@ textarea.form-control-lg {
11337
11418
  .img-thumbnail {
11338
11419
  padding: 0.25rem;
11339
11420
  background-color: #e9ebee;
11340
- border: 1px solid #dee2e6;
11421
+ border: 1px solid var(--bs-border-color);
11341
11422
  border-radius: 0.15rem;
11342
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
11343
11423
  max-width: 100%;
11344
11424
  height: auto;
11345
11425
  }
@@ -12524,83 +12604,37 @@ a:hover .adb-plate-primary.attention .body-title, a:hover.adb-plate-primary.atte
12524
12604
  }
12525
12605
 
12526
12606
  .btn-primary {
12527
- color: white;
12528
- background-color: #007681;
12529
- border-color: #005f68;
12530
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
12531
- }
12532
- .btn-primary:hover {
12533
- color: #fff;
12534
- background-color: #00474e;
12535
- border-color: #00191b;
12536
- }
12537
- .btn-check:focus + .btn-primary, .btn-primary:focus {
12538
- color: #fff;
12539
- background-color: #00474e;
12540
- border-color: #00191b;
12541
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, 0 0 0 3px rgba(38, 119, 127, 0.5);
12542
- }
12543
- .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
12544
- color: #fff;
12545
- background-color: #005e67;
12546
- border-color: #00474e;
12547
- }
12548
- .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
12549
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(38, 119, 127, 0.5);
12550
- }
12551
- .btn-primary:disabled, .btn-primary.disabled {
12552
- color: #fff;
12553
- background-color: #007681;
12554
- border-color: #005f68;
12555
- }
12556
- .btn-primary:focus {
12557
- box-shadow: 0 0 0 3px rgba(0, 118, 129, 0.5);
12558
- border-color: white;
12559
- background-color: #007681;
12560
- }
12561
- .btn-primary:focus:hover {
12562
- background-color: #00474e;
12563
- border-color: white;
12607
+ --bs-btn-color: white;
12608
+ --bs-btn-bg: #007681;
12609
+ --bs-btn-border-color: #005f68;
12610
+ --bs-btn-hover-color: #fff;
12611
+ --bs-btn-hover-bg: #00474e;
12612
+ --bs-btn-hover-border-color: #00191b;
12613
+ --bs-btn-focus-shadow-rgb: 38, 119, 127;
12614
+ --bs-btn-active-color: #fff;
12615
+ --bs-btn-active-bg: #005e67;
12616
+ --bs-btn-active-border-color: #00474e;
12617
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
12618
+ --bs-btn-disabled-color: #fff;
12619
+ --bs-btn-disabled-bg: #007681;
12620
+ --bs-btn-disabled-border-color: #005f68;
12564
12621
  }
12565
12622
 
12566
12623
  .btn-secondary {
12567
- color: black;
12568
- background-color: white;
12569
- border-color: #f2f2f2;
12570
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
12571
- }
12572
- .btn-secondary:hover {
12573
- color: #000;
12574
- background-color: #d9d9d9;
12575
- border-color: silver;
12576
- }
12577
- .btn-check:focus + .btn-secondary, .btn-secondary:focus {
12578
- color: #000;
12579
- background-color: #d9d9d9;
12580
- border-color: silver;
12581
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, 0 0 0 3px rgba(206, 206, 206, 0.5);
12582
- }
12583
- .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
12584
- color: #000;
12585
- background-color: white;
12586
- border-color: #f3f3f3;
12587
- }
12588
- .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
12589
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(206, 206, 206, 0.5);
12590
- }
12591
- .btn-secondary:disabled, .btn-secondary.disabled {
12592
- color: #000;
12593
- background-color: white;
12594
- border-color: #f2f2f2;
12595
- }
12596
- .btn-secondary:focus {
12597
- box-shadow: 0 0 0 3px rgba(0, 118, 129, 0.5);
12598
- border-color: white;
12599
- background-color: white;
12600
- }
12601
- .btn-secondary:focus:hover {
12602
- background-color: #d9d9d9;
12603
- border-color: white;
12624
+ --bs-btn-color: black;
12625
+ --bs-btn-bg: white;
12626
+ --bs-btn-border-color: #f2f2f2;
12627
+ --bs-btn-hover-color: #000;
12628
+ --bs-btn-hover-bg: #d9d9d9;
12629
+ --bs-btn-hover-border-color: silver;
12630
+ --bs-btn-focus-shadow-rgb: 206, 206, 206;
12631
+ --bs-btn-active-color: #000;
12632
+ --bs-btn-active-bg: white;
12633
+ --bs-btn-active-border-color: #f3f3f3;
12634
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
12635
+ --bs-btn-disabled-color: #000;
12636
+ --bs-btn-disabled-bg: white;
12637
+ --bs-btn-disabled-border-color: #f2f2f2;
12604
12638
  }
12605
12639
 
12606
12640
  .btn-link:active, .btn-link.active {
@@ -12624,13 +12658,24 @@ a:hover .adb-plate-primary.attention .body-title, a:hover.adb-plate-primary.atte
12624
12658
 
12625
12659
  .btn-select-primary {
12626
12660
  display: inline-block;
12627
- color: white;
12628
- background-color: #007681;
12629
- border-color: transparent;
12630
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
12631
- padding: 0.1rem 0.3rem;
12632
- font-size: 0.75rem;
12633
- border-radius: 0.15rem;
12661
+ --bs-btn-color: white;
12662
+ --bs-btn-bg: #007681;
12663
+ --bs-btn-border-color: transparent;
12664
+ --bs-btn-hover-color: #fff;
12665
+ --bs-btn-hover-bg: #005f68;
12666
+ --bs-btn-hover-border-color: transparent;
12667
+ --bs-btn-focus-shadow-rgb: 255, 255, 255;
12668
+ --bs-btn-active-color: #fff;
12669
+ --bs-btn-active-bg: #005e67;
12670
+ --bs-btn-active-border-color: rgba(0, 0, 0, 0.25);
12671
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
12672
+ --bs-btn-disabled-color: #fff;
12673
+ --bs-btn-disabled-bg: #007681;
12674
+ --bs-btn-disabled-border-color: transparent;
12675
+ --bs-btn-padding-y: 0.1rem;
12676
+ --bs-btn-padding-x: 0.3rem;
12677
+ --bs-btn-font-size: 0.75rem;
12678
+ --bs-btn-border-radius: 0.15rem;
12634
12679
  }
12635
12680
  .btn-select-primary:not(.read-only)::after {
12636
12681
  margin-left: 0.5em;
@@ -12638,40 +12683,27 @@ a:hover .adb-plate-primary.attention .body-title, a:hover.adb-plate-primary.atte
12638
12683
  font-family: "Font Awesome 5 Pro";
12639
12684
  font-weight: 900;
12640
12685
  }
12641
- .btn-select-primary:hover {
12642
- color: #fff;
12643
- background-color: #005f68;
12644
- border-color: transparent;
12645
- }
12646
- .btn-check:focus + .btn-select-primary, .btn-select-primary:focus {
12647
- color: #fff;
12648
- background-color: #005f68;
12649
- border-color: transparent;
12650
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, 0 0 0 3px rgba(255, 255, 255, 0.5);
12651
- }
12652
- .btn-check:checked + .btn-select-primary, .btn-check:active + .btn-select-primary, .btn-select-primary:active, .btn-select-primary.active, .show > .btn-select-primary.dropdown-toggle {
12653
- color: #fff;
12654
- background-color: #005e67;
12655
- border-color: rgba(0, 0, 0, 0.25);
12656
- }
12657
- .btn-check:checked + .btn-select-primary:focus, .btn-check:active + .btn-select-primary:focus, .btn-select-primary:active:focus, .btn-select-primary.active:focus, .show > .btn-select-primary.dropdown-toggle:focus {
12658
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(255, 255, 255, 0.5);
12659
- }
12660
- .btn-select-primary:disabled, .btn-select-primary.disabled {
12661
- color: #fff;
12662
- background-color: #007681;
12663
- border-color: transparent;
12664
- }
12665
12686
 
12666
12687
  .btn-select-secondary {
12667
12688
  display: inline-block;
12668
- color: white;
12669
- background-color: #4d4d4d;
12670
- border-color: transparent;
12671
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
12672
- padding: 0.1rem 0.3rem;
12673
- font-size: 0.75rem;
12674
- border-radius: 0.15rem;
12689
+ --bs-btn-color: white;
12690
+ --bs-btn-bg: #4d4d4d;
12691
+ --bs-btn-border-color: transparent;
12692
+ --bs-btn-hover-color: #fff;
12693
+ --bs-btn-hover-bg: black;
12694
+ --bs-btn-hover-border-color: transparent;
12695
+ --bs-btn-focus-shadow-rgb: 255, 255, 255;
12696
+ --bs-btn-active-color: #fff;
12697
+ --bs-btn-active-bg: #3e3e3e;
12698
+ --bs-btn-active-border-color: rgba(0, 0, 0, 0.25);
12699
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
12700
+ --bs-btn-disabled-color: #fff;
12701
+ --bs-btn-disabled-bg: #4d4d4d;
12702
+ --bs-btn-disabled-border-color: transparent;
12703
+ --bs-btn-padding-y: 0.1rem;
12704
+ --bs-btn-padding-x: 0.3rem;
12705
+ --bs-btn-font-size: 0.75rem;
12706
+ --bs-btn-border-radius: 0.15rem;
12675
12707
  color: white;
12676
12708
  }
12677
12709
  .btn-select-secondary:not(.read-only)::after {
@@ -12680,70 +12712,34 @@ a:hover .adb-plate-primary.attention .body-title, a:hover.adb-plate-primary.atte
12680
12712
  font-family: "Font Awesome 5 Pro";
12681
12713
  font-weight: 900;
12682
12714
  }
12683
- .btn-select-secondary:hover {
12684
- color: #fff;
12685
- background-color: black;
12686
- border-color: transparent;
12687
- }
12688
- .btn-check:focus + .btn-select-secondary, .btn-select-secondary:focus {
12689
- color: #fff;
12690
- background-color: black;
12691
- border-color: transparent;
12692
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, 0 0 0 3px rgba(255, 255, 255, 0.5);
12693
- }
12694
- .btn-check:checked + .btn-select-secondary, .btn-check:active + .btn-select-secondary, .btn-select-secondary:active, .btn-select-secondary.active, .show > .btn-select-secondary.dropdown-toggle {
12695
- color: #fff;
12696
- background-color: #3e3e3e;
12697
- border-color: rgba(0, 0, 0, 0.25);
12698
- }
12699
- .btn-check:checked + .btn-select-secondary:focus, .btn-check:active + .btn-select-secondary:focus, .btn-select-secondary:active:focus, .btn-select-secondary.active:focus, .show > .btn-select-secondary.dropdown-toggle:focus {
12700
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(255, 255, 255, 0.5);
12701
- }
12702
- .btn-select-secondary:disabled, .btn-select-secondary.disabled {
12703
- color: #fff;
12704
- background-color: #4d4d4d;
12705
- border-color: transparent;
12706
- }
12707
12715
 
12708
12716
  .btn-pill-primary {
12709
- color: black;
12710
- background-color: white;
12711
- border-color: #646262;
12712
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
12713
- padding: 0.2rem 1rem;
12714
- font-size: 1rem;
12715
- border-radius: 50rem;
12717
+ --bs-btn-color: black;
12718
+ --bs-btn-bg: white;
12719
+ --bs-btn-border-color: #646262;
12720
+ --bs-btn-hover-color: #000;
12721
+ --bs-btn-hover-bg: #d9d9d9;
12722
+ --bs-btn-hover-border-color: #646262;
12723
+ --bs-btn-focus-shadow-rgb: 85, 83, 83;
12724
+ --bs-btn-active-color: #000;
12725
+ --bs-btn-active-bg: white;
12726
+ --bs-btn-active-border-color: #747272;
12727
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
12728
+ --bs-btn-disabled-color: #000;
12729
+ --bs-btn-disabled-bg: white;
12730
+ --bs-btn-disabled-border-color: #646262;
12731
+ --bs-btn-padding-y: 0.2rem;
12732
+ --bs-btn-padding-x: 1rem;
12733
+ --bs-btn-font-size: 1rem;
12734
+ --bs-btn-border-radius: 50rem;
12716
12735
  border-radius: 50rem;
12717
12736
  box-shadow: none;
12718
12737
  }
12719
- .btn-pill-primary:hover {
12720
- color: #000;
12721
- background-color: #d9d9d9;
12722
- border-color: #646262;
12723
- }
12724
- .btn-check:focus + .btn-pill-primary, .btn-pill-primary:focus {
12725
- color: #000;
12726
- background-color: #d9d9d9;
12727
- border-color: #646262;
12728
- box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, 0 0 0 3px rgba(85, 83, 83, 0.5);
12729
- }
12730
- .btn-check:checked + .btn-pill-primary, .btn-check:active + .btn-pill-primary, .btn-pill-primary:active, .btn-pill-primary.active, .show > .btn-pill-primary.dropdown-toggle {
12731
- color: #000;
12732
- background-color: white;
12733
- border-color: #747272;
12734
- }
12735
- .btn-check:checked + .btn-pill-primary:focus, .btn-check:active + .btn-pill-primary:focus, .btn-pill-primary:active:focus, .btn-pill-primary.active:focus, .show > .btn-pill-primary.dropdown-toggle:focus {
12736
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 3px rgba(85, 83, 83, 0.5);
12737
- }
12738
- .btn-pill-primary:disabled, .btn-pill-primary.disabled {
12739
- color: #000;
12740
- background-color: white;
12741
- border-color: #646262;
12742
- }
12743
12738
  .btn-pill-primary.btn-sm, .btn-group-sm > .btn-pill-primary.btn {
12744
- padding: 0.1rem 1rem;
12745
- font-size: 0.875rem;
12746
- border-radius: 50rem;
12739
+ --bs-btn-padding-y: 0.1rem;
12740
+ --bs-btn-padding-x: 1rem;
12741
+ --bs-btn-font-size: 0.875rem;
12742
+ --bs-btn-border-radius: 50rem;
12747
12743
  }
12748
12744
  .btn-pill-primary.active {
12749
12745
  background-color: #4d4d4d;
@@ -12777,13 +12773,13 @@ a:hover .adb-plate-primary.attention .body-title, a:hover.adb-plate-primary.atte
12777
12773
  outline: 1;
12778
12774
  white-space: normal;
12779
12775
  text-align: left;
12776
+ box-shadow: none;
12780
12777
  }
12781
12778
  .btn-invisible:hover {
12782
12779
  opacity: 0.7;
12783
12780
  }
12784
12781
  .btn-invisible:focus {
12785
- box-shadow: none;
12786
- outline: dotted 1px #007681;
12782
+ outline: dotted 1px #007681 !important;
12787
12783
  border-radius: 0;
12788
12784
  }
12789
12785