admin-lte 4.0.0-beta3 → 4.0.0-rc3

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.
Files changed (76) hide show
  1. package/.browserslistrc +9 -4
  2. package/ACCESSIBILITY-COMPLIANCE.md +369 -0
  3. package/CHANGELOG.md +460 -0
  4. package/README.md +50 -7
  5. package/dist/{pages/UI → UI}/general.html +79 -28
  6. package/dist/{pages/UI → UI}/icons.html +76 -25
  7. package/dist/{pages/UI → UI}/timeline.html +80 -29
  8. package/dist/css/adminlte.css +516 -332
  9. package/dist/css/adminlte.css.map +1 -1
  10. package/dist/css/adminlte.min.css +1 -1
  11. package/dist/css/adminlte.min.css.map +1 -1
  12. package/dist/css/adminlte.rtl.css +516 -332
  13. package/dist/css/adminlte.rtl.css.map +1 -1
  14. package/dist/css/adminlte.rtl.min.css +1 -1
  15. package/dist/css/adminlte.rtl.min.css.map +1 -1
  16. package/dist/{pages/docs → docs}/browser-support.html +77 -44
  17. package/dist/{pages/docs → docs}/color-mode.html +82 -50
  18. package/dist/{pages/docs → docs}/components/main-header.html +82 -49
  19. package/dist/{pages/docs → docs}/components/main-sidebar.html +78 -46
  20. package/dist/{pages/docs → docs}/faq.html +76 -42
  21. package/dist/{pages/docs → docs}/how-to-contribute.html +77 -44
  22. package/dist/{pages/docs → docs}/introduction.html +82 -54
  23. package/dist/{pages/docs → docs}/javascript/treeview.html +77 -44
  24. package/dist/{pages/docs → docs}/layout.html +76 -25
  25. package/dist/{pages/docs → docs}/license.html +76 -42
  26. package/dist/{pages/examples → examples}/lockscreen.html +49 -18
  27. package/dist/{pages/examples → examples}/login-v2.html +47 -16
  28. package/dist/{pages/examples → examples}/login.html +47 -16
  29. package/dist/{pages/examples → examples}/register-v2.html +47 -16
  30. package/dist/{pages/examples → examples}/register.html +47 -16
  31. package/dist/{pages/forms → forms}/general.html +76 -25
  32. package/dist/{pages/generate → generate}/theme.html +193 -24
  33. package/dist/{pages/index.html → index.html} +90 -57
  34. package/dist/{pages/index2.html → index2.html} +99 -48
  35. package/dist/{pages/index3.html → index3.html} +80 -29
  36. package/dist/js/adminlte.js +795 -345
  37. package/dist/js/adminlte.js.map +1 -1
  38. package/dist/js/adminlte.min.js +3 -3
  39. package/dist/js/adminlte.min.js.map +1 -1
  40. package/dist/{pages/layout → layout}/collapsed-sidebar.html +75 -24
  41. package/dist/layout/fixed-complete.html +883 -0
  42. package/dist/layout/fixed-footer.html +880 -0
  43. package/dist/layout/fixed-header.html +880 -0
  44. package/dist/{pages/layout → layout}/fixed-sidebar.html +76 -25
  45. package/dist/{pages/layout → layout}/layout-custom-area.html +76 -25
  46. package/dist/{pages/layout → layout}/layout-rtl.html +76 -25
  47. package/dist/{pages/layout → layout}/logo-switch.html +55 -24
  48. package/dist/{pages/layout → layout}/sidebar-mini.html +75 -24
  49. package/dist/{pages/layout → layout}/unfixed-sidebar.html +76 -25
  50. package/dist/{pages/tables → tables}/simple.html +76 -25
  51. package/dist/{pages/widgets → widgets}/cards.html +76 -25
  52. package/dist/{pages/widgets → widgets}/info-box.html +76 -25
  53. package/dist/{pages/widgets → widgets}/small-box.html +76 -25
  54. package/eslint.config.js +82 -0
  55. package/package.json +42 -37
  56. package/src/scss/_accessibility.scss +292 -0
  57. package/src/scss/_app-footer.scss +8 -0
  58. package/src/scss/_app-header.scss +8 -0
  59. package/src/scss/_app-sidebar.scss +12 -0
  60. package/src/scss/_table.scss +1 -9
  61. package/src/scss/_variables.scss +2 -1
  62. package/src/scss/adminlte.scss +3 -0
  63. package/src/ts/accessibility.ts +533 -0
  64. package/src/ts/adminlte.ts +48 -9
  65. package/src/ts/card-widget.ts +1 -2
  66. package/src/ts/push-menu.ts +1 -2
  67. package/src/ts/treeview.ts +13 -2
  68. package/src/ts/util/index.ts +39 -7
  69. package/.astro/content-assets.mjs +0 -1
  70. package/.astro/content-modules.mjs +0 -1
  71. package/.astro/content.d.ts +0 -166
  72. package/.astro/data-store.json +0 -1
  73. package/.astro/settings.json +0 -5
  74. package/.astro/types.d.ts +0 -2
  75. package/adminlte-v4.0.0-beta1-with-dist.zip +0 -0
  76. package/adminlte-v4.0.0-beta3.zip +0 -0
@@ -46,28 +46,28 @@
46
46
  --bs-danger-rgb: 220, 53, 69;
47
47
  --bs-light-rgb: 248, 249, 250;
48
48
  --bs-dark-rgb: 33, 37, 41;
49
- --bs-primary-text-emphasis: #052c65;
50
- --bs-secondary-text-emphasis: #2b2f32;
51
- --bs-success-text-emphasis: #0a3622;
52
- --bs-info-text-emphasis: #055160;
53
- --bs-warning-text-emphasis: #664d03;
54
- --bs-danger-text-emphasis: #58151c;
49
+ --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
50
+ --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
51
+ --bs-success-text-emphasis: rgb(10, 54, 33.6);
52
+ --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
53
+ --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
54
+ --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
55
55
  --bs-light-text-emphasis: #495057;
56
56
  --bs-dark-text-emphasis: #495057;
57
- --bs-primary-bg-subtle: #cfe2ff;
58
- --bs-secondary-bg-subtle: #e2e3e5;
59
- --bs-success-bg-subtle: #d1e7dd;
60
- --bs-info-bg-subtle: #cff4fc;
61
- --bs-warning-bg-subtle: #fff3cd;
62
- --bs-danger-bg-subtle: #f8d7da;
63
- --bs-light-bg-subtle: #fcfcfd;
57
+ --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
58
+ --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
59
+ --bs-success-bg-subtle: rgb(209, 231, 220.8);
60
+ --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
61
+ --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
62
+ --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
63
+ --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
64
64
  --bs-dark-bg-subtle: #ced4da;
65
- --bs-primary-border-subtle: #9ec5fe;
66
- --bs-secondary-border-subtle: #c4c8cb;
67
- --bs-success-border-subtle: #a3cfbb;
68
- --bs-info-border-subtle: #9eeaf9;
69
- --bs-warning-border-subtle: #ffe69c;
70
- --bs-danger-border-subtle: #f1aeb5;
65
+ --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
66
+ --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
67
+ --bs-success-border-subtle: rgb(163, 207, 186.6);
68
+ --bs-info-border-subtle: rgb(158.2, 233.8, 249);
69
+ --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
70
+ --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
71
71
  --bs-light-border-subtle: #e9ecef;
72
72
  --bs-dark-border-subtle: #adb5bd;
73
73
  --bs-white-rgb: 255, 255, 255;
@@ -97,11 +97,11 @@
97
97
  --bs-link-color: #0d6efd;
98
98
  --bs-link-color-rgb: 13, 110, 253;
99
99
  --bs-link-decoration: underline;
100
- --bs-link-hover-color: #0a58ca;
100
+ --bs-link-hover-color: rgb(10.4, 88, 202.4);
101
101
  --bs-link-hover-color-rgb: 10, 88, 202;
102
102
  --bs-code-color: #d63384;
103
103
  --bs-highlight-color: #212529;
104
- --bs-highlight-bg: #fff3cd;
104
+ --bs-highlight-bg: rgb(255, 242.6, 205.4);
105
105
  --bs-border-width: 1px;
106
106
  --bs-border-style: solid;
107
107
  --bs-border-color: #dee2e6;
@@ -140,46 +140,46 @@
140
140
  --bs-secondary-bg-rgb: 52, 58, 64;
141
141
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
142
142
  --bs-tertiary-color-rgb: 222, 226, 230;
143
- --bs-tertiary-bg: #2b3035;
143
+ --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
144
144
  --bs-tertiary-bg-rgb: 43, 48, 53;
145
- --bs-primary-text-emphasis: #6ea8fe;
146
- --bs-secondary-text-emphasis: #a7acb1;
147
- --bs-success-text-emphasis: #75b798;
148
- --bs-info-text-emphasis: #6edff6;
149
- --bs-warning-text-emphasis: #ffda6a;
150
- --bs-danger-text-emphasis: #ea868f;
145
+ --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
146
+ --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
147
+ --bs-success-text-emphasis: rgb(117, 183, 152.4);
148
+ --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
149
+ --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
150
+ --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
151
151
  --bs-light-text-emphasis: #f8f9fa;
152
152
  --bs-dark-text-emphasis: #dee2e6;
153
- --bs-primary-bg-subtle: #031633;
154
- --bs-secondary-bg-subtle: #161719;
155
- --bs-success-bg-subtle: #051b11;
156
- --bs-info-bg-subtle: #032830;
157
- --bs-warning-bg-subtle: #332701;
158
- --bs-danger-bg-subtle: #2c0b0e;
153
+ --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
154
+ --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
155
+ --bs-success-bg-subtle: rgb(5, 27, 16.8);
156
+ --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
157
+ --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
158
+ --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
159
159
  --bs-light-bg-subtle: #343a40;
160
160
  --bs-dark-bg-subtle: #1a1d20;
161
- --bs-primary-border-subtle: #084298;
162
- --bs-secondary-border-subtle: #41464b;
163
- --bs-success-border-subtle: #0f5132;
164
- --bs-info-border-subtle: #087990;
165
- --bs-warning-border-subtle: #997404;
166
- --bs-danger-border-subtle: #842029;
161
+ --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
162
+ --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
163
+ --bs-success-border-subtle: rgb(15, 81, 50.4);
164
+ --bs-info-border-subtle: rgb(7.8, 121.2, 144);
165
+ --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
166
+ --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
167
167
  --bs-light-border-subtle: #495057;
168
168
  --bs-dark-border-subtle: #343a40;
169
169
  --bs-heading-color: inherit;
170
- --bs-link-color: #6ea8fe;
171
- --bs-link-hover-color: #8bb9fe;
170
+ --bs-link-color: rgb(109.8, 168, 253.8);
171
+ --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
172
172
  --bs-link-color-rgb: 110, 168, 254;
173
173
  --bs-link-hover-color-rgb: 139, 185, 254;
174
- --bs-code-color: #e685b5;
174
+ --bs-code-color: rgb(230.4, 132.6, 181.2);
175
175
  --bs-highlight-color: #dee2e6;
176
- --bs-highlight-bg: #664d03;
176
+ --bs-highlight-bg: rgb(102, 77.2, 2.8);
177
177
  --bs-border-color: #495057;
178
178
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
179
- --bs-form-valid-color: #75b798;
180
- --bs-form-valid-border-color: #75b798;
181
- --bs-form-invalid-color: #ea868f;
182
- --bs-form-invalid-border-color: #ea868f;
179
+ --bs-form-valid-color: rgb(117, 183, 152.4);
180
+ --bs-form-valid-border-color: rgb(117, 183, 152.4);
181
+ --bs-form-invalid-color: rgb(234, 133.8, 143.4);
182
+ --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
183
183
  }
184
184
 
185
185
  *,
@@ -518,8 +518,8 @@ legend {
518
518
  width: 100%;
519
519
  padding: 0;
520
520
  margin-bottom: 0.5rem;
521
- font-size: calc(1.275rem + 0.3vw);
522
521
  line-height: inherit;
522
+ font-size: calc(1.275rem + 0.3vw);
523
523
  }
524
524
  @media (min-width: 1200px) {
525
525
  legend {
@@ -565,11 +565,6 @@ legend + * {
565
565
  padding: 0;
566
566
  }
567
567
 
568
- ::-webkit-file-upload-button {
569
- font: inherit;
570
- -webkit-appearance: button;
571
- }
572
-
573
568
  ::file-selector-button {
574
569
  font: inherit;
575
570
  -webkit-appearance: button;
@@ -602,9 +597,9 @@ progress {
602
597
  }
603
598
 
604
599
  .display-1 {
605
- font-size: calc(1.625rem + 4.5vw);
606
600
  font-weight: 300;
607
601
  line-height: 1.2;
602
+ font-size: calc(1.625rem + 4.5vw);
608
603
  }
609
604
  @media (min-width: 1200px) {
610
605
  .display-1 {
@@ -613,9 +608,9 @@ progress {
613
608
  }
614
609
 
615
610
  .display-2 {
616
- font-size: calc(1.575rem + 3.9vw);
617
611
  font-weight: 300;
618
612
  line-height: 1.2;
613
+ font-size: calc(1.575rem + 3.9vw);
619
614
  }
620
615
  @media (min-width: 1200px) {
621
616
  .display-2 {
@@ -624,9 +619,9 @@ progress {
624
619
  }
625
620
 
626
621
  .display-3 {
627
- font-size: calc(1.525rem + 3.3vw);
628
622
  font-weight: 300;
629
623
  line-height: 1.2;
624
+ font-size: calc(1.525rem + 3.3vw);
630
625
  }
631
626
  @media (min-width: 1200px) {
632
627
  .display-3 {
@@ -635,9 +630,9 @@ progress {
635
630
  }
636
631
 
637
632
  .display-4 {
638
- font-size: calc(1.475rem + 2.7vw);
639
633
  font-weight: 300;
640
634
  line-height: 1.2;
635
+ font-size: calc(1.475rem + 2.7vw);
641
636
  }
642
637
  @media (min-width: 1200px) {
643
638
  .display-4 {
@@ -646,9 +641,9 @@ progress {
646
641
  }
647
642
 
648
643
  .display-5 {
649
- font-size: calc(1.425rem + 2.1vw);
650
644
  font-weight: 300;
651
645
  line-height: 1.2;
646
+ font-size: calc(1.425rem + 2.1vw);
652
647
  }
653
648
  @media (min-width: 1200px) {
654
649
  .display-5 {
@@ -657,9 +652,9 @@ progress {
657
652
  }
658
653
 
659
654
  .display-6 {
660
- font-size: calc(1.375rem + 1.5vw);
661
655
  font-weight: 300;
662
656
  line-height: 1.2;
657
+ font-size: calc(1.375rem + 1.5vw);
663
658
  }
664
659
  @media (min-width: 1200px) {
665
660
  .display-6 {
@@ -805,7 +800,7 @@ progress {
805
800
  }
806
801
 
807
802
  .col {
808
- flex: 1 0 0%;
803
+ flex: 1 0 0;
809
804
  }
810
805
 
811
806
  .row-cols-auto > * {
@@ -1014,7 +1009,7 @@ progress {
1014
1009
 
1015
1010
  @media (min-width: 576px) {
1016
1011
  .col-sm {
1017
- flex: 1 0 0%;
1012
+ flex: 1 0 0;
1018
1013
  }
1019
1014
  .row-cols-sm-auto > * {
1020
1015
  flex: 0 0 auto;
@@ -1183,7 +1178,7 @@ progress {
1183
1178
  }
1184
1179
  @media (min-width: 768px) {
1185
1180
  .col-md {
1186
- flex: 1 0 0%;
1181
+ flex: 1 0 0;
1187
1182
  }
1188
1183
  .row-cols-md-auto > * {
1189
1184
  flex: 0 0 auto;
@@ -1352,7 +1347,7 @@ progress {
1352
1347
  }
1353
1348
  @media (min-width: 992px) {
1354
1349
  .col-lg {
1355
- flex: 1 0 0%;
1350
+ flex: 1 0 0;
1356
1351
  }
1357
1352
  .row-cols-lg-auto > * {
1358
1353
  flex: 0 0 auto;
@@ -1521,7 +1516,7 @@ progress {
1521
1516
  }
1522
1517
  @media (min-width: 1200px) {
1523
1518
  .col-xl {
1524
- flex: 1 0 0%;
1519
+ flex: 1 0 0;
1525
1520
  }
1526
1521
  .row-cols-xl-auto > * {
1527
1522
  flex: 0 0 auto;
@@ -1690,7 +1685,7 @@ progress {
1690
1685
  }
1691
1686
  @media (min-width: 1400px) {
1692
1687
  .col-xxl {
1693
- flex: 1 0 0%;
1688
+ flex: 1 0 0;
1694
1689
  }
1695
1690
  .row-cols-xxl-auto > * {
1696
1691
  flex: 0 0 auto;
@@ -1939,13 +1934,13 @@ progress {
1939
1934
 
1940
1935
  .table-primary {
1941
1936
  --bs-table-color: #000;
1942
- --bs-table-bg: #cfe2ff;
1943
- --bs-table-border-color: #a6b5cc;
1944
- --bs-table-striped-bg: #c5d7f2;
1937
+ --bs-table-bg: rgb(206.6, 226, 254.6);
1938
+ --bs-table-border-color: rgb(165.28, 180.8, 203.68);
1939
+ --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
1945
1940
  --bs-table-striped-color: #000;
1946
- --bs-table-active-bg: #bacbe6;
1941
+ --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
1947
1942
  --bs-table-active-color: #000;
1948
- --bs-table-hover-bg: #bfd1ec;
1943
+ --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
1949
1944
  --bs-table-hover-color: #000;
1950
1945
  color: var(--bs-table-color);
1951
1946
  border-color: var(--bs-table-border-color);
@@ -1953,13 +1948,13 @@ progress {
1953
1948
 
1954
1949
  .table-secondary {
1955
1950
  --bs-table-color: #000;
1956
- --bs-table-bg: #e2e3e5;
1957
- --bs-table-border-color: #b5b6b7;
1958
- --bs-table-striped-bg: #d7d8da;
1951
+ --bs-table-bg: rgb(225.6, 227.4, 229);
1952
+ --bs-table-border-color: rgb(180.48, 181.92, 183.2);
1953
+ --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
1959
1954
  --bs-table-striped-color: #000;
1960
- --bs-table-active-bg: #cbccce;
1955
+ --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
1961
1956
  --bs-table-active-color: #000;
1962
- --bs-table-hover-bg: #d1d2d4;
1957
+ --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
1963
1958
  --bs-table-hover-color: #000;
1964
1959
  color: var(--bs-table-color);
1965
1960
  border-color: var(--bs-table-border-color);
@@ -1967,13 +1962,13 @@ progress {
1967
1962
 
1968
1963
  .table-success {
1969
1964
  --bs-table-color: #000;
1970
- --bs-table-bg: #d1e7dd;
1971
- --bs-table-border-color: #a7b9b1;
1972
- --bs-table-striped-bg: #c7dbd2;
1965
+ --bs-table-bg: rgb(209, 231, 220.8);
1966
+ --bs-table-border-color: rgb(167.2, 184.8, 176.64);
1967
+ --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
1973
1968
  --bs-table-striped-color: #000;
1974
- --bs-table-active-bg: #bcd0c7;
1969
+ --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
1975
1970
  --bs-table-active-color: #000;
1976
- --bs-table-hover-bg: #c1d6cc;
1971
+ --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
1977
1972
  --bs-table-hover-color: #000;
1978
1973
  color: var(--bs-table-color);
1979
1974
  border-color: var(--bs-table-border-color);
@@ -1981,13 +1976,13 @@ progress {
1981
1976
 
1982
1977
  .table-info {
1983
1978
  --bs-table-color: #000;
1984
- --bs-table-bg: #cff4fc;
1985
- --bs-table-border-color: #a6c3ca;
1986
- --bs-table-striped-bg: #c5e8ef;
1979
+ --bs-table-bg: rgb(206.6, 244.4, 252);
1980
+ --bs-table-border-color: rgb(165.28, 195.52, 201.6);
1981
+ --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
1987
1982
  --bs-table-striped-color: #000;
1988
- --bs-table-active-bg: #badce3;
1983
+ --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
1989
1984
  --bs-table-active-color: #000;
1990
- --bs-table-hover-bg: #bfe2e9;
1985
+ --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
1991
1986
  --bs-table-hover-color: #000;
1992
1987
  color: var(--bs-table-color);
1993
1988
  border-color: var(--bs-table-border-color);
@@ -1995,13 +1990,13 @@ progress {
1995
1990
 
1996
1991
  .table-warning {
1997
1992
  --bs-table-color: #000;
1998
- --bs-table-bg: #fff3cd;
1999
- --bs-table-border-color: #ccc2a4;
2000
- --bs-table-striped-bg: #f2e7c3;
1993
+ --bs-table-bg: rgb(255, 242.6, 205.4);
1994
+ --bs-table-border-color: rgb(204, 194.08, 164.32);
1995
+ --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
2001
1996
  --bs-table-striped-color: #000;
2002
- --bs-table-active-bg: #e6dbb9;
1997
+ --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
2003
1998
  --bs-table-active-color: #000;
2004
- --bs-table-hover-bg: #ece1be;
1999
+ --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
2005
2000
  --bs-table-hover-color: #000;
2006
2001
  color: var(--bs-table-color);
2007
2002
  border-color: var(--bs-table-border-color);
@@ -2009,13 +2004,13 @@ progress {
2009
2004
 
2010
2005
  .table-danger {
2011
2006
  --bs-table-color: #000;
2012
- --bs-table-bg: #f8d7da;
2013
- --bs-table-border-color: #c6acae;
2014
- --bs-table-striped-bg: #eccccf;
2007
+ --bs-table-bg: rgb(248, 214.6, 217.8);
2008
+ --bs-table-border-color: rgb(198.4, 171.68, 174.24);
2009
+ --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
2015
2010
  --bs-table-striped-color: #000;
2016
- --bs-table-active-bg: #dfc2c4;
2011
+ --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
2017
2012
  --bs-table-active-color: #000;
2018
- --bs-table-hover-bg: #e5c7ca;
2013
+ --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
2019
2014
  --bs-table-hover-color: #000;
2020
2015
  color: var(--bs-table-color);
2021
2016
  border-color: var(--bs-table-border-color);
@@ -2024,12 +2019,12 @@ progress {
2024
2019
  .table-light {
2025
2020
  --bs-table-color: #000;
2026
2021
  --bs-table-bg: #f8f9fa;
2027
- --bs-table-border-color: #c6c7c8;
2028
- --bs-table-striped-bg: #ecedee;
2022
+ --bs-table-border-color: rgb(198.4, 199.2, 200);
2023
+ --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
2029
2024
  --bs-table-striped-color: #000;
2030
- --bs-table-active-bg: #dfe0e1;
2025
+ --bs-table-active-bg: rgb(223.2, 224.1, 225);
2031
2026
  --bs-table-active-color: #000;
2032
- --bs-table-hover-bg: #e5e6e7;
2027
+ --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
2033
2028
  --bs-table-hover-color: #000;
2034
2029
  color: var(--bs-table-color);
2035
2030
  border-color: var(--bs-table-border-color);
@@ -2038,12 +2033,12 @@ progress {
2038
2033
  .table-dark {
2039
2034
  --bs-table-color: #fff;
2040
2035
  --bs-table-bg: #212529;
2041
- --bs-table-border-color: #4d5154;
2042
- --bs-table-striped-bg: #2c3034;
2036
+ --bs-table-border-color: rgb(77.4, 80.6, 83.8);
2037
+ --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
2043
2038
  --bs-table-striped-color: #fff;
2044
- --bs-table-active-bg: #373b3e;
2039
+ --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
2045
2040
  --bs-table-active-color: #fff;
2046
- --bs-table-hover-bg: #323539;
2041
+ --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
2047
2042
  --bs-table-hover-color: #fff;
2048
2043
  color: var(--bs-table-color);
2049
2044
  border-color: var(--bs-table-border-color);
@@ -2146,7 +2141,7 @@ progress {
2146
2141
  .form-control:focus {
2147
2142
  color: var(--bs-body-color);
2148
2143
  background-color: var(--bs-body-bg);
2149
- border-color: #86b7fe;
2144
+ border-color: rgb(134, 182.5, 254);
2150
2145
  outline: 0;
2151
2146
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2152
2147
  }
@@ -2171,26 +2166,9 @@ progress {
2171
2166
  background-color: var(--bs-secondary-bg);
2172
2167
  opacity: 1;
2173
2168
  }
2174
- .form-control::-webkit-file-upload-button {
2175
- padding: 0.375rem 0.75rem;
2176
- margin: -0.375rem -0.75rem;
2177
- -webkit-margin-end: 0.75rem;
2178
- margin-inline-end: 0.75rem;
2179
- color: var(--bs-body-color);
2180
- background-color: var(--bs-tertiary-bg);
2181
- pointer-events: none;
2182
- border-color: inherit;
2183
- border-style: solid;
2184
- border-width: 0;
2185
- border-inline-end-width: var(--bs-border-width);
2186
- border-radius: 0;
2187
- -webkit-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;
2188
- 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;
2189
- }
2190
2169
  .form-control::file-selector-button {
2191
2170
  padding: 0.375rem 0.75rem;
2192
2171
  margin: -0.375rem -0.75rem;
2193
- -webkit-margin-end: 0.75rem;
2194
2172
  margin-inline-end: 0.75rem;
2195
2173
  color: var(--bs-body-color);
2196
2174
  background-color: var(--bs-tertiary-bg);
@@ -2203,17 +2181,10 @@ progress {
2203
2181
  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;
2204
2182
  }
2205
2183
  @media (prefers-reduced-motion: reduce) {
2206
- .form-control::-webkit-file-upload-button {
2207
- -webkit-transition: none;
2208
- transition: none;
2209
- }
2210
2184
  .form-control::file-selector-button {
2211
2185
  transition: none;
2212
2186
  }
2213
2187
  }
2214
- .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
2215
- background-color: var(--bs-secondary-bg);
2216
- }
2217
2188
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
2218
2189
  background-color: var(--bs-secondary-bg);
2219
2190
  }
@@ -2243,16 +2214,9 @@ progress {
2243
2214
  font-size: 0.875rem;
2244
2215
  border-radius: var(--bs-border-radius-sm);
2245
2216
  }
2246
- .form-control-sm::-webkit-file-upload-button {
2247
- padding: 0.25rem 0.5rem;
2248
- margin: -0.25rem -0.5rem;
2249
- -webkit-margin-end: 0.5rem;
2250
- margin-inline-end: 0.5rem;
2251
- }
2252
2217
  .form-control-sm::file-selector-button {
2253
2218
  padding: 0.25rem 0.5rem;
2254
2219
  margin: -0.25rem -0.5rem;
2255
- -webkit-margin-end: 0.5rem;
2256
2220
  margin-inline-end: 0.5rem;
2257
2221
  }
2258
2222
 
@@ -2262,16 +2226,9 @@ progress {
2262
2226
  font-size: 1.25rem;
2263
2227
  border-radius: var(--bs-border-radius-lg);
2264
2228
  }
2265
- .form-control-lg::-webkit-file-upload-button {
2266
- padding: 0.5rem 1rem;
2267
- margin: -0.5rem -1rem;
2268
- -webkit-margin-end: 1rem;
2269
- margin-inline-end: 1rem;
2270
- }
2271
2229
  .form-control-lg::file-selector-button {
2272
2230
  padding: 0.5rem 1rem;
2273
2231
  margin: -0.5rem -1rem;
2274
- -webkit-margin-end: 1rem;
2275
2232
  margin-inline-end: 1rem;
2276
2233
  }
2277
2234
 
@@ -2336,7 +2293,7 @@ textarea.form-control-lg {
2336
2293
  }
2337
2294
  }
2338
2295
  .form-select:focus {
2339
- border-color: #86b7fe;
2296
+ border-color: rgb(134, 182.5, 254);
2340
2297
  outline: 0;
2341
2298
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2342
2299
  }
@@ -2411,7 +2368,6 @@ textarea.form-control-lg {
2411
2368
  background-size: contain;
2412
2369
  border: var(--bs-border-width) solid var(--bs-border-color);
2413
2370
  -webkit-print-color-adjust: exact;
2414
- color-adjust: exact;
2415
2371
  print-color-adjust: exact;
2416
2372
  }
2417
2373
  .form-check-input[type=checkbox] {
@@ -2424,7 +2380,7 @@ textarea.form-control-lg {
2424
2380
  filter: brightness(90%);
2425
2381
  }
2426
2382
  .form-check-input:focus {
2427
- border-color: #86b7fe;
2383
+ border-color: rgb(134, 182.5, 254);
2428
2384
  outline: 0;
2429
2385
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2430
2386
  }
@@ -2471,7 +2427,7 @@ textarea.form-control-lg {
2471
2427
  }
2472
2428
  }
2473
2429
  .form-switch .form-check-input:focus {
2474
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
2430
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e");
2475
2431
  }
2476
2432
  .form-switch .form-check-input:checked {
2477
2433
  background-position: right center;
@@ -2547,7 +2503,7 @@ textarea.form-control-lg {
2547
2503
  }
2548
2504
  }
2549
2505
  .form-range::-webkit-slider-thumb:active {
2550
- background-color: #b6d4fe;
2506
+ background-color: rgb(182.4, 211.5, 254.4);
2551
2507
  }
2552
2508
  .form-range::-webkit-slider-runnable-track {
2553
2509
  width: 100%;
@@ -2578,7 +2534,7 @@ textarea.form-control-lg {
2578
2534
  }
2579
2535
  }
2580
2536
  .form-range::-moz-range-thumb:active {
2581
- background-color: #b6d4fe;
2537
+ background-color: rgb(182.4, 211.5, 254.4);
2582
2538
  }
2583
2539
  .form-range::-moz-range-track {
2584
2540
  width: 100%;
@@ -2615,9 +2571,11 @@ textarea.form-control-lg {
2615
2571
  top: 0;
2616
2572
  left: 0;
2617
2573
  z-index: 2;
2574
+ max-width: 100%;
2618
2575
  height: 100%;
2619
2576
  padding: 1rem 0.75rem;
2620
2577
  overflow: hidden;
2578
+ color: rgba(var(--bs-body-color-rgb), 0.65);
2621
2579
  text-align: start;
2622
2580
  text-overflow: ellipsis;
2623
2581
  white-space: nowrap;
@@ -2642,7 +2600,7 @@ textarea.form-control-lg {
2642
2600
  .form-floating > .form-control-plaintext::placeholder {
2643
2601
  color: transparent;
2644
2602
  }
2645
- .form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
2603
+ .form-floating > .form-control:not(:-moz-placeholder), .form-floating > .form-control-plaintext:not(:-moz-placeholder) {
2646
2604
  padding-top: 1.625rem;
2647
2605
  padding-bottom: 0.625rem;
2648
2606
  }
@@ -2660,19 +2618,21 @@ textarea.form-control-lg {
2660
2618
  .form-floating > .form-select {
2661
2619
  padding-top: 1.625rem;
2662
2620
  padding-bottom: 0.625rem;
2621
+ padding-left: 0.75rem;
2663
2622
  }
2664
- .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
2665
- color: rgba(var(--bs-body-color-rgb), 0.65);
2623
+ .form-floating > .form-control:not(:-moz-placeholder) ~ label {
2666
2624
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2667
2625
  }
2668
2626
  .form-floating > .form-control:focus ~ label,
2669
2627
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
2670
2628
  .form-floating > .form-control-plaintext ~ label,
2671
2629
  .form-floating > .form-select ~ label {
2672
- color: rgba(var(--bs-body-color-rgb), 0.65);
2673
2630
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2674
2631
  }
2675
- .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
2632
+ .form-floating > .form-control:-webkit-autofill ~ label {
2633
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2634
+ }
2635
+ .form-floating > textarea:not(:-moz-placeholder) ~ label::after {
2676
2636
  position: absolute;
2677
2637
  inset: 1rem 0.375rem;
2678
2638
  z-index: -1;
@@ -2681,10 +2641,8 @@ textarea.form-control-lg {
2681
2641
  background-color: var(--bs-body-bg);
2682
2642
  border-radius: var(--bs-border-radius);
2683
2643
  }
2684
- .form-floating > .form-control:focus ~ label::after,
2685
- .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
2686
- .form-floating > .form-control-plaintext ~ label::after,
2687
- .form-floating > .form-select ~ label::after {
2644
+ .form-floating > textarea:focus ~ label::after,
2645
+ .form-floating > textarea:not(:placeholder-shown) ~ label::after {
2688
2646
  position: absolute;
2689
2647
  inset: 1rem 0.375rem;
2690
2648
  z-index: -1;
@@ -2693,9 +2651,8 @@ textarea.form-control-lg {
2693
2651
  background-color: var(--bs-body-bg);
2694
2652
  border-radius: var(--bs-border-radius);
2695
2653
  }
2696
- .form-floating > .form-control:-webkit-autofill ~ label {
2697
- color: rgba(var(--bs-body-color-rgb), 0.65);
2698
- transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2654
+ .form-floating > textarea:disabled ~ label::after {
2655
+ background-color: var(--bs-secondary-bg);
2699
2656
  }
2700
2657
  .form-floating > .form-control-plaintext ~ label {
2701
2658
  border-width: var(--bs-border-width) 0;
@@ -2704,10 +2661,6 @@ textarea.form-control-lg {
2704
2661
  .form-floating > .form-control:disabled ~ label {
2705
2662
  color: #6c757d;
2706
2663
  }
2707
- .form-floating > :disabled ~ label::after,
2708
- .form-floating > .form-control:disabled ~ label::after {
2709
- background-color: var(--bs-secondary-bg);
2710
- }
2711
2664
 
2712
2665
  .input-group {
2713
2666
  position: relative;
@@ -2790,7 +2743,7 @@ textarea.form-control-lg {
2790
2743
  border-bottom-right-radius: 0;
2791
2744
  }
2792
2745
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
2793
- margin-left: calc(var(--bs-border-width) * -1);
2746
+ margin-left: calc(-1 * var(--bs-border-width));
2794
2747
  border-top-left-radius: 0;
2795
2748
  border-bottom-left-radius: 0;
2796
2749
  }
@@ -3069,12 +3022,12 @@ textarea.form-control-lg {
3069
3022
  --bs-btn-bg: #0d6efd;
3070
3023
  --bs-btn-border-color: #0d6efd;
3071
3024
  --bs-btn-hover-color: #fff;
3072
- --bs-btn-hover-bg: #0b5ed7;
3073
- --bs-btn-hover-border-color: #0a58ca;
3025
+ --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
3026
+ --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
3074
3027
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
3075
3028
  --bs-btn-active-color: #fff;
3076
- --bs-btn-active-bg: #0a58ca;
3077
- --bs-btn-active-border-color: #0a53be;
3029
+ --bs-btn-active-bg: rgb(10.4, 88, 202.4);
3030
+ --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
3078
3031
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3079
3032
  --bs-btn-disabled-color: #fff;
3080
3033
  --bs-btn-disabled-bg: #0d6efd;
@@ -3086,12 +3039,12 @@ textarea.form-control-lg {
3086
3039
  --bs-btn-bg: #6c757d;
3087
3040
  --bs-btn-border-color: #6c757d;
3088
3041
  --bs-btn-hover-color: #fff;
3089
- --bs-btn-hover-bg: #5c636a;
3090
- --bs-btn-hover-border-color: #565e64;
3042
+ --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
3043
+ --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
3091
3044
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
3092
3045
  --bs-btn-active-color: #fff;
3093
- --bs-btn-active-bg: #565e64;
3094
- --bs-btn-active-border-color: #51585e;
3046
+ --bs-btn-active-bg: rgb(86.4, 93.6, 100);
3047
+ --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
3095
3048
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3096
3049
  --bs-btn-disabled-color: #fff;
3097
3050
  --bs-btn-disabled-bg: #6c757d;
@@ -3103,12 +3056,12 @@ textarea.form-control-lg {
3103
3056
  --bs-btn-bg: #198754;
3104
3057
  --bs-btn-border-color: #198754;
3105
3058
  --bs-btn-hover-color: #fff;
3106
- --bs-btn-hover-bg: #157347;
3107
- --bs-btn-hover-border-color: #146c43;
3059
+ --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
3060
+ --bs-btn-hover-border-color: rgb(20, 108, 67.2);
3108
3061
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
3109
3062
  --bs-btn-active-color: #fff;
3110
- --bs-btn-active-bg: #146c43;
3111
- --bs-btn-active-border-color: #13653f;
3063
+ --bs-btn-active-bg: rgb(20, 108, 67.2);
3064
+ --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
3112
3065
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3113
3066
  --bs-btn-disabled-color: #fff;
3114
3067
  --bs-btn-disabled-bg: #198754;
@@ -3120,12 +3073,12 @@ textarea.form-control-lg {
3120
3073
  --bs-btn-bg: #0dcaf0;
3121
3074
  --bs-btn-border-color: #0dcaf0;
3122
3075
  --bs-btn-hover-color: #000;
3123
- --bs-btn-hover-bg: #31d2f2;
3124
- --bs-btn-hover-border-color: #25cff2;
3076
+ --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
3077
+ --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
3125
3078
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
3126
3079
  --bs-btn-active-color: #000;
3127
- --bs-btn-active-bg: #3dd5f3;
3128
- --bs-btn-active-border-color: #25cff2;
3080
+ --bs-btn-active-bg: rgb(61.4, 212.6, 243);
3081
+ --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
3129
3082
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3130
3083
  --bs-btn-disabled-color: #000;
3131
3084
  --bs-btn-disabled-bg: #0dcaf0;
@@ -3137,12 +3090,12 @@ textarea.form-control-lg {
3137
3090
  --bs-btn-bg: #ffc107;
3138
3091
  --bs-btn-border-color: #ffc107;
3139
3092
  --bs-btn-hover-color: #000;
3140
- --bs-btn-hover-bg: #ffca2c;
3141
- --bs-btn-hover-border-color: #ffc720;
3093
+ --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
3094
+ --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
3142
3095
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
3143
3096
  --bs-btn-active-color: #000;
3144
- --bs-btn-active-bg: #ffcd39;
3145
- --bs-btn-active-border-color: #ffc720;
3097
+ --bs-btn-active-bg: rgb(255, 205.4, 56.6);
3098
+ --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
3146
3099
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3147
3100
  --bs-btn-disabled-color: #000;
3148
3101
  --bs-btn-disabled-bg: #ffc107;
@@ -3154,12 +3107,12 @@ textarea.form-control-lg {
3154
3107
  --bs-btn-bg: #dc3545;
3155
3108
  --bs-btn-border-color: #dc3545;
3156
3109
  --bs-btn-hover-color: #fff;
3157
- --bs-btn-hover-bg: #bb2d3b;
3158
- --bs-btn-hover-border-color: #b02a37;
3110
+ --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
3111
+ --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
3159
3112
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
3160
3113
  --bs-btn-active-color: #fff;
3161
- --bs-btn-active-bg: #b02a37;
3162
- --bs-btn-active-border-color: #a52834;
3114
+ --bs-btn-active-bg: rgb(176, 42.4, 55.2);
3115
+ --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
3163
3116
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3164
3117
  --bs-btn-disabled-color: #fff;
3165
3118
  --bs-btn-disabled-bg: #dc3545;
@@ -3171,12 +3124,12 @@ textarea.form-control-lg {
3171
3124
  --bs-btn-bg: #f8f9fa;
3172
3125
  --bs-btn-border-color: #f8f9fa;
3173
3126
  --bs-btn-hover-color: #000;
3174
- --bs-btn-hover-bg: #d3d4d5;
3175
- --bs-btn-hover-border-color: #c6c7c8;
3127
+ --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
3128
+ --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
3176
3129
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
3177
3130
  --bs-btn-active-color: #000;
3178
- --bs-btn-active-bg: #c6c7c8;
3179
- --bs-btn-active-border-color: #babbbc;
3131
+ --bs-btn-active-bg: rgb(198.4, 199.2, 200);
3132
+ --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
3180
3133
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3181
3134
  --bs-btn-disabled-color: #000;
3182
3135
  --bs-btn-disabled-bg: #f8f9fa;
@@ -3188,12 +3141,12 @@ textarea.form-control-lg {
3188
3141
  --bs-btn-bg: #212529;
3189
3142
  --bs-btn-border-color: #212529;
3190
3143
  --bs-btn-hover-color: #fff;
3191
- --bs-btn-hover-bg: #424649;
3192
- --bs-btn-hover-border-color: #373b3e;
3144
+ --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
3145
+ --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
3193
3146
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
3194
3147
  --bs-btn-active-color: #fff;
3195
- --bs-btn-active-bg: #4d5154;
3196
- --bs-btn-active-border-color: #373b3e;
3148
+ --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
3149
+ --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
3197
3150
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3198
3151
  --bs-btn-disabled-color: #fff;
3199
3152
  --bs-btn-disabled-bg: #212529;
@@ -3767,7 +3720,7 @@ textarea.form-control-lg {
3767
3720
  }
3768
3721
  .btn-group > :not(.btn-check:first-child) + .btn,
3769
3722
  .btn-group > .btn-group:not(:first-child) {
3770
- margin-left: calc(var(--bs-border-width) * -1);
3723
+ margin-left: calc(-1 * var(--bs-border-width));
3771
3724
  }
3772
3725
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
3773
3726
  .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -3821,14 +3774,15 @@ textarea.form-control-lg {
3821
3774
  }
3822
3775
  .btn-group-vertical > .btn:not(:first-child),
3823
3776
  .btn-group-vertical > .btn-group:not(:first-child) {
3824
- margin-top: calc(var(--bs-border-width) * -1);
3777
+ margin-top: calc(-1 * var(--bs-border-width));
3825
3778
  }
3826
3779
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
3827
3780
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
3828
3781
  border-bottom-right-radius: 0;
3829
3782
  border-bottom-left-radius: 0;
3830
3783
  }
3831
- .btn-group-vertical > .btn ~ .btn,
3784
+ .btn-group-vertical > .btn:nth-child(n+3),
3785
+ .btn-group-vertical > :not(.btn-check) + .btn,
3832
3786
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
3833
3787
  border-top-left-radius: 0;
3834
3788
  border-top-right-radius: 0;
@@ -3952,8 +3906,8 @@ textarea.form-control-lg {
3952
3906
 
3953
3907
  .nav-justified > .nav-link,
3954
3908
  .nav-justified .nav-item {
3955
- flex-basis: 0;
3956
3909
  flex-grow: 1;
3910
+ flex-basis: 0;
3957
3911
  text-align: center;
3958
3912
  }
3959
3913
 
@@ -4054,8 +4008,8 @@ textarea.form-control-lg {
4054
4008
  }
4055
4009
 
4056
4010
  .navbar-collapse {
4057
- flex-basis: 100%;
4058
4011
  flex-grow: 1;
4012
+ flex-basis: 100%;
4059
4013
  align-items: center;
4060
4014
  }
4061
4015
 
@@ -4557,7 +4511,7 @@ textarea.form-control-lg {
4557
4511
  flex-flow: row wrap;
4558
4512
  }
4559
4513
  .card-group > .card {
4560
- flex: 1 0 0%;
4514
+ flex: 1 0 0;
4561
4515
  margin-bottom: 0;
4562
4516
  }
4563
4517
  .card-group > .card + .card {
@@ -4568,24 +4522,24 @@ textarea.form-control-lg {
4568
4522
  border-top-right-radius: 0;
4569
4523
  border-bottom-right-radius: 0;
4570
4524
  }
4571
- .card-group > .card:not(:last-child) .card-img-top,
4572
- .card-group > .card:not(:last-child) .card-header {
4525
+ .card-group > .card:not(:last-child) > .card-img-top,
4526
+ .card-group > .card:not(:last-child) > .card-header {
4573
4527
  border-top-right-radius: 0;
4574
4528
  }
4575
- .card-group > .card:not(:last-child) .card-img-bottom,
4576
- .card-group > .card:not(:last-child) .card-footer {
4529
+ .card-group > .card:not(:last-child) > .card-img-bottom,
4530
+ .card-group > .card:not(:last-child) > .card-footer {
4577
4531
  border-bottom-right-radius: 0;
4578
4532
  }
4579
4533
  .card-group > .card:not(:first-child) {
4580
4534
  border-top-left-radius: 0;
4581
4535
  border-bottom-left-radius: 0;
4582
4536
  }
4583
- .card-group > .card:not(:first-child) .card-img-top,
4584
- .card-group > .card:not(:first-child) .card-header {
4537
+ .card-group > .card:not(:first-child) > .card-img-top,
4538
+ .card-group > .card:not(:first-child) > .card-header {
4585
4539
  border-top-left-radius: 0;
4586
4540
  }
4587
- .card-group > .card:not(:first-child) .card-img-bottom,
4588
- .card-group > .card:not(:first-child) .card-footer {
4541
+ .card-group > .card:not(:first-child) > .card-img-bottom,
4542
+ .card-group > .card:not(:first-child) > .card-footer {
4589
4543
  border-bottom-left-radius: 0;
4590
4544
  }
4591
4545
  }
@@ -4606,7 +4560,7 @@ textarea.form-control-lg {
4606
4560
  --bs-accordion-btn-icon-width: 1.25rem;
4607
4561
  --bs-accordion-btn-icon-transform: rotate(-180deg);
4608
4562
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4609
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
4563
+ --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
4610
4564
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
4611
4565
  --bs-accordion-body-padding-x: 1.25rem;
4612
4566
  --bs-accordion-body-padding-y: 1rem;
@@ -4716,16 +4670,15 @@ textarea.form-control-lg {
4716
4670
  .accordion-flush > .accordion-item:last-child {
4717
4671
  border-bottom: 0;
4718
4672
  }
4719
- .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
4720
- border-radius: 0;
4721
- }
4722
- .accordion-flush > .accordion-item > .accordion-collapse {
4673
+ .accordion-flush > .accordion-item > .accordion-collapse,
4674
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button,
4675
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
4723
4676
  border-radius: 0;
4724
4677
  }
4725
4678
 
4726
4679
  [data-bs-theme=dark] .accordion-button::after {
4727
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4728
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4680
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
4681
+ --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
4729
4682
  }
4730
4683
 
4731
4684
  .breadcrumb {
@@ -4831,13 +4784,8 @@ textarea.form-control-lg {
4831
4784
  .page-item:not(:first-child) .page-link {
4832
4785
  margin-left: calc(var(--bs-border-width) * -1);
4833
4786
  }
4834
- .page-item:first-child .page-link {
4835
- border-top-left-radius: var(--bs-pagination-border-radius);
4836
- border-bottom-left-radius: var(--bs-pagination-border-radius);
4837
- }
4838
- .page-item:last-child .page-link {
4839
- border-top-right-radius: var(--bs-pagination-border-radius);
4840
- border-bottom-right-radius: var(--bs-pagination-border-radius);
4787
+ .page-item .page-link {
4788
+ border-radius: var(--bs-pagination-border-radius);
4841
4789
  }
4842
4790
 
4843
4791
  .pagination-lg {
@@ -4978,7 +4926,7 @@ textarea.form-control-lg {
4978
4926
 
4979
4927
  @keyframes progress-bar-stripes {
4980
4928
  0% {
4981
- background-position-x: 1rem;
4929
+ background-position-x: var(--bs-progress-height);
4982
4930
  }
4983
4931
  }
4984
4932
  .progress,
@@ -5073,22 +5021,6 @@ textarea.form-control-lg {
5073
5021
  counter-increment: section;
5074
5022
  }
5075
5023
 
5076
- .list-group-item-action {
5077
- width: 100%;
5078
- color: var(--bs-list-group-action-color);
5079
- text-align: inherit;
5080
- }
5081
- .list-group-item-action:hover, .list-group-item-action:focus {
5082
- z-index: 1;
5083
- color: var(--bs-list-group-action-hover-color);
5084
- text-decoration: none;
5085
- background-color: var(--bs-list-group-action-hover-bg);
5086
- }
5087
- .list-group-item-action:active {
5088
- color: var(--bs-list-group-action-active-color);
5089
- background-color: var(--bs-list-group-action-active-bg);
5090
- }
5091
-
5092
5024
  .list-group-item {
5093
5025
  position: relative;
5094
5026
  display: block;
@@ -5125,6 +5057,22 @@ textarea.form-control-lg {
5125
5057
  border-top-width: var(--bs-list-group-border-width);
5126
5058
  }
5127
5059
 
5060
+ .list-group-item-action {
5061
+ width: 100%;
5062
+ color: var(--bs-list-group-action-color);
5063
+ text-align: inherit;
5064
+ }
5065
+ .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
5066
+ z-index: 1;
5067
+ color: var(--bs-list-group-action-hover-color);
5068
+ text-decoration: none;
5069
+ background-color: var(--bs-list-group-action-hover-bg);
5070
+ }
5071
+ .list-group-item-action:not(.active):active {
5072
+ color: var(--bs-list-group-action-active-color);
5073
+ background-color: var(--bs-list-group-action-active-bg);
5074
+ }
5075
+
5128
5076
  .list-group-horizontal {
5129
5077
  flex-direction: row;
5130
5078
  }
@@ -5390,13 +5338,13 @@ textarea.form-control-lg {
5390
5338
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
5391
5339
  --bs-btn-close-focus-opacity: 1;
5392
5340
  --bs-btn-close-disabled-opacity: 0.25;
5393
- --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
5394
5341
  box-sizing: content-box;
5395
5342
  width: 1em;
5396
5343
  height: 1em;
5397
5344
  padding: 0.25em 0.25em;
5398
5345
  color: var(--bs-btn-close-color);
5399
5346
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
5347
+ filter: var(--bs-btn-close-filter);
5400
5348
  border: 0;
5401
5349
  border-radius: 0.375rem;
5402
5350
  opacity: var(--bs-btn-close-opacity);
@@ -5420,11 +5368,16 @@ textarea.form-control-lg {
5420
5368
  }
5421
5369
 
5422
5370
  .btn-close-white {
5423
- filter: var(--bs-btn-close-white-filter);
5371
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
5372
+ }
5373
+
5374
+ :root,
5375
+ [data-bs-theme=light] {
5376
+ --bs-btn-close-filter: ;
5424
5377
  }
5425
5378
 
5426
- [data-bs-theme=dark] .btn-close {
5427
- filter: var(--bs-btn-close-white-filter);
5379
+ [data-bs-theme=dark] {
5380
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
5428
5381
  }
5429
5382
 
5430
5383
  .toast {
@@ -5465,7 +5418,6 @@ textarea.form-control-lg {
5465
5418
  --bs-toast-zindex: 1090;
5466
5419
  position: absolute;
5467
5420
  z-index: var(--bs-toast-zindex);
5468
- width: -webkit-max-content;
5469
5421
  width: -moz-max-content;
5470
5422
  width: max-content;
5471
5423
  max-width: 100%;
@@ -5501,7 +5453,7 @@ textarea.form-control-lg {
5501
5453
  --bs-modal-width: 500px;
5502
5454
  --bs-modal-padding: 1rem;
5503
5455
  --bs-modal-margin: 0.5rem;
5504
- --bs-modal-color: ;
5456
+ --bs-modal-color: var(--bs-body-color);
5505
5457
  --bs-modal-bg: var(--bs-body-bg);
5506
5458
  --bs-modal-border-color: var(--bs-border-color-translucent);
5507
5459
  --bs-modal-border-width: var(--bs-border-width);
@@ -5537,8 +5489,8 @@ textarea.form-control-lg {
5537
5489
  pointer-events: none;
5538
5490
  }
5539
5491
  .modal.fade .modal-dialog {
5540
- transition: transform 0.3s ease-out;
5541
5492
  transform: translate(0, -50px);
5493
+ transition: transform 0.3s ease-out;
5542
5494
  }
5543
5495
  @media (prefers-reduced-motion: reduce) {
5544
5496
  .modal.fade .modal-dialog {
@@ -5614,7 +5566,10 @@ textarea.form-control-lg {
5614
5566
  }
5615
5567
  .modal-header .btn-close {
5616
5568
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
5617
- 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;
5569
+ margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
5570
+ margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
5571
+ margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
5572
+ margin-left: auto;
5618
5573
  }
5619
5574
 
5620
5575
  .modal-title {
@@ -6072,7 +6027,6 @@ textarea.form-control-lg {
6072
6027
  float: left;
6073
6028
  width: 100%;
6074
6029
  margin-right: -100%;
6075
- -webkit-backface-visibility: hidden;
6076
6030
  backface-visibility: hidden;
6077
6031
  transition: transform 0.6s ease-in-out;
6078
6032
  }
@@ -6136,6 +6090,7 @@ textarea.form-control-lg {
6136
6090
  color: #fff;
6137
6091
  text-align: center;
6138
6092
  background: none;
6093
+ filter: var(--bs-carousel-control-icon-filter);
6139
6094
  border: 0;
6140
6095
  opacity: 0.5;
6141
6096
  transition: opacity 0.15s ease;
@@ -6204,7 +6159,7 @@ textarea.form-control-lg {
6204
6159
  margin-left: 3px;
6205
6160
  text-indent: -999px;
6206
6161
  cursor: pointer;
6207
- background-color: #fff;
6162
+ background-color: var(--bs-carousel-indicator-active-bg);
6208
6163
  background-clip: padding-box;
6209
6164
  border: 0;
6210
6165
  border-top: 10px solid transparent;
@@ -6228,31 +6183,27 @@ textarea.form-control-lg {
6228
6183
  left: 15%;
6229
6184
  padding-top: 1.25rem;
6230
6185
  padding-bottom: 1.25rem;
6231
- color: #fff;
6186
+ color: var(--bs-carousel-caption-color);
6232
6187
  text-align: center;
6233
6188
  }
6234
6189
 
6235
- .carousel-dark .carousel-control-prev-icon,
6236
- .carousel-dark .carousel-control-next-icon {
6237
- filter: invert(1) grayscale(100);
6238
- }
6239
- .carousel-dark .carousel-indicators [data-bs-target] {
6240
- background-color: #000;
6241
- }
6242
- .carousel-dark .carousel-caption {
6243
- color: #000;
6190
+ .carousel-dark {
6191
+ --bs-carousel-indicator-active-bg: #000;
6192
+ --bs-carousel-caption-color: #000;
6193
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
6244
6194
  }
6245
6195
 
6246
- [data-bs-theme=dark] .carousel .carousel-control-prev-icon,
6247
- [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
6248
- [data-bs-theme=dark].carousel .carousel-control-next-icon {
6249
- filter: invert(1) grayscale(100);
6250
- }
6251
- [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
6252
- background-color: #000;
6196
+ :root,
6197
+ [data-bs-theme=light] {
6198
+ --bs-carousel-indicator-active-bg: #fff;
6199
+ --bs-carousel-caption-color: #fff;
6200
+ --bs-carousel-control-icon-filter: ;
6253
6201
  }
6254
- [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
6255
- color: #000;
6202
+
6203
+ [data-bs-theme=dark] {
6204
+ --bs-carousel-indicator-active-bg: #000;
6205
+ --bs-carousel-caption-color: #000;
6206
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
6256
6207
  }
6257
6208
 
6258
6209
  .spinner-grow,
@@ -6808,7 +6759,10 @@ textarea.form-control-lg {
6808
6759
  }
6809
6760
  .offcanvas-header .btn-close {
6810
6761
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
6811
- margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
6762
+ margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
6763
+ margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
6764
+ margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
6765
+ margin-left: auto;
6812
6766
  }
6813
6767
 
6814
6768
  .offcanvas-title {
@@ -6918,100 +6872,82 @@ textarea.form-control-lg {
6918
6872
 
6919
6873
  .link-primary {
6920
6874
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
6921
- -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
6922
6875
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
6923
6876
  }
6924
6877
  .link-primary:hover, .link-primary:focus {
6925
6878
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
6926
- -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
6927
6879
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
6928
6880
  }
6929
6881
 
6930
6882
  .link-secondary {
6931
6883
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
6932
- -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
6933
6884
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
6934
6885
  }
6935
6886
  .link-secondary:hover, .link-secondary:focus {
6936
6887
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
6937
- -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
6938
6888
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
6939
6889
  }
6940
6890
 
6941
6891
  .link-success {
6942
6892
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
6943
- -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
6944
6893
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
6945
6894
  }
6946
6895
  .link-success:hover, .link-success:focus {
6947
6896
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
6948
- -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
6949
6897
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
6950
6898
  }
6951
6899
 
6952
6900
  .link-info {
6953
6901
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
6954
- -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
6955
6902
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
6956
6903
  }
6957
6904
  .link-info:hover, .link-info:focus {
6958
6905
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
6959
- -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
6960
6906
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
6961
6907
  }
6962
6908
 
6963
6909
  .link-warning {
6964
6910
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
6965
- -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
6966
6911
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
6967
6912
  }
6968
6913
  .link-warning:hover, .link-warning:focus {
6969
6914
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
6970
- -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
6971
6915
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
6972
6916
  }
6973
6917
 
6974
6918
  .link-danger {
6975
6919
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
6976
- -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
6977
6920
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
6978
6921
  }
6979
6922
  .link-danger:hover, .link-danger:focus {
6980
6923
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
6981
- -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
6982
6924
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
6983
6925
  }
6984
6926
 
6985
6927
  .link-light {
6986
6928
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
6987
- -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
6988
6929
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
6989
6930
  }
6990
6931
  .link-light:hover, .link-light:focus {
6991
6932
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
6992
- -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
6993
6933
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
6994
6934
  }
6995
6935
 
6996
6936
  .link-dark {
6997
6937
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
6998
- -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
6999
6938
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
7000
6939
  }
7001
6940
  .link-dark:hover, .link-dark:focus {
7002
6941
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
7003
- -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
7004
6942
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
7005
6943
  }
7006
6944
 
7007
6945
  .link-body-emphasis {
7008
6946
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
7009
- -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
7010
6947
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
7011
6948
  }
7012
6949
  .link-body-emphasis:hover, .link-body-emphasis:focus {
7013
6950
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
7014
- -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
7015
6951
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
7016
6952
  }
7017
6953
 
@@ -7024,10 +6960,8 @@ textarea.form-control-lg {
7024
6960
  display: inline-flex;
7025
6961
  gap: 0.375rem;
7026
6962
  align-items: center;
7027
- -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
7028
6963
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
7029
6964
  text-underline-offset: 0.25em;
7030
- -webkit-backface-visibility: hidden;
7031
6965
  backface-visibility: hidden;
7032
6966
  }
7033
6967
  .icon-link > .bi {
@@ -7097,14 +7031,12 @@ textarea.form-control-lg {
7097
7031
  }
7098
7032
 
7099
7033
  .sticky-top {
7100
- position: -webkit-sticky;
7101
7034
  position: sticky;
7102
7035
  top: 0;
7103
7036
  z-index: 1020;
7104
7037
  }
7105
7038
 
7106
7039
  .sticky-bottom {
7107
- position: -webkit-sticky;
7108
7040
  position: sticky;
7109
7041
  bottom: 0;
7110
7042
  z-index: 1020;
@@ -7112,13 +7044,11 @@ textarea.form-control-lg {
7112
7044
 
7113
7045
  @media (min-width: 576px) {
7114
7046
  .sticky-sm-top {
7115
- position: -webkit-sticky;
7116
7047
  position: sticky;
7117
7048
  top: 0;
7118
7049
  z-index: 1020;
7119
7050
  }
7120
7051
  .sticky-sm-bottom {
7121
- position: -webkit-sticky;
7122
7052
  position: sticky;
7123
7053
  bottom: 0;
7124
7054
  z-index: 1020;
@@ -7126,13 +7056,11 @@ textarea.form-control-lg {
7126
7056
  }
7127
7057
  @media (min-width: 768px) {
7128
7058
  .sticky-md-top {
7129
- position: -webkit-sticky;
7130
7059
  position: sticky;
7131
7060
  top: 0;
7132
7061
  z-index: 1020;
7133
7062
  }
7134
7063
  .sticky-md-bottom {
7135
- position: -webkit-sticky;
7136
7064
  position: sticky;
7137
7065
  bottom: 0;
7138
7066
  z-index: 1020;
@@ -7140,13 +7068,11 @@ textarea.form-control-lg {
7140
7068
  }
7141
7069
  @media (min-width: 992px) {
7142
7070
  .sticky-lg-top {
7143
- position: -webkit-sticky;
7144
7071
  position: sticky;
7145
7072
  top: 0;
7146
7073
  z-index: 1020;
7147
7074
  }
7148
7075
  .sticky-lg-bottom {
7149
- position: -webkit-sticky;
7150
7076
  position: sticky;
7151
7077
  bottom: 0;
7152
7078
  z-index: 1020;
@@ -7154,13 +7080,11 @@ textarea.form-control-lg {
7154
7080
  }
7155
7081
  @media (min-width: 1200px) {
7156
7082
  .sticky-xl-top {
7157
- position: -webkit-sticky;
7158
7083
  position: sticky;
7159
7084
  top: 0;
7160
7085
  z-index: 1020;
7161
7086
  }
7162
7087
  .sticky-xl-bottom {
7163
- position: -webkit-sticky;
7164
7088
  position: sticky;
7165
7089
  bottom: 0;
7166
7090
  z-index: 1020;
@@ -7168,13 +7092,11 @@ textarea.form-control-lg {
7168
7092
  }
7169
7093
  @media (min-width: 1400px) {
7170
7094
  .sticky-xxl-top {
7171
- position: -webkit-sticky;
7172
7095
  position: sticky;
7173
7096
  top: 0;
7174
7097
  z-index: 1020;
7175
7098
  }
7176
7099
  .sticky-xxl-bottom {
7177
- position: -webkit-sticky;
7178
7100
  position: sticky;
7179
7101
  bottom: 0;
7180
7102
  z-index: 1020;
@@ -7209,6 +7131,10 @@ textarea.form-control-lg {
7209
7131
  .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
7210
7132
  position: absolute !important;
7211
7133
  }
7134
+ .visually-hidden *,
7135
+ .visually-hidden-focusable:not(:focus):not(:focus-within) * {
7136
+ overflow: hidden !important;
7137
+ }
7212
7138
 
7213
7139
  .stretched-link::after {
7214
7140
  position: absolute;
@@ -7473,7 +7399,6 @@ textarea.form-control-lg {
7473
7399
  }
7474
7400
 
7475
7401
  .position-sticky {
7476
- position: -webkit-sticky !important;
7477
7402
  position: sticky !important;
7478
7403
  }
7479
7404
 
@@ -8896,55 +8821,46 @@ textarea.form-control-lg {
8896
8821
 
8897
8822
  .link-underline-primary {
8898
8823
  --bs-link-underline-opacity: 1;
8899
- -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
8900
8824
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
8901
8825
  }
8902
8826
 
8903
8827
  .link-underline-secondary {
8904
8828
  --bs-link-underline-opacity: 1;
8905
- -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
8906
8829
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
8907
8830
  }
8908
8831
 
8909
8832
  .link-underline-success {
8910
8833
  --bs-link-underline-opacity: 1;
8911
- -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
8912
8834
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
8913
8835
  }
8914
8836
 
8915
8837
  .link-underline-info {
8916
8838
  --bs-link-underline-opacity: 1;
8917
- -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
8918
8839
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
8919
8840
  }
8920
8841
 
8921
8842
  .link-underline-warning {
8922
8843
  --bs-link-underline-opacity: 1;
8923
- -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
8924
8844
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
8925
8845
  }
8926
8846
 
8927
8847
  .link-underline-danger {
8928
8848
  --bs-link-underline-opacity: 1;
8929
- -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
8930
8849
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
8931
8850
  }
8932
8851
 
8933
8852
  .link-underline-light {
8934
8853
  --bs-link-underline-opacity: 1;
8935
- -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
8936
8854
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
8937
8855
  }
8938
8856
 
8939
8857
  .link-underline-dark {
8940
8858
  --bs-link-underline-opacity: 1;
8941
- -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
8942
8859
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
8943
8860
  }
8944
8861
 
8945
8862
  .link-underline {
8946
8863
  --bs-link-underline-opacity: 1;
8947
- -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
8948
8864
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
8949
8865
  }
8950
8866
 
@@ -12925,7 +12841,6 @@ textarea.form-control-lg {
12925
12841
  position: relative;
12926
12842
  display: grid;
12927
12843
  grid-template-areas: "lte-app-sidebar lte-app-header" "lte-app-sidebar lte-app-main" "lte-app-sidebar lte-app-footer";
12928
- grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
12929
12844
  grid-template-rows: min-content 1fr min-content;
12930
12845
  grid-template-columns: auto 1fr;
12931
12846
  grid-gap: 0;
@@ -12968,6 +12883,12 @@ textarea.form-control-lg {
12968
12883
  font-weight: 400;
12969
12884
  }
12970
12885
 
12886
+ .fixed-header .app-header {
12887
+ position: sticky;
12888
+ top: 0;
12889
+ z-index: 1030;
12890
+ }
12891
+
12971
12892
  .app-sidebar {
12972
12893
  --lte-sidebar-hover-bg: rgba(0, 0, 0, 0.1);
12973
12894
  --lte-sidebar-color: #343a40;
@@ -12981,7 +12902,7 @@ textarea.form-control-lg {
12981
12902
  --lte-sidebar-submenu-hover-bg: rgba(0, 0, 0, 0.1);
12982
12903
  --lte-sidebar-submenu-active-color: #212529;
12983
12904
  --lte-sidebar-submenu-active-bg: rgba(0, 0, 0, 0.1);
12984
- --lte-sidebar-header-color: #31373d;
12905
+ --lte-sidebar-header-color: rgb(49.4, 55.1, 60.8);
12985
12906
  z-index: 1038;
12986
12907
  grid-area: lte-app-sidebar;
12987
12908
  min-width: var(--lte-sidebar-width);
@@ -13148,7 +13069,9 @@ textarea.form-control-lg {
13148
13069
  .sidebar-menu .nav-link > .nav-badge,
13149
13070
  .sidebar-menu .nav-link > p > .nav-badge {
13150
13071
  position: absolute;
13072
+ top: 50%;
13151
13073
  right: 1rem;
13074
+ transform: translateY(-50%);
13152
13075
  }
13153
13076
  .sidebar-menu .nav-link > .nav-arrow,
13154
13077
  .sidebar-menu .nav-link > p > .nav-arrow {
@@ -13158,6 +13081,7 @@ textarea.form-control-lg {
13158
13081
  }
13159
13082
  .sidebar-menu .nav-link {
13160
13083
  position: relative;
13084
+ width: 100%;
13161
13085
  transition: width ease-in-out 0.3s;
13162
13086
  border-radius: 0.375rem;
13163
13087
  }
@@ -13189,6 +13113,13 @@ textarea.form-control-lg {
13189
13113
  .sidebar-menu .menu-open > .nav-link .nav-arrow {
13190
13114
  transform: translateY(-50%) rotate(90deg) /*rtl:ignore*/;
13191
13115
  }
13116
+ .sidebar-menu .nav-link > .nav-badge,
13117
+ .sidebar-menu .nav-link > p > .nav-badge,
13118
+ .sidebar-menu .nav-link > .nav-arrow,
13119
+ .sidebar-menu .nav-link > p > .nav-arrow {
13120
+ right: 1rem !important;
13121
+ left: auto !important;
13122
+ }
13192
13123
 
13193
13124
  .nav-compact.nav-indent .nav-treeview {
13194
13125
  padding-left: 0;
@@ -13365,7 +13296,6 @@ textarea.form-control-lg {
13365
13296
  overflow: auto;
13366
13297
  }
13367
13298
  .sidebar-expand-sm.layout-fixed .app-sidebar {
13368
- position: -webkit-sticky;
13369
13299
  position: sticky;
13370
13300
  top: 0;
13371
13301
  bottom: 0;
@@ -13434,7 +13364,6 @@ textarea.form-control-lg {
13434
13364
  overflow: auto;
13435
13365
  }
13436
13366
  .sidebar-expand-md.layout-fixed .app-sidebar {
13437
- position: -webkit-sticky;
13438
13367
  position: sticky;
13439
13368
  top: 0;
13440
13369
  bottom: 0;
@@ -13503,7 +13432,6 @@ textarea.form-control-lg {
13503
13432
  overflow: auto;
13504
13433
  }
13505
13434
  .sidebar-expand-lg.layout-fixed .app-sidebar {
13506
- position: -webkit-sticky;
13507
13435
  position: sticky;
13508
13436
  top: 0;
13509
13437
  bottom: 0;
@@ -13572,7 +13500,6 @@ textarea.form-control-lg {
13572
13500
  overflow: auto;
13573
13501
  }
13574
13502
  .sidebar-expand-xl.layout-fixed .app-sidebar {
13575
- position: -webkit-sticky;
13576
13503
  position: sticky;
13577
13504
  top: 0;
13578
13505
  bottom: 0;
@@ -13641,7 +13568,6 @@ textarea.form-control-lg {
13641
13568
  overflow: auto;
13642
13569
  }
13643
13570
  .sidebar-expand-xxl.layout-fixed .app-sidebar {
13644
- position: -webkit-sticky;
13645
13571
  position: sticky;
13646
13572
  top: 0;
13647
13573
  bottom: 0;
@@ -13709,7 +13635,6 @@ textarea.form-control-lg {
13709
13635
  overflow: auto;
13710
13636
  }
13711
13637
  .sidebar-expand.layout-fixed .app-sidebar {
13712
- position: -webkit-sticky;
13713
13638
  position: sticky;
13714
13639
  top: 0;
13715
13640
  bottom: 0;
@@ -13832,7 +13757,7 @@ body:not(.app-loaded) .app-footer {
13832
13757
  --lte-sidebar-submenu-hover-bg: rgba(255, 255, 255, 0.1);
13833
13758
  --lte-sidebar-submenu-active-color: #fff;
13834
13759
  --lte-sidebar-submenu-active-bg: rgba(255, 255, 255, 0.1);
13835
- --lte-sidebar-header-color: #c5cad2;
13760
+ --lte-sidebar-header-color: rgb(197.05, 201.8, 210.35);
13836
13761
  }
13837
13762
 
13838
13763
  .app-main {
@@ -13893,6 +13818,12 @@ body:not(.app-loaded) .app-footer {
13893
13818
  }
13894
13819
  }
13895
13820
 
13821
+ .fixed-footer .app-footer {
13822
+ position: sticky;
13823
+ bottom: 0;
13824
+ z-index: 1030;
13825
+ }
13826
+
13896
13827
  .fs-7 .dropdown-menu {
13897
13828
  font-size: 0.875rem !important;
13898
13829
  }
@@ -13977,7 +13908,6 @@ body:not(.app-loaded) .app-footer {
13977
13908
 
13978
13909
  .open:not(.dropup) > .animated-dropdown-menu {
13979
13910
  animation: flipInX 0.7s both;
13980
- -webkit-backface-visibility: visible !important;
13981
13911
  backface-visibility: visible !important;
13982
13912
  }
13983
13913
 
@@ -14531,7 +14461,6 @@ html.maximized-card {
14531
14461
  color: inherit;
14532
14462
  }
14533
14463
  .table.table-head-fixed thead tr:nth-child(1) th {
14534
- position: -webkit-sticky;
14535
14464
  position: sticky;
14536
14465
  top: 0;
14537
14466
  z-index: 10;
@@ -15124,7 +15053,7 @@ html.maximized-card {
15124
15053
  --bs-toast-bg: var(--bs-primary-bg-subtle);
15125
15054
  }
15126
15055
  .toast-primary .btn-close {
15127
- filter: var(--bs-btn-close-white-filter);
15056
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15128
15057
  }
15129
15058
 
15130
15059
  .toast-secondary {
@@ -15135,7 +15064,7 @@ html.maximized-card {
15135
15064
  --bs-toast-bg: var(--bs-secondary-bg-subtle);
15136
15065
  }
15137
15066
  .toast-secondary .btn-close {
15138
- filter: var(--bs-btn-close-white-filter);
15067
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15139
15068
  }
15140
15069
 
15141
15070
  .toast-success {
@@ -15146,7 +15075,7 @@ html.maximized-card {
15146
15075
  --bs-toast-bg: var(--bs-success-bg-subtle);
15147
15076
  }
15148
15077
  .toast-success .btn-close {
15149
- filter: var(--bs-btn-close-white-filter);
15078
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15150
15079
  }
15151
15080
 
15152
15081
  .toast-info {
@@ -15173,7 +15102,7 @@ html.maximized-card {
15173
15102
  --bs-toast-bg: var(--bs-danger-bg-subtle);
15174
15103
  }
15175
15104
  .toast-danger .btn-close {
15176
- filter: var(--bs-btn-close-white-filter);
15105
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15177
15106
  }
15178
15107
 
15179
15108
  .toast-light {
@@ -15192,7 +15121,7 @@ html.maximized-card {
15192
15121
  --bs-toast-bg: var(--bs-dark-bg-subtle);
15193
15122
  }
15194
15123
  .toast-dark .btn-close {
15195
- filter: var(--bs-btn-close-white-filter);
15124
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15196
15125
  }
15197
15126
 
15198
15127
  [data-bs-theme=dark] .toast-info .btn-close {
@@ -15257,7 +15186,7 @@ html.maximized-card {
15257
15186
  .login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
15258
15187
  .register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
15259
15188
  .register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
15260
- border-color: #86b7fe;
15189
+ border-color: rgb(134, 182.5, 254);
15261
15190
  }
15262
15191
  .login-card-body .input-group .form-control.is-valid:focus,
15263
15192
  .register-card-body .input-group .form-control.is-valid:focus {
@@ -15376,4 +15305,259 @@ html.maximized-card {
15376
15305
  width: 32px;
15377
15306
  }
15378
15307
 
15308
+ /* ==========================================================================
15309
+ AdminLTE Accessibility Styles - WCAG 2.1 AA Compliance
15310
+ ========================================================================== */
15311
+ /* Skip Links - WCAG 2.4.1: Bypass Blocks */
15312
+ .skip-link {
15313
+ position: absolute;
15314
+ top: -40px;
15315
+ left: 6px;
15316
+ z-index: 999999;
15317
+ padding: 8px 16px;
15318
+ font-weight: 600;
15319
+ color: var(--bs-white);
15320
+ text-decoration: none;
15321
+ background: var(--bs-primary);
15322
+ }
15323
+ .skip-link:focus {
15324
+ top: 0;
15325
+ outline: 3px solid var(--bs-warning);
15326
+ outline-offset: 2px;
15327
+ }
15328
+ .skip-link:hover {
15329
+ color: var(--bs-white);
15330
+ text-decoration: none;
15331
+ background: var(--bs-primary-emphasis);
15332
+ }
15333
+
15334
+ /* Enhanced Focus Indicators - WCAG 2.4.7: Focus Visible */
15335
+ .focus-enhanced:focus {
15336
+ outline: 3px solid var(--bs-focus-ring-color, #0d6efd);
15337
+ outline-offset: 2px;
15338
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
15339
+ }
15340
+
15341
+ /* High Contrast Mode Support */
15342
+ @media (prefers-contrast: high) {
15343
+ .card {
15344
+ border: 2px solid;
15345
+ }
15346
+ .btn {
15347
+ border-width: 2px;
15348
+ }
15349
+ .nav-link {
15350
+ border: 1px solid transparent;
15351
+ }
15352
+ .nav-link:hover, .nav-link:focus {
15353
+ border-color: currentcolor;
15354
+ }
15355
+ }
15356
+ /* Reduced Motion Support - WCAG 2.3.3: Animation from Interactions */
15357
+ @media (prefers-reduced-motion: reduce) {
15358
+ *,
15359
+ *::before,
15360
+ *::after {
15361
+ transition-duration: 0.01ms !important;
15362
+ animation-duration: 0.01ms !important;
15363
+ animation-iteration-count: 1 !important;
15364
+ scroll-behavior: auto !important;
15365
+ }
15366
+ .fade {
15367
+ display: block;
15368
+ }
15369
+ .collapse {
15370
+ display: block;
15371
+ }
15372
+ }
15373
+ /* Screen Reader Only Content */
15374
+ .sr-only {
15375
+ position: absolute !important;
15376
+ width: 1px !important;
15377
+ height: 1px !important;
15378
+ padding: 0 !important;
15379
+ margin: -1px !important;
15380
+ overflow: hidden !important;
15381
+ clip: rect(0, 0, 0, 0) !important;
15382
+ white-space: nowrap !important;
15383
+ border: 0 !important;
15384
+ }
15385
+
15386
+ .sr-only-focusable:focus {
15387
+ position: static !important;
15388
+ width: auto !important;
15389
+ height: auto !important;
15390
+ padding: inherit !important;
15391
+ margin: inherit !important;
15392
+ overflow: visible !important;
15393
+ clip: auto !important;
15394
+ white-space: normal !important;
15395
+ }
15396
+
15397
+ /* Focus Trap Utilities */
15398
+ .focus-trap:focus {
15399
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
15400
+ }
15401
+
15402
+ /* Accessible Color Combinations - WCAG 1.4.3: Contrast (Minimum) */
15403
+ .text-accessible-primary {
15404
+ color: #003d82; /* 4.5:1 contrast on white */
15405
+ }
15406
+
15407
+ .text-accessible-success {
15408
+ color: #0f5132; /* 4.5:1 contrast on white */
15409
+ }
15410
+
15411
+ .text-accessible-danger {
15412
+ color: #842029; /* 4.5:1 contrast on white */
15413
+ }
15414
+
15415
+ .text-accessible-warning {
15416
+ color: #664d03; /* 4.5:1 contrast on white */
15417
+ }
15418
+
15419
+ /* ARIA Live Regions */
15420
+ .live-region {
15421
+ position: absolute;
15422
+ left: -10000px;
15423
+ width: 1px;
15424
+ height: 1px;
15425
+ overflow: hidden;
15426
+ }
15427
+ .live-region.live-region-visible {
15428
+ position: static;
15429
+ left: auto;
15430
+ width: auto;
15431
+ height: auto;
15432
+ overflow: visible;
15433
+ }
15434
+
15435
+ /* Enhanced Error States - WCAG 3.3.1: Error Identification */
15436
+ .form-control.is-invalid {
15437
+ border-color: var(--bs-danger);
15438
+ }
15439
+ .form-control.is-invalid:focus {
15440
+ border-color: var(--bs-danger);
15441
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
15442
+ }
15443
+
15444
+ .invalid-feedback {
15445
+ display: block;
15446
+ width: 100%;
15447
+ margin-top: 0.25rem;
15448
+ font-size: 0.875em;
15449
+ color: var(--bs-danger);
15450
+ }
15451
+ .invalid-feedback[role=alert] {
15452
+ font-weight: 600;
15453
+ }
15454
+
15455
+ /* Target Size - WCAG 2.5.8: Target Size (Minimum) */
15456
+ .touch-target {
15457
+ min-width: 44px;
15458
+ min-height: 44px;
15459
+ }
15460
+ .touch-target.touch-target-small {
15461
+ min-width: 24px;
15462
+ min-height: 24px;
15463
+ }
15464
+
15465
+ /* Table Accessibility */
15466
+ .table-accessible th {
15467
+ font-weight: 600;
15468
+ background-color: var(--bs-secondary-bg);
15469
+ }
15470
+ .table-accessible th[scope=col] {
15471
+ border-bottom: 2px solid var(--bs-border-color);
15472
+ }
15473
+ .table-accessible th[scope=row] {
15474
+ border-right: 2px solid var(--bs-border-color);
15475
+ }
15476
+ .table-accessible caption {
15477
+ padding: 0.75rem;
15478
+ font-weight: 600;
15479
+ color: var(--bs-secondary);
15480
+ text-align: left;
15481
+ caption-side: top;
15482
+ }
15483
+
15484
+ /* Navigation Landmarks */
15485
+ nav[role=navigation]:not([aria-label]):not([aria-labelledby])::before {
15486
+ position: absolute;
15487
+ left: -10000px;
15488
+ content: "Navigation";
15489
+ }
15490
+
15491
+ /* Form Fieldset Styling */
15492
+ fieldset {
15493
+ padding: 1rem;
15494
+ margin-bottom: 1rem;
15495
+ border: 1px solid var(--bs-border-color);
15496
+ }
15497
+ fieldset legend {
15498
+ padding: 0 0.5rem;
15499
+ margin-bottom: 0.5rem;
15500
+ font-size: 1.1em;
15501
+ font-weight: 600;
15502
+ }
15503
+
15504
+ /* Loading States */
15505
+ .loading[aria-busy=true] {
15506
+ position: relative;
15507
+ pointer-events: none;
15508
+ }
15509
+ .loading[aria-busy=true]::after {
15510
+ position: absolute;
15511
+ top: 50%;
15512
+ left: 50%;
15513
+ width: 20px;
15514
+ height: 20px;
15515
+ margin-top: -10px;
15516
+ margin-left: -10px;
15517
+ content: "";
15518
+ border: 2px solid var(--bs-primary);
15519
+ border-top-color: transparent;
15520
+ animation: spin 1s linear infinite;
15521
+ }
15522
+ @media (prefers-reduced-motion: reduce) {
15523
+ .loading[aria-busy=true]::after {
15524
+ border-top-color: var(--bs-primary);
15525
+ animation: none;
15526
+ }
15527
+ }
15528
+
15529
+ @keyframes spin {
15530
+ to {
15531
+ transform: rotate(360deg);
15532
+ }
15533
+ }
15534
+ /* Dark Mode Accessibility */
15535
+ [data-bs-theme=dark] .text-accessible-primary {
15536
+ color: #6ea8fe;
15537
+ }
15538
+ [data-bs-theme=dark] .text-accessible-success {
15539
+ color: #75b798;
15540
+ }
15541
+ [data-bs-theme=dark] .text-accessible-danger {
15542
+ color: #f1aeb5;
15543
+ }
15544
+ [data-bs-theme=dark] .text-accessible-warning {
15545
+ color: #ffda6a;
15546
+ }
15547
+
15548
+ /* Print Accessibility */
15549
+ @media print {
15550
+ .skip-link,
15551
+ .btn,
15552
+ .nav-link {
15553
+ color: #000 !important;
15554
+ background: transparent !important;
15555
+ border: 1px solid #000 !important;
15556
+ }
15557
+ a[href^=http]::after {
15558
+ font-size: 0.8em;
15559
+ content: " (" attr(href) ")";
15560
+ }
15561
+ }
15562
+
15379
15563
  /*# sourceMappingURL=adminlte.css.map */