slu-design-system 2.0.17 → 2.0.18

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,23 @@ 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;
6640
+ box-shadow: none;
6487
6641
  transition: none;
6488
- transform: none;
6489
6642
  }
6490
- .navbar-expand-sm .offcanvas-top,
6491
- .navbar-expand-sm .offcanvas-bottom {
6492
- height: auto;
6493
- border-top: 0;
6494
- border-bottom: 0;
6643
+ .navbar-expand-sm .offcanvas .offcanvas-header {
6644
+ display: none;
6495
6645
  }
6496
- .navbar-expand-sm .offcanvas-body {
6646
+ .navbar-expand-sm .offcanvas .offcanvas-body {
6497
6647
  display: flex;
6498
6648
  flex-grow: 0;
6499
6649
  padding: 0;
@@ -6512,8 +6662,8 @@ progress {
6512
6662
  position: absolute;
6513
6663
  }
6514
6664
  .navbar-expand-md .navbar-nav .nav-link {
6515
- padding-right: 0.5rem;
6516
- padding-left: 0.5rem;
6665
+ padding-right: var(--bs-navbar-nav-link-padding-x);
6666
+ padding-left: var(--bs-navbar-nav-link-padding-x);
6517
6667
  }
6518
6668
  .navbar-expand-md .navbar-nav-scroll {
6519
6669
  overflow: visible;
@@ -6525,28 +6675,23 @@ progress {
6525
6675
  .navbar-expand-md .navbar-toggler {
6526
6676
  display: none;
6527
6677
  }
6528
- .navbar-expand-md .offcanvas-header {
6529
- display: none;
6530
- }
6531
6678
  .navbar-expand-md .offcanvas {
6532
- position: inherit;
6533
- bottom: 0;
6534
- z-index: 1000;
6679
+ position: static;
6680
+ z-index: auto;
6535
6681
  flex-grow: 1;
6682
+ width: auto !important;
6683
+ height: auto !important;
6536
6684
  visibility: visible !important;
6537
- background-color: transparent;
6538
- border-right: 0;
6539
- border-left: 0;
6685
+ background-color: transparent !important;
6686
+ border: 0 !important;
6687
+ transform: none !important;
6688
+ box-shadow: none;
6540
6689
  transition: none;
6541
- transform: none;
6542
6690
  }
6543
- .navbar-expand-md .offcanvas-top,
6544
- .navbar-expand-md .offcanvas-bottom {
6545
- height: auto;
6546
- border-top: 0;
6547
- border-bottom: 0;
6691
+ .navbar-expand-md .offcanvas .offcanvas-header {
6692
+ display: none;
6548
6693
  }
6549
- .navbar-expand-md .offcanvas-body {
6694
+ .navbar-expand-md .offcanvas .offcanvas-body {
6550
6695
  display: flex;
6551
6696
  flex-grow: 0;
6552
6697
  padding: 0;
@@ -6565,8 +6710,8 @@ progress {
6565
6710
  position: absolute;
6566
6711
  }
6567
6712
  .navbar-expand-lg .navbar-nav .nav-link {
6568
- padding-right: 0.5rem;
6569
- padding-left: 0.5rem;
6713
+ padding-right: var(--bs-navbar-nav-link-padding-x);
6714
+ padding-left: var(--bs-navbar-nav-link-padding-x);
6570
6715
  }
6571
6716
  .navbar-expand-lg .navbar-nav-scroll {
6572
6717
  overflow: visible;
@@ -6578,28 +6723,23 @@ progress {
6578
6723
  .navbar-expand-lg .navbar-toggler {
6579
6724
  display: none;
6580
6725
  }
6581
- .navbar-expand-lg .offcanvas-header {
6582
- display: none;
6583
- }
6584
6726
  .navbar-expand-lg .offcanvas {
6585
- position: inherit;
6586
- bottom: 0;
6587
- z-index: 1000;
6727
+ position: static;
6728
+ z-index: auto;
6588
6729
  flex-grow: 1;
6730
+ width: auto !important;
6731
+ height: auto !important;
6589
6732
  visibility: visible !important;
6590
- background-color: transparent;
6591
- border-right: 0;
6592
- border-left: 0;
6733
+ background-color: transparent !important;
6734
+ border: 0 !important;
6735
+ transform: none !important;
6736
+ box-shadow: none;
6593
6737
  transition: none;
6594
- transform: none;
6595
6738
  }
6596
- .navbar-expand-lg .offcanvas-top,
6597
- .navbar-expand-lg .offcanvas-bottom {
6598
- height: auto;
6599
- border-top: 0;
6600
- border-bottom: 0;
6739
+ .navbar-expand-lg .offcanvas .offcanvas-header {
6740
+ display: none;
6601
6741
  }
6602
- .navbar-expand-lg .offcanvas-body {
6742
+ .navbar-expand-lg .offcanvas .offcanvas-body {
6603
6743
  display: flex;
6604
6744
  flex-grow: 0;
6605
6745
  padding: 0;
@@ -6618,8 +6758,8 @@ progress {
6618
6758
  position: absolute;
6619
6759
  }
6620
6760
  .navbar-expand-xl .navbar-nav .nav-link {
6621
- padding-right: 0.5rem;
6622
- padding-left: 0.5rem;
6761
+ padding-right: var(--bs-navbar-nav-link-padding-x);
6762
+ padding-left: var(--bs-navbar-nav-link-padding-x);
6623
6763
  }
6624
6764
  .navbar-expand-xl .navbar-nav-scroll {
6625
6765
  overflow: visible;
@@ -6631,28 +6771,23 @@ progress {
6631
6771
  .navbar-expand-xl .navbar-toggler {
6632
6772
  display: none;
6633
6773
  }
6634
- .navbar-expand-xl .offcanvas-header {
6635
- display: none;
6636
- }
6637
6774
  .navbar-expand-xl .offcanvas {
6638
- position: inherit;
6639
- bottom: 0;
6640
- z-index: 1000;
6775
+ position: static;
6776
+ z-index: auto;
6641
6777
  flex-grow: 1;
6778
+ width: auto !important;
6779
+ height: auto !important;
6642
6780
  visibility: visible !important;
6643
- background-color: transparent;
6644
- border-right: 0;
6645
- border-left: 0;
6781
+ background-color: transparent !important;
6782
+ border: 0 !important;
6783
+ transform: none !important;
6784
+ box-shadow: none;
6646
6785
  transition: none;
6647
- transform: none;
6648
6786
  }
6649
- .navbar-expand-xl .offcanvas-top,
6650
- .navbar-expand-xl .offcanvas-bottom {
6651
- height: auto;
6652
- border-top: 0;
6653
- border-bottom: 0;
6787
+ .navbar-expand-xl .offcanvas .offcanvas-header {
6788
+ display: none;
6654
6789
  }
6655
- .navbar-expand-xl .offcanvas-body {
6790
+ .navbar-expand-xl .offcanvas .offcanvas-body {
6656
6791
  display: flex;
6657
6792
  flex-grow: 0;
6658
6793
  padding: 0;
@@ -6671,8 +6806,8 @@ progress {
6671
6806
  position: absolute;
6672
6807
  }
6673
6808
  .navbar-expand-xxl .navbar-nav .nav-link {
6674
- padding-right: 0.5rem;
6675
- padding-left: 0.5rem;
6809
+ padding-right: var(--bs-navbar-nav-link-padding-x);
6810
+ padding-left: var(--bs-navbar-nav-link-padding-x);
6676
6811
  }
6677
6812
  .navbar-expand-xxl .navbar-nav-scroll {
6678
6813
  overflow: visible;
@@ -6684,28 +6819,23 @@ progress {
6684
6819
  .navbar-expand-xxl .navbar-toggler {
6685
6820
  display: none;
6686
6821
  }
6687
- .navbar-expand-xxl .offcanvas-header {
6688
- display: none;
6689
- }
6690
6822
  .navbar-expand-xxl .offcanvas {
6691
- position: inherit;
6692
- bottom: 0;
6693
- z-index: 1000;
6823
+ position: static;
6824
+ z-index: auto;
6694
6825
  flex-grow: 1;
6826
+ width: auto !important;
6827
+ height: auto !important;
6695
6828
  visibility: visible !important;
6696
- background-color: transparent;
6697
- border-right: 0;
6698
- border-left: 0;
6829
+ background-color: transparent !important;
6830
+ border: 0 !important;
6831
+ transform: none !important;
6832
+ box-shadow: none;
6699
6833
  transition: none;
6700
- transform: none;
6701
6834
  }
6702
- .navbar-expand-xxl .offcanvas-top,
6703
- .navbar-expand-xxl .offcanvas-bottom {
6704
- height: auto;
6705
- border-top: 0;
6706
- border-bottom: 0;
6835
+ .navbar-expand-xxl .offcanvas .offcanvas-header {
6836
+ display: none;
6707
6837
  }
6708
- .navbar-expand-xxl .offcanvas-body {
6838
+ .navbar-expand-xxl .offcanvas .offcanvas-body {
6709
6839
  display: flex;
6710
6840
  flex-grow: 0;
6711
6841
  padding: 0;
@@ -6723,8 +6853,8 @@ progress {
6723
6853
  position: absolute;
6724
6854
  }
6725
6855
  .navbar-expand .navbar-nav .nav-link {
6726
- padding-right: 0.5rem;
6727
- padding-left: 0.5rem;
6856
+ padding-right: var(--bs-navbar-nav-link-padding-x);
6857
+ padding-left: var(--bs-navbar-nav-link-padding-x);
6728
6858
  }
6729
6859
  .navbar-expand .navbar-nav-scroll {
6730
6860
  overflow: visible;
@@ -6736,102 +6866,38 @@ progress {
6736
6866
  .navbar-expand .navbar-toggler {
6737
6867
  display: none;
6738
6868
  }
6739
- .navbar-expand .offcanvas-header {
6740
- display: none;
6741
- }
6742
6869
  .navbar-expand .offcanvas {
6743
- position: inherit;
6744
- bottom: 0;
6745
- z-index: 1000;
6870
+ position: static;
6871
+ z-index: auto;
6746
6872
  flex-grow: 1;
6873
+ width: auto !important;
6874
+ height: auto !important;
6747
6875
  visibility: visible !important;
6748
- background-color: transparent;
6749
- border-right: 0;
6750
- border-left: 0;
6876
+ background-color: transparent !important;
6877
+ border: 0 !important;
6878
+ transform: none !important;
6879
+ box-shadow: none;
6751
6880
  transition: none;
6752
- transform: none;
6753
6881
  }
6754
- .navbar-expand .offcanvas-top,
6755
- .navbar-expand .offcanvas-bottom {
6756
- height: auto;
6757
- border-top: 0;
6758
- border-bottom: 0;
6882
+ .navbar-expand .offcanvas .offcanvas-header {
6883
+ display: none;
6759
6884
  }
6760
- .navbar-expand .offcanvas-body {
6885
+ .navbar-expand .offcanvas .offcanvas-body {
6761
6886
  display: flex;
6762
6887
  flex-grow: 0;
6763
6888
  padding: 0;
6764
6889
  overflow-y: visible;
6765
6890
  }
6766
6891
 
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;
6892
+ .navbar-dark {
6893
+ --bs-navbar-color: rgba(255, 255, 255, 0.55);
6894
+ --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
6895
+ --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
6896
+ --bs-navbar-active-color: #fff;
6897
+ --bs-navbar-brand-color: #fff;
6898
+ --bs-navbar-brand-hover-color: #fff;
6899
+ --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
6900
+ --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
6901
  }
6836
6902
 
6837
6903
  .row {
@@ -6839,9 +6905,9 @@ progress {
6839
6905
  --bs-gutter-y: 0;
6840
6906
  display: flex;
6841
6907
  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);
6908
+ margin-top: calc(-1 * var(--bs-gutter-y));
6909
+ margin-right: calc(-0.5 * var(--bs-gutter-x));
6910
+ margin-left: calc(-0.5 * var(--bs-gutter-x));
6845
6911
  }
6846
6912
  .row > * {
6847
6913
  flex-shrink: 0;
@@ -8126,19 +8192,21 @@ progress {
8126
8192
  }
8127
8193
  }
8128
8194
  .table {
8195
+ --bs-table-color: var(--bs-body-color);
8129
8196
  --bs-table-bg: transparent;
8197
+ --bs-table-border-color: var(--bs-border-color);
8130
8198
  --bs-table-accent-bg: transparent;
8131
- --bs-table-striped-color: #212529;
8199
+ --bs-table-striped-color: var(--bs-body-color);
8132
8200
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
8133
- --bs-table-active-color: #212529;
8201
+ --bs-table-active-color: var(--bs-body-color);
8134
8202
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
8135
- --bs-table-hover-color: #212529;
8203
+ --bs-table-hover-color: var(--bs-body-color);
8136
8204
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
8137
8205
  width: 100%;
8138
8206
  margin-bottom: 1rem;
8139
- color: #212529;
8207
+ color: var(--bs-table-color);
8140
8208
  vertical-align: top;
8141
- border-color: #dee2e6;
8209
+ border-color: var(--bs-table-border-color);
8142
8210
  }
8143
8211
  .table > :not(caption) > * > * {
8144
8212
  padding: 0.5rem 0.5rem;
@@ -8152,8 +8220,9 @@ progress {
8152
8220
  .table > thead {
8153
8221
  vertical-align: bottom;
8154
8222
  }
8155
- .table > :not(:last-child) > :last-child > * {
8156
- border-bottom-color: currentColor;
8223
+
8224
+ .table-group-divider {
8225
+ border-top: 2px solid currentcolor;
8157
8226
  }
8158
8227
 
8159
8228
  .caption-top {
@@ -8174,8 +8243,16 @@ progress {
8174
8243
  .table-borderless > :not(caption) > * > * {
8175
8244
  border-bottom-width: 0;
8176
8245
  }
8246
+ .table-borderless > :not(:first-child) {
8247
+ border-top-width: 0;
8248
+ }
8177
8249
 
8178
- .table-striped > tbody > tr:nth-of-type(odd) {
8250
+ .table-striped > tbody > tr:nth-of-type(odd) > * {
8251
+ --bs-table-accent-bg: var(--bs-table-striped-bg);
8252
+ color: var(--bs-table-striped-color);
8253
+ }
8254
+
8255
+ .table-striped-columns > :not(caption) > tr > :nth-child(even) {
8179
8256
  --bs-table-accent-bg: var(--bs-table-striped-bg);
8180
8257
  color: var(--bs-table-striped-color);
8181
8258
  }
@@ -8185,105 +8262,121 @@ progress {
8185
8262
  color: var(--bs-table-active-color);
8186
8263
  }
8187
8264
 
8188
- .table-hover > tbody > tr:hover {
8265
+ .table-hover > tbody > tr:hover > * {
8189
8266
  --bs-table-accent-bg: var(--bs-table-hover-bg);
8190
8267
  color: var(--bs-table-hover-color);
8191
8268
  }
8192
8269
 
8193
8270
  .table-primary {
8271
+ --bs-table-color: #000;
8194
8272
  --bs-table-bg: #cce4e6;
8273
+ --bs-table-border-color: #b8cdcf;
8195
8274
  --bs-table-striped-bg: #c2d9db;
8196
8275
  --bs-table-striped-color: #000;
8197
8276
  --bs-table-active-bg: #b8cdcf;
8198
8277
  --bs-table-active-color: #000;
8199
8278
  --bs-table-hover-bg: #bdd3d5;
8200
8279
  --bs-table-hover-color: #000;
8201
- color: #000;
8202
- border-color: #b8cdcf;
8280
+ color: var(--bs-table-color);
8281
+ border-color: var(--bs-table-border-color);
8203
8282
  }
8204
8283
 
8205
8284
  .table-secondary {
8285
+ --bs-table-color: #000;
8206
8286
  --bs-table-bg: #e2e3e5;
8287
+ --bs-table-border-color: #cbccce;
8207
8288
  --bs-table-striped-bg: #d7d8da;
8208
8289
  --bs-table-striped-color: #000;
8209
8290
  --bs-table-active-bg: #cbccce;
8210
8291
  --bs-table-active-color: #000;
8211
8292
  --bs-table-hover-bg: #d1d2d4;
8212
8293
  --bs-table-hover-color: #000;
8213
- color: #000;
8214
- border-color: #cbccce;
8294
+ color: var(--bs-table-color);
8295
+ border-color: var(--bs-table-border-color);
8215
8296
  }
8216
8297
 
8217
8298
  .table-success {
8299
+ --bs-table-color: #000;
8218
8300
  --bs-table-bg: #dceedc;
8301
+ --bs-table-border-color: #c6d6c6;
8219
8302
  --bs-table-striped-bg: #d1e2d1;
8220
8303
  --bs-table-striped-color: #000;
8221
8304
  --bs-table-active-bg: #c6d6c6;
8222
8305
  --bs-table-active-color: #000;
8223
8306
  --bs-table-hover-bg: #ccdccc;
8224
8307
  --bs-table-hover-color: #000;
8225
- color: #000;
8226
- border-color: #c6d6c6;
8308
+ color: var(--bs-table-color);
8309
+ border-color: var(--bs-table-border-color);
8227
8310
  }
8228
8311
 
8229
8312
  .table-info {
8313
+ --bs-table-color: #000;
8230
8314
  --bs-table-bg: #d1ecf1;
8315
+ --bs-table-border-color: #bcd4d9;
8231
8316
  --bs-table-striped-bg: #c7e0e5;
8232
8317
  --bs-table-striped-color: #000;
8233
8318
  --bs-table-active-bg: #bcd4d9;
8234
8319
  --bs-table-active-color: #000;
8235
8320
  --bs-table-hover-bg: #c1dadf;
8236
8321
  --bs-table-hover-color: #000;
8237
- color: #000;
8238
- border-color: #bcd4d9;
8322
+ color: var(--bs-table-color);
8323
+ border-color: var(--bs-table-border-color);
8239
8324
  }
8240
8325
 
8241
8326
  .table-warning {
8327
+ --bs-table-color: #000;
8242
8328
  --bs-table-bg: #f8e3cc;
8329
+ --bs-table-border-color: #dfccb8;
8243
8330
  --bs-table-striped-bg: #ecd8c2;
8244
8331
  --bs-table-striped-color: #000;
8245
8332
  --bs-table-active-bg: #dfccb8;
8246
8333
  --bs-table-active-color: #000;
8247
8334
  --bs-table-hover-bg: #e5d2bd;
8248
8335
  --bs-table-hover-color: #000;
8249
- color: #000;
8250
- border-color: #dfccb8;
8336
+ color: var(--bs-table-color);
8337
+ border-color: var(--bs-table-border-color);
8251
8338
  }
8252
8339
 
8253
8340
  .table-danger {
8341
+ --bs-table-color: #000;
8254
8342
  --bs-table-bg: #f1d8d7;
8343
+ --bs-table-border-color: #d9c2c2;
8255
8344
  --bs-table-striped-bg: #e5cdcc;
8256
8345
  --bs-table-striped-color: #000;
8257
8346
  --bs-table-active-bg: #d9c2c2;
8258
8347
  --bs-table-active-color: #000;
8259
8348
  --bs-table-hover-bg: #dfc8c7;
8260
8349
  --bs-table-hover-color: #000;
8261
- color: #000;
8262
- border-color: #d9c2c2;
8350
+ color: var(--bs-table-color);
8351
+ border-color: var(--bs-table-border-color);
8263
8352
  }
8264
8353
 
8265
8354
  .table-light {
8355
+ --bs-table-color: #000;
8266
8356
  --bs-table-bg: #f8f9fa;
8357
+ --bs-table-border-color: #dfe0e1;
8267
8358
  --bs-table-striped-bg: #ecedee;
8268
8359
  --bs-table-striped-color: #000;
8269
8360
  --bs-table-active-bg: #dfe0e1;
8270
8361
  --bs-table-active-color: #000;
8271
8362
  --bs-table-hover-bg: #e5e6e7;
8272
8363
  --bs-table-hover-color: #000;
8273
- color: #000;
8274
- border-color: #dfe0e1;
8364
+ color: var(--bs-table-color);
8365
+ border-color: var(--bs-table-border-color);
8275
8366
  }
8276
8367
 
8277
8368
  .table-dark {
8369
+ --bs-table-color: #fff;
8278
8370
  --bs-table-bg: #212529;
8371
+ --bs-table-border-color: #373b3e;
8279
8372
  --bs-table-striped-bg: #2c3034;
8280
8373
  --bs-table-striped-color: #fff;
8281
8374
  --bs-table-active-bg: #373b3e;
8282
8375
  --bs-table-active-color: #fff;
8283
8376
  --bs-table-hover-bg: #323539;
8284
8377
  --bs-table-hover-color: #fff;
8285
- color: #fff;
8286
- border-color: #373b3e;
8378
+ color: var(--bs-table-color);
8379
+ border-color: var(--bs-table-border-color);
8287
8380
  }
8288
8381
 
8289
8382
  .table-responsive {
@@ -8392,7 +8485,7 @@ progress {
8392
8485
  color: #6c757d;
8393
8486
  opacity: 1;
8394
8487
  }
8395
- .form-control:disabled, .form-control[readonly] {
8488
+ .form-control:disabled {
8396
8489
  background-color: #e9ecef;
8397
8490
  opacity: 1;
8398
8491
  }
@@ -8418,28 +8511,6 @@ progress {
8418
8511
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
8419
8512
  background-color: #dde0e3;
8420
8513
  }
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
8514
 
8444
8515
  .form-control-plaintext {
8445
8516
  display: block;
@@ -8452,6 +8523,9 @@ progress {
8452
8523
  border: solid transparent;
8453
8524
  border-width: 1px 0;
8454
8525
  }
8526
+ .form-control-plaintext:focus {
8527
+ outline: 0;
8528
+ }
8455
8529
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
8456
8530
  padding-right: 0;
8457
8531
  padding-left: 0;
@@ -8461,35 +8535,25 @@ progress {
8461
8535
  min-height: calc(1.3em + 0.5rem + 2px);
8462
8536
  padding: 0.25rem 0.5rem;
8463
8537
  font-size: 0.875rem;
8464
- border-radius: 0.2rem;
8538
+ border-radius: 0.25rem;
8465
8539
  }
8466
8540
  .form-control-sm::file-selector-button {
8467
8541
  padding: 0.25rem 0.5rem;
8468
8542
  margin: -0.25rem -0.5rem;
8469
8543
  margin-inline-end: 0.5rem;
8470
8544
  }
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
8545
 
8477
8546
  .form-control-lg {
8478
8547
  min-height: calc(1.3em + 1rem + 2px);
8479
8548
  padding: 0.5rem 1rem;
8480
8549
  font-size: 1.25rem;
8481
- border-radius: 0.3rem;
8550
+ border-radius: 0.5rem;
8482
8551
  }
8483
8552
  .form-control-lg::file-selector-button {
8484
8553
  padding: 0.5rem 1rem;
8485
8554
  margin: -0.5rem -1rem;
8486
8555
  margin-inline-end: 1rem;
8487
8556
  }
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
8557
 
8494
8558
  textarea.form-control {
8495
8559
  min-height: calc(1.3em + 0.75rem + 2px);
@@ -8503,20 +8567,25 @@ textarea.form-control-lg {
8503
8567
 
8504
8568
  .form-control-color {
8505
8569
  width: 3rem;
8506
- height: auto;
8570
+ height: calc(1.3em + 0.75rem + 2px);
8507
8571
  padding: 0.375rem;
8508
8572
  }
8509
8573
  .form-control-color:not(:disabled):not([readonly]) {
8510
8574
  cursor: pointer;
8511
8575
  }
8512
8576
  .form-control-color::-moz-color-swatch {
8513
- height: 1.3em;
8577
+ border: 0 !important;
8514
8578
  border-radius: 0.15rem;
8515
8579
  }
8516
8580
  .form-control-color::-webkit-color-swatch {
8517
- height: 1.3em;
8518
8581
  border-radius: 0.15rem;
8519
8582
  }
8583
+ .form-control-color.form-control-sm {
8584
+ height: calc(1.3em + 0.5rem + 2px);
8585
+ }
8586
+ .form-control-color.form-control-lg {
8587
+ height: calc(1.3em + 1rem + 2px);
8588
+ }
8520
8589
 
8521
8590
  .form-select {
8522
8591
  display: block;
@@ -8528,7 +8597,7 @@ textarea.form-control-lg {
8528
8597
  line-height: 1.3;
8529
8598
  color: #212529;
8530
8599
  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");
8600
+ 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
8601
  background-repeat: no-repeat;
8533
8602
  background-position: right 0.5rem center;
8534
8603
  background-size: 16px 12px;
@@ -8565,6 +8634,7 @@ textarea.form-control-lg {
8565
8634
  padding-bottom: 0.25rem;
8566
8635
  padding-left: 0.5rem;
8567
8636
  font-size: 0.875rem;
8637
+ border-radius: 0.25rem;
8568
8638
  }
8569
8639
 
8570
8640
  .form-select-lg {
@@ -8572,6 +8642,7 @@ textarea.form-control-lg {
8572
8642
  padding-bottom: 0.5rem;
8573
8643
  padding-left: 1rem;
8574
8644
  font-size: 1.25rem;
8645
+ border-radius: 0.5rem;
8575
8646
  }
8576
8647
 
8577
8648
  .form-check {
@@ -8585,6 +8656,17 @@ textarea.form-control-lg {
8585
8656
  margin-left: -1.5em;
8586
8657
  }
8587
8658
 
8659
+ .form-check-reverse {
8660
+ padding-right: 1.5em;
8661
+ padding-left: 0;
8662
+ text-align: right;
8663
+ }
8664
+ .form-check-reverse .form-check-input {
8665
+ float: right;
8666
+ margin-right: -1.5em;
8667
+ margin-left: 0;
8668
+ }
8669
+
8588
8670
  .form-check-input {
8589
8671
  width: 1em;
8590
8672
  height: 1em;
@@ -8596,7 +8678,7 @@ textarea.form-control-lg {
8596
8678
  background-size: contain;
8597
8679
  border: 1px solid rgba(0, 0, 0, 0.25);
8598
8680
  appearance: none;
8599
- color-adjust: exact;
8681
+ print-color-adjust: exact;
8600
8682
  }
8601
8683
  .form-check-input[type=checkbox] {
8602
8684
  border-radius: 0.25em;
@@ -8617,7 +8699,7 @@ textarea.form-control-lg {
8617
8699
  border-color: #007681;
8618
8700
  }
8619
8701
  .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");
8702
+ 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
8703
  }
8622
8704
  .form-check-input:checked[type=radio] {
8623
8705
  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 +8715,7 @@ textarea.form-control-lg {
8633
8715
  opacity: 0.5;
8634
8716
  }
8635
8717
  .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
8718
+ cursor: default;
8636
8719
  opacity: 0.5;
8637
8720
  }
8638
8721
 
@@ -8659,6 +8742,14 @@ textarea.form-control-lg {
8659
8742
  background-position: right center;
8660
8743
  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
8744
  }
8745
+ .form-switch.form-check-reverse {
8746
+ padding-right: 2.5em;
8747
+ padding-left: 0;
8748
+ }
8749
+ .form-switch.form-check-reverse .form-check-input {
8750
+ margin-right: -2.5em;
8751
+ margin-left: 0;
8752
+ }
8662
8753
 
8663
8754
  .form-check-inline {
8664
8755
  display: inline-block;
@@ -8766,6 +8857,7 @@ textarea.form-control-lg {
8766
8857
  position: relative;
8767
8858
  }
8768
8859
  .form-floating > .form-control,
8860
+ .form-floating > .form-control-plaintext,
8769
8861
  .form-floating > .form-select {
8770
8862
  height: calc(3.5rem + 2px);
8771
8863
  line-height: 1.25;
@@ -8774,8 +8866,13 @@ textarea.form-control-lg {
8774
8866
  position: absolute;
8775
8867
  top: 0;
8776
8868
  left: 0;
8869
+ width: 100%;
8777
8870
  height: 100%;
8778
8871
  padding: 1rem 0.5rem;
8872
+ overflow: hidden;
8873
+ text-align: start;
8874
+ text-overflow: ellipsis;
8875
+ white-space: nowrap;
8779
8876
  pointer-events: none;
8780
8877
  border: 1px solid transparent;
8781
8878
  transform-origin: 0 0;
@@ -8786,17 +8883,22 @@ textarea.form-control-lg {
8786
8883
  transition: none;
8787
8884
  }
8788
8885
  }
8789
- .form-floating > .form-control {
8886
+ .form-floating > .form-control,
8887
+ .form-floating > .form-control-plaintext {
8790
8888
  padding: 1rem 0.5rem;
8791
8889
  }
8792
- .form-floating > .form-control::placeholder {
8890
+ .form-floating > .form-control::placeholder,
8891
+ .form-floating > .form-control-plaintext::placeholder {
8793
8892
  color: transparent;
8794
8893
  }
8795
- .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
8894
+ .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
8895
+ .form-floating > .form-control-plaintext:focus,
8896
+ .form-floating > .form-control-plaintext:not(:placeholder-shown) {
8796
8897
  padding-top: 1.625rem;
8797
8898
  padding-bottom: 0.625rem;
8798
8899
  }
8799
- .form-floating > .form-control:-webkit-autofill {
8900
+ .form-floating > .form-control:-webkit-autofill,
8901
+ .form-floating > .form-control-plaintext:-webkit-autofill {
8800
8902
  padding-top: 1.625rem;
8801
8903
  padding-bottom: 0.625rem;
8802
8904
  }
@@ -8806,6 +8908,7 @@ textarea.form-control-lg {
8806
8908
  }
8807
8909
  .form-floating > .form-control:focus ~ label,
8808
8910
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
8911
+ .form-floating > .form-control-plaintext ~ label,
8809
8912
  .form-floating > .form-select ~ label {
8810
8913
  opacity: 0.65;
8811
8914
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
@@ -8814,6 +8917,9 @@ textarea.form-control-lg {
8814
8917
  opacity: 0.65;
8815
8918
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
8816
8919
  }
8920
+ .form-floating > .form-control-plaintext ~ label {
8921
+ border-width: 1px 0;
8922
+ }
8817
8923
 
8818
8924
  .input-group {
8819
8925
  position: relative;
@@ -8823,22 +8929,24 @@ textarea.form-control-lg {
8823
8929
  width: 100%;
8824
8930
  }
8825
8931
  .input-group > .form-control,
8826
- .input-group > .form-select {
8932
+ .input-group > .form-select,
8933
+ .input-group > .form-floating {
8827
8934
  position: relative;
8828
8935
  flex: 1 1 auto;
8829
8936
  width: 1%;
8830
8937
  min-width: 0;
8831
8938
  }
8832
8939
  .input-group > .form-control:focus,
8833
- .input-group > .form-select:focus {
8834
- z-index: 3;
8940
+ .input-group > .form-select:focus,
8941
+ .input-group > .form-floating:focus-within {
8942
+ z-index: 5;
8835
8943
  }
8836
8944
  .input-group .btn {
8837
8945
  position: relative;
8838
8946
  z-index: 2;
8839
8947
  }
8840
8948
  .input-group .btn:focus {
8841
- z-index: 3;
8949
+ z-index: 5;
8842
8950
  }
8843
8951
 
8844
8952
  .input-group-text {
@@ -8862,7 +8970,7 @@ textarea.form-control-lg {
8862
8970
  .input-group-lg > .btn {
8863
8971
  padding: 0.5rem 1rem;
8864
8972
  font-size: 1.25rem;
8865
- border-radius: 0.3rem;
8973
+ border-radius: 0.5rem;
8866
8974
  }
8867
8975
 
8868
8976
  .input-group-sm > .form-control,
@@ -8871,7 +8979,7 @@ textarea.form-control-lg {
8871
8979
  .input-group-sm > .btn {
8872
8980
  padding: 0.25rem 0.5rem;
8873
8981
  font-size: 0.875rem;
8874
- border-radius: 0.2rem;
8982
+ border-radius: 0.25rem;
8875
8983
  }
8876
8984
 
8877
8985
  .input-group-lg > .form-select,
@@ -8879,13 +8987,17 @@ textarea.form-control-lg {
8879
8987
  padding-right: 2rem;
8880
8988
  }
8881
8989
 
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) {
8990
+ .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
8991
+ .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
8992
+ .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
8993
+ .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
8884
8994
  border-top-right-radius: 0;
8885
8995
  border-bottom-right-radius: 0;
8886
8996
  }
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) {
8997
+ .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
8998
+ .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
8999
+ .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
9000
+ .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
8889
9001
  border-top-right-radius: 0;
8890
9002
  border-bottom-right-radius: 0;
8891
9003
  }
@@ -8894,6 +9006,11 @@ textarea.form-control-lg {
8894
9006
  border-top-left-radius: 0;
8895
9007
  border-bottom-left-radius: 0;
8896
9008
  }
9009
+ .input-group > .form-floating:not(:first-child) > .form-control,
9010
+ .input-group > .form-floating:not(:first-child) > .form-select {
9011
+ border-top-left-radius: 0;
9012
+ border-bottom-left-radius: 0;
9013
+ }
8897
9014
 
8898
9015
  .valid-feedback {
8899
9016
  display: none;
@@ -8927,7 +9044,7 @@ textarea.form-control-lg {
8927
9044
  .was-validated .form-control:valid, .form-control.is-valid {
8928
9045
  border-color: #52a852;
8929
9046
  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");
9047
+ 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
9048
  background-repeat: no-repeat;
8932
9049
  background-position: right calc(0.325em + 0.1875rem) center;
8933
9050
  background-size: calc(0.65em + 0.375rem) calc(0.65em + 0.375rem);
@@ -8947,7 +9064,7 @@ textarea.form-control-lg {
8947
9064
  }
8948
9065
  .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
9066
  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");
9067
+ 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
9068
  background-position: right 0.5rem center, center right 1.5rem;
8952
9069
  background-size: 16px 12px, calc(0.65em + 0.375rem) calc(0.65em + 0.375rem);
8953
9070
  }
@@ -8956,6 +9073,10 @@ textarea.form-control-lg {
8956
9073
  box-shadow: 0 0 0 0.25rem rgba(82, 168, 82, 0.25);
8957
9074
  }
8958
9075
 
9076
+ .was-validated .form-control-color:valid, .form-control-color.is-valid {
9077
+ width: calc(3rem + calc(1.3em + 0.75rem));
9078
+ }
9079
+
8959
9080
  .was-validated .form-check-input:valid, .form-check-input.is-valid {
8960
9081
  border-color: #52a852;
8961
9082
  }
@@ -8973,14 +9094,11 @@ textarea.form-control-lg {
8973
9094
  margin-left: 0.5em;
8974
9095
  }
8975
9096
 
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 {
9097
+ .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
9098
+ .was-validated .input-group > .form-select:not(:focus):valid,
9099
+ .input-group > .form-select:not(:focus).is-valid,
9100
+ .was-validated .input-group > .form-floating:not(:focus-within):valid,
9101
+ .input-group > .form-floating:not(:focus-within).is-valid {
8984
9102
  z-index: 3;
8985
9103
  }
8986
9104
 
@@ -9036,7 +9154,7 @@ textarea.form-control-lg {
9036
9154
  }
9037
9155
  .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
9156
  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");
9157
+ 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
9158
  background-position: right 0.5rem center, center right 1.5rem;
9041
9159
  background-size: 16px 12px, calc(0.65em + 0.375rem) calc(0.65em + 0.375rem);
9042
9160
  }
@@ -9045,6 +9163,10 @@ textarea.form-control-lg {
9045
9163
  box-shadow: 0 0 0 0.25rem rgba(184, 61, 57, 0.25);
9046
9164
  }
9047
9165
 
9166
+ .was-validated .form-control-color:invalid, .form-control-color.is-invalid {
9167
+ width: calc(3rem + calc(1.3em + 0.75rem));
9168
+ }
9169
+
9048
9170
  .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
9049
9171
  border-color: #b83d39;
9050
9172
  }
@@ -9062,15 +9184,12 @@ textarea.form-control-lg {
9062
9184
  margin-left: 0.5em;
9063
9185
  }
9064
9186
 
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;
9187
+ .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
9188
+ .was-validated .input-group > .form-select:not(:focus):invalid,
9189
+ .input-group > .form-select:not(:focus).is-invalid,
9190
+ .was-validated .input-group > .form-floating:not(:focus-within):invalid,
9191
+ .input-group > .form-floating:not(:focus-within).is-invalid {
9192
+ z-index: 4;
9074
9193
  }
9075
9194
 
9076
9195
  .fade {
@@ -9111,20 +9230,37 @@ textarea.form-control-lg {
9111
9230
  }
9112
9231
 
9113
9232
  .btn {
9233
+ --bs-btn-padding-x: 0.75rem;
9234
+ --bs-btn-padding-y: 0.375rem;
9235
+ --bs-btn-font-family: ;
9236
+ --bs-btn-font-size: 1rem;
9237
+ --bs-btn-font-weight: 400;
9238
+ --bs-btn-line-height: 1.3;
9239
+ --bs-btn-color: #212529;
9240
+ --bs-btn-bg: transparent;
9241
+ --bs-btn-border-width: 1px;
9242
+ --bs-btn-border-color: transparent;
9243
+ --bs-btn-border-radius: 0.15rem;
9244
+ --bs-btn-hover-border-color: transparent;
9245
+ --bs-btn-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
9246
+ --bs-btn-disabled-opacity: 0.4;
9247
+ --bs-btn-focus-box-shadow: 0 0 0 3px rgba(var(--bs-btn-focus-shadow-rgb), .5);
9114
9248
  display: inline-block;
9115
- font-weight: 400;
9116
- line-height: 1.3;
9117
- color: #212529;
9249
+ padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
9250
+ font-family: var(--bs-btn-font-family);
9251
+ font-size: var(--bs-btn-font-size);
9252
+ font-weight: var(--bs-btn-font-weight);
9253
+ line-height: var(--bs-btn-line-height);
9254
+ color: var(--bs-btn-color);
9118
9255
  text-align: center;
9119
9256
  text-decoration: none;
9120
9257
  vertical-align: middle;
9121
9258
  cursor: pointer;
9122
9259
  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;
9260
+ border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
9261
+ border-radius: var(--bs-btn-border-radius);
9262
+ background-color: var(--bs-btn-bg);
9263
+ box-shadow: var(--bs-btn-box-shadow);
9128
9264
  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
9265
  }
9130
9266
  @media (prefers-reduced-motion: reduce) {
@@ -9132,501 +9268,355 @@ textarea.form-control-lg {
9132
9268
  transition: none;
9133
9269
  }
9134
9270
  }
9135
- .btn:hover {
9136
- color: #212529;
9271
+ :not(.btn-check) + .btn:hover, .btn:first-child:hover {
9272
+ color: var(--bs-btn-hover-color);
9273
+ background-color: var(--bs-btn-hover-bg);
9274
+ border-color: var(--bs-btn-hover-border-color);
9137
9275
  }
9138
- .btn-check:focus + .btn, .btn:focus {
9276
+ .btn:focus-visible {
9277
+ color: var(--bs-btn-hover-color);
9278
+ background-color: var(--bs-btn-hover-bg);
9279
+ border-color: var(--bs-btn-hover-border-color);
9139
9280
  outline: 0;
9140
- box-shadow: 0 0 0 0.25rem rgba(0, 118, 129, 0.25);
9281
+ box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
9141
9282
  }
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);
9283
+ .btn-check:focus-visible + .btn {
9284
+ border-color: var(--bs-btn-hover-border-color);
9285
+ outline: 0;
9286
+ box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
9287
+ }
9288
+ .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
9289
+ color: var(--bs-btn-active-color);
9290
+ background-color: var(--bs-btn-active-bg);
9291
+ border-color: var(--bs-btn-active-border-color);
9292
+ box-shadow: var(--bs-btn-active-shadow);
9144
9293
  }
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);
9294
+ .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 {
9295
+ box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
9147
9296
  }
9148
9297
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
9298
+ color: var(--bs-btn-disabled-color);
9149
9299
  pointer-events: none;
9150
- opacity: 0.4;
9300
+ background-color: var(--bs-btn-disabled-bg);
9301
+ border-color: var(--bs-btn-disabled-border-color);
9302
+ opacity: var(--bs-btn-disabled-opacity);
9151
9303
  box-shadow: none;
9152
9304
  }
9153
9305
 
9154
9306
  .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;
9307
+ --bs-btn-color: #fff;
9308
+ --bs-btn-bg: #007681;
9309
+ --bs-btn-border-color: #007681;
9310
+ --bs-btn-hover-color: #fff;
9311
+ --bs-btn-hover-bg: #00646e;
9312
+ --bs-btn-hover-border-color: #005e67;
9313
+ --bs-btn-focus-shadow-rgb: 38, 139, 148;
9314
+ --bs-btn-active-color: #fff;
9315
+ --bs-btn-active-bg: #005e67;
9316
+ --bs-btn-active-border-color: #005961;
9317
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9318
+ --bs-btn-disabled-color: #fff;
9319
+ --bs-btn-disabled-bg: #007681;
9320
+ --bs-btn-disabled-border-color: #007681;
9183
9321
  }
9184
9322
 
9185
9323
  .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;
9324
+ --bs-btn-color: #fff;
9325
+ --bs-btn-bg: #6c757d;
9326
+ --bs-btn-border-color: #6c757d;
9327
+ --bs-btn-hover-color: #fff;
9328
+ --bs-btn-hover-bg: #5c636a;
9329
+ --bs-btn-hover-border-color: #565e64;
9330
+ --bs-btn-focus-shadow-rgb: 130, 138, 145;
9331
+ --bs-btn-active-color: #fff;
9332
+ --bs-btn-active-bg: #565e64;
9333
+ --bs-btn-active-border-color: #51585e;
9334
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9335
+ --bs-btn-disabled-color: #fff;
9336
+ --bs-btn-disabled-bg: #6c757d;
9337
+ --bs-btn-disabled-border-color: #6c757d;
9214
9338
  }
9215
9339
 
9216
9340
  .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;
9341
+ --bs-btn-color: #000;
9342
+ --bs-btn-bg: #52a852;
9343
+ --bs-btn-border-color: #52a852;
9344
+ --bs-btn-hover-color: #000;
9345
+ --bs-btn-hover-bg: #6cb56c;
9346
+ --bs-btn-hover-border-color: #63b163;
9347
+ --bs-btn-focus-shadow-rgb: 70, 143, 70;
9348
+ --bs-btn-active-color: #000;
9349
+ --bs-btn-active-bg: #75b975;
9350
+ --bs-btn-active-border-color: #63b163;
9351
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9352
+ --bs-btn-disabled-color: #000;
9353
+ --bs-btn-disabled-bg: #52a852;
9354
+ --bs-btn-disabled-border-color: #52a852;
9245
9355
  }
9246
9356
 
9247
9357
  .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;
9358
+ --bs-btn-color: #000;
9359
+ --bs-btn-bg: #17a2b8;
9360
+ --bs-btn-border-color: #17a2b8;
9361
+ --bs-btn-hover-color: #000;
9362
+ --bs-btn-hover-bg: #3ab0c3;
9363
+ --bs-btn-hover-border-color: #2eabbf;
9364
+ --bs-btn-focus-shadow-rgb: 20, 138, 156;
9365
+ --bs-btn-active-color: #000;
9366
+ --bs-btn-active-bg: #45b5c6;
9367
+ --bs-btn-active-border-color: #2eabbf;
9368
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9369
+ --bs-btn-disabled-color: #000;
9370
+ --bs-btn-disabled-bg: #17a2b8;
9371
+ --bs-btn-disabled-border-color: #17a2b8;
9276
9372
  }
9277
9373
 
9278
9374
  .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;
9375
+ --bs-btn-color: #000;
9376
+ --bs-btn-bg: #db7100;
9377
+ --bs-btn-border-color: #db7100;
9378
+ --bs-btn-hover-color: #000;
9379
+ --bs-btn-hover-bg: #e08626;
9380
+ --bs-btn-hover-border-color: #df7f1a;
9381
+ --bs-btn-focus-shadow-rgb: 186, 96, 0;
9382
+ --bs-btn-active-color: #000;
9383
+ --bs-btn-active-bg: #e28d33;
9384
+ --bs-btn-active-border-color: #df7f1a;
9385
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9386
+ --bs-btn-disabled-color: #000;
9387
+ --bs-btn-disabled-bg: #db7100;
9388
+ --bs-btn-disabled-border-color: #db7100;
9307
9389
  }
9308
9390
 
9309
9391
  .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;
9392
+ --bs-btn-color: #fff;
9393
+ --bs-btn-bg: #b83d39;
9394
+ --bs-btn-border-color: #b83d39;
9395
+ --bs-btn-hover-color: #fff;
9396
+ --bs-btn-hover-bg: #9c3430;
9397
+ --bs-btn-hover-border-color: #93312e;
9398
+ --bs-btn-focus-shadow-rgb: 195, 90, 87;
9399
+ --bs-btn-active-color: #fff;
9400
+ --bs-btn-active-bg: #93312e;
9401
+ --bs-btn-active-border-color: #8a2e2b;
9402
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9403
+ --bs-btn-disabled-color: #fff;
9404
+ --bs-btn-disabled-bg: #b83d39;
9405
+ --bs-btn-disabled-border-color: #b83d39;
9338
9406
  }
9339
9407
 
9340
9408
  .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;
9409
+ --bs-btn-color: #000;
9410
+ --bs-btn-bg: #f8f9fa;
9411
+ --bs-btn-border-color: #f8f9fa;
9412
+ --bs-btn-hover-color: #000;
9413
+ --bs-btn-hover-bg: #d3d4d5;
9414
+ --bs-btn-hover-border-color: #c6c7c8;
9415
+ --bs-btn-focus-shadow-rgb: 211, 212, 213;
9416
+ --bs-btn-active-color: #000;
9417
+ --bs-btn-active-bg: #c6c7c8;
9418
+ --bs-btn-active-border-color: #babbbc;
9419
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9420
+ --bs-btn-disabled-color: #000;
9421
+ --bs-btn-disabled-bg: #f8f9fa;
9422
+ --bs-btn-disabled-border-color: #f8f9fa;
9369
9423
  }
9370
9424
 
9371
9425
  .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;
9426
+ --bs-btn-color: #fff;
9427
+ --bs-btn-bg: #212529;
9428
+ --bs-btn-border-color: #212529;
9429
+ --bs-btn-hover-color: #fff;
9430
+ --bs-btn-hover-bg: #424649;
9431
+ --bs-btn-hover-border-color: #373b3e;
9432
+ --bs-btn-focus-shadow-rgb: 66, 70, 73;
9433
+ --bs-btn-active-color: #fff;
9434
+ --bs-btn-active-bg: #4d5154;
9435
+ --bs-btn-active-border-color: #373b3e;
9436
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9437
+ --bs-btn-disabled-color: #fff;
9438
+ --bs-btn-disabled-bg: #212529;
9439
+ --bs-btn-disabled-border-color: #212529;
9400
9440
  }
9401
9441
 
9402
9442
  .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;
9443
+ --bs-btn-color: #007681;
9444
+ --bs-btn-border-color: #007681;
9445
+ --bs-btn-hover-color: #fff;
9446
+ --bs-btn-hover-bg: #007681;
9447
+ --bs-btn-hover-border-color: #007681;
9448
+ --bs-btn-focus-shadow-rgb: 0, 118, 129;
9449
+ --bs-btn-active-color: #fff;
9450
+ --bs-btn-active-bg: #007681;
9451
+ --bs-btn-active-border-color: #007681;
9452
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9453
+ --bs-btn-disabled-color: #007681;
9454
+ --bs-btn-disabled-bg: transparent;
9455
+ --bs-btn-disabled-border-color: #007681;
9456
+ --bs-gradient: none;
9425
9457
  }
9426
9458
 
9427
9459
  .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;
9450
- }
9451
-
9452
- .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;
9500
- }
9501
-
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;
9460
+ --bs-btn-color: #6c757d;
9461
+ --bs-btn-border-color: #6c757d;
9462
+ --bs-btn-hover-color: #fff;
9463
+ --bs-btn-hover-bg: #6c757d;
9464
+ --bs-btn-hover-border-color: #6c757d;
9465
+ --bs-btn-focus-shadow-rgb: 108, 117, 125;
9466
+ --bs-btn-active-color: #fff;
9467
+ --bs-btn-active-bg: #6c757d;
9468
+ --bs-btn-active-border-color: #6c757d;
9469
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9470
+ --bs-btn-disabled-color: #6c757d;
9471
+ --bs-btn-disabled-bg: transparent;
9472
+ --bs-btn-disabled-border-color: #6c757d;
9473
+ --bs-gradient: none;
9575
9474
  }
9576
9475
 
9577
- .btn-outline-dark {
9578
- color: #212529;
9579
- border-color: #212529;
9476
+ .btn-outline-success {
9477
+ --bs-btn-color: #52a852;
9478
+ --bs-btn-border-color: #52a852;
9479
+ --bs-btn-hover-color: #000;
9480
+ --bs-btn-hover-bg: #52a852;
9481
+ --bs-btn-hover-border-color: #52a852;
9482
+ --bs-btn-focus-shadow-rgb: 82, 168, 82;
9483
+ --bs-btn-active-color: #000;
9484
+ --bs-btn-active-bg: #52a852;
9485
+ --bs-btn-active-border-color: #52a852;
9486
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9487
+ --bs-btn-disabled-color: #52a852;
9488
+ --bs-btn-disabled-bg: transparent;
9489
+ --bs-btn-disabled-border-color: #52a852;
9490
+ --bs-gradient: none;
9580
9491
  }
9581
- .btn-outline-dark:hover {
9582
- color: #fff;
9583
- background-color: #212529;
9584
- border-color: #212529;
9492
+
9493
+ .btn-outline-info {
9494
+ --bs-btn-color: #17a2b8;
9495
+ --bs-btn-border-color: #17a2b8;
9496
+ --bs-btn-hover-color: #000;
9497
+ --bs-btn-hover-bg: #17a2b8;
9498
+ --bs-btn-hover-border-color: #17a2b8;
9499
+ --bs-btn-focus-shadow-rgb: 23, 162, 184;
9500
+ --bs-btn-active-color: #000;
9501
+ --bs-btn-active-bg: #17a2b8;
9502
+ --bs-btn-active-border-color: #17a2b8;
9503
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9504
+ --bs-btn-disabled-color: #17a2b8;
9505
+ --bs-btn-disabled-bg: transparent;
9506
+ --bs-btn-disabled-border-color: #17a2b8;
9507
+ --bs-gradient: none;
9585
9508
  }
9586
- .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
9587
- box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
9509
+
9510
+ .btn-outline-warning {
9511
+ --bs-btn-color: #db7100;
9512
+ --bs-btn-border-color: #db7100;
9513
+ --bs-btn-hover-color: #000;
9514
+ --bs-btn-hover-bg: #db7100;
9515
+ --bs-btn-hover-border-color: #db7100;
9516
+ --bs-btn-focus-shadow-rgb: 219, 113, 0;
9517
+ --bs-btn-active-color: #000;
9518
+ --bs-btn-active-bg: #db7100;
9519
+ --bs-btn-active-border-color: #db7100;
9520
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9521
+ --bs-btn-disabled-color: #db7100;
9522
+ --bs-btn-disabled-bg: transparent;
9523
+ --bs-btn-disabled-border-color: #db7100;
9524
+ --bs-gradient: none;
9588
9525
  }
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;
9526
+
9527
+ .btn-outline-danger {
9528
+ --bs-btn-color: #b83d39;
9529
+ --bs-btn-border-color: #b83d39;
9530
+ --bs-btn-hover-color: #fff;
9531
+ --bs-btn-hover-bg: #b83d39;
9532
+ --bs-btn-hover-border-color: #b83d39;
9533
+ --bs-btn-focus-shadow-rgb: 184, 61, 57;
9534
+ --bs-btn-active-color: #fff;
9535
+ --bs-btn-active-bg: #b83d39;
9536
+ --bs-btn-active-border-color: #b83d39;
9537
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9538
+ --bs-btn-disabled-color: #b83d39;
9539
+ --bs-btn-disabled-bg: transparent;
9540
+ --bs-btn-disabled-border-color: #b83d39;
9541
+ --bs-gradient: none;
9593
9542
  }
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);
9543
+
9544
+ .btn-outline-light {
9545
+ --bs-btn-color: #f8f9fa;
9546
+ --bs-btn-border-color: #f8f9fa;
9547
+ --bs-btn-hover-color: #000;
9548
+ --bs-btn-hover-bg: #f8f9fa;
9549
+ --bs-btn-hover-border-color: #f8f9fa;
9550
+ --bs-btn-focus-shadow-rgb: 248, 249, 250;
9551
+ --bs-btn-active-color: #000;
9552
+ --bs-btn-active-bg: #f8f9fa;
9553
+ --bs-btn-active-border-color: #f8f9fa;
9554
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9555
+ --bs-btn-disabled-color: #f8f9fa;
9556
+ --bs-btn-disabled-bg: transparent;
9557
+ --bs-btn-disabled-border-color: #f8f9fa;
9558
+ --bs-gradient: none;
9596
9559
  }
9597
- .btn-outline-dark:disabled, .btn-outline-dark.disabled {
9598
- color: #212529;
9599
- background-color: transparent;
9560
+
9561
+ .btn-outline-dark {
9562
+ --bs-btn-color: #212529;
9563
+ --bs-btn-border-color: #212529;
9564
+ --bs-btn-hover-color: #fff;
9565
+ --bs-btn-hover-bg: #212529;
9566
+ --bs-btn-hover-border-color: #212529;
9567
+ --bs-btn-focus-shadow-rgb: 33, 37, 41;
9568
+ --bs-btn-active-color: #fff;
9569
+ --bs-btn-active-bg: #212529;
9570
+ --bs-btn-active-border-color: #212529;
9571
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
9572
+ --bs-btn-disabled-color: #212529;
9573
+ --bs-btn-disabled-bg: transparent;
9574
+ --bs-btn-disabled-border-color: #212529;
9575
+ --bs-gradient: none;
9600
9576
  }
9601
9577
 
9602
9578
  .btn-link {
9603
- font-weight: 400;
9604
- color: #007681;
9579
+ --bs-btn-font-weight: 400;
9580
+ --bs-btn-color: var(--bs-link-color);
9581
+ --bs-btn-bg: transparent;
9582
+ --bs-btn-border-color: transparent;
9583
+ --bs-btn-hover-color: var(--bs-link-hover-color);
9584
+ --bs-btn-hover-border-color: transparent;
9585
+ --bs-btn-active-color: var(--bs-link-hover-color);
9586
+ --bs-btn-active-border-color: transparent;
9587
+ --bs-btn-disabled-color: #6c757d;
9588
+ --bs-btn-disabled-border-color: transparent;
9589
+ --bs-btn-box-shadow: none;
9590
+ --bs-btn-focus-shadow-rgb: 38, 139, 148;
9605
9591
  text-decoration: underline;
9606
9592
  }
9607
- .btn-link:hover {
9608
- color: #005f68;
9593
+ .btn-link:focus-visible {
9594
+ color: var(--bs-btn-color);
9609
9595
  }
9610
- .btn-link:disabled, .btn-link.disabled {
9611
- color: #6c757d;
9596
+ .btn-link:hover {
9597
+ color: var(--bs-btn-hover-color);
9612
9598
  }
9613
9599
 
9614
9600
  .btn-lg, .btn-group-lg > .btn {
9615
- padding: 0.5rem 1rem;
9616
- font-size: 1.25rem;
9617
- border-radius: 0.3rem;
9601
+ --bs-btn-padding-y: 0.5rem;
9602
+ --bs-btn-padding-x: 1rem;
9603
+ --bs-btn-font-size: 1.25rem;
9604
+ --bs-btn-border-radius: 0.5rem;
9618
9605
  }
9619
9606
 
9620
9607
  .btn-sm, .btn-group-sm > .btn {
9621
- padding: 0.25rem 0.5rem;
9622
- font-size: 0.875rem;
9623
- border-radius: 0.2rem;
9608
+ --bs-btn-padding-y: 0.25rem;
9609
+ --bs-btn-padding-x: 0.5rem;
9610
+ --bs-btn-font-size: 0.875rem;
9611
+ --bs-btn-border-radius: 0.25rem;
9624
9612
  }
9625
9613
 
9626
9614
  .dropup,
9627
9615
  .dropend,
9628
9616
  .dropdown,
9629
- .dropstart {
9617
+ .dropstart,
9618
+ .dropup-center,
9619
+ .dropdown-center {
9630
9620
  position: relative;
9631
9621
  }
9632
9622
 
@@ -9648,26 +9638,52 @@ textarea.form-control-lg {
9648
9638
  }
9649
9639
 
9650
9640
  .dropdown-menu {
9641
+ --bs-dropdown-zindex: 1000;
9642
+ --bs-dropdown-min-width: 10rem;
9643
+ --bs-dropdown-padding-x: 0;
9644
+ --bs-dropdown-padding-y: 0.5rem;
9645
+ --bs-dropdown-spacer: 0.125rem;
9646
+ --bs-dropdown-font-size: 1rem;
9647
+ --bs-dropdown-color: #212529;
9648
+ --bs-dropdown-bg: #fff;
9649
+ --bs-dropdown-border-color: var(--bs-border-color-translucent);
9650
+ --bs-dropdown-border-radius: 0.15rem;
9651
+ --bs-dropdown-border-width: 1px;
9652
+ --bs-dropdown-inner-border-radius: calc(0.15rem - 1px);
9653
+ --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
9654
+ --bs-dropdown-divider-margin-y: 0.5em;
9655
+ --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
9656
+ --bs-dropdown-link-color: #212529;
9657
+ --bs-dropdown-link-hover-color: #1e2125;
9658
+ --bs-dropdown-link-hover-bg: #e9ecef;
9659
+ --bs-dropdown-link-active-color: #fff;
9660
+ --bs-dropdown-link-active-bg: #007681;
9661
+ --bs-dropdown-link-disabled-color: #adb5bd;
9662
+ --bs-dropdown-item-padding-x: 0.5em;
9663
+ --bs-dropdown-item-padding-y: 0.25rem;
9664
+ --bs-dropdown-header-color: #6c757d;
9665
+ --bs-dropdown-header-padding-x: 0.5em;
9666
+ --bs-dropdown-header-padding-y: 0.5rem;
9651
9667
  position: absolute;
9652
- z-index: 1000;
9668
+ z-index: var(--bs-dropdown-zindex);
9653
9669
  display: none;
9654
- min-width: 10rem;
9655
- padding: 0.5rem 0;
9670
+ min-width: var(--bs-dropdown-min-width);
9671
+ padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
9656
9672
  margin: 0;
9657
- font-size: 1rem;
9658
- color: #212529;
9673
+ font-size: var(--bs-dropdown-font-size);
9674
+ color: var(--bs-dropdown-color);
9659
9675
  text-align: left;
9660
9676
  list-style: none;
9661
- background-color: #fff;
9677
+ background-color: var(--bs-dropdown-bg);
9662
9678
  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);
9679
+ border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
9680
+ border-radius: var(--bs-dropdown-border-radius);
9681
+ box-shadow: var(--bs-dropdown-box-shadow);
9666
9682
  }
9667
9683
  .dropdown-menu[data-bs-popper] {
9668
9684
  top: 100%;
9669
9685
  left: 0;
9670
- margin-top: 0.125rem;
9686
+ margin-top: var(--bs-dropdown-spacer);
9671
9687
  }
9672
9688
 
9673
9689
  .dropdown-menu-start {
@@ -9775,7 +9791,7 @@ textarea.form-control-lg {
9775
9791
  top: auto;
9776
9792
  bottom: 100%;
9777
9793
  margin-top: 0;
9778
- margin-bottom: 0.125rem;
9794
+ margin-bottom: var(--bs-dropdown-spacer);
9779
9795
  }
9780
9796
  .dropup .dropdown-toggle::after {
9781
9797
  display: inline-block;
@@ -9796,7 +9812,7 @@ textarea.form-control-lg {
9796
9812
  right: auto;
9797
9813
  left: 100%;
9798
9814
  margin-top: 0;
9799
- margin-left: 0.125rem;
9815
+ margin-left: var(--bs-dropdown-spacer);
9800
9816
  }
9801
9817
  .dropend .dropdown-toggle::after {
9802
9818
  display: inline-block;
@@ -9820,7 +9836,7 @@ textarea.form-control-lg {
9820
9836
  right: 100%;
9821
9837
  left: auto;
9822
9838
  margin-top: 0;
9823
- margin-right: 0.125rem;
9839
+ margin-right: var(--bs-dropdown-spacer);
9824
9840
  }
9825
9841
  .dropstart .dropdown-toggle::after {
9826
9842
  display: inline-block;
@@ -9849,18 +9865,19 @@ textarea.form-control-lg {
9849
9865
 
9850
9866
  .dropdown-divider {
9851
9867
  height: 0;
9852
- margin: 0.5em 0;
9868
+ margin: var(--bs-dropdown-divider-margin-y) 0;
9853
9869
  overflow: hidden;
9854
- border-top: 1px solid rgba(0, 0, 0, 0.15);
9870
+ border-top: 1px solid var(--bs-dropdown-divider-bg);
9871
+ opacity: 1;
9855
9872
  }
9856
9873
 
9857
9874
  .dropdown-item {
9858
9875
  display: block;
9859
9876
  width: 100%;
9860
- padding: 0.25rem 0.5em;
9877
+ padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
9861
9878
  clear: both;
9862
9879
  font-weight: 400;
9863
- color: #212529;
9880
+ color: var(--bs-dropdown-link-color);
9864
9881
  text-align: inherit;
9865
9882
  text-decoration: none;
9866
9883
  white-space: nowrap;
@@ -9868,16 +9885,16 @@ textarea.form-control-lg {
9868
9885
  border: 0;
9869
9886
  }
9870
9887
  .dropdown-item:hover, .dropdown-item:focus {
9871
- color: #1e2125;
9872
- background-color: #e9ecef;
9888
+ color: var(--bs-dropdown-link-hover-color);
9889
+ background-color: var(--bs-dropdown-link-hover-bg);
9873
9890
  }
9874
9891
  .dropdown-item.active, .dropdown-item:active {
9875
- color: #fff;
9892
+ color: var(--bs-dropdown-link-active-color);
9876
9893
  text-decoration: none;
9877
- background-color: #007681;
9894
+ background-color: var(--bs-dropdown-link-active-bg);
9878
9895
  }
9879
9896
  .dropdown-item.disabled, .dropdown-item:disabled {
9880
- color: #adb5bd;
9897
+ color: var(--bs-dropdown-link-disabled-color);
9881
9898
  pointer-events: none;
9882
9899
  background-color: transparent;
9883
9900
  }
@@ -9888,46 +9905,32 @@ textarea.form-control-lg {
9888
9905
 
9889
9906
  .dropdown-header {
9890
9907
  display: block;
9891
- padding: 0.5rem 0.5em;
9908
+ padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
9892
9909
  margin-bottom: 0;
9893
9910
  font-size: 0.875rem;
9894
- color: #6c757d;
9911
+ color: var(--bs-dropdown-header-color);
9895
9912
  white-space: nowrap;
9896
9913
  }
9897
9914
 
9898
9915
  .dropdown-item-text {
9899
9916
  display: block;
9900
- padding: 0.25rem 0.5em;
9901
- color: #212529;
9917
+ padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
9918
+ color: var(--bs-dropdown-link-color);
9902
9919
  }
9903
9920
 
9904
9921
  .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;
9922
+ --bs-dropdown-color: #dee2e6;
9923
+ --bs-dropdown-bg: #343a40;
9924
+ --bs-dropdown-border-color: var(--bs-border-color-translucent);
9925
+ --bs-dropdown-box-shadow: ;
9926
+ --bs-dropdown-link-color: #dee2e6;
9927
+ --bs-dropdown-link-hover-color: #fff;
9928
+ --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
9929
+ --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
9930
+ --bs-dropdown-link-active-color: #fff;
9931
+ --bs-dropdown-link-active-bg: #007681;
9932
+ --bs-dropdown-link-disabled-color: #adb5bd;
9933
+ --bs-dropdown-header-color: #adb5bd;
9931
9934
  }
9932
9935
 
9933
9936
  .btn-group,
@@ -9965,11 +9968,15 @@ textarea.form-control-lg {
9965
9968
  width: auto;
9966
9969
  }
9967
9970
 
9968
- .btn-group > .btn:not(:first-child),
9971
+ .btn-group {
9972
+ border-radius: 0.15rem;
9973
+ }
9974
+ .btn-group > :not(.btn-check:first-child) + .btn,
9969
9975
  .btn-group > .btn-group:not(:first-child) {
9970
9976
  margin-left: -1px;
9971
9977
  }
9972
9978
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
9979
+ .btn-group > .btn.dropdown-toggle-split:first-child,
9973
9980
  .btn-group > .btn-group:not(:last-child) > .btn {
9974
9981
  border-top-right-radius: 0;
9975
9982
  border-bottom-right-radius: 0;
@@ -10034,6 +10041,12 @@ textarea.form-control-lg {
10034
10041
  }
10035
10042
 
10036
10043
  .nav {
10044
+ --bs-nav-link-padding-x: 1rem;
10045
+ --bs-nav-link-padding-y: 0.5rem;
10046
+ --bs-nav-link-font-weight: ;
10047
+ --bs-nav-link-color: var(--bs-link-color);
10048
+ --bs-nav-link-hover-color: var(--bs-link-hover-color);
10049
+ --bs-nav-link-disabled-color: #6c757d;
10037
10050
  display: flex;
10038
10051
  flex-wrap: wrap;
10039
10052
  padding-left: 0;
@@ -10043,8 +10056,10 @@ textarea.form-control-lg {
10043
10056
 
10044
10057
  .nav-link {
10045
10058
  display: block;
10046
- padding: 0.5rem 1rem;
10047
- color: #007681;
10059
+ padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
10060
+ font-size: var(--bs-nav-link-font-size);
10061
+ font-weight: var(--bs-nav-link-font-weight);
10062
+ color: var(--bs-nav-link-color);
10048
10063
  text-decoration: none;
10049
10064
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
10050
10065
  }
@@ -10054,54 +10069,71 @@ textarea.form-control-lg {
10054
10069
  }
10055
10070
  }
10056
10071
  .nav-link:hover, .nav-link:focus {
10057
- color: #005f68;
10072
+ color: var(--bs-nav-link-hover-color);
10058
10073
  }
10059
10074
  .nav-link.disabled {
10060
- color: #6c757d;
10075
+ color: var(--bs-nav-link-disabled-color);
10061
10076
  pointer-events: none;
10062
10077
  cursor: default;
10063
10078
  }
10064
10079
 
10065
10080
  .nav-tabs {
10066
- border-bottom: 1px solid #dee2e6;
10081
+ --bs-nav-tabs-border-width: 1px;
10082
+ --bs-nav-tabs-border-color: #dee2e6;
10083
+ --bs-nav-tabs-border-radius: 0.15rem;
10084
+ --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
10085
+ --bs-nav-tabs-link-active-color: #495057;
10086
+ --bs-nav-tabs-link-active-bg: white;
10087
+ --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 white;
10088
+ border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
10067
10089
  }
10068
10090
  .nav-tabs .nav-link {
10069
- margin-bottom: -1px;
10091
+ margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
10070
10092
  background: none;
10071
- border: 1px solid transparent;
10072
- border-top-left-radius: 0.15rem;
10073
- border-top-right-radius: 0.15rem;
10093
+ border: var(--bs-nav-tabs-border-width) solid transparent;
10094
+ border-top-left-radius: var(--bs-nav-tabs-border-radius);
10095
+ border-top-right-radius: var(--bs-nav-tabs-border-radius);
10074
10096
  }
10075
10097
  .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
10076
- border-color: #e9ecef #e9ecef #dee2e6;
10077
10098
  isolation: isolate;
10099
+ border-color: var(--bs-nav-tabs-link-hover-border-color);
10078
10100
  }
10079
- .nav-tabs .nav-link.disabled {
10080
- color: #6c757d;
10101
+ .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
10102
+ color: var(--bs-nav-link-disabled-color);
10081
10103
  background-color: transparent;
10082
10104
  border-color: transparent;
10083
10105
  }
10084
10106
  .nav-tabs .nav-link.active,
10085
10107
  .nav-tabs .nav-item.show .nav-link {
10086
- color: #495057;
10087
- background-color: white;
10088
- border-color: #dee2e6 #dee2e6 white;
10108
+ color: var(--bs-nav-tabs-link-active-color);
10109
+ background-color: var(--bs-nav-tabs-link-active-bg);
10110
+ border-color: var(--bs-nav-tabs-link-active-border-color);
10089
10111
  }
10090
10112
  .nav-tabs .dropdown-menu {
10091
- margin-top: -1px;
10113
+ margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
10092
10114
  border-top-left-radius: 0;
10093
10115
  border-top-right-radius: 0;
10094
10116
  }
10095
10117
 
10118
+ .nav-pills {
10119
+ --bs-nav-pills-border-radius: 0.15rem;
10120
+ --bs-nav-pills-link-active-color: #fff;
10121
+ --bs-nav-pills-link-active-bg: #007681;
10122
+ }
10096
10123
  .nav-pills .nav-link {
10097
10124
  background: none;
10098
10125
  border: 0;
10099
- border-radius: 0.15rem;
10126
+ border-radius: var(--bs-nav-pills-border-radius);
10127
+ }
10128
+ .nav-pills .nav-link:disabled {
10129
+ color: var(--bs-nav-link-disabled-color);
10130
+ background-color: transparent;
10131
+ border-color: transparent;
10100
10132
  }
10101
10133
  .nav-pills .nav-link.active,
10102
10134
  .nav-pills .show > .nav-link {
10103
- color: #fff;
10104
- background-color: #007681;
10135
+ color: var(--bs-nav-pills-link-active-color);
10136
+ background-color: var(--bs-nav-pills-link-active-bg);
10105
10137
  }
10106
10138
 
10107
10139
  .nav-fill > .nav-link,
@@ -10130,16 +10162,22 @@ textarea.form-control-lg {
10130
10162
  }
10131
10163
 
10132
10164
  .badge {
10165
+ --bs-badge-padding-x: 0.65em;
10166
+ --bs-badge-padding-y: 0.35em;
10167
+ --bs-badge-font-size: 0.75em;
10168
+ --bs-badge-font-weight: normal;
10169
+ --bs-badge-color: #fff;
10170
+ --bs-badge-border-radius: 0.15rem;
10133
10171
  display: inline-block;
10134
- padding: 0.35em 0.65em;
10135
- font-size: 0.75em;
10136
- font-weight: normal;
10172
+ padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
10173
+ font-size: var(--bs-badge-font-size);
10174
+ font-weight: var(--bs-badge-font-weight);
10137
10175
  line-height: 1;
10138
- color: #fff;
10176
+ color: var(--bs-badge-color);
10139
10177
  text-align: center;
10140
10178
  white-space: nowrap;
10141
10179
  vertical-align: baseline;
10142
- border-radius: 0.15rem;
10180
+ border-radius: var(--bs-badge-border-radius);
10143
10181
  }
10144
10182
  .badge:empty {
10145
10183
  display: none;
@@ -10151,11 +10189,21 @@ textarea.form-control-lg {
10151
10189
  }
10152
10190
 
10153
10191
  .alert {
10192
+ --bs-alert-bg: transparent;
10193
+ --bs-alert-padding-x: 1rem;
10194
+ --bs-alert-padding-y: 1rem;
10195
+ --bs-alert-margin-bottom: 1rem;
10196
+ --bs-alert-color: inherit;
10197
+ --bs-alert-border-color: transparent;
10198
+ --bs-alert-border: 1px solid var(--bs-alert-border-color);
10199
+ --bs-alert-border-radius: 0.15rem;
10154
10200
  position: relative;
10155
- padding: 1rem 1rem;
10156
- margin-bottom: 1rem;
10157
- border: 1px solid transparent;
10158
- border-radius: 0.15rem;
10201
+ padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
10202
+ margin-bottom: var(--bs-alert-margin-bottom);
10203
+ color: var(--bs-alert-color);
10204
+ background-color: var(--bs-alert-bg);
10205
+ border: var(--bs-alert-border);
10206
+ border-radius: var(--bs-alert-border-radius);
10159
10207
  }
10160
10208
 
10161
10209
  .alert-heading {
@@ -10178,118 +10226,135 @@ textarea.form-control-lg {
10178
10226
  }
10179
10227
 
10180
10228
  .alert-primary {
10181
- color: #00474d;
10182
- background-color: #cce4e6;
10183
- border-color: #b3d6d9;
10229
+ --bs-alert-color: #00474d;
10230
+ --bs-alert-bg: #cce4e6;
10231
+ --bs-alert-border-color: #b3d6d9;
10184
10232
  }
10185
10233
  .alert-primary .alert-link {
10186
10234
  color: #00393e;
10187
10235
  }
10188
10236
 
10189
10237
  .alert-secondary {
10190
- color: #41464b;
10191
- background-color: #e2e3e5;
10192
- border-color: #d3d6d8;
10238
+ --bs-alert-color: #41464b;
10239
+ --bs-alert-bg: #e2e3e5;
10240
+ --bs-alert-border-color: #d3d6d8;
10193
10241
  }
10194
10242
  .alert-secondary .alert-link {
10195
10243
  color: #34383c;
10196
10244
  }
10197
10245
 
10198
10246
  .alert-success {
10199
- color: #316531;
10200
- background-color: #dceedc;
10201
- border-color: #cbe5cb;
10247
+ --bs-alert-color: #316531;
10248
+ --bs-alert-bg: #dceedc;
10249
+ --bs-alert-border-color: #cbe5cb;
10202
10250
  }
10203
10251
  .alert-success .alert-link {
10204
10252
  color: #275127;
10205
10253
  }
10206
10254
 
10207
10255
  .alert-info {
10208
- color: #0e616e;
10209
- background-color: #d1ecf1;
10210
- border-color: #b9e3ea;
10256
+ --bs-alert-color: #0e616e;
10257
+ --bs-alert-bg: #d1ecf1;
10258
+ --bs-alert-border-color: #b9e3ea;
10211
10259
  }
10212
10260
  .alert-info .alert-link {
10213
10261
  color: #0b4e58;
10214
10262
  }
10215
10263
 
10216
10264
  .alert-warning {
10217
- color: #834400;
10218
- background-color: #f8e3cc;
10219
- border-color: #f4d4b3;
10265
+ --bs-alert-color: #834400;
10266
+ --bs-alert-bg: #f8e3cc;
10267
+ --bs-alert-border-color: #f4d4b3;
10220
10268
  }
10221
10269
  .alert-warning .alert-link {
10222
10270
  color: #693600;
10223
10271
  }
10224
10272
 
10225
10273
  .alert-danger {
10226
- color: #6e2522;
10227
- background-color: #f1d8d7;
10228
- border-color: #eac5c4;
10274
+ --bs-alert-color: #6e2522;
10275
+ --bs-alert-bg: #f1d8d7;
10276
+ --bs-alert-border-color: #eac5c4;
10229
10277
  }
10230
10278
  .alert-danger .alert-link {
10231
10279
  color: #581e1b;
10232
10280
  }
10233
10281
 
10234
10282
  .alert-light {
10235
- color: #636464;
10236
- background-color: #fefefe;
10237
- border-color: #fdfdfe;
10283
+ --bs-alert-color: #636464;
10284
+ --bs-alert-bg: #fefefe;
10285
+ --bs-alert-border-color: #fdfdfe;
10238
10286
  }
10239
10287
  .alert-light .alert-link {
10240
10288
  color: #4f5050;
10241
10289
  }
10242
10290
 
10243
10291
  .alert-dark {
10244
- color: #141619;
10245
- background-color: #d3d3d4;
10246
- border-color: #bcbebf;
10292
+ --bs-alert-color: #141619;
10293
+ --bs-alert-bg: #d3d3d4;
10294
+ --bs-alert-border-color: #bcbebf;
10247
10295
  }
10248
10296
  .alert-dark .alert-link {
10249
10297
  color: #101214;
10250
10298
  }
10251
10299
 
10252
10300
  .list-group {
10301
+ --bs-list-group-color: #212529;
10302
+ --bs-list-group-bg: #fff;
10303
+ --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
10304
+ --bs-list-group-border-width: 1px;
10305
+ --bs-list-group-border-radius: 0.15rem;
10306
+ --bs-list-group-item-padding-x: 0.5em;
10307
+ --bs-list-group-item-padding-y: 0.5em;
10308
+ --bs-list-group-action-color: #000;
10309
+ --bs-list-group-action-hover-color: #000;
10310
+ --bs-list-group-action-hover-bg: #f6f7f9;
10311
+ --bs-list-group-action-active-color: #212529;
10312
+ --bs-list-group-action-active-bg: #e9ecef;
10313
+ --bs-list-group-disabled-color: #6c757d;
10314
+ --bs-list-group-disabled-bg: #fff;
10315
+ --bs-list-group-active-color: inherit;
10316
+ --bs-list-group-active-bg: #e9ebee;
10317
+ --bs-list-group-active-border-color: #e9ebee;
10253
10318
  display: flex;
10254
10319
  flex-direction: column;
10255
10320
  padding-left: 0;
10256
10321
  margin-bottom: 0;
10257
- border-radius: 0.15rem;
10322
+ border-radius: var(--bs-list-group-border-radius);
10258
10323
  }
10259
10324
 
10260
10325
  .list-group-numbered {
10261
10326
  list-style-type: none;
10262
10327
  counter-reset: section;
10263
10328
  }
10264
- .list-group-numbered > li::before {
10329
+ .list-group-numbered > .list-group-item::before {
10265
10330
  content: counters(section, ".") ". ";
10266
10331
  counter-increment: section;
10267
10332
  }
10268
10333
 
10269
10334
  .list-group-item-action {
10270
10335
  width: 100%;
10271
- color: #000;
10336
+ color: var(--bs-list-group-action-color);
10272
10337
  text-align: inherit;
10273
10338
  }
10274
10339
  .list-group-item-action:hover, .list-group-item-action:focus {
10275
10340
  z-index: 1;
10276
- color: #000;
10341
+ color: var(--bs-list-group-action-hover-color);
10277
10342
  text-decoration: none;
10278
- background-color: #f6f7f9;
10343
+ background-color: var(--bs-list-group-action-hover-bg);
10279
10344
  }
10280
10345
  .list-group-item-action:active {
10281
- color: #212529;
10282
- background-color: #e9ecef;
10346
+ color: var(--bs-list-group-action-active-color);
10347
+ background-color: var(--bs-list-group-action-active-bg);
10283
10348
  }
10284
10349
 
10285
10350
  .list-group-item {
10286
10351
  position: relative;
10287
10352
  display: block;
10288
- padding: 0.5em 0.5em;
10289
- color: #212529;
10353
+ padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
10354
+ color: var(--bs-list-group-color);
10290
10355
  text-decoration: none;
10291
- background-color: #fff;
10292
- border: 1px solid rgba(0, 0, 0, 0.125);
10356
+ background-color: var(--bs-list-group-bg);
10357
+ border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
10293
10358
  }
10294
10359
  .list-group-item:first-child {
10295
10360
  border-top-left-radius: inherit;
@@ -10300,172 +10365,172 @@ textarea.form-control-lg {
10300
10365
  border-bottom-left-radius: inherit;
10301
10366
  }
10302
10367
  .list-group-item.disabled, .list-group-item:disabled {
10303
- color: #6c757d;
10368
+ color: var(--bs-list-group-disabled-color);
10304
10369
  pointer-events: none;
10305
- background-color: #fff;
10370
+ background-color: var(--bs-list-group-disabled-bg);
10306
10371
  }
10307
10372
  .list-group-item.active {
10308
10373
  z-index: 2;
10309
- color: inherit;
10310
- background-color: #e9ebee;
10311
- border-color: #e9ebee;
10374
+ color: var(--bs-list-group-active-color);
10375
+ background-color: var(--bs-list-group-active-bg);
10376
+ border-color: var(--bs-list-group-active-border-color);
10312
10377
  }
10313
10378
  .list-group-item + .list-group-item {
10314
10379
  border-top-width: 0;
10315
10380
  }
10316
10381
  .list-group-item + .list-group-item.active {
10317
- margin-top: -1px;
10318
- border-top-width: 1px;
10382
+ margin-top: calc(-1 * var(--bs-list-group-border-width));
10383
+ border-top-width: var(--bs-list-group-border-width);
10319
10384
  }
10320
10385
 
10321
10386
  .list-group-horizontal {
10322
10387
  flex-direction: row;
10323
10388
  }
10324
- .list-group-horizontal > .list-group-item:first-child {
10325
- border-bottom-left-radius: 0.15rem;
10389
+ .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
10390
+ border-bottom-left-radius: var(--bs-list-group-border-radius);
10326
10391
  border-top-right-radius: 0;
10327
10392
  }
10328
- .list-group-horizontal > .list-group-item:last-child {
10329
- border-top-right-radius: 0.15rem;
10393
+ .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
10394
+ border-top-right-radius: var(--bs-list-group-border-radius);
10330
10395
  border-bottom-left-radius: 0;
10331
10396
  }
10332
10397
  .list-group-horizontal > .list-group-item.active {
10333
10398
  margin-top: 0;
10334
10399
  }
10335
10400
  .list-group-horizontal > .list-group-item + .list-group-item {
10336
- border-top-width: 1px;
10401
+ border-top-width: var(--bs-list-group-border-width);
10337
10402
  border-left-width: 0;
10338
10403
  }
10339
10404
  .list-group-horizontal > .list-group-item + .list-group-item.active {
10340
- margin-left: -1px;
10341
- border-left-width: 1px;
10405
+ margin-left: calc(-1 * var(--bs-list-group-border-width));
10406
+ border-left-width: var(--bs-list-group-border-width);
10342
10407
  }
10343
10408
 
10344
10409
  @media (min-width: 576px) {
10345
10410
  .list-group-horizontal-sm {
10346
10411
  flex-direction: row;
10347
10412
  }
10348
- .list-group-horizontal-sm > .list-group-item:first-child {
10349
- border-bottom-left-radius: 0.15rem;
10413
+ .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
10414
+ border-bottom-left-radius: var(--bs-list-group-border-radius);
10350
10415
  border-top-right-radius: 0;
10351
10416
  }
10352
- .list-group-horizontal-sm > .list-group-item:last-child {
10353
- border-top-right-radius: 0.15rem;
10417
+ .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
10418
+ border-top-right-radius: var(--bs-list-group-border-radius);
10354
10419
  border-bottom-left-radius: 0;
10355
10420
  }
10356
10421
  .list-group-horizontal-sm > .list-group-item.active {
10357
10422
  margin-top: 0;
10358
10423
  }
10359
10424
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
10360
- border-top-width: 1px;
10425
+ border-top-width: var(--bs-list-group-border-width);
10361
10426
  border-left-width: 0;
10362
10427
  }
10363
10428
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
10364
- margin-left: -1px;
10365
- border-left-width: 1px;
10429
+ margin-left: calc(-1 * var(--bs-list-group-border-width));
10430
+ border-left-width: var(--bs-list-group-border-width);
10366
10431
  }
10367
10432
  }
10368
10433
  @media (min-width: 768px) {
10369
10434
  .list-group-horizontal-md {
10370
10435
  flex-direction: row;
10371
10436
  }
10372
- .list-group-horizontal-md > .list-group-item:first-child {
10373
- border-bottom-left-radius: 0.15rem;
10437
+ .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
10438
+ border-bottom-left-radius: var(--bs-list-group-border-radius);
10374
10439
  border-top-right-radius: 0;
10375
10440
  }
10376
- .list-group-horizontal-md > .list-group-item:last-child {
10377
- border-top-right-radius: 0.15rem;
10441
+ .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
10442
+ border-top-right-radius: var(--bs-list-group-border-radius);
10378
10443
  border-bottom-left-radius: 0;
10379
10444
  }
10380
10445
  .list-group-horizontal-md > .list-group-item.active {
10381
10446
  margin-top: 0;
10382
10447
  }
10383
10448
  .list-group-horizontal-md > .list-group-item + .list-group-item {
10384
- border-top-width: 1px;
10449
+ border-top-width: var(--bs-list-group-border-width);
10385
10450
  border-left-width: 0;
10386
10451
  }
10387
10452
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
10388
- margin-left: -1px;
10389
- border-left-width: 1px;
10453
+ margin-left: calc(-1 * var(--bs-list-group-border-width));
10454
+ border-left-width: var(--bs-list-group-border-width);
10390
10455
  }
10391
10456
  }
10392
10457
  @media (min-width: 992px) {
10393
10458
  .list-group-horizontal-lg {
10394
10459
  flex-direction: row;
10395
10460
  }
10396
- .list-group-horizontal-lg > .list-group-item:first-child {
10397
- border-bottom-left-radius: 0.15rem;
10461
+ .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
10462
+ border-bottom-left-radius: var(--bs-list-group-border-radius);
10398
10463
  border-top-right-radius: 0;
10399
10464
  }
10400
- .list-group-horizontal-lg > .list-group-item:last-child {
10401
- border-top-right-radius: 0.15rem;
10465
+ .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
10466
+ border-top-right-radius: var(--bs-list-group-border-radius);
10402
10467
  border-bottom-left-radius: 0;
10403
10468
  }
10404
10469
  .list-group-horizontal-lg > .list-group-item.active {
10405
10470
  margin-top: 0;
10406
10471
  }
10407
10472
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
10408
- border-top-width: 1px;
10473
+ border-top-width: var(--bs-list-group-border-width);
10409
10474
  border-left-width: 0;
10410
10475
  }
10411
10476
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
10412
- margin-left: -1px;
10413
- border-left-width: 1px;
10477
+ margin-left: calc(-1 * var(--bs-list-group-border-width));
10478
+ border-left-width: var(--bs-list-group-border-width);
10414
10479
  }
10415
10480
  }
10416
10481
  @media (min-width: 1200px) {
10417
10482
  .list-group-horizontal-xl {
10418
10483
  flex-direction: row;
10419
10484
  }
10420
- .list-group-horizontal-xl > .list-group-item:first-child {
10421
- border-bottom-left-radius: 0.15rem;
10485
+ .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
10486
+ border-bottom-left-radius: var(--bs-list-group-border-radius);
10422
10487
  border-top-right-radius: 0;
10423
10488
  }
10424
- .list-group-horizontal-xl > .list-group-item:last-child {
10425
- border-top-right-radius: 0.15rem;
10489
+ .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
10490
+ border-top-right-radius: var(--bs-list-group-border-radius);
10426
10491
  border-bottom-left-radius: 0;
10427
10492
  }
10428
10493
  .list-group-horizontal-xl > .list-group-item.active {
10429
10494
  margin-top: 0;
10430
10495
  }
10431
10496
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
10432
- border-top-width: 1px;
10497
+ border-top-width: var(--bs-list-group-border-width);
10433
10498
  border-left-width: 0;
10434
10499
  }
10435
10500
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
10436
- margin-left: -1px;
10437
- border-left-width: 1px;
10501
+ margin-left: calc(-1 * var(--bs-list-group-border-width));
10502
+ border-left-width: var(--bs-list-group-border-width);
10438
10503
  }
10439
10504
  }
10440
10505
  @media (min-width: 1400px) {
10441
10506
  .list-group-horizontal-xxl {
10442
10507
  flex-direction: row;
10443
10508
  }
10444
- .list-group-horizontal-xxl > .list-group-item:first-child {
10445
- border-bottom-left-radius: 0.15rem;
10509
+ .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
10510
+ border-bottom-left-radius: var(--bs-list-group-border-radius);
10446
10511
  border-top-right-radius: 0;
10447
10512
  }
10448
- .list-group-horizontal-xxl > .list-group-item:last-child {
10449
- border-top-right-radius: 0.15rem;
10513
+ .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
10514
+ border-top-right-radius: var(--bs-list-group-border-radius);
10450
10515
  border-bottom-left-radius: 0;
10451
10516
  }
10452
10517
  .list-group-horizontal-xxl > .list-group-item.active {
10453
10518
  margin-top: 0;
10454
10519
  }
10455
10520
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
10456
- border-top-width: 1px;
10521
+ border-top-width: var(--bs-list-group-border-width);
10457
10522
  border-left-width: 0;
10458
10523
  }
10459
10524
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
10460
- margin-left: -1px;
10461
- border-left-width: 1px;
10525
+ margin-left: calc(-1 * var(--bs-list-group-border-width));
10526
+ border-left-width: var(--bs-list-group-border-width);
10462
10527
  }
10463
10528
  }
10464
10529
  .list-group-flush {
10465
10530
  border-radius: 0;
10466
10531
  }
10467
10532
  .list-group-flush > .list-group-item {
10468
- border-width: 0 0 1px;
10533
+ border-width: 0 0 var(--bs-list-group-border-width);
10469
10534
  }
10470
10535
  .list-group-flush > .list-group-item:last-child {
10471
10536
  border-bottom-width: 0;
@@ -10589,7 +10654,7 @@ textarea.form-control-lg {
10589
10654
  height: 1em;
10590
10655
  padding: 0.25em 0.25em;
10591
10656
  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;
10657
+ 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
10658
  border: 0;
10594
10659
  border-radius: 0.15rem;
10595
10660
  opacity: 0.5;
@@ -10615,10 +10680,31 @@ textarea.form-control-lg {
10615
10680
  }
10616
10681
 
10617
10682
  .modal {
10683
+ --bs-modal-zindex: 1055;
10684
+ --bs-modal-width: 500px;
10685
+ --bs-modal-padding: 1rem;
10686
+ --bs-modal-margin: 0.5rem;
10687
+ --bs-modal-color: ;
10688
+ --bs-modal-bg: #fff;
10689
+ --bs-modal-border-color: var(--bs-border-color-translucent);
10690
+ --bs-modal-border-width: 1px;
10691
+ --bs-modal-border-radius: 0.15rem;
10692
+ --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
10693
+ --bs-modal-inner-border-radius: calc(0.15rem - 1px);
10694
+ --bs-modal-header-padding-x: 1rem;
10695
+ --bs-modal-header-padding-y: 1rem;
10696
+ --bs-modal-header-padding: 1rem 1rem 0rem 1rem;
10697
+ --bs-modal-header-border-color: var(--bs-border-color);
10698
+ --bs-modal-header-border-width: 0;
10699
+ --bs-modal-title-line-height: 1.3;
10700
+ --bs-modal-footer-gap: 0.5rem;
10701
+ --bs-modal-footer-bg: ;
10702
+ --bs-modal-footer-border-color: var(--bs-border-color);
10703
+ --bs-modal-footer-border-width: 0;
10618
10704
  position: fixed;
10619
10705
  top: 0;
10620
10706
  left: 0;
10621
- z-index: 1055;
10707
+ z-index: var(--bs-modal-zindex);
10622
10708
  display: none;
10623
10709
  width: 100%;
10624
10710
  height: 100%;
@@ -10630,7 +10716,7 @@ textarea.form-control-lg {
10630
10716
  .modal-dialog {
10631
10717
  position: relative;
10632
10718
  width: auto;
10633
- margin: 0.5rem;
10719
+ margin: var(--bs-modal-margin);
10634
10720
  pointer-events: none;
10635
10721
  }
10636
10722
  .modal.fade .modal-dialog {
@@ -10650,7 +10736,7 @@ textarea.form-control-lg {
10650
10736
  }
10651
10737
 
10652
10738
  .modal-dialog-scrollable {
10653
- height: calc(100% - 1rem);
10739
+ height: calc(100% - var(--bs-modal-margin) * 2);
10654
10740
  }
10655
10741
  .modal-dialog-scrollable .modal-content {
10656
10742
  max-height: 100%;
@@ -10663,7 +10749,7 @@ textarea.form-control-lg {
10663
10749
  .modal-dialog-centered {
10664
10750
  display: flex;
10665
10751
  align-items: center;
10666
- min-height: calc(100% - 1rem);
10752
+ min-height: calc(100% - var(--bs-modal-margin) * 2);
10667
10753
  }
10668
10754
 
10669
10755
  .modal-content {
@@ -10671,29 +10757,33 @@ textarea.form-control-lg {
10671
10757
  display: flex;
10672
10758
  flex-direction: column;
10673
10759
  width: 100%;
10760
+ color: var(--bs-modal-color);
10674
10761
  pointer-events: auto;
10675
- background-color: #fff;
10762
+ background-color: var(--bs-modal-bg);
10676
10763
  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);
10764
+ border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
10765
+ border-radius: var(--bs-modal-border-radius);
10766
+ box-shadow: var(--bs-modal-box-shadow);
10680
10767
  outline: 0;
10681
10768
  }
10682
10769
 
10683
10770
  .modal-backdrop {
10771
+ --bs-backdrop-zindex: 1050;
10772
+ --bs-backdrop-bg: #000;
10773
+ --bs-backdrop-opacity: 0.5;
10684
10774
  position: fixed;
10685
10775
  top: 0;
10686
10776
  left: 0;
10687
- z-index: 1050;
10777
+ z-index: var(--bs-backdrop-zindex);
10688
10778
  width: 100vw;
10689
10779
  height: 100vh;
10690
- background-color: #000;
10780
+ background-color: var(--bs-backdrop-bg);
10691
10781
  }
10692
10782
  .modal-backdrop.fade {
10693
10783
  opacity: 0;
10694
10784
  }
10695
10785
  .modal-backdrop.show {
10696
- opacity: 0.5;
10786
+ opacity: var(--bs-backdrop-opacity);
10697
10787
  }
10698
10788
 
10699
10789
  .modal-header {
@@ -10701,73 +10791,68 @@ textarea.form-control-lg {
10701
10791
  flex-shrink: 0;
10702
10792
  align-items: center;
10703
10793
  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);
10794
+ padding: var(--bs-modal-header-padding);
10795
+ border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
10796
+ border-top-left-radius: var(--bs-modal-inner-border-radius);
10797
+ border-top-right-radius: var(--bs-modal-inner-border-radius);
10708
10798
  }
10709
10799
  .modal-header .btn-close {
10710
- padding: 0.5rem 0.5rem;
10711
- margin: -0.5rem -0.5rem -0.5rem auto;
10800
+ padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
10801
+ 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
10802
  }
10713
10803
 
10714
10804
  .modal-title {
10715
10805
  margin-bottom: 0;
10716
- line-height: 1.3;
10806
+ line-height: var(--bs-modal-title-line-height);
10717
10807
  }
10718
10808
 
10719
10809
  .modal-body {
10720
10810
  position: relative;
10721
10811
  flex: 1 1 auto;
10722
- padding: 1rem;
10812
+ padding: var(--bs-modal-padding);
10723
10813
  }
10724
10814
 
10725
10815
  .modal-footer {
10726
10816
  display: flex;
10727
- flex-wrap: wrap;
10728
10817
  flex-shrink: 0;
10818
+ flex-wrap: wrap;
10729
10819
  align-items: center;
10730
10820
  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);
10821
+ padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
10822
+ background-color: var(--bs-modal-footer-bg);
10823
+ border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
10824
+ border-bottom-right-radius: var(--bs-modal-inner-border-radius);
10825
+ border-bottom-left-radius: var(--bs-modal-inner-border-radius);
10735
10826
  }
10736
10827
  .modal-footer > * {
10737
- margin: 0.25rem;
10828
+ margin: calc(var(--bs-modal-footer-gap) * 0.5);
10738
10829
  }
10739
10830
 
10740
10831
  @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);
10748
- }
10749
-
10750
- .modal-dialog-centered {
10751
- min-height: calc(100% - 3.5rem);
10832
+ .modal {
10833
+ --bs-modal-margin: 1.75rem;
10834
+ --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
10752
10835
  }
10753
10836
 
10754
- .modal-content {
10755
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
10837
+ .modal-dialog {
10838
+ max-width: var(--bs-modal-width);
10839
+ margin-right: auto;
10840
+ margin-left: auto;
10756
10841
  }
10757
10842
 
10758
10843
  .modal-sm {
10759
- max-width: 300px;
10844
+ --bs-modal-width: 300px;
10760
10845
  }
10761
10846
  }
10762
10847
  @media (min-width: 992px) {
10763
10848
  .modal-lg,
10764
10849
  .modal-xl {
10765
- max-width: 800px;
10850
+ --bs-modal-width: 800px;
10766
10851
  }
10767
10852
  }
10768
10853
  @media (min-width: 1200px) {
10769
10854
  .modal-xl {
10770
- max-width: 1140px;
10855
+ --bs-modal-width: 1140px;
10771
10856
  }
10772
10857
  }
10773
10858
  .modal-fullscreen {
@@ -10781,15 +10866,13 @@ textarea.form-control-lg {
10781
10866
  border: 0;
10782
10867
  border-radius: 0;
10783
10868
  }
10784
- .modal-fullscreen .modal-header {
10869
+ .modal-fullscreen .modal-header,
10870
+ .modal-fullscreen .modal-footer {
10785
10871
  border-radius: 0;
10786
10872
  }
10787
10873
  .modal-fullscreen .modal-body {
10788
10874
  overflow-y: auto;
10789
10875
  }
10790
- .modal-fullscreen .modal-footer {
10791
- border-radius: 0;
10792
- }
10793
10876
 
10794
10877
  @media (max-width: 575.98px) {
10795
10878
  .modal-fullscreen-sm-down {
@@ -10803,15 +10886,13 @@ textarea.form-control-lg {
10803
10886
  border: 0;
10804
10887
  border-radius: 0;
10805
10888
  }
10806
- .modal-fullscreen-sm-down .modal-header {
10889
+ .modal-fullscreen-sm-down .modal-header,
10890
+ .modal-fullscreen-sm-down .modal-footer {
10807
10891
  border-radius: 0;
10808
10892
  }
10809
10893
  .modal-fullscreen-sm-down .modal-body {
10810
10894
  overflow-y: auto;
10811
10895
  }
10812
- .modal-fullscreen-sm-down .modal-footer {
10813
- border-radius: 0;
10814
- }
10815
10896
  }
10816
10897
  @media (max-width: 767.98px) {
10817
10898
  .modal-fullscreen-md-down {
@@ -10825,15 +10906,13 @@ textarea.form-control-lg {
10825
10906
  border: 0;
10826
10907
  border-radius: 0;
10827
10908
  }
10828
- .modal-fullscreen-md-down .modal-header {
10909
+ .modal-fullscreen-md-down .modal-header,
10910
+ .modal-fullscreen-md-down .modal-footer {
10829
10911
  border-radius: 0;
10830
10912
  }
10831
10913
  .modal-fullscreen-md-down .modal-body {
10832
10914
  overflow-y: auto;
10833
10915
  }
10834
- .modal-fullscreen-md-down .modal-footer {
10835
- border-radius: 0;
10836
- }
10837
10916
  }
10838
10917
  @media (max-width: 991.98px) {
10839
10918
  .modal-fullscreen-lg-down {
@@ -10847,15 +10926,13 @@ textarea.form-control-lg {
10847
10926
  border: 0;
10848
10927
  border-radius: 0;
10849
10928
  }
10850
- .modal-fullscreen-lg-down .modal-header {
10929
+ .modal-fullscreen-lg-down .modal-header,
10930
+ .modal-fullscreen-lg-down .modal-footer {
10851
10931
  border-radius: 0;
10852
10932
  }
10853
10933
  .modal-fullscreen-lg-down .modal-body {
10854
10934
  overflow-y: auto;
10855
10935
  }
10856
- .modal-fullscreen-lg-down .modal-footer {
10857
- border-radius: 0;
10858
- }
10859
10936
  }
10860
10937
  @media (max-width: 1199.98px) {
10861
10938
  .modal-fullscreen-xl-down {
@@ -10869,15 +10946,13 @@ textarea.form-control-lg {
10869
10946
  border: 0;
10870
10947
  border-radius: 0;
10871
10948
  }
10872
- .modal-fullscreen-xl-down .modal-header {
10949
+ .modal-fullscreen-xl-down .modal-header,
10950
+ .modal-fullscreen-xl-down .modal-footer {
10873
10951
  border-radius: 0;
10874
10952
  }
10875
10953
  .modal-fullscreen-xl-down .modal-body {
10876
10954
  overflow-y: auto;
10877
10955
  }
10878
- .modal-fullscreen-xl-down .modal-footer {
10879
- border-radius: 0;
10880
- }
10881
10956
  }
10882
10957
  @media (max-width: 1399.98px) {
10883
10958
  .modal-fullscreen-xxl-down {
@@ -10891,22 +10966,20 @@ textarea.form-control-lg {
10891
10966
  border: 0;
10892
10967
  border-radius: 0;
10893
10968
  }
10894
- .modal-fullscreen-xxl-down .modal-header {
10969
+ .modal-fullscreen-xxl-down .modal-header,
10970
+ .modal-fullscreen-xxl-down .modal-footer {
10895
10971
  border-radius: 0;
10896
10972
  }
10897
10973
  .modal-fullscreen-xxl-down .modal-body {
10898
10974
  overflow-y: auto;
10899
10975
  }
10900
- .modal-fullscreen-xxl-down .modal-footer {
10901
- border-radius: 0;
10902
- }
10903
10976
  }
10904
10977
  .placeholder {
10905
10978
  display: inline-block;
10906
10979
  min-height: 1em;
10907
10980
  vertical-align: middle;
10908
10981
  cursor: wait;
10909
- background-color: currentColor;
10982
+ background-color: currentcolor;
10910
10983
  opacity: 0.5;
10911
10984
  }
10912
10985
  .placeholder.btn::before {
@@ -11158,13 +11231,21 @@ textarea.form-control-lg {
11158
11231
  }
11159
11232
  }
11160
11233
  .progress {
11234
+ --bs-progress-height: 1rem;
11235
+ --bs-progress-font-size: 0.75rem;
11236
+ --bs-progress-bg: #e9ecef;
11237
+ --bs-progress-border-radius: 0.15rem;
11238
+ --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
11239
+ --bs-progress-bar-color: #fff;
11240
+ --bs-progress-bar-bg: #007681;
11241
+ --bs-progress-bar-transition: width 0.6s ease;
11161
11242
  display: flex;
11162
- height: 1rem;
11243
+ height: var(--bs-progress-height);
11163
11244
  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);
11245
+ font-size: var(--bs-progress-font-size);
11246
+ background-color: var(--bs-progress-bg);
11247
+ border-radius: var(--bs-progress-border-radius);
11248
+ box-shadow: var(--bs-progress-box-shadow);
11168
11249
  }
11169
11250
 
11170
11251
  .progress-bar {
@@ -11172,11 +11253,11 @@ textarea.form-control-lg {
11172
11253
  flex-direction: column;
11173
11254
  justify-content: center;
11174
11255
  overflow: hidden;
11175
- color: #fff;
11256
+ color: var(--bs-progress-bar-color);
11176
11257
  text-align: center;
11177
11258
  white-space: nowrap;
11178
- background-color: #007681;
11179
- transition: width 0.6s ease;
11259
+ background-color: var(--bs-progress-bar-bg);
11260
+ transition: var(--bs-progress-bar-transition);
11180
11261
  }
11181
11262
  @media (prefers-reduced-motion: reduce) {
11182
11263
  .progress-bar {
@@ -11186,7 +11267,7 @@ textarea.form-control-lg {
11186
11267
 
11187
11268
  .progress-bar-striped {
11188
11269
  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;
11270
+ background-size: var(--bs-progress-height) var(--bs-progress-height);
11190
11271
  }
11191
11272
 
11192
11273
  .progress-bar-animated {
@@ -11199,12 +11280,29 @@ textarea.form-control-lg {
11199
11280
  }
11200
11281
 
11201
11282
  .popover {
11202
- position: absolute;
11203
- top: 0;
11204
- left: 0 /* rtl:ignore */;
11205
- z-index: 1070;
11283
+ --bs-popover-zindex: 1070;
11284
+ --bs-popover-max-width: 276px;
11285
+ --bs-popover-font-size: 0.875rem;
11286
+ --bs-popover-bg: #fff;
11287
+ --bs-popover-border-width: 1px;
11288
+ --bs-popover-border-color: var(--bs-border-color-translucent);
11289
+ --bs-popover-border-radius: 0.5rem;
11290
+ --bs-popover-inner-border-radius: calc(0.5rem - 1px);
11291
+ --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
11292
+ --bs-popover-header-padding-x: 1rem;
11293
+ --bs-popover-header-padding-y: 0.5rem;
11294
+ --bs-popover-header-font-size: 1rem;
11295
+ --bs-popover-header-color: ;
11296
+ --bs-popover-header-bg: #f0f0f0;
11297
+ --bs-popover-body-padding-x: 1rem;
11298
+ --bs-popover-body-padding-y: 1rem;
11299
+ --bs-popover-body-color: #212529;
11300
+ --bs-popover-arrow-width: 1rem;
11301
+ --bs-popover-arrow-height: 0.5rem;
11302
+ --bs-popover-arrow-border: var(--bs-popover-border-color);
11303
+ z-index: var(--bs-popover-zindex);
11206
11304
  display: block;
11207
- max-width: 276px;
11305
+ max-width: var(--bs-popover-max-width);
11208
11306
  font-family: var(--bs-font-sans-serif);
11209
11307
  font-style: normal;
11210
11308
  font-weight: 400;
@@ -11216,22 +11314,21 @@ textarea.form-control-lg {
11216
11314
  text-transform: none;
11217
11315
  letter-spacing: normal;
11218
11316
  word-break: normal;
11219
- word-spacing: normal;
11220
11317
  white-space: normal;
11318
+ word-spacing: normal;
11221
11319
  line-break: auto;
11222
- font-size: 0.875rem;
11320
+ font-size: var(--bs-popover-font-size);
11223
11321
  word-wrap: break-word;
11224
- background-color: #fff;
11322
+ background-color: var(--bs-popover-bg);
11225
11323
  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);
11324
+ border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
11325
+ border-radius: var(--bs-popover-border-radius);
11326
+ box-shadow: var(--bs-popover-box-shadow);
11229
11327
  }
11230
11328
  .popover .popover-arrow {
11231
- position: absolute;
11232
11329
  display: block;
11233
- width: 1rem;
11234
- height: 0.5rem;
11330
+ width: var(--bs-popover-arrow-width);
11331
+ height: var(--bs-popover-arrow-height);
11235
11332
  }
11236
11333
  .popover .popover-arrow::before, .popover .popover-arrow::after {
11237
11334
  position: absolute;
@@ -11239,94 +11336,104 @@ textarea.form-control-lg {
11239
11336
  content: "";
11240
11337
  border-color: transparent;
11241
11338
  border-style: solid;
11339
+ border-width: 0;
11242
11340
  }
11243
11341
 
11244
11342
  .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
11245
- bottom: calc(-0.5rem - 1px);
11343
+ bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
11344
+ }
11345
+ .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 {
11346
+ border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
11246
11347
  }
11247
11348
  .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
11248
11349
  bottom: 0;
11249
- border-width: 0.5rem 0.5rem 0;
11250
- border-top-color: rgba(0, 0, 0, 0.25);
11350
+ border-top-color: var(--bs-popover-arrow-border);
11251
11351
  }
11252
11352
  .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;
11353
+ bottom: var(--bs-popover-border-width);
11354
+ border-top-color: var(--bs-popover-bg);
11256
11355
  }
11257
11356
 
11357
+ /* rtl:begin:ignore */
11258
11358
  .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;
11359
+ left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
11360
+ width: var(--bs-popover-arrow-height);
11361
+ height: var(--bs-popover-arrow-width);
11362
+ }
11363
+ .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 {
11364
+ 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
11365
  }
11263
11366
  .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
11264
11367
  left: 0;
11265
- border-width: 0.5rem 0.5rem 0.5rem 0;
11266
- border-right-color: rgba(0, 0, 0, 0.25);
11368
+ border-right-color: var(--bs-popover-arrow-border);
11267
11369
  }
11268
11370
  .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;
11371
+ left: var(--bs-popover-border-width);
11372
+ border-right-color: var(--bs-popover-bg);
11272
11373
  }
11273
11374
 
11375
+ /* rtl:end:ignore */
11274
11376
  .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
11275
- top: calc(-0.5rem - 1px);
11377
+ top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
11378
+ }
11379
+ .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 {
11380
+ border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
11276
11381
  }
11277
11382
  .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
11278
11383
  top: 0;
11279
- border-width: 0 0.5rem 0.5rem 0.5rem;
11280
- border-bottom-color: rgba(0, 0, 0, 0.25);
11384
+ border-bottom-color: var(--bs-popover-arrow-border);
11281
11385
  }
11282
11386
  .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;
11387
+ top: var(--bs-popover-border-width);
11388
+ border-bottom-color: var(--bs-popover-bg);
11286
11389
  }
11287
11390
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
11288
11391
  position: absolute;
11289
11392
  top: 0;
11290
11393
  left: 50%;
11291
11394
  display: block;
11292
- width: 1rem;
11293
- margin-left: -0.5rem;
11395
+ width: var(--bs-popover-arrow-width);
11396
+ margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
11294
11397
  content: "";
11295
- border-bottom: 1px solid #f0f0f0;
11398
+ border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
11296
11399
  }
11297
11400
 
11401
+ /* rtl:begin:ignore */
11298
11402
  .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;
11403
+ right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
11404
+ width: var(--bs-popover-arrow-height);
11405
+ height: var(--bs-popover-arrow-width);
11406
+ }
11407
+ .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 {
11408
+ 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
11409
  }
11303
11410
  .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
11304
11411
  right: 0;
11305
- border-width: 0.5rem 0 0.5rem 0.5rem;
11306
- border-left-color: rgba(0, 0, 0, 0.25);
11412
+ border-left-color: var(--bs-popover-arrow-border);
11307
11413
  }
11308
11414
  .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;
11415
+ right: var(--bs-popover-border-width);
11416
+ border-left-color: var(--bs-popover-bg);
11312
11417
  }
11313
11418
 
11419
+ /* rtl:end:ignore */
11314
11420
  .popover-header {
11315
- padding: 0.5rem 1rem;
11421
+ padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
11316
11422
  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);
11423
+ font-size: var(--bs-popover-header-font-size);
11424
+ color: var(--bs-popover-header-color);
11425
+ background-color: var(--bs-popover-header-bg);
11426
+ border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
11427
+ border-top-left-radius: var(--bs-popover-inner-border-radius);
11428
+ border-top-right-radius: var(--bs-popover-inner-border-radius);
11322
11429
  }
11323
11430
  .popover-header:empty {
11324
11431
  display: none;
11325
11432
  }
11326
11433
 
11327
11434
  .popover-body {
11328
- padding: 1rem 1rem;
11329
- color: #212529;
11435
+ padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
11436
+ color: var(--bs-popover-body-color);
11330
11437
  }
11331
11438
 
11332
11439
  .img-fluid {
@@ -11337,7 +11444,7 @@ textarea.form-control-lg {
11337
11444
  .img-thumbnail {
11338
11445
  padding: 0.25rem;
11339
11446
  background-color: #e9ebee;
11340
- border: 1px solid #dee2e6;
11447
+ border: 1px solid var(--bs-border-color);
11341
11448
  border-radius: 0.15rem;
11342
11449
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
11343
11450
  max-width: 100%;
@@ -12524,83 +12631,37 @@ a:hover .adb-plate-primary.attention .body-title, a:hover.adb-plate-primary.atte
12524
12631
  }
12525
12632
 
12526
12633
  .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;
12634
+ --bs-btn-color: white;
12635
+ --bs-btn-bg: #007681;
12636
+ --bs-btn-border-color: #005f68;
12637
+ --bs-btn-hover-color: #fff;
12638
+ --bs-btn-hover-bg: #00474e;
12639
+ --bs-btn-hover-border-color: #00191b;
12640
+ --bs-btn-focus-shadow-rgb: 38, 119, 127;
12641
+ --bs-btn-active-color: #fff;
12642
+ --bs-btn-active-bg: #005e67;
12643
+ --bs-btn-active-border-color: #00474e;
12644
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
12645
+ --bs-btn-disabled-color: #fff;
12646
+ --bs-btn-disabled-bg: #007681;
12647
+ --bs-btn-disabled-border-color: #005f68;
12564
12648
  }
12565
12649
 
12566
12650
  .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;
12651
+ --bs-btn-color: black;
12652
+ --bs-btn-bg: white;
12653
+ --bs-btn-border-color: #f2f2f2;
12654
+ --bs-btn-hover-color: #000;
12655
+ --bs-btn-hover-bg: #d9d9d9;
12656
+ --bs-btn-hover-border-color: silver;
12657
+ --bs-btn-focus-shadow-rgb: 206, 206, 206;
12658
+ --bs-btn-active-color: #000;
12659
+ --bs-btn-active-bg: white;
12660
+ --bs-btn-active-border-color: #f3f3f3;
12661
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
12662
+ --bs-btn-disabled-color: #000;
12663
+ --bs-btn-disabled-bg: white;
12664
+ --bs-btn-disabled-border-color: #f2f2f2;
12604
12665
  }
12605
12666
 
12606
12667
  .btn-link:active, .btn-link.active {
@@ -12624,13 +12685,24 @@ a:hover .adb-plate-primary.attention .body-title, a:hover.adb-plate-primary.atte
12624
12685
 
12625
12686
  .btn-select-primary {
12626
12687
  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;
12688
+ --bs-btn-color: white;
12689
+ --bs-btn-bg: #007681;
12690
+ --bs-btn-border-color: transparent;
12691
+ --bs-btn-hover-color: #fff;
12692
+ --bs-btn-hover-bg: #005f68;
12693
+ --bs-btn-hover-border-color: transparent;
12694
+ --bs-btn-focus-shadow-rgb: 255, 255, 255;
12695
+ --bs-btn-active-color: #fff;
12696
+ --bs-btn-active-bg: #005e67;
12697
+ --bs-btn-active-border-color: rgba(0, 0, 0, 0.25);
12698
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
12699
+ --bs-btn-disabled-color: #fff;
12700
+ --bs-btn-disabled-bg: #007681;
12701
+ --bs-btn-disabled-border-color: transparent;
12702
+ --bs-btn-padding-y: 0.1rem;
12703
+ --bs-btn-padding-x: 0.3rem;
12704
+ --bs-btn-font-size: 0.75rem;
12705
+ --bs-btn-border-radius: 0.15rem;
12634
12706
  }
12635
12707
  .btn-select-primary:not(.read-only)::after {
12636
12708
  margin-left: 0.5em;
@@ -12638,40 +12710,27 @@ a:hover .adb-plate-primary.attention .body-title, a:hover.adb-plate-primary.atte
12638
12710
  font-family: "Font Awesome 5 Pro";
12639
12711
  font-weight: 900;
12640
12712
  }
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
12713
 
12666
12714
  .btn-select-secondary {
12667
12715
  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;
12716
+ --bs-btn-color: white;
12717
+ --bs-btn-bg: #4d4d4d;
12718
+ --bs-btn-border-color: transparent;
12719
+ --bs-btn-hover-color: #fff;
12720
+ --bs-btn-hover-bg: black;
12721
+ --bs-btn-hover-border-color: transparent;
12722
+ --bs-btn-focus-shadow-rgb: 255, 255, 255;
12723
+ --bs-btn-active-color: #fff;
12724
+ --bs-btn-active-bg: #3e3e3e;
12725
+ --bs-btn-active-border-color: rgba(0, 0, 0, 0.25);
12726
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
12727
+ --bs-btn-disabled-color: #fff;
12728
+ --bs-btn-disabled-bg: #4d4d4d;
12729
+ --bs-btn-disabled-border-color: transparent;
12730
+ --bs-btn-padding-y: 0.1rem;
12731
+ --bs-btn-padding-x: 0.3rem;
12732
+ --bs-btn-font-size: 0.75rem;
12733
+ --bs-btn-border-radius: 0.15rem;
12675
12734
  color: white;
12676
12735
  }
12677
12736
  .btn-select-secondary:not(.read-only)::after {
@@ -12680,70 +12739,34 @@ a:hover .adb-plate-primary.attention .body-title, a:hover.adb-plate-primary.atte
12680
12739
  font-family: "Font Awesome 5 Pro";
12681
12740
  font-weight: 900;
12682
12741
  }
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
12742
 
12708
12743
  .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;
12744
+ --bs-btn-color: black;
12745
+ --bs-btn-bg: white;
12746
+ --bs-btn-border-color: #646262;
12747
+ --bs-btn-hover-color: #000;
12748
+ --bs-btn-hover-bg: #d9d9d9;
12749
+ --bs-btn-hover-border-color: #646262;
12750
+ --bs-btn-focus-shadow-rgb: 85, 83, 83;
12751
+ --bs-btn-active-color: #000;
12752
+ --bs-btn-active-bg: white;
12753
+ --bs-btn-active-border-color: #747272;
12754
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
12755
+ --bs-btn-disabled-color: #000;
12756
+ --bs-btn-disabled-bg: white;
12757
+ --bs-btn-disabled-border-color: #646262;
12758
+ --bs-btn-padding-y: 0.2rem;
12759
+ --bs-btn-padding-x: 1rem;
12760
+ --bs-btn-font-size: 1rem;
12761
+ --bs-btn-border-radius: 50rem;
12716
12762
  border-radius: 50rem;
12717
12763
  box-shadow: none;
12718
12764
  }
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
12765
  .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;
12766
+ --bs-btn-padding-y: 0.1rem;
12767
+ --bs-btn-padding-x: 1rem;
12768
+ --bs-btn-font-size: 0.875rem;
12769
+ --bs-btn-border-radius: 50rem;
12747
12770
  }
12748
12771
  .btn-pill-primary.active {
12749
12772
  background-color: #4d4d4d;