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 {
@@ -563,11 +563,6 @@ legend + * {
563
563
  padding: 0;
564
564
  }
565
565
 
566
- ::-webkit-file-upload-button {
567
- font: inherit;
568
- -webkit-appearance: button;
569
- }
570
-
571
566
  ::file-selector-button {
572
567
  font: inherit;
573
568
  -webkit-appearance: button;
@@ -600,9 +595,9 @@ progress {
600
595
  }
601
596
 
602
597
  .display-1 {
603
- font-size: calc(1.625rem + 4.5vw);
604
598
  font-weight: 300;
605
599
  line-height: 1.2;
600
+ font-size: calc(1.625rem + 4.5vw);
606
601
  }
607
602
  @media (min-width: 1200px) {
608
603
  .display-1 {
@@ -611,9 +606,9 @@ progress {
611
606
  }
612
607
 
613
608
  .display-2 {
614
- font-size: calc(1.575rem + 3.9vw);
615
609
  font-weight: 300;
616
610
  line-height: 1.2;
611
+ font-size: calc(1.575rem + 3.9vw);
617
612
  }
618
613
  @media (min-width: 1200px) {
619
614
  .display-2 {
@@ -622,9 +617,9 @@ progress {
622
617
  }
623
618
 
624
619
  .display-3 {
625
- font-size: calc(1.525rem + 3.3vw);
626
620
  font-weight: 300;
627
621
  line-height: 1.2;
622
+ font-size: calc(1.525rem + 3.3vw);
628
623
  }
629
624
  @media (min-width: 1200px) {
630
625
  .display-3 {
@@ -633,9 +628,9 @@ progress {
633
628
  }
634
629
 
635
630
  .display-4 {
636
- font-size: calc(1.475rem + 2.7vw);
637
631
  font-weight: 300;
638
632
  line-height: 1.2;
633
+ font-size: calc(1.475rem + 2.7vw);
639
634
  }
640
635
  @media (min-width: 1200px) {
641
636
  .display-4 {
@@ -644,9 +639,9 @@ progress {
644
639
  }
645
640
 
646
641
  .display-5 {
647
- font-size: calc(1.425rem + 2.1vw);
648
642
  font-weight: 300;
649
643
  line-height: 1.2;
644
+ font-size: calc(1.425rem + 2.1vw);
650
645
  }
651
646
  @media (min-width: 1200px) {
652
647
  .display-5 {
@@ -655,9 +650,9 @@ progress {
655
650
  }
656
651
 
657
652
  .display-6 {
658
- font-size: calc(1.375rem + 1.5vw);
659
653
  font-weight: 300;
660
654
  line-height: 1.2;
655
+ font-size: calc(1.375rem + 1.5vw);
661
656
  }
662
657
  @media (min-width: 1200px) {
663
658
  .display-6 {
@@ -803,7 +798,7 @@ progress {
803
798
  }
804
799
 
805
800
  .col {
806
- flex: 1 0 0%;
801
+ flex: 1 0 0;
807
802
  }
808
803
 
809
804
  .row-cols-auto > * {
@@ -1012,7 +1007,7 @@ progress {
1012
1007
 
1013
1008
  @media (min-width: 576px) {
1014
1009
  .col-sm {
1015
- flex: 1 0 0%;
1010
+ flex: 1 0 0;
1016
1011
  }
1017
1012
  .row-cols-sm-auto > * {
1018
1013
  flex: 0 0 auto;
@@ -1181,7 +1176,7 @@ progress {
1181
1176
  }
1182
1177
  @media (min-width: 768px) {
1183
1178
  .col-md {
1184
- flex: 1 0 0%;
1179
+ flex: 1 0 0;
1185
1180
  }
1186
1181
  .row-cols-md-auto > * {
1187
1182
  flex: 0 0 auto;
@@ -1350,7 +1345,7 @@ progress {
1350
1345
  }
1351
1346
  @media (min-width: 992px) {
1352
1347
  .col-lg {
1353
- flex: 1 0 0%;
1348
+ flex: 1 0 0;
1354
1349
  }
1355
1350
  .row-cols-lg-auto > * {
1356
1351
  flex: 0 0 auto;
@@ -1519,7 +1514,7 @@ progress {
1519
1514
  }
1520
1515
  @media (min-width: 1200px) {
1521
1516
  .col-xl {
1522
- flex: 1 0 0%;
1517
+ flex: 1 0 0;
1523
1518
  }
1524
1519
  .row-cols-xl-auto > * {
1525
1520
  flex: 0 0 auto;
@@ -1688,7 +1683,7 @@ progress {
1688
1683
  }
1689
1684
  @media (min-width: 1400px) {
1690
1685
  .col-xxl {
1691
- flex: 1 0 0%;
1686
+ flex: 1 0 0;
1692
1687
  }
1693
1688
  .row-cols-xxl-auto > * {
1694
1689
  flex: 0 0 auto;
@@ -1937,13 +1932,13 @@ progress {
1937
1932
 
1938
1933
  .table-primary {
1939
1934
  --bs-table-color: #000;
1940
- --bs-table-bg: #cfe2ff;
1941
- --bs-table-border-color: #a6b5cc;
1942
- --bs-table-striped-bg: #c5d7f2;
1935
+ --bs-table-bg: rgb(206.6, 226, 254.6);
1936
+ --bs-table-border-color: rgb(165.28, 180.8, 203.68);
1937
+ --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
1943
1938
  --bs-table-striped-color: #000;
1944
- --bs-table-active-bg: #bacbe6;
1939
+ --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
1945
1940
  --bs-table-active-color: #000;
1946
- --bs-table-hover-bg: #bfd1ec;
1941
+ --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
1947
1942
  --bs-table-hover-color: #000;
1948
1943
  color: var(--bs-table-color);
1949
1944
  border-color: var(--bs-table-border-color);
@@ -1951,13 +1946,13 @@ progress {
1951
1946
 
1952
1947
  .table-secondary {
1953
1948
  --bs-table-color: #000;
1954
- --bs-table-bg: #e2e3e5;
1955
- --bs-table-border-color: #b5b6b7;
1956
- --bs-table-striped-bg: #d7d8da;
1949
+ --bs-table-bg: rgb(225.6, 227.4, 229);
1950
+ --bs-table-border-color: rgb(180.48, 181.92, 183.2);
1951
+ --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
1957
1952
  --bs-table-striped-color: #000;
1958
- --bs-table-active-bg: #cbccce;
1953
+ --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
1959
1954
  --bs-table-active-color: #000;
1960
- --bs-table-hover-bg: #d1d2d4;
1955
+ --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
1961
1956
  --bs-table-hover-color: #000;
1962
1957
  color: var(--bs-table-color);
1963
1958
  border-color: var(--bs-table-border-color);
@@ -1965,13 +1960,13 @@ progress {
1965
1960
 
1966
1961
  .table-success {
1967
1962
  --bs-table-color: #000;
1968
- --bs-table-bg: #d1e7dd;
1969
- --bs-table-border-color: #a7b9b1;
1970
- --bs-table-striped-bg: #c7dbd2;
1963
+ --bs-table-bg: rgb(209, 231, 220.8);
1964
+ --bs-table-border-color: rgb(167.2, 184.8, 176.64);
1965
+ --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
1971
1966
  --bs-table-striped-color: #000;
1972
- --bs-table-active-bg: #bcd0c7;
1967
+ --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
1973
1968
  --bs-table-active-color: #000;
1974
- --bs-table-hover-bg: #c1d6cc;
1969
+ --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
1975
1970
  --bs-table-hover-color: #000;
1976
1971
  color: var(--bs-table-color);
1977
1972
  border-color: var(--bs-table-border-color);
@@ -1979,13 +1974,13 @@ progress {
1979
1974
 
1980
1975
  .table-info {
1981
1976
  --bs-table-color: #000;
1982
- --bs-table-bg: #cff4fc;
1983
- --bs-table-border-color: #a6c3ca;
1984
- --bs-table-striped-bg: #c5e8ef;
1977
+ --bs-table-bg: rgb(206.6, 244.4, 252);
1978
+ --bs-table-border-color: rgb(165.28, 195.52, 201.6);
1979
+ --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
1985
1980
  --bs-table-striped-color: #000;
1986
- --bs-table-active-bg: #badce3;
1981
+ --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
1987
1982
  --bs-table-active-color: #000;
1988
- --bs-table-hover-bg: #bfe2e9;
1983
+ --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
1989
1984
  --bs-table-hover-color: #000;
1990
1985
  color: var(--bs-table-color);
1991
1986
  border-color: var(--bs-table-border-color);
@@ -1993,13 +1988,13 @@ progress {
1993
1988
 
1994
1989
  .table-warning {
1995
1990
  --bs-table-color: #000;
1996
- --bs-table-bg: #fff3cd;
1997
- --bs-table-border-color: #ccc2a4;
1998
- --bs-table-striped-bg: #f2e7c3;
1991
+ --bs-table-bg: rgb(255, 242.6, 205.4);
1992
+ --bs-table-border-color: rgb(204, 194.08, 164.32);
1993
+ --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
1999
1994
  --bs-table-striped-color: #000;
2000
- --bs-table-active-bg: #e6dbb9;
1995
+ --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
2001
1996
  --bs-table-active-color: #000;
2002
- --bs-table-hover-bg: #ece1be;
1997
+ --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
2003
1998
  --bs-table-hover-color: #000;
2004
1999
  color: var(--bs-table-color);
2005
2000
  border-color: var(--bs-table-border-color);
@@ -2007,13 +2002,13 @@ progress {
2007
2002
 
2008
2003
  .table-danger {
2009
2004
  --bs-table-color: #000;
2010
- --bs-table-bg: #f8d7da;
2011
- --bs-table-border-color: #c6acae;
2012
- --bs-table-striped-bg: #eccccf;
2005
+ --bs-table-bg: rgb(248, 214.6, 217.8);
2006
+ --bs-table-border-color: rgb(198.4, 171.68, 174.24);
2007
+ --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
2013
2008
  --bs-table-striped-color: #000;
2014
- --bs-table-active-bg: #dfc2c4;
2009
+ --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
2015
2010
  --bs-table-active-color: #000;
2016
- --bs-table-hover-bg: #e5c7ca;
2011
+ --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
2017
2012
  --bs-table-hover-color: #000;
2018
2013
  color: var(--bs-table-color);
2019
2014
  border-color: var(--bs-table-border-color);
@@ -2022,12 +2017,12 @@ progress {
2022
2017
  .table-light {
2023
2018
  --bs-table-color: #000;
2024
2019
  --bs-table-bg: #f8f9fa;
2025
- --bs-table-border-color: #c6c7c8;
2026
- --bs-table-striped-bg: #ecedee;
2020
+ --bs-table-border-color: rgb(198.4, 199.2, 200);
2021
+ --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
2027
2022
  --bs-table-striped-color: #000;
2028
- --bs-table-active-bg: #dfe0e1;
2023
+ --bs-table-active-bg: rgb(223.2, 224.1, 225);
2029
2024
  --bs-table-active-color: #000;
2030
- --bs-table-hover-bg: #e5e6e7;
2025
+ --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
2031
2026
  --bs-table-hover-color: #000;
2032
2027
  color: var(--bs-table-color);
2033
2028
  border-color: var(--bs-table-border-color);
@@ -2036,12 +2031,12 @@ progress {
2036
2031
  .table-dark {
2037
2032
  --bs-table-color: #fff;
2038
2033
  --bs-table-bg: #212529;
2039
- --bs-table-border-color: #4d5154;
2040
- --bs-table-striped-bg: #2c3034;
2034
+ --bs-table-border-color: rgb(77.4, 80.6, 83.8);
2035
+ --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
2041
2036
  --bs-table-striped-color: #fff;
2042
- --bs-table-active-bg: #373b3e;
2037
+ --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
2043
2038
  --bs-table-active-color: #fff;
2044
- --bs-table-hover-bg: #323539;
2039
+ --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
2045
2040
  --bs-table-hover-color: #fff;
2046
2041
  color: var(--bs-table-color);
2047
2042
  border-color: var(--bs-table-border-color);
@@ -2144,7 +2139,7 @@ progress {
2144
2139
  .form-control:focus {
2145
2140
  color: var(--bs-body-color);
2146
2141
  background-color: var(--bs-body-bg);
2147
- border-color: #86b7fe;
2142
+ border-color: rgb(134, 182.5, 254);
2148
2143
  outline: 0;
2149
2144
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2150
2145
  }
@@ -2169,26 +2164,9 @@ progress {
2169
2164
  background-color: var(--bs-secondary-bg);
2170
2165
  opacity: 1;
2171
2166
  }
2172
- .form-control::-webkit-file-upload-button {
2173
- padding: 0.375rem 0.75rem;
2174
- margin: -0.375rem -0.75rem;
2175
- -webkit-margin-end: 0.75rem;
2176
- margin-inline-end: 0.75rem;
2177
- color: var(--bs-body-color);
2178
- background-color: var(--bs-tertiary-bg);
2179
- pointer-events: none;
2180
- border-color: inherit;
2181
- border-style: solid;
2182
- border-width: 0;
2183
- border-inline-end-width: var(--bs-border-width);
2184
- border-radius: 0;
2185
- -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;
2186
- 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;
2187
- }
2188
2167
  .form-control::file-selector-button {
2189
2168
  padding: 0.375rem 0.75rem;
2190
2169
  margin: -0.375rem -0.75rem;
2191
- -webkit-margin-end: 0.75rem;
2192
2170
  margin-inline-end: 0.75rem;
2193
2171
  color: var(--bs-body-color);
2194
2172
  background-color: var(--bs-tertiary-bg);
@@ -2201,17 +2179,10 @@ progress {
2201
2179
  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;
2202
2180
  }
2203
2181
  @media (prefers-reduced-motion: reduce) {
2204
- .form-control::-webkit-file-upload-button {
2205
- -webkit-transition: none;
2206
- transition: none;
2207
- }
2208
2182
  .form-control::file-selector-button {
2209
2183
  transition: none;
2210
2184
  }
2211
2185
  }
2212
- .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
2213
- background-color: var(--bs-secondary-bg);
2214
- }
2215
2186
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
2216
2187
  background-color: var(--bs-secondary-bg);
2217
2188
  }
@@ -2241,16 +2212,9 @@ progress {
2241
2212
  font-size: 0.875rem;
2242
2213
  border-radius: var(--bs-border-radius-sm);
2243
2214
  }
2244
- .form-control-sm::-webkit-file-upload-button {
2245
- padding: 0.25rem 0.5rem;
2246
- margin: -0.25rem -0.5rem;
2247
- -webkit-margin-end: 0.5rem;
2248
- margin-inline-end: 0.5rem;
2249
- }
2250
2215
  .form-control-sm::file-selector-button {
2251
2216
  padding: 0.25rem 0.5rem;
2252
2217
  margin: -0.25rem -0.5rem;
2253
- -webkit-margin-end: 0.5rem;
2254
2218
  margin-inline-end: 0.5rem;
2255
2219
  }
2256
2220
 
@@ -2260,16 +2224,9 @@ progress {
2260
2224
  font-size: 1.25rem;
2261
2225
  border-radius: var(--bs-border-radius-lg);
2262
2226
  }
2263
- .form-control-lg::-webkit-file-upload-button {
2264
- padding: 0.5rem 1rem;
2265
- margin: -0.5rem -1rem;
2266
- -webkit-margin-end: 1rem;
2267
- margin-inline-end: 1rem;
2268
- }
2269
2227
  .form-control-lg::file-selector-button {
2270
2228
  padding: 0.5rem 1rem;
2271
2229
  margin: -0.5rem -1rem;
2272
- -webkit-margin-end: 1rem;
2273
2230
  margin-inline-end: 1rem;
2274
2231
  }
2275
2232
 
@@ -2334,7 +2291,7 @@ textarea.form-control-lg {
2334
2291
  }
2335
2292
  }
2336
2293
  .form-select:focus {
2337
- border-color: #86b7fe;
2294
+ border-color: rgb(134, 182.5, 254);
2338
2295
  outline: 0;
2339
2296
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2340
2297
  }
@@ -2409,7 +2366,6 @@ textarea.form-control-lg {
2409
2366
  background-size: contain;
2410
2367
  border: var(--bs-border-width) solid var(--bs-border-color);
2411
2368
  -webkit-print-color-adjust: exact;
2412
- color-adjust: exact;
2413
2369
  print-color-adjust: exact;
2414
2370
  }
2415
2371
  .form-check-input[type=checkbox] {
@@ -2422,7 +2378,7 @@ textarea.form-control-lg {
2422
2378
  filter: brightness(90%);
2423
2379
  }
2424
2380
  .form-check-input:focus {
2425
- border-color: #86b7fe;
2381
+ border-color: rgb(134, 182.5, 254);
2426
2382
  outline: 0;
2427
2383
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2428
2384
  }
@@ -2469,7 +2425,7 @@ textarea.form-control-lg {
2469
2425
  }
2470
2426
  }
2471
2427
  .form-switch .form-check-input:focus {
2472
- --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");
2428
+ --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");
2473
2429
  }
2474
2430
  .form-switch .form-check-input:checked {
2475
2431
  background-position: left center;
@@ -2545,7 +2501,7 @@ textarea.form-control-lg {
2545
2501
  }
2546
2502
  }
2547
2503
  .form-range::-webkit-slider-thumb:active {
2548
- background-color: #b6d4fe;
2504
+ background-color: rgb(182.4, 211.5, 254.4);
2549
2505
  }
2550
2506
  .form-range::-webkit-slider-runnable-track {
2551
2507
  width: 100%;
@@ -2576,7 +2532,7 @@ textarea.form-control-lg {
2576
2532
  }
2577
2533
  }
2578
2534
  .form-range::-moz-range-thumb:active {
2579
- background-color: #b6d4fe;
2535
+ background-color: rgb(182.4, 211.5, 254.4);
2580
2536
  }
2581
2537
  .form-range::-moz-range-track {
2582
2538
  width: 100%;
@@ -2613,9 +2569,11 @@ textarea.form-control-lg {
2613
2569
  top: 0;
2614
2570
  right: 0;
2615
2571
  z-index: 2;
2572
+ max-width: 100%;
2616
2573
  height: 100%;
2617
2574
  padding: 1rem 0.75rem;
2618
2575
  overflow: hidden;
2576
+ color: rgba(var(--bs-body-color-rgb), 0.65);
2619
2577
  text-align: start;
2620
2578
  text-overflow: ellipsis;
2621
2579
  white-space: nowrap;
@@ -2640,7 +2598,7 @@ textarea.form-control-lg {
2640
2598
  .form-floating > .form-control-plaintext::placeholder {
2641
2599
  color: transparent;
2642
2600
  }
2643
- .form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
2601
+ .form-floating > .form-control:not(:-moz-placeholder), .form-floating > .form-control-plaintext:not(:-moz-placeholder) {
2644
2602
  padding-top: 1.625rem;
2645
2603
  padding-bottom: 0.625rem;
2646
2604
  }
@@ -2658,19 +2616,21 @@ textarea.form-control-lg {
2658
2616
  .form-floating > .form-select {
2659
2617
  padding-top: 1.625rem;
2660
2618
  padding-bottom: 0.625rem;
2619
+ padding-right: 0.75rem;
2661
2620
  }
2662
- .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
2663
- color: rgba(var(--bs-body-color-rgb), 0.65);
2621
+ .form-floating > .form-control:not(:-moz-placeholder) ~ label {
2664
2622
  transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
2665
2623
  }
2666
2624
  .form-floating > .form-control:focus ~ label,
2667
2625
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
2668
2626
  .form-floating > .form-control-plaintext ~ label,
2669
2627
  .form-floating > .form-select ~ label {
2670
- color: rgba(var(--bs-body-color-rgb), 0.65);
2671
2628
  transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
2672
2629
  }
2673
- .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
2630
+ .form-floating > .form-control:-webkit-autofill ~ label {
2631
+ transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
2632
+ }
2633
+ .form-floating > textarea:not(:-moz-placeholder) ~ label::after {
2674
2634
  position: absolute;
2675
2635
  inset: 1rem 0.375rem;
2676
2636
  z-index: -1;
@@ -2679,10 +2639,8 @@ textarea.form-control-lg {
2679
2639
  background-color: var(--bs-body-bg);
2680
2640
  border-radius: var(--bs-border-radius);
2681
2641
  }
2682
- .form-floating > .form-control:focus ~ label::after,
2683
- .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
2684
- .form-floating > .form-control-plaintext ~ label::after,
2685
- .form-floating > .form-select ~ label::after {
2642
+ .form-floating > textarea:focus ~ label::after,
2643
+ .form-floating > textarea:not(:placeholder-shown) ~ label::after {
2686
2644
  position: absolute;
2687
2645
  inset: 1rem 0.375rem;
2688
2646
  z-index: -1;
@@ -2691,9 +2649,8 @@ textarea.form-control-lg {
2691
2649
  background-color: var(--bs-body-bg);
2692
2650
  border-radius: var(--bs-border-radius);
2693
2651
  }
2694
- .form-floating > .form-control:-webkit-autofill ~ label {
2695
- color: rgba(var(--bs-body-color-rgb), 0.65);
2696
- transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
2652
+ .form-floating > textarea:disabled ~ label::after {
2653
+ background-color: var(--bs-secondary-bg);
2697
2654
  }
2698
2655
  .form-floating > .form-control-plaintext ~ label {
2699
2656
  border-width: var(--bs-border-width) 0;
@@ -2702,10 +2659,6 @@ textarea.form-control-lg {
2702
2659
  .form-floating > .form-control:disabled ~ label {
2703
2660
  color: #6c757d;
2704
2661
  }
2705
- .form-floating > :disabled ~ label::after,
2706
- .form-floating > .form-control:disabled ~ label::after {
2707
- background-color: var(--bs-secondary-bg);
2708
- }
2709
2662
 
2710
2663
  .input-group {
2711
2664
  position: relative;
@@ -2788,7 +2741,7 @@ textarea.form-control-lg {
2788
2741
  border-bottom-left-radius: 0;
2789
2742
  }
2790
2743
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
2791
- margin-right: calc(var(--bs-border-width) * -1);
2744
+ margin-right: calc(-1 * var(--bs-border-width));
2792
2745
  border-top-right-radius: 0;
2793
2746
  border-bottom-right-radius: 0;
2794
2747
  }
@@ -3067,12 +3020,12 @@ textarea.form-control-lg {
3067
3020
  --bs-btn-bg: #0d6efd;
3068
3021
  --bs-btn-border-color: #0d6efd;
3069
3022
  --bs-btn-hover-color: #fff;
3070
- --bs-btn-hover-bg: #0b5ed7;
3071
- --bs-btn-hover-border-color: #0a58ca;
3023
+ --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
3024
+ --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
3072
3025
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
3073
3026
  --bs-btn-active-color: #fff;
3074
- --bs-btn-active-bg: #0a58ca;
3075
- --bs-btn-active-border-color: #0a53be;
3027
+ --bs-btn-active-bg: rgb(10.4, 88, 202.4);
3028
+ --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
3076
3029
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3077
3030
  --bs-btn-disabled-color: #fff;
3078
3031
  --bs-btn-disabled-bg: #0d6efd;
@@ -3084,12 +3037,12 @@ textarea.form-control-lg {
3084
3037
  --bs-btn-bg: #6c757d;
3085
3038
  --bs-btn-border-color: #6c757d;
3086
3039
  --bs-btn-hover-color: #fff;
3087
- --bs-btn-hover-bg: #5c636a;
3088
- --bs-btn-hover-border-color: #565e64;
3040
+ --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
3041
+ --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
3089
3042
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
3090
3043
  --bs-btn-active-color: #fff;
3091
- --bs-btn-active-bg: #565e64;
3092
- --bs-btn-active-border-color: #51585e;
3044
+ --bs-btn-active-bg: rgb(86.4, 93.6, 100);
3045
+ --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
3093
3046
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3094
3047
  --bs-btn-disabled-color: #fff;
3095
3048
  --bs-btn-disabled-bg: #6c757d;
@@ -3101,12 +3054,12 @@ textarea.form-control-lg {
3101
3054
  --bs-btn-bg: #198754;
3102
3055
  --bs-btn-border-color: #198754;
3103
3056
  --bs-btn-hover-color: #fff;
3104
- --bs-btn-hover-bg: #157347;
3105
- --bs-btn-hover-border-color: #146c43;
3057
+ --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
3058
+ --bs-btn-hover-border-color: rgb(20, 108, 67.2);
3106
3059
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
3107
3060
  --bs-btn-active-color: #fff;
3108
- --bs-btn-active-bg: #146c43;
3109
- --bs-btn-active-border-color: #13653f;
3061
+ --bs-btn-active-bg: rgb(20, 108, 67.2);
3062
+ --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
3110
3063
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3111
3064
  --bs-btn-disabled-color: #fff;
3112
3065
  --bs-btn-disabled-bg: #198754;
@@ -3118,12 +3071,12 @@ textarea.form-control-lg {
3118
3071
  --bs-btn-bg: #0dcaf0;
3119
3072
  --bs-btn-border-color: #0dcaf0;
3120
3073
  --bs-btn-hover-color: #000;
3121
- --bs-btn-hover-bg: #31d2f2;
3122
- --bs-btn-hover-border-color: #25cff2;
3074
+ --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
3075
+ --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
3123
3076
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
3124
3077
  --bs-btn-active-color: #000;
3125
- --bs-btn-active-bg: #3dd5f3;
3126
- --bs-btn-active-border-color: #25cff2;
3078
+ --bs-btn-active-bg: rgb(61.4, 212.6, 243);
3079
+ --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
3127
3080
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3128
3081
  --bs-btn-disabled-color: #000;
3129
3082
  --bs-btn-disabled-bg: #0dcaf0;
@@ -3135,12 +3088,12 @@ textarea.form-control-lg {
3135
3088
  --bs-btn-bg: #ffc107;
3136
3089
  --bs-btn-border-color: #ffc107;
3137
3090
  --bs-btn-hover-color: #000;
3138
- --bs-btn-hover-bg: #ffca2c;
3139
- --bs-btn-hover-border-color: #ffc720;
3091
+ --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
3092
+ --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
3140
3093
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
3141
3094
  --bs-btn-active-color: #000;
3142
- --bs-btn-active-bg: #ffcd39;
3143
- --bs-btn-active-border-color: #ffc720;
3095
+ --bs-btn-active-bg: rgb(255, 205.4, 56.6);
3096
+ --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
3144
3097
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3145
3098
  --bs-btn-disabled-color: #000;
3146
3099
  --bs-btn-disabled-bg: #ffc107;
@@ -3152,12 +3105,12 @@ textarea.form-control-lg {
3152
3105
  --bs-btn-bg: #dc3545;
3153
3106
  --bs-btn-border-color: #dc3545;
3154
3107
  --bs-btn-hover-color: #fff;
3155
- --bs-btn-hover-bg: #bb2d3b;
3156
- --bs-btn-hover-border-color: #b02a37;
3108
+ --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
3109
+ --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
3157
3110
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
3158
3111
  --bs-btn-active-color: #fff;
3159
- --bs-btn-active-bg: #b02a37;
3160
- --bs-btn-active-border-color: #a52834;
3112
+ --bs-btn-active-bg: rgb(176, 42.4, 55.2);
3113
+ --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
3161
3114
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3162
3115
  --bs-btn-disabled-color: #fff;
3163
3116
  --bs-btn-disabled-bg: #dc3545;
@@ -3169,12 +3122,12 @@ textarea.form-control-lg {
3169
3122
  --bs-btn-bg: #f8f9fa;
3170
3123
  --bs-btn-border-color: #f8f9fa;
3171
3124
  --bs-btn-hover-color: #000;
3172
- --bs-btn-hover-bg: #d3d4d5;
3173
- --bs-btn-hover-border-color: #c6c7c8;
3125
+ --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
3126
+ --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
3174
3127
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
3175
3128
  --bs-btn-active-color: #000;
3176
- --bs-btn-active-bg: #c6c7c8;
3177
- --bs-btn-active-border-color: #babbbc;
3129
+ --bs-btn-active-bg: rgb(198.4, 199.2, 200);
3130
+ --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
3178
3131
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3179
3132
  --bs-btn-disabled-color: #000;
3180
3133
  --bs-btn-disabled-bg: #f8f9fa;
@@ -3186,12 +3139,12 @@ textarea.form-control-lg {
3186
3139
  --bs-btn-bg: #212529;
3187
3140
  --bs-btn-border-color: #212529;
3188
3141
  --bs-btn-hover-color: #fff;
3189
- --bs-btn-hover-bg: #424649;
3190
- --bs-btn-hover-border-color: #373b3e;
3142
+ --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
3143
+ --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
3191
3144
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
3192
3145
  --bs-btn-active-color: #fff;
3193
- --bs-btn-active-bg: #4d5154;
3194
- --bs-btn-active-border-color: #373b3e;
3146
+ --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
3147
+ --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
3195
3148
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3196
3149
  --bs-btn-disabled-color: #fff;
3197
3150
  --bs-btn-disabled-bg: #212529;
@@ -3765,7 +3718,7 @@ textarea.form-control-lg {
3765
3718
  }
3766
3719
  .btn-group > :not(.btn-check:first-child) + .btn,
3767
3720
  .btn-group > .btn-group:not(:first-child) {
3768
- margin-right: calc(var(--bs-border-width) * -1);
3721
+ margin-right: calc(-1 * var(--bs-border-width));
3769
3722
  }
3770
3723
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
3771
3724
  .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -3819,14 +3772,15 @@ textarea.form-control-lg {
3819
3772
  }
3820
3773
  .btn-group-vertical > .btn:not(:first-child),
3821
3774
  .btn-group-vertical > .btn-group:not(:first-child) {
3822
- margin-top: calc(var(--bs-border-width) * -1);
3775
+ margin-top: calc(-1 * var(--bs-border-width));
3823
3776
  }
3824
3777
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
3825
3778
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
3826
3779
  border-bottom-left-radius: 0;
3827
3780
  border-bottom-right-radius: 0;
3828
3781
  }
3829
- .btn-group-vertical > .btn ~ .btn,
3782
+ .btn-group-vertical > .btn:nth-child(n+3),
3783
+ .btn-group-vertical > :not(.btn-check) + .btn,
3830
3784
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
3831
3785
  border-top-right-radius: 0;
3832
3786
  border-top-left-radius: 0;
@@ -3950,8 +3904,8 @@ textarea.form-control-lg {
3950
3904
 
3951
3905
  .nav-justified > .nav-link,
3952
3906
  .nav-justified .nav-item {
3953
- flex-basis: 0;
3954
3907
  flex-grow: 1;
3908
+ flex-basis: 0;
3955
3909
  text-align: center;
3956
3910
  }
3957
3911
 
@@ -4052,8 +4006,8 @@ textarea.form-control-lg {
4052
4006
  }
4053
4007
 
4054
4008
  .navbar-collapse {
4055
- flex-basis: 100%;
4056
4009
  flex-grow: 1;
4010
+ flex-basis: 100%;
4057
4011
  align-items: center;
4058
4012
  }
4059
4013
 
@@ -4555,7 +4509,7 @@ textarea.form-control-lg {
4555
4509
  flex-flow: row wrap;
4556
4510
  }
4557
4511
  .card-group > .card {
4558
- flex: 1 0 0%;
4512
+ flex: 1 0 0;
4559
4513
  margin-bottom: 0;
4560
4514
  }
4561
4515
  .card-group > .card + .card {
@@ -4566,24 +4520,24 @@ textarea.form-control-lg {
4566
4520
  border-top-left-radius: 0;
4567
4521
  border-bottom-left-radius: 0;
4568
4522
  }
4569
- .card-group > .card:not(:last-child) .card-img-top,
4570
- .card-group > .card:not(:last-child) .card-header {
4523
+ .card-group > .card:not(:last-child) > .card-img-top,
4524
+ .card-group > .card:not(:last-child) > .card-header {
4571
4525
  border-top-left-radius: 0;
4572
4526
  }
4573
- .card-group > .card:not(:last-child) .card-img-bottom,
4574
- .card-group > .card:not(:last-child) .card-footer {
4527
+ .card-group > .card:not(:last-child) > .card-img-bottom,
4528
+ .card-group > .card:not(:last-child) > .card-footer {
4575
4529
  border-bottom-left-radius: 0;
4576
4530
  }
4577
4531
  .card-group > .card:not(:first-child) {
4578
4532
  border-top-right-radius: 0;
4579
4533
  border-bottom-right-radius: 0;
4580
4534
  }
4581
- .card-group > .card:not(:first-child) .card-img-top,
4582
- .card-group > .card:not(:first-child) .card-header {
4535
+ .card-group > .card:not(:first-child) > .card-img-top,
4536
+ .card-group > .card:not(:first-child) > .card-header {
4583
4537
  border-top-right-radius: 0;
4584
4538
  }
4585
- .card-group > .card:not(:first-child) .card-img-bottom,
4586
- .card-group > .card:not(:first-child) .card-footer {
4539
+ .card-group > .card:not(:first-child) > .card-img-bottom,
4540
+ .card-group > .card:not(:first-child) > .card-footer {
4587
4541
  border-bottom-right-radius: 0;
4588
4542
  }
4589
4543
  }
@@ -4604,7 +4558,7 @@ textarea.form-control-lg {
4604
4558
  --bs-accordion-btn-icon-width: 1.25rem;
4605
4559
  --bs-accordion-btn-icon-transform: rotate(-180deg);
4606
4560
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4607
- --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");
4561
+ --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");
4608
4562
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
4609
4563
  --bs-accordion-body-padding-x: 1.25rem;
4610
4564
  --bs-accordion-body-padding-y: 1rem;
@@ -4714,16 +4668,15 @@ textarea.form-control-lg {
4714
4668
  .accordion-flush > .accordion-item:last-child {
4715
4669
  border-bottom: 0;
4716
4670
  }
4717
- .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
4718
- border-radius: 0;
4719
- }
4720
- .accordion-flush > .accordion-item > .accordion-collapse {
4671
+ .accordion-flush > .accordion-item > .accordion-collapse,
4672
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button,
4673
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
4721
4674
  border-radius: 0;
4722
4675
  }
4723
4676
 
4724
4677
  [data-bs-theme=dark] .accordion-button::after {
4725
- --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");
4726
- --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");
4678
+ --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");
4679
+ --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");
4727
4680
  }
4728
4681
 
4729
4682
  .breadcrumb {
@@ -4829,13 +4782,8 @@ textarea.form-control-lg {
4829
4782
  .page-item:not(:first-child) .page-link {
4830
4783
  margin-right: calc(var(--bs-border-width) * -1);
4831
4784
  }
4832
- .page-item:first-child .page-link {
4833
- border-top-right-radius: var(--bs-pagination-border-radius);
4834
- border-bottom-right-radius: var(--bs-pagination-border-radius);
4835
- }
4836
- .page-item:last-child .page-link {
4837
- border-top-left-radius: var(--bs-pagination-border-radius);
4838
- border-bottom-left-radius: var(--bs-pagination-border-radius);
4785
+ .page-item .page-link {
4786
+ border-radius: var(--bs-pagination-border-radius);
4839
4787
  }
4840
4788
 
4841
4789
  .pagination-lg {
@@ -4976,7 +4924,7 @@ textarea.form-control-lg {
4976
4924
 
4977
4925
  @keyframes progress-bar-stripes {
4978
4926
  0% {
4979
- background-position-x: 1rem;
4927
+ background-position-x: var(--bs-progress-height);
4980
4928
  }
4981
4929
  }
4982
4930
  .progress,
@@ -5071,22 +5019,6 @@ textarea.form-control-lg {
5071
5019
  counter-increment: section;
5072
5020
  }
5073
5021
 
5074
- .list-group-item-action {
5075
- width: 100%;
5076
- color: var(--bs-list-group-action-color);
5077
- text-align: inherit;
5078
- }
5079
- .list-group-item-action:hover, .list-group-item-action:focus {
5080
- z-index: 1;
5081
- color: var(--bs-list-group-action-hover-color);
5082
- text-decoration: none;
5083
- background-color: var(--bs-list-group-action-hover-bg);
5084
- }
5085
- .list-group-item-action:active {
5086
- color: var(--bs-list-group-action-active-color);
5087
- background-color: var(--bs-list-group-action-active-bg);
5088
- }
5089
-
5090
5022
  .list-group-item {
5091
5023
  position: relative;
5092
5024
  display: block;
@@ -5123,6 +5055,22 @@ textarea.form-control-lg {
5123
5055
  border-top-width: var(--bs-list-group-border-width);
5124
5056
  }
5125
5057
 
5058
+ .list-group-item-action {
5059
+ width: 100%;
5060
+ color: var(--bs-list-group-action-color);
5061
+ text-align: inherit;
5062
+ }
5063
+ .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
5064
+ z-index: 1;
5065
+ color: var(--bs-list-group-action-hover-color);
5066
+ text-decoration: none;
5067
+ background-color: var(--bs-list-group-action-hover-bg);
5068
+ }
5069
+ .list-group-item-action:not(.active):active {
5070
+ color: var(--bs-list-group-action-active-color);
5071
+ background-color: var(--bs-list-group-action-active-bg);
5072
+ }
5073
+
5126
5074
  .list-group-horizontal {
5127
5075
  flex-direction: row;
5128
5076
  }
@@ -5388,13 +5336,13 @@ textarea.form-control-lg {
5388
5336
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
5389
5337
  --bs-btn-close-focus-opacity: 1;
5390
5338
  --bs-btn-close-disabled-opacity: 0.25;
5391
- --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
5392
5339
  box-sizing: content-box;
5393
5340
  width: 1em;
5394
5341
  height: 1em;
5395
5342
  padding: 0.25em 0.25em;
5396
5343
  color: var(--bs-btn-close-color);
5397
5344
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
5345
+ filter: var(--bs-btn-close-filter);
5398
5346
  border: 0;
5399
5347
  border-radius: 0.375rem;
5400
5348
  opacity: var(--bs-btn-close-opacity);
@@ -5418,11 +5366,16 @@ textarea.form-control-lg {
5418
5366
  }
5419
5367
 
5420
5368
  .btn-close-white {
5421
- filter: var(--bs-btn-close-white-filter);
5369
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
5370
+ }
5371
+
5372
+ :root,
5373
+ [data-bs-theme=light] {
5374
+ --bs-btn-close-filter: ;
5422
5375
  }
5423
5376
 
5424
- [data-bs-theme=dark] .btn-close {
5425
- filter: var(--bs-btn-close-white-filter);
5377
+ [data-bs-theme=dark] {
5378
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
5426
5379
  }
5427
5380
 
5428
5381
  .toast {
@@ -5463,7 +5416,6 @@ textarea.form-control-lg {
5463
5416
  --bs-toast-zindex: 1090;
5464
5417
  position: absolute;
5465
5418
  z-index: var(--bs-toast-zindex);
5466
- width: -webkit-max-content;
5467
5419
  width: -moz-max-content;
5468
5420
  width: max-content;
5469
5421
  max-width: 100%;
@@ -5499,7 +5451,7 @@ textarea.form-control-lg {
5499
5451
  --bs-modal-width: 500px;
5500
5452
  --bs-modal-padding: 1rem;
5501
5453
  --bs-modal-margin: 0.5rem;
5502
- --bs-modal-color: ;
5454
+ --bs-modal-color: var(--bs-body-color);
5503
5455
  --bs-modal-bg: var(--bs-body-bg);
5504
5456
  --bs-modal-border-color: var(--bs-border-color-translucent);
5505
5457
  --bs-modal-border-width: var(--bs-border-width);
@@ -5535,8 +5487,8 @@ textarea.form-control-lg {
5535
5487
  pointer-events: none;
5536
5488
  }
5537
5489
  .modal.fade .modal-dialog {
5538
- transition: transform 0.3s ease-out;
5539
5490
  transform: translate(0, -50px);
5491
+ transition: transform 0.3s ease-out;
5540
5492
  }
5541
5493
  @media (prefers-reduced-motion: reduce) {
5542
5494
  .modal.fade .modal-dialog {
@@ -5612,7 +5564,10 @@ textarea.form-control-lg {
5612
5564
  }
5613
5565
  .modal-header .btn-close {
5614
5566
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
5615
- margin: calc(-0.5 * var(--bs-modal-header-padding-y)) auto calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x));
5567
+ margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
5568
+ margin-left: calc(-0.5 * var(--bs-modal-header-padding-x));
5569
+ margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
5570
+ margin-right: auto;
5616
5571
  }
5617
5572
 
5618
5573
  .modal-title {
@@ -6054,7 +6009,6 @@ textarea.form-control-lg {
6054
6009
  float: right;
6055
6010
  width: 100%;
6056
6011
  margin-left: -100%;
6057
- -webkit-backface-visibility: hidden;
6058
6012
  backface-visibility: hidden;
6059
6013
  transition: transform 0.6s ease-in-out;
6060
6014
  }
@@ -6118,6 +6072,7 @@ textarea.form-control-lg {
6118
6072
  color: #fff;
6119
6073
  text-align: center;
6120
6074
  background: none;
6075
+ filter: var(--bs-carousel-control-icon-filter);
6121
6076
  border: 0;
6122
6077
  opacity: 0.5;
6123
6078
  transition: opacity 0.15s ease;
@@ -6186,7 +6141,7 @@ textarea.form-control-lg {
6186
6141
  margin-right: 3px;
6187
6142
  text-indent: -999px;
6188
6143
  cursor: pointer;
6189
- background-color: #fff;
6144
+ background-color: var(--bs-carousel-indicator-active-bg);
6190
6145
  background-clip: padding-box;
6191
6146
  border: 0;
6192
6147
  border-top: 10px solid transparent;
@@ -6210,31 +6165,27 @@ textarea.form-control-lg {
6210
6165
  right: 15%;
6211
6166
  padding-top: 1.25rem;
6212
6167
  padding-bottom: 1.25rem;
6213
- color: #fff;
6168
+ color: var(--bs-carousel-caption-color);
6214
6169
  text-align: center;
6215
6170
  }
6216
6171
 
6217
- .carousel-dark .carousel-control-prev-icon,
6218
- .carousel-dark .carousel-control-next-icon {
6219
- filter: invert(1) grayscale(100);
6220
- }
6221
- .carousel-dark .carousel-indicators [data-bs-target] {
6222
- background-color: #000;
6223
- }
6224
- .carousel-dark .carousel-caption {
6225
- color: #000;
6172
+ .carousel-dark {
6173
+ --bs-carousel-indicator-active-bg: #000;
6174
+ --bs-carousel-caption-color: #000;
6175
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
6226
6176
  }
6227
6177
 
6228
- [data-bs-theme=dark] .carousel .carousel-control-prev-icon,
6229
- [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
6230
- [data-bs-theme=dark].carousel .carousel-control-next-icon {
6231
- filter: invert(1) grayscale(100);
6232
- }
6233
- [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
6234
- background-color: #000;
6178
+ :root,
6179
+ [data-bs-theme=light] {
6180
+ --bs-carousel-indicator-active-bg: #fff;
6181
+ --bs-carousel-caption-color: #fff;
6182
+ --bs-carousel-control-icon-filter: ;
6235
6183
  }
6236
- [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
6237
- color: #000;
6184
+
6185
+ [data-bs-theme=dark] {
6186
+ --bs-carousel-indicator-active-bg: #000;
6187
+ --bs-carousel-caption-color: #000;
6188
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
6238
6189
  }
6239
6190
 
6240
6191
  .spinner-grow,
@@ -6790,7 +6741,10 @@ textarea.form-control-lg {
6790
6741
  }
6791
6742
  .offcanvas-header .btn-close {
6792
6743
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
6793
- margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) auto calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x));
6744
+ margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
6745
+ margin-left: calc(-0.5 * var(--bs-offcanvas-padding-x));
6746
+ margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
6747
+ margin-right: auto;
6794
6748
  }
6795
6749
 
6796
6750
  .offcanvas-title {
@@ -6900,100 +6854,82 @@ textarea.form-control-lg {
6900
6854
 
6901
6855
  .link-primary {
6902
6856
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
6903
- -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
6904
6857
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
6905
6858
  }
6906
6859
  .link-primary:hover, .link-primary:focus {
6907
6860
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
6908
- -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
6909
6861
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
6910
6862
  }
6911
6863
 
6912
6864
  .link-secondary {
6913
6865
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
6914
- -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
6915
6866
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
6916
6867
  }
6917
6868
  .link-secondary:hover, .link-secondary:focus {
6918
6869
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
6919
- -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
6920
6870
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
6921
6871
  }
6922
6872
 
6923
6873
  .link-success {
6924
6874
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
6925
- -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
6926
6875
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
6927
6876
  }
6928
6877
  .link-success:hover, .link-success:focus {
6929
6878
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
6930
- -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
6931
6879
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
6932
6880
  }
6933
6881
 
6934
6882
  .link-info {
6935
6883
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
6936
- -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
6937
6884
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
6938
6885
  }
6939
6886
  .link-info:hover, .link-info:focus {
6940
6887
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
6941
- -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
6942
6888
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
6943
6889
  }
6944
6890
 
6945
6891
  .link-warning {
6946
6892
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
6947
- -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
6948
6893
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
6949
6894
  }
6950
6895
  .link-warning:hover, .link-warning:focus {
6951
6896
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
6952
- -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
6953
6897
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
6954
6898
  }
6955
6899
 
6956
6900
  .link-danger {
6957
6901
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
6958
- -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
6959
6902
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
6960
6903
  }
6961
6904
  .link-danger:hover, .link-danger:focus {
6962
6905
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
6963
- -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
6964
6906
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
6965
6907
  }
6966
6908
 
6967
6909
  .link-light {
6968
6910
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
6969
- -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
6970
6911
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
6971
6912
  }
6972
6913
  .link-light:hover, .link-light:focus {
6973
6914
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
6974
- -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
6975
6915
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
6976
6916
  }
6977
6917
 
6978
6918
  .link-dark {
6979
6919
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
6980
- -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
6981
6920
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
6982
6921
  }
6983
6922
  .link-dark:hover, .link-dark:focus {
6984
6923
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
6985
- -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
6986
6924
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
6987
6925
  }
6988
6926
 
6989
6927
  .link-body-emphasis {
6990
6928
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
6991
- -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
6992
6929
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
6993
6930
  }
6994
6931
  .link-body-emphasis:hover, .link-body-emphasis:focus {
6995
6932
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
6996
- -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
6997
6933
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
6998
6934
  }
6999
6935
 
@@ -7006,10 +6942,8 @@ textarea.form-control-lg {
7006
6942
  display: inline-flex;
7007
6943
  gap: 0.375rem;
7008
6944
  align-items: center;
7009
- -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
7010
6945
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
7011
6946
  text-underline-offset: 0.25em;
7012
- -webkit-backface-visibility: hidden;
7013
6947
  backface-visibility: hidden;
7014
6948
  }
7015
6949
  .icon-link > .bi {
@@ -7079,14 +7013,12 @@ textarea.form-control-lg {
7079
7013
  }
7080
7014
 
7081
7015
  .sticky-top {
7082
- position: -webkit-sticky;
7083
7016
  position: sticky;
7084
7017
  top: 0;
7085
7018
  z-index: 1020;
7086
7019
  }
7087
7020
 
7088
7021
  .sticky-bottom {
7089
- position: -webkit-sticky;
7090
7022
  position: sticky;
7091
7023
  bottom: 0;
7092
7024
  z-index: 1020;
@@ -7094,13 +7026,11 @@ textarea.form-control-lg {
7094
7026
 
7095
7027
  @media (min-width: 576px) {
7096
7028
  .sticky-sm-top {
7097
- position: -webkit-sticky;
7098
7029
  position: sticky;
7099
7030
  top: 0;
7100
7031
  z-index: 1020;
7101
7032
  }
7102
7033
  .sticky-sm-bottom {
7103
- position: -webkit-sticky;
7104
7034
  position: sticky;
7105
7035
  bottom: 0;
7106
7036
  z-index: 1020;
@@ -7108,13 +7038,11 @@ textarea.form-control-lg {
7108
7038
  }
7109
7039
  @media (min-width: 768px) {
7110
7040
  .sticky-md-top {
7111
- position: -webkit-sticky;
7112
7041
  position: sticky;
7113
7042
  top: 0;
7114
7043
  z-index: 1020;
7115
7044
  }
7116
7045
  .sticky-md-bottom {
7117
- position: -webkit-sticky;
7118
7046
  position: sticky;
7119
7047
  bottom: 0;
7120
7048
  z-index: 1020;
@@ -7122,13 +7050,11 @@ textarea.form-control-lg {
7122
7050
  }
7123
7051
  @media (min-width: 992px) {
7124
7052
  .sticky-lg-top {
7125
- position: -webkit-sticky;
7126
7053
  position: sticky;
7127
7054
  top: 0;
7128
7055
  z-index: 1020;
7129
7056
  }
7130
7057
  .sticky-lg-bottom {
7131
- position: -webkit-sticky;
7132
7058
  position: sticky;
7133
7059
  bottom: 0;
7134
7060
  z-index: 1020;
@@ -7136,13 +7062,11 @@ textarea.form-control-lg {
7136
7062
  }
7137
7063
  @media (min-width: 1200px) {
7138
7064
  .sticky-xl-top {
7139
- position: -webkit-sticky;
7140
7065
  position: sticky;
7141
7066
  top: 0;
7142
7067
  z-index: 1020;
7143
7068
  }
7144
7069
  .sticky-xl-bottom {
7145
- position: -webkit-sticky;
7146
7070
  position: sticky;
7147
7071
  bottom: 0;
7148
7072
  z-index: 1020;
@@ -7150,13 +7074,11 @@ textarea.form-control-lg {
7150
7074
  }
7151
7075
  @media (min-width: 1400px) {
7152
7076
  .sticky-xxl-top {
7153
- position: -webkit-sticky;
7154
7077
  position: sticky;
7155
7078
  top: 0;
7156
7079
  z-index: 1020;
7157
7080
  }
7158
7081
  .sticky-xxl-bottom {
7159
- position: -webkit-sticky;
7160
7082
  position: sticky;
7161
7083
  bottom: 0;
7162
7084
  z-index: 1020;
@@ -7191,6 +7113,10 @@ textarea.form-control-lg {
7191
7113
  .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
7192
7114
  position: absolute !important;
7193
7115
  }
7116
+ .visually-hidden *,
7117
+ .visually-hidden-focusable:not(:focus):not(:focus-within) * {
7118
+ overflow: hidden !important;
7119
+ }
7194
7120
 
7195
7121
  .stretched-link::after {
7196
7122
  position: absolute;
@@ -7455,7 +7381,6 @@ textarea.form-control-lg {
7455
7381
  }
7456
7382
 
7457
7383
  .position-sticky {
7458
- position: -webkit-sticky !important;
7459
7384
  position: sticky !important;
7460
7385
  }
7461
7386
 
@@ -8870,55 +8795,46 @@ textarea.form-control-lg {
8870
8795
 
8871
8796
  .link-underline-primary {
8872
8797
  --bs-link-underline-opacity: 1;
8873
- -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
8874
8798
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
8875
8799
  }
8876
8800
 
8877
8801
  .link-underline-secondary {
8878
8802
  --bs-link-underline-opacity: 1;
8879
- -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
8880
8803
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
8881
8804
  }
8882
8805
 
8883
8806
  .link-underline-success {
8884
8807
  --bs-link-underline-opacity: 1;
8885
- -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
8886
8808
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
8887
8809
  }
8888
8810
 
8889
8811
  .link-underline-info {
8890
8812
  --bs-link-underline-opacity: 1;
8891
- -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
8892
8813
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
8893
8814
  }
8894
8815
 
8895
8816
  .link-underline-warning {
8896
8817
  --bs-link-underline-opacity: 1;
8897
- -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
8898
8818
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
8899
8819
  }
8900
8820
 
8901
8821
  .link-underline-danger {
8902
8822
  --bs-link-underline-opacity: 1;
8903
- -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
8904
8823
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
8905
8824
  }
8906
8825
 
8907
8826
  .link-underline-light {
8908
8827
  --bs-link-underline-opacity: 1;
8909
- -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
8910
8828
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
8911
8829
  }
8912
8830
 
8913
8831
  .link-underline-dark {
8914
8832
  --bs-link-underline-opacity: 1;
8915
- -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
8916
8833
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
8917
8834
  }
8918
8835
 
8919
8836
  .link-underline {
8920
8837
  --bs-link-underline-opacity: 1;
8921
- -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
8922
8838
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
8923
8839
  }
8924
8840
 
@@ -12899,7 +12815,6 @@ textarea.form-control-lg {
12899
12815
  position: relative;
12900
12816
  display: grid;
12901
12817
  grid-template-areas: "lte-app-sidebar lte-app-header" "lte-app-sidebar lte-app-main" "lte-app-sidebar lte-app-footer";
12902
- grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
12903
12818
  grid-template-rows: min-content 1fr min-content;
12904
12819
  grid-template-columns: auto 1fr;
12905
12820
  grid-gap: 0;
@@ -12942,6 +12857,12 @@ textarea.form-control-lg {
12942
12857
  font-weight: 400;
12943
12858
  }
12944
12859
 
12860
+ .fixed-header .app-header {
12861
+ position: sticky;
12862
+ top: 0;
12863
+ z-index: 1030;
12864
+ }
12865
+
12945
12866
  .app-sidebar {
12946
12867
  --lte-sidebar-hover-bg: rgba(0, 0, 0, 0.1);
12947
12868
  --lte-sidebar-color: #343a40;
@@ -12955,7 +12876,7 @@ textarea.form-control-lg {
12955
12876
  --lte-sidebar-submenu-hover-bg: rgba(0, 0, 0, 0.1);
12956
12877
  --lte-sidebar-submenu-active-color: #212529;
12957
12878
  --lte-sidebar-submenu-active-bg: rgba(0, 0, 0, 0.1);
12958
- --lte-sidebar-header-color: #31373d;
12879
+ --lte-sidebar-header-color: rgb(49.4, 55.1, 60.8);
12959
12880
  z-index: 1038;
12960
12881
  grid-area: lte-app-sidebar;
12961
12882
  min-width: var(--lte-sidebar-width);
@@ -13122,7 +13043,9 @@ textarea.form-control-lg {
13122
13043
  .sidebar-menu .nav-link > .nav-badge,
13123
13044
  .sidebar-menu .nav-link > p > .nav-badge {
13124
13045
  position: absolute;
13046
+ top: 50%;
13125
13047
  left: 1rem;
13048
+ transform: translateY(-50%);
13126
13049
  }
13127
13050
  .sidebar-menu .nav-link > .nav-arrow,
13128
13051
  .sidebar-menu .nav-link > p > .nav-arrow {
@@ -13132,6 +13055,7 @@ textarea.form-control-lg {
13132
13055
  }
13133
13056
  .sidebar-menu .nav-link {
13134
13057
  position: relative;
13058
+ width: 100%;
13135
13059
  transition: width ease-in-out 0.3s;
13136
13060
  border-radius: 0.375rem;
13137
13061
  }
@@ -13163,6 +13087,13 @@ textarea.form-control-lg {
13163
13087
  .sidebar-menu .menu-open > .nav-link .nav-arrow {
13164
13088
  transform: translateY(-50%) rotate(90deg) ;
13165
13089
  }
13090
+ .sidebar-menu .nav-link > .nav-badge,
13091
+ .sidebar-menu .nav-link > p > .nav-badge,
13092
+ .sidebar-menu .nav-link > .nav-arrow,
13093
+ .sidebar-menu .nav-link > p > .nav-arrow {
13094
+ left: 1rem !important;
13095
+ right: auto !important;
13096
+ }
13166
13097
 
13167
13098
  .nav-compact.nav-indent .nav-treeview {
13168
13099
  padding-right: 0;
@@ -13339,7 +13270,6 @@ textarea.form-control-lg {
13339
13270
  overflow: auto;
13340
13271
  }
13341
13272
  .sidebar-expand-sm.layout-fixed .app-sidebar {
13342
- position: -webkit-sticky;
13343
13273
  position: sticky;
13344
13274
  top: 0;
13345
13275
  bottom: 0;
@@ -13408,7 +13338,6 @@ textarea.form-control-lg {
13408
13338
  overflow: auto;
13409
13339
  }
13410
13340
  .sidebar-expand-md.layout-fixed .app-sidebar {
13411
- position: -webkit-sticky;
13412
13341
  position: sticky;
13413
13342
  top: 0;
13414
13343
  bottom: 0;
@@ -13477,7 +13406,6 @@ textarea.form-control-lg {
13477
13406
  overflow: auto;
13478
13407
  }
13479
13408
  .sidebar-expand-lg.layout-fixed .app-sidebar {
13480
- position: -webkit-sticky;
13481
13409
  position: sticky;
13482
13410
  top: 0;
13483
13411
  bottom: 0;
@@ -13546,7 +13474,6 @@ textarea.form-control-lg {
13546
13474
  overflow: auto;
13547
13475
  }
13548
13476
  .sidebar-expand-xl.layout-fixed .app-sidebar {
13549
- position: -webkit-sticky;
13550
13477
  position: sticky;
13551
13478
  top: 0;
13552
13479
  bottom: 0;
@@ -13615,7 +13542,6 @@ textarea.form-control-lg {
13615
13542
  overflow: auto;
13616
13543
  }
13617
13544
  .sidebar-expand-xxl.layout-fixed .app-sidebar {
13618
- position: -webkit-sticky;
13619
13545
  position: sticky;
13620
13546
  top: 0;
13621
13547
  bottom: 0;
@@ -13683,7 +13609,6 @@ textarea.form-control-lg {
13683
13609
  overflow: auto;
13684
13610
  }
13685
13611
  .sidebar-expand.layout-fixed .app-sidebar {
13686
- position: -webkit-sticky;
13687
13612
  position: sticky;
13688
13613
  top: 0;
13689
13614
  bottom: 0;
@@ -13806,7 +13731,7 @@ body:not(.app-loaded) .app-footer {
13806
13731
  --lte-sidebar-submenu-hover-bg: rgba(255, 255, 255, 0.1);
13807
13732
  --lte-sidebar-submenu-active-color: #fff;
13808
13733
  --lte-sidebar-submenu-active-bg: rgba(255, 255, 255, 0.1);
13809
- --lte-sidebar-header-color: #c5cad2;
13734
+ --lte-sidebar-header-color: rgb(197.05, 201.8, 210.35);
13810
13735
  }
13811
13736
 
13812
13737
  .app-main {
@@ -13867,6 +13792,12 @@ body:not(.app-loaded) .app-footer {
13867
13792
  }
13868
13793
  }
13869
13794
 
13795
+ .fixed-footer .app-footer {
13796
+ position: sticky;
13797
+ bottom: 0;
13798
+ z-index: 1030;
13799
+ }
13800
+
13870
13801
  .fs-7 .dropdown-menu {
13871
13802
  font-size: 0.875rem !important;
13872
13803
  }
@@ -13951,7 +13882,6 @@ body:not(.app-loaded) .app-footer {
13951
13882
 
13952
13883
  .open:not(.dropup) > .animated-dropdown-menu {
13953
13884
  animation: flipInX 0.7s both;
13954
- -webkit-backface-visibility: visible !important;
13955
13885
  backface-visibility: visible !important;
13956
13886
  }
13957
13887
 
@@ -14505,7 +14435,6 @@ html.maximized-card {
14505
14435
  color: inherit;
14506
14436
  }
14507
14437
  .table.table-head-fixed thead tr:nth-child(1) th {
14508
- position: -webkit-sticky;
14509
14438
  position: sticky;
14510
14439
  top: 0;
14511
14440
  z-index: 10;
@@ -15098,7 +15027,7 @@ html.maximized-card {
15098
15027
  --bs-toast-bg: var(--bs-primary-bg-subtle);
15099
15028
  }
15100
15029
  .toast-primary .btn-close {
15101
- filter: var(--bs-btn-close-white-filter);
15030
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15102
15031
  }
15103
15032
 
15104
15033
  .toast-secondary {
@@ -15109,7 +15038,7 @@ html.maximized-card {
15109
15038
  --bs-toast-bg: var(--bs-secondary-bg-subtle);
15110
15039
  }
15111
15040
  .toast-secondary .btn-close {
15112
- filter: var(--bs-btn-close-white-filter);
15041
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15113
15042
  }
15114
15043
 
15115
15044
  .toast-success {
@@ -15120,7 +15049,7 @@ html.maximized-card {
15120
15049
  --bs-toast-bg: var(--bs-success-bg-subtle);
15121
15050
  }
15122
15051
  .toast-success .btn-close {
15123
- filter: var(--bs-btn-close-white-filter);
15052
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15124
15053
  }
15125
15054
 
15126
15055
  .toast-info {
@@ -15147,7 +15076,7 @@ html.maximized-card {
15147
15076
  --bs-toast-bg: var(--bs-danger-bg-subtle);
15148
15077
  }
15149
15078
  .toast-danger .btn-close {
15150
- filter: var(--bs-btn-close-white-filter);
15079
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15151
15080
  }
15152
15081
 
15153
15082
  .toast-light {
@@ -15166,7 +15095,7 @@ html.maximized-card {
15166
15095
  --bs-toast-bg: var(--bs-dark-bg-subtle);
15167
15096
  }
15168
15097
  .toast-dark .btn-close {
15169
- filter: var(--bs-btn-close-white-filter);
15098
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15170
15099
  }
15171
15100
 
15172
15101
  [data-bs-theme=dark] .toast-info .btn-close {
@@ -15231,7 +15160,7 @@ html.maximized-card {
15231
15160
  .login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
15232
15161
  .register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
15233
15162
  .register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
15234
- border-color: #86b7fe;
15163
+ border-color: rgb(134, 182.5, 254);
15235
15164
  }
15236
15165
  .login-card-body .input-group .form-control.is-valid:focus,
15237
15166
  .register-card-body .input-group .form-control.is-valid:focus {
@@ -15349,4 +15278,259 @@ html.maximized-card {
15349
15278
  .img-size-32 {
15350
15279
  width: 32px;
15351
15280
  }
15281
+
15282
+ /* ==========================================================================
15283
+ AdminLTE Accessibility Styles - WCAG 2.1 AA Compliance
15284
+ ========================================================================== */
15285
+ /* Skip Links - WCAG 2.4.1: Bypass Blocks */
15286
+ .skip-link {
15287
+ position: absolute;
15288
+ top: -40px;
15289
+ right: 6px;
15290
+ z-index: 999999;
15291
+ padding: 8px 16px;
15292
+ font-weight: 600;
15293
+ color: var(--bs-white);
15294
+ text-decoration: none;
15295
+ background: var(--bs-primary);
15296
+ }
15297
+ .skip-link:focus {
15298
+ top: 0;
15299
+ outline: 3px solid var(--bs-warning);
15300
+ outline-offset: 2px;
15301
+ }
15302
+ .skip-link:hover {
15303
+ color: var(--bs-white);
15304
+ text-decoration: none;
15305
+ background: var(--bs-primary-emphasis);
15306
+ }
15307
+
15308
+ /* Enhanced Focus Indicators - WCAG 2.4.7: Focus Visible */
15309
+ .focus-enhanced:focus {
15310
+ outline: 3px solid var(--bs-focus-ring-color, #0d6efd);
15311
+ outline-offset: 2px;
15312
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
15313
+ }
15314
+
15315
+ /* High Contrast Mode Support */
15316
+ @media (prefers-contrast: high) {
15317
+ .card {
15318
+ border: 2px solid;
15319
+ }
15320
+ .btn {
15321
+ border-width: 2px;
15322
+ }
15323
+ .nav-link {
15324
+ border: 1px solid transparent;
15325
+ }
15326
+ .nav-link:hover, .nav-link:focus {
15327
+ border-color: currentcolor;
15328
+ }
15329
+ }
15330
+ /* Reduced Motion Support - WCAG 2.3.3: Animation from Interactions */
15331
+ @media (prefers-reduced-motion: reduce) {
15332
+ *,
15333
+ *::before,
15334
+ *::after {
15335
+ transition-duration: 0.01ms !important;
15336
+ animation-duration: 0.01ms !important;
15337
+ animation-iteration-count: 1 !important;
15338
+ scroll-behavior: auto !important;
15339
+ }
15340
+ .fade {
15341
+ display: block;
15342
+ }
15343
+ .collapse {
15344
+ display: block;
15345
+ }
15346
+ }
15347
+ /* Screen Reader Only Content */
15348
+ .sr-only {
15349
+ position: absolute !important;
15350
+ width: 1px !important;
15351
+ height: 1px !important;
15352
+ padding: 0 !important;
15353
+ margin: -1px !important;
15354
+ overflow: hidden !important;
15355
+ clip: rect(0, 0, 0, 0) !important;
15356
+ white-space: nowrap !important;
15357
+ border: 0 !important;
15358
+ }
15359
+
15360
+ .sr-only-focusable:focus {
15361
+ position: static !important;
15362
+ width: auto !important;
15363
+ height: auto !important;
15364
+ padding: inherit !important;
15365
+ margin: inherit !important;
15366
+ overflow: visible !important;
15367
+ clip: auto !important;
15368
+ white-space: normal !important;
15369
+ }
15370
+
15371
+ /* Focus Trap Utilities */
15372
+ .focus-trap:focus {
15373
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
15374
+ }
15375
+
15376
+ /* Accessible Color Combinations - WCAG 1.4.3: Contrast (Minimum) */
15377
+ .text-accessible-primary {
15378
+ color: #003d82; /* 4.5:1 contrast on white */
15379
+ }
15380
+
15381
+ .text-accessible-success {
15382
+ color: #0f5132; /* 4.5:1 contrast on white */
15383
+ }
15384
+
15385
+ .text-accessible-danger {
15386
+ color: #842029; /* 4.5:1 contrast on white */
15387
+ }
15388
+
15389
+ .text-accessible-warning {
15390
+ color: #664d03; /* 4.5:1 contrast on white */
15391
+ }
15392
+
15393
+ /* ARIA Live Regions */
15394
+ .live-region {
15395
+ position: absolute;
15396
+ right: -10000px;
15397
+ width: 1px;
15398
+ height: 1px;
15399
+ overflow: hidden;
15400
+ }
15401
+ .live-region.live-region-visible {
15402
+ position: static;
15403
+ right: auto;
15404
+ width: auto;
15405
+ height: auto;
15406
+ overflow: visible;
15407
+ }
15408
+
15409
+ /* Enhanced Error States - WCAG 3.3.1: Error Identification */
15410
+ .form-control.is-invalid {
15411
+ border-color: var(--bs-danger);
15412
+ }
15413
+ .form-control.is-invalid:focus {
15414
+ border-color: var(--bs-danger);
15415
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
15416
+ }
15417
+
15418
+ .invalid-feedback {
15419
+ display: block;
15420
+ width: 100%;
15421
+ margin-top: 0.25rem;
15422
+ font-size: 0.875em;
15423
+ color: var(--bs-danger);
15424
+ }
15425
+ .invalid-feedback[role=alert] {
15426
+ font-weight: 600;
15427
+ }
15428
+
15429
+ /* Target Size - WCAG 2.5.8: Target Size (Minimum) */
15430
+ .touch-target {
15431
+ min-width: 44px;
15432
+ min-height: 44px;
15433
+ }
15434
+ .touch-target.touch-target-small {
15435
+ min-width: 24px;
15436
+ min-height: 24px;
15437
+ }
15438
+
15439
+ /* Table Accessibility */
15440
+ .table-accessible th {
15441
+ font-weight: 600;
15442
+ background-color: var(--bs-secondary-bg);
15443
+ }
15444
+ .table-accessible th[scope=col] {
15445
+ border-bottom: 2px solid var(--bs-border-color);
15446
+ }
15447
+ .table-accessible th[scope=row] {
15448
+ border-left: 2px solid var(--bs-border-color);
15449
+ }
15450
+ .table-accessible caption {
15451
+ padding: 0.75rem;
15452
+ font-weight: 600;
15453
+ color: var(--bs-secondary);
15454
+ text-align: right;
15455
+ caption-side: top;
15456
+ }
15457
+
15458
+ /* Navigation Landmarks */
15459
+ nav[role=navigation]:not([aria-label]):not([aria-labelledby])::before {
15460
+ position: absolute;
15461
+ right: -10000px;
15462
+ content: "Navigation";
15463
+ }
15464
+
15465
+ /* Form Fieldset Styling */
15466
+ fieldset {
15467
+ padding: 1rem;
15468
+ margin-bottom: 1rem;
15469
+ border: 1px solid var(--bs-border-color);
15470
+ }
15471
+ fieldset legend {
15472
+ padding: 0 0.5rem;
15473
+ margin-bottom: 0.5rem;
15474
+ font-size: 1.1em;
15475
+ font-weight: 600;
15476
+ }
15477
+
15478
+ /* Loading States */
15479
+ .loading[aria-busy=true] {
15480
+ position: relative;
15481
+ pointer-events: none;
15482
+ }
15483
+ .loading[aria-busy=true]::after {
15484
+ position: absolute;
15485
+ top: 50%;
15486
+ right: 50%;
15487
+ width: 20px;
15488
+ height: 20px;
15489
+ margin-top: -10px;
15490
+ margin-right: -10px;
15491
+ content: "";
15492
+ border: 2px solid var(--bs-primary);
15493
+ border-top-color: transparent;
15494
+ animation: spin 1s linear infinite;
15495
+ }
15496
+ @media (prefers-reduced-motion: reduce) {
15497
+ .loading[aria-busy=true]::after {
15498
+ border-top-color: var(--bs-primary);
15499
+ animation: none;
15500
+ }
15501
+ }
15502
+
15503
+ @keyframes spin {
15504
+ to {
15505
+ transform: rotate(-360deg);
15506
+ }
15507
+ }
15508
+ /* Dark Mode Accessibility */
15509
+ [data-bs-theme=dark] .text-accessible-primary {
15510
+ color: #6ea8fe;
15511
+ }
15512
+ [data-bs-theme=dark] .text-accessible-success {
15513
+ color: #75b798;
15514
+ }
15515
+ [data-bs-theme=dark] .text-accessible-danger {
15516
+ color: #f1aeb5;
15517
+ }
15518
+ [data-bs-theme=dark] .text-accessible-warning {
15519
+ color: #ffda6a;
15520
+ }
15521
+
15522
+ /* Print Accessibility */
15523
+ @media print {
15524
+ .skip-link,
15525
+ .btn,
15526
+ .nav-link {
15527
+ color: #000 !important;
15528
+ background: transparent !important;
15529
+ border: 1px solid #000 !important;
15530
+ }
15531
+ a[href^=http]::after {
15532
+ font-size: 0.8em;
15533
+ content: " (" attr(href) ")";
15534
+ }
15535
+ }
15352
15536
  /*# sourceMappingURL=adminlte.rtl.css.map */