@adminlte/react 0.1.0 → 0.4.0

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 (5) hide show
  1. package/CHANGELOG.md +34 -3
  2. package/README.md +30 -27
  3. package/dist/css/adminlte.css +1450 -2791
  4. package/dist/index.d.ts +78 -79
  5. package/package.json +28 -27
package/dist/css/adminlte.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * AdminLTE v4.0.0
3
+ * AdminLTE v4.3.1
4
4
  * Author: Colorlib
5
5
  * Website: AdminLTE.io <https://adminlte.io>
6
6
  * License: Open source - MIT <https://opensource.org/licenses/MIT>
@@ -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: 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);
49
+ --bs-primary-text-emphasis: rgb(2.0392156863%, 17.2549019608%, 39.6862745098%);
50
+ --bs-secondary-text-emphasis: rgb(16.9411764706%, 18.3529411765%, 19.6078431373%);
51
+ --bs-success-text-emphasis: rgb(3.9215686275%, 21.1764705882%, 13.1764705882%);
52
+ --bs-info-text-emphasis: rgb(2.0392156863%, 31.6862745098%, 37.6470588235%);
53
+ --bs-warning-text-emphasis: rgb(40%, 30.2745098039%, 1.0980392157%);
54
+ --bs-danger-text-emphasis: rgb(34.5098039216%, 8.3137254902%, 10.8235294118%);
55
55
  --bs-light-text-emphasis: #495057;
56
56
  --bs-dark-text-emphasis: #495057;
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);
57
+ --bs-primary-bg-subtle: rgb(81.0196078431%, 88.6274509804%, 99.8431372549%);
58
+ --bs-secondary-bg-subtle: rgb(88.4705882353%, 89.1764705882%, 89.8039215686%);
59
+ --bs-success-bg-subtle: rgb(81.9607843137%, 90.5882352941%, 86.5882352941%);
60
+ --bs-info-bg-subtle: rgb(81.0196078431%, 95.8431372549%, 98.8235294118%);
61
+ --bs-warning-bg-subtle: rgb(100%, 95.137254902%, 80.5490196078%);
62
+ --bs-danger-bg-subtle: rgb(97.2549019608%, 84.1568627451%, 85.4117647059%);
63
+ --bs-light-bg-subtle: rgb(98.6274509804%, 98.8235294118%, 99.0196078431%);
64
64
  --bs-dark-bg-subtle: #ced4da;
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);
65
+ --bs-primary-border-subtle: rgb(62.0392156863%, 77.2549019608%, 99.6862745098%);
66
+ --bs-secondary-border-subtle: rgb(76.9411764706%, 78.3529411765%, 79.6078431373%);
67
+ --bs-success-border-subtle: rgb(63.9215686275%, 81.1764705882%, 73.1764705882%);
68
+ --bs-info-border-subtle: rgb(62.0392156863%, 91.6862745098%, 97.6470588235%);
69
+ --bs-warning-border-subtle: rgb(100%, 90.2745098039%, 61.0980392157%);
70
+ --bs-danger-border-subtle: rgb(94.5098039216%, 68.3137254902%, 70.8235294118%);
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: rgb(10.4, 88, 202.4);
100
+ --bs-link-hover-color: rgb(4.0784313725%, 34.5098039216%, 79.3725490196%);
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: rgb(255, 242.6, 205.4);
104
+ --bs-highlight-bg: rgb(100%, 95.137254902%, 80.5490196078%);
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: rgb(42.5, 47.5, 52.5);
143
+ --bs-tertiary-bg: rgb(16.6666666667%, 18.6274509804%, 20.5882352941%);
144
144
  --bs-tertiary-bg-rgb: 43, 48, 53;
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);
145
+ --bs-primary-text-emphasis: rgb(43.0588235294%, 65.8823529412%, 99.5294117647%);
146
+ --bs-secondary-text-emphasis: rgb(65.4117647059%, 67.5294117647%, 69.4117647059%);
147
+ --bs-success-text-emphasis: rgb(45.8823529412%, 71.7647058824%, 59.7647058824%);
148
+ --bs-info-text-emphasis: rgb(43.0588235294%, 87.5294117647%, 96.4705882353%);
149
+ --bs-warning-text-emphasis: rgb(100%, 85.4117647059%, 41.6470588235%);
150
+ --bs-danger-text-emphasis: rgb(91.7647058824%, 52.4705882353%, 56.2352941176%);
151
151
  --bs-light-text-emphasis: #f8f9fa;
152
152
  --bs-dark-text-emphasis: #dee2e6;
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);
153
+ --bs-primary-bg-subtle: rgb(1.0196078431%, 8.6274509804%, 19.8431372549%);
154
+ --bs-secondary-bg-subtle: rgb(8.4705882353%, 9.1764705882%, 9.8039215686%);
155
+ --bs-success-bg-subtle: rgb(1.9607843137%, 10.5882352941%, 6.5882352941%);
156
+ --bs-info-bg-subtle: rgb(1.0196078431%, 15.8431372549%, 18.8235294118%);
157
+ --bs-warning-bg-subtle: rgb(20%, 15.137254902%, 0.5490196078%);
158
+ --bs-danger-bg-subtle: rgb(17.2549019608%, 4.1568627451%, 5.4117647059%);
159
159
  --bs-light-bg-subtle: #343a40;
160
160
  --bs-dark-bg-subtle: #1a1d20;
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);
161
+ --bs-primary-border-subtle: rgb(3.0588235294%, 25.8823529412%, 59.5294117647%);
162
+ --bs-secondary-border-subtle: rgb(25.4117647059%, 27.5294117647%, 29.4117647059%);
163
+ --bs-success-border-subtle: rgb(5.8823529412%, 31.7647058824%, 19.7647058824%);
164
+ --bs-info-border-subtle: rgb(3.0588235294%, 47.5294117647%, 56.4705882353%);
165
+ --bs-warning-border-subtle: rgb(60%, 45.4117647059%, 1.6470588235%);
166
+ --bs-danger-border-subtle: rgb(51.7647058824%, 12.4705882353%, 16.2352941176%);
167
167
  --bs-light-border-subtle: #495057;
168
168
  --bs-dark-border-subtle: #343a40;
169
169
  --bs-heading-color: inherit;
170
- --bs-link-color: rgb(109.8, 168, 253.8);
171
- --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
170
+ --bs-link-color: rgb(43.0588235294%, 65.8823529412%, 99.5294117647%);
171
+ --bs-link-hover-color: rgb(54.4470588235%, 72.7058823529%, 99.6235294118%);
172
172
  --bs-link-color-rgb: 110, 168, 254;
173
173
  --bs-link-hover-color-rgb: 139, 185, 254;
174
- --bs-code-color: rgb(230.4, 132.6, 181.2);
174
+ --bs-code-color: rgb(90.3529411765%, 52%, 71.0588235294%);
175
175
  --bs-highlight-color: #dee2e6;
176
- --bs-highlight-bg: rgb(102, 77.2, 2.8);
176
+ --bs-highlight-bg: rgb(40%, 30.2745098039%, 1.0980392157%);
177
177
  --bs-border-color: #495057;
178
178
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
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);
179
+ --bs-form-valid-color: rgb(45.8823529412%, 71.7647058824%, 59.7647058824%);
180
+ --bs-form-valid-border-color: rgb(45.8823529412%, 71.7647058824%, 59.7647058824%);
181
+ --bs-form-invalid-color: rgb(91.7647058824%, 52.4705882353%, 56.2352941176%);
182
+ --bs-form-invalid-border-color: rgb(91.7647058824%, 52.4705882353%, 56.2352941176%);
183
183
  }
184
184
 
185
185
  *,
@@ -1938,13 +1938,13 @@ progress {
1938
1938
 
1939
1939
  .table-primary {
1940
1940
  --bs-table-color: #000;
1941
- --bs-table-bg: rgb(206.6, 226, 254.6);
1942
- --bs-table-border-color: rgb(165.28, 180.8, 203.68);
1943
- --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
1941
+ --bs-table-bg: rgb(81.0196078431%, 88.6274509804%, 99.8431372549%);
1942
+ --bs-table-border-color: rgb(64.8156862745%, 70.9019607843%, 79.8745098039%);
1943
+ --bs-table-striped-bg: rgb(76.968627451%, 84.1960784314%, 94.8509803922%);
1944
1944
  --bs-table-striped-color: #000;
1945
- --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
1945
+ --bs-table-active-bg: rgb(72.9176470588%, 79.7647058824%, 89.8588235294%);
1946
1946
  --bs-table-active-color: #000;
1947
- --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
1947
+ --bs-table-hover-bg: rgb(74.9431372549%, 81.9803921569%, 92.3549019608%);
1948
1948
  --bs-table-hover-color: #000;
1949
1949
  color: var(--bs-table-color);
1950
1950
  border-color: var(--bs-table-border-color);
@@ -1952,13 +1952,13 @@ progress {
1952
1952
 
1953
1953
  .table-secondary {
1954
1954
  --bs-table-color: #000;
1955
- --bs-table-bg: rgb(225.6, 227.4, 229);
1956
- --bs-table-border-color: rgb(180.48, 181.92, 183.2);
1957
- --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
1955
+ --bs-table-bg: rgb(88.4705882353%, 89.1764705882%, 89.8039215686%);
1956
+ --bs-table-border-color: rgb(70.7764705882%, 71.3411764706%, 71.8431372549%);
1957
+ --bs-table-striped-bg: rgb(84.0470588235%, 84.7176470588%, 85.3137254902%);
1958
1958
  --bs-table-striped-color: #000;
1959
- --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
1959
+ --bs-table-active-bg: rgb(79.6235294118%, 80.2588235294%, 80.8235294118%);
1960
1960
  --bs-table-active-color: #000;
1961
- --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
1961
+ --bs-table-hover-bg: rgb(81.8352941176%, 82.4882352941%, 83.068627451%);
1962
1962
  --bs-table-hover-color: #000;
1963
1963
  color: var(--bs-table-color);
1964
1964
  border-color: var(--bs-table-border-color);
@@ -1966,13 +1966,13 @@ progress {
1966
1966
 
1967
1967
  .table-success {
1968
1968
  --bs-table-color: #000;
1969
- --bs-table-bg: rgb(209, 231, 220.8);
1970
- --bs-table-border-color: rgb(167.2, 184.8, 176.64);
1971
- --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
1969
+ --bs-table-bg: rgb(81.9607843137%, 90.5882352941%, 86.5882352941%);
1970
+ --bs-table-border-color: rgb(65.568627451%, 72.4705882353%, 69.2705882353%);
1971
+ --bs-table-striped-bg: rgb(77.862745098%, 86.0588235294%, 82.2588235294%);
1972
1972
  --bs-table-striped-color: #000;
1973
- --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
1973
+ --bs-table-active-bg: rgb(73.7647058824%, 81.5294117647%, 77.9294117647%);
1974
1974
  --bs-table-active-color: #000;
1975
- --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
1975
+ --bs-table-hover-bg: rgb(75.8137254902%, 83.7941176471%, 80.0941176471%);
1976
1976
  --bs-table-hover-color: #000;
1977
1977
  color: var(--bs-table-color);
1978
1978
  border-color: var(--bs-table-border-color);
@@ -1980,13 +1980,13 @@ progress {
1980
1980
 
1981
1981
  .table-info {
1982
1982
  --bs-table-color: #000;
1983
- --bs-table-bg: rgb(206.6, 244.4, 252);
1984
- --bs-table-border-color: rgb(165.28, 195.52, 201.6);
1985
- --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
1983
+ --bs-table-bg: rgb(81.0196078431%, 95.8431372549%, 98.8235294118%);
1984
+ --bs-table-border-color: rgb(64.8156862745%, 76.6745098039%, 79.0588235294%);
1985
+ --bs-table-striped-bg: rgb(76.968627451%, 91.0509803922%, 93.8823529412%);
1986
1986
  --bs-table-striped-color: #000;
1987
- --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
1987
+ --bs-table-active-bg: rgb(72.9176470588%, 86.2588235294%, 88.9411764706%);
1988
1988
  --bs-table-active-color: #000;
1989
- --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
1989
+ --bs-table-hover-bg: rgb(74.9431372549%, 88.6549019608%, 91.4117647059%);
1990
1990
  --bs-table-hover-color: #000;
1991
1991
  color: var(--bs-table-color);
1992
1992
  border-color: var(--bs-table-border-color);
@@ -1994,13 +1994,13 @@ progress {
1994
1994
 
1995
1995
  .table-warning {
1996
1996
  --bs-table-color: #000;
1997
- --bs-table-bg: rgb(255, 242.6, 205.4);
1998
- --bs-table-border-color: rgb(204, 194.08, 164.32);
1999
- --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
1997
+ --bs-table-bg: rgb(100%, 95.137254902%, 80.5490196078%);
1998
+ --bs-table-border-color: rgb(80%, 76.1098039216%, 64.4392156863%);
1999
+ --bs-table-striped-bg: rgb(95%, 90.3803921569%, 76.5215686275%);
2000
2000
  --bs-table-striped-color: #000;
2001
- --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
2001
+ --bs-table-active-bg: rgb(90%, 85.6235294118%, 72.4941176471%);
2002
2002
  --bs-table-active-color: #000;
2003
- --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
2003
+ --bs-table-hover-bg: rgb(92.5%, 88.0019607843%, 74.5078431373%);
2004
2004
  --bs-table-hover-color: #000;
2005
2005
  color: var(--bs-table-color);
2006
2006
  border-color: var(--bs-table-border-color);
@@ -2008,13 +2008,13 @@ progress {
2008
2008
 
2009
2009
  .table-danger {
2010
2010
  --bs-table-color: #000;
2011
- --bs-table-bg: rgb(248, 214.6, 217.8);
2012
- --bs-table-border-color: rgb(198.4, 171.68, 174.24);
2013
- --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
2011
+ --bs-table-bg: rgb(97.2549019608%, 84.1568627451%, 85.4117647059%);
2012
+ --bs-table-border-color: rgb(77.8039215686%, 67.3254901961%, 68.3294117647%);
2013
+ --bs-table-striped-bg: rgb(92.3921568627%, 79.9490196078%, 81.1411764706%);
2014
2014
  --bs-table-striped-color: #000;
2015
- --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
2015
+ --bs-table-active-bg: rgb(87.5294117647%, 75.7411764706%, 76.8705882353%);
2016
2016
  --bs-table-active-color: #000;
2017
- --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
2017
+ --bs-table-hover-bg: rgb(89.9607843137%, 77.8450980392%, 79.0058823529%);
2018
2018
  --bs-table-hover-color: #000;
2019
2019
  color: var(--bs-table-color);
2020
2020
  border-color: var(--bs-table-border-color);
@@ -2023,12 +2023,12 @@ progress {
2023
2023
  .table-light {
2024
2024
  --bs-table-color: #000;
2025
2025
  --bs-table-bg: #f8f9fa;
2026
- --bs-table-border-color: rgb(198.4, 199.2, 200);
2027
- --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
2026
+ --bs-table-border-color: rgb(77.8039215686%, 78.1176470588%, 78.431372549%);
2027
+ --bs-table-striped-bg: rgb(92.3921568627%, 92.7647058824%, 93.137254902%);
2028
2028
  --bs-table-striped-color: #000;
2029
- --bs-table-active-bg: rgb(223.2, 224.1, 225);
2029
+ --bs-table-active-bg: rgb(87.5294117647%, 87.8823529412%, 88.2352941176%);
2030
2030
  --bs-table-active-color: #000;
2031
- --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
2031
+ --bs-table-hover-bg: rgb(89.9607843137%, 90.3235294118%, 90.6862745098%);
2032
2032
  --bs-table-hover-color: #000;
2033
2033
  color: var(--bs-table-color);
2034
2034
  border-color: var(--bs-table-border-color);
@@ -2037,12 +2037,12 @@ progress {
2037
2037
  .table-dark {
2038
2038
  --bs-table-color: #fff;
2039
2039
  --bs-table-bg: #212529;
2040
- --bs-table-border-color: rgb(77.4, 80.6, 83.8);
2041
- --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
2040
+ --bs-table-border-color: rgb(30.3529411765%, 31.6078431373%, 32.862745098%);
2041
+ --bs-table-striped-bg: rgb(17.2941176471%, 18.7843137255%, 20.2745098039%);
2042
2042
  --bs-table-striped-color: #fff;
2043
- --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
2043
+ --bs-table-active-bg: rgb(21.6470588235%, 23.0588235294%, 24.4705882353%);
2044
2044
  --bs-table-active-color: #fff;
2045
- --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
2045
+ --bs-table-hover-bg: rgb(19.4705882353%, 20.9215686275%, 22.3725490196%);
2046
2046
  --bs-table-hover-color: #fff;
2047
2047
  color: var(--bs-table-color);
2048
2048
  border-color: var(--bs-table-border-color);
@@ -2144,7 +2144,7 @@ progress {
2144
2144
  .form-control:focus {
2145
2145
  color: var(--bs-body-color);
2146
2146
  background-color: var(--bs-body-bg);
2147
- border-color: rgb(134, 182.5, 254);
2147
+ border-color: rgb(52.5490196078%, 71.568627451%, 99.6078431373%);
2148
2148
  outline: 0;
2149
2149
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2150
2150
  }
@@ -2291,7 +2291,7 @@ textarea.form-control-lg {
2291
2291
  }
2292
2292
  }
2293
2293
  .form-select:focus {
2294
- border-color: rgb(134, 182.5, 254);
2294
+ border-color: rgb(52.5490196078%, 71.568627451%, 99.6078431373%);
2295
2295
  outline: 0;
2296
2296
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2297
2297
  }
@@ -2377,7 +2377,7 @@ textarea.form-control-lg {
2377
2377
  filter: brightness(90%);
2378
2378
  }
2379
2379
  .form-check-input:focus {
2380
- border-color: rgb(134, 182.5, 254);
2380
+ border-color: rgb(52.5490196078%, 71.568627451%, 99.6078431373%);
2381
2381
  outline: 0;
2382
2382
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2383
2383
  }
@@ -2424,7 +2424,7 @@ textarea.form-control-lg {
2424
2424
  }
2425
2425
  }
2426
2426
  .form-switch .form-check-input:focus {
2427
- --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");
2427
+ --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%2852.5490196078%, 71.568627451%, 99.6078431373%%29'/%3e%3c/svg%3e");
2428
2428
  }
2429
2429
  .form-switch .form-check-input:checked {
2430
2430
  background-position: right center;
@@ -2499,7 +2499,7 @@ textarea.form-control-lg {
2499
2499
  }
2500
2500
  }
2501
2501
  .form-range::-webkit-slider-thumb:active {
2502
- background-color: rgb(182.4, 211.5, 254.4);
2502
+ background-color: rgb(71.5294117647%, 82.9411764706%, 99.7647058824%);
2503
2503
  }
2504
2504
  .form-range::-webkit-slider-runnable-track {
2505
2505
  width: 100%;
@@ -2529,7 +2529,7 @@ textarea.form-control-lg {
2529
2529
  }
2530
2530
  }
2531
2531
  .form-range::-moz-range-thumb:active {
2532
- background-color: rgb(182.4, 211.5, 254.4);
2532
+ background-color: rgb(71.5294117647%, 82.9411764706%, 99.7647058824%);
2533
2533
  }
2534
2534
  .form-range::-moz-range-track {
2535
2535
  width: 100%;
@@ -2997,12 +2997,12 @@ textarea.form-control-lg {
2997
2997
  --bs-btn-bg: #0d6efd;
2998
2998
  --bs-btn-border-color: #0d6efd;
2999
2999
  --bs-btn-hover-color: #fff;
3000
- --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
3001
- --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
3000
+ --bs-btn-hover-bg: rgb(4.3333333333%, 36.6666666667%, 84.3333333333%);
3001
+ --bs-btn-hover-border-color: rgb(4.0784313725%, 34.5098039216%, 79.3725490196%);
3002
3002
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
3003
3003
  --bs-btn-active-color: #fff;
3004
- --bs-btn-active-bg: rgb(10.4, 88, 202.4);
3005
- --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
3004
+ --bs-btn-active-bg: rgb(4.0784313725%, 34.5098039216%, 79.3725490196%);
3005
+ --bs-btn-active-border-color: rgb(3.8235294118%, 32.3529411765%, 74.4117647059%);
3006
3006
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3007
3007
  --bs-btn-disabled-color: #fff;
3008
3008
  --bs-btn-disabled-bg: #0d6efd;
@@ -3014,12 +3014,12 @@ textarea.form-control-lg {
3014
3014
  --bs-btn-bg: #6c757d;
3015
3015
  --bs-btn-border-color: #6c757d;
3016
3016
  --bs-btn-hover-color: #fff;
3017
- --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
3018
- --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
3017
+ --bs-btn-hover-bg: rgb(36%, 39%, 41.6666666667%);
3018
+ --bs-btn-hover-border-color: rgb(33.8823529412%, 36.7058823529%, 39.2156862745%);
3019
3019
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
3020
3020
  --bs-btn-active-color: #fff;
3021
- --bs-btn-active-bg: rgb(86.4, 93.6, 100);
3022
- --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
3021
+ --bs-btn-active-bg: rgb(33.8823529412%, 36.7058823529%, 39.2156862745%);
3022
+ --bs-btn-active-border-color: rgb(31.7647058824%, 34.4117647059%, 36.7647058824%);
3023
3023
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3024
3024
  --bs-btn-disabled-color: #fff;
3025
3025
  --bs-btn-disabled-bg: #6c757d;
@@ -3031,12 +3031,12 @@ textarea.form-control-lg {
3031
3031
  --bs-btn-bg: #198754;
3032
3032
  --bs-btn-border-color: #198754;
3033
3033
  --bs-btn-hover-color: #fff;
3034
- --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
3035
- --bs-btn-hover-border-color: rgb(20, 108, 67.2);
3034
+ --bs-btn-hover-bg: rgb(8.3333333333%, 45%, 28%);
3035
+ --bs-btn-hover-border-color: rgb(7.8431372549%, 42.3529411765%, 26.3529411765%);
3036
3036
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
3037
3037
  --bs-btn-active-color: #fff;
3038
- --bs-btn-active-bg: rgb(20, 108, 67.2);
3039
- --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
3038
+ --bs-btn-active-bg: rgb(7.8431372549%, 42.3529411765%, 26.3529411765%);
3039
+ --bs-btn-active-border-color: rgb(7.3529411765%, 39.7058823529%, 24.7058823529%);
3040
3040
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3041
3041
  --bs-btn-disabled-color: #fff;
3042
3042
  --bs-btn-disabled-bg: #198754;
@@ -3048,12 +3048,12 @@ textarea.form-control-lg {
3048
3048
  --bs-btn-bg: #0dcaf0;
3049
3049
  --bs-btn-border-color: #0dcaf0;
3050
3050
  --bs-btn-hover-color: #000;
3051
- --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
3052
- --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
3051
+ --bs-btn-hover-bg: rgb(19.3333333333%, 82.3333333333%, 95%);
3052
+ --bs-btn-hover-border-color: rgb(14.5882352941%, 81.2941176471%, 94.7058823529%);
3053
3053
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
3054
3054
  --bs-btn-active-color: #000;
3055
- --bs-btn-active-bg: rgb(61.4, 212.6, 243);
3056
- --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
3055
+ --bs-btn-active-bg: rgb(24.0784313725%, 83.3725490196%, 95.2941176471%);
3056
+ --bs-btn-active-border-color: rgb(14.5882352941%, 81.2941176471%, 94.7058823529%);
3057
3057
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3058
3058
  --bs-btn-disabled-color: #000;
3059
3059
  --bs-btn-disabled-bg: #0dcaf0;
@@ -3065,12 +3065,12 @@ textarea.form-control-lg {
3065
3065
  --bs-btn-bg: #ffc107;
3066
3066
  --bs-btn-border-color: #ffc107;
3067
3067
  --bs-btn-hover-color: #000;
3068
- --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
3069
- --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
3068
+ --bs-btn-hover-bg: rgb(100%, 79.3333333333%, 17.3333333333%);
3069
+ --bs-btn-hover-border-color: rgb(100%, 78.1176470588%, 12.4705882353%);
3070
3070
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
3071
3071
  --bs-btn-active-color: #000;
3072
- --bs-btn-active-bg: rgb(255, 205.4, 56.6);
3073
- --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
3072
+ --bs-btn-active-bg: rgb(100%, 80.5490196078%, 22.1960784314%);
3073
+ --bs-btn-active-border-color: rgb(100%, 78.1176470588%, 12.4705882353%);
3074
3074
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3075
3075
  --bs-btn-disabled-color: #000;
3076
3076
  --bs-btn-disabled-bg: #ffc107;
@@ -3082,12 +3082,12 @@ textarea.form-control-lg {
3082
3082
  --bs-btn-bg: #dc3545;
3083
3083
  --bs-btn-border-color: #dc3545;
3084
3084
  --bs-btn-hover-color: #fff;
3085
- --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
3086
- --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
3085
+ --bs-btn-hover-bg: rgb(73.3333333333%, 17.6666666667%, 23%);
3086
+ --bs-btn-hover-border-color: rgb(69.0196078431%, 16.6274509804%, 21.6470588235%);
3087
3087
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
3088
3088
  --bs-btn-active-color: #fff;
3089
- --bs-btn-active-bg: rgb(176, 42.4, 55.2);
3090
- --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
3089
+ --bs-btn-active-bg: rgb(69.0196078431%, 16.6274509804%, 21.6470588235%);
3090
+ --bs-btn-active-border-color: rgb(64.7058823529%, 15.5882352941%, 20.2941176471%);
3091
3091
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3092
3092
  --bs-btn-disabled-color: #fff;
3093
3093
  --bs-btn-disabled-bg: #dc3545;
@@ -3099,12 +3099,12 @@ textarea.form-control-lg {
3099
3099
  --bs-btn-bg: #f8f9fa;
3100
3100
  --bs-btn-border-color: #f8f9fa;
3101
3101
  --bs-btn-hover-color: #000;
3102
- --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
3103
- --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
3102
+ --bs-btn-hover-bg: rgb(82.6666666667%, 83%, 83.3333333333%);
3103
+ --bs-btn-hover-border-color: rgb(77.8039215686%, 78.1176470588%, 78.431372549%);
3104
3104
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
3105
3105
  --bs-btn-active-color: #000;
3106
- --bs-btn-active-bg: rgb(198.4, 199.2, 200);
3107
- --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
3106
+ --bs-btn-active-bg: rgb(77.8039215686%, 78.1176470588%, 78.431372549%);
3107
+ --bs-btn-active-border-color: rgb(72.9411764706%, 73.2352941176%, 73.5294117647%);
3108
3108
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3109
3109
  --bs-btn-disabled-color: #000;
3110
3110
  --bs-btn-disabled-bg: #f8f9fa;
@@ -3116,12 +3116,12 @@ textarea.form-control-lg {
3116
3116
  --bs-btn-bg: #212529;
3117
3117
  --bs-btn-border-color: #212529;
3118
3118
  --bs-btn-hover-color: #fff;
3119
- --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
3120
- --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
3119
+ --bs-btn-hover-bg: rgb(26%, 27.3333333333%, 28.6666666667%);
3120
+ --bs-btn-hover-border-color: rgb(21.6470588235%, 23.0588235294%, 24.4705882353%);
3121
3121
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
3122
3122
  --bs-btn-active-color: #fff;
3123
- --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
3124
- --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
3123
+ --bs-btn-active-bg: rgb(30.3529411765%, 31.6078431373%, 32.862745098%);
3124
+ --bs-btn-active-border-color: rgb(21.6470588235%, 23.0588235294%, 24.4705882353%);
3125
3125
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3126
3126
  --bs-btn-disabled-color: #fff;
3127
3127
  --bs-btn-disabled-bg: #212529;
@@ -4535,7 +4535,7 @@ textarea.form-control-lg {
4535
4535
  --bs-accordion-btn-icon-width: 1.25rem;
4536
4536
  --bs-accordion-btn-icon-transform: rotate(-180deg);
4537
4537
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4538
- --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");
4538
+ --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%282.0392156863%, 17.2549019608%, 39.6862745098%%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
4539
4539
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
4540
4540
  --bs-accordion-body-padding-x: 1.25rem;
4541
4541
  --bs-accordion-body-padding-y: 1rem;
@@ -4652,8 +4652,8 @@ textarea.form-control-lg {
4652
4652
  }
4653
4653
 
4654
4654
  [data-bs-theme=dark] .accordion-button::after {
4655
- --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");
4656
- --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");
4655
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%2843.0588235294%, 65.8823529412%, 99.5294117647%%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");
4656
+ --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%2843.0588235294%, 65.8823529412%, 99.5294117647%%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");
4657
4657
  }
4658
4658
 
4659
4659
  .breadcrumb {
@@ -12948,7 +12948,7 @@ textarea.form-control-lg {
12948
12948
  --lte-sidebar-submenu-hover-bg: rgba(0, 0, 0, 0.1);
12949
12949
  --lte-sidebar-submenu-active-color: #212529;
12950
12950
  --lte-sidebar-submenu-active-bg: rgba(0, 0, 0, 0.1);
12951
- --lte-sidebar-header-color: rgb(49.4, 55.1, 60.8);
12951
+ --lte-sidebar-header-color: rgb(19.3725490196%, 21.6078431373%, 23.8431372549%);
12952
12952
  z-index: 1038;
12953
12953
  grid-area: lte-app-sidebar;
12954
12954
  min-width: var(--lte-sidebar-width);
@@ -13217,6 +13217,10 @@ textarea.form-control-lg {
13217
13217
  white-space: nowrap;
13218
13218
  }
13219
13219
 
13220
+ .sidebar-search {
13221
+ padding: 0.5rem 1rem;
13222
+ }
13223
+
13220
13224
  .logo-xs,
13221
13225
  .logo-xl {
13222
13226
  position: absolute;
@@ -13254,6 +13258,9 @@ textarea.form-control-lg {
13254
13258
  .sidebar-mini.sidebar-collapse .sidebar-menu .nav-header {
13255
13259
  display: none;
13256
13260
  }
13261
+ .sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .sidebar-search {
13262
+ display: none;
13263
+ }
13257
13264
  .sidebar-mini.sidebar-collapse .sidebar-menu .nav-link {
13258
13265
  width: 3.6rem;
13259
13266
  }
@@ -13870,7 +13877,7 @@ body:not(.app-loaded) .app-footer {
13870
13877
  --lte-sidebar-submenu-hover-bg: rgba(255, 255, 255, 0.1);
13871
13878
  --lte-sidebar-submenu-active-color: #fff;
13872
13879
  --lte-sidebar-submenu-active-bg: rgba(255, 255, 255, 0.1);
13873
- --lte-sidebar-header-color: rgb(197.05, 201.8, 210.35);
13880
+ --lte-sidebar-header-color: rgb(77.2745098039%, 79.137254902%, 82.4901960784%);
13874
13881
  }
13875
13882
 
13876
13883
  .app-main {
@@ -13896,6 +13903,7 @@ body:not(.app-loaded) .app-footer {
13896
13903
  line-height: 2.5rem;
13897
13904
  }
13898
13905
  .app-main .app-content-header .breadcrumb a {
13906
+ color: var(--bs-link-hover-color);
13899
13907
  text-decoration: none;
13900
13908
  }
13901
13909
  .app-main .app-content-top-area,
@@ -14105,7 +14113,7 @@ body:not(.app-loaded) .app-footer {
14105
14113
  }
14106
14114
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
14107
14115
  padding: 10px;
14108
- background-color: var(--bs-light-bg);
14116
+ background-color: var(--bs-tertiary-bg);
14109
14117
  }
14110
14118
  @media (min-width: 576px) {
14111
14119
  .navbar-nav > .user-menu .user-image {
@@ -14124,13 +14132,17 @@ body:not(.app-loaded) .app-footer {
14124
14132
  }
14125
14133
 
14126
14134
  .callout {
14127
- --bs-link-color-rgb: var(--lte-callout-link);
14128
- --bs-code-color: var(--lte-callout-code-color);
14129
14135
  padding: 1.25rem;
14130
14136
  color: var(--lte-callout-color, inherit);
14131
14137
  background-color: var(--lte-callout-bg, var(--bs-gray-100));
14132
14138
  border-left: 0.25rem solid var(--lte-callout-border, var(--bs-gray-300));
14133
14139
  }
14140
+ .callout a {
14141
+ color: var(--lte-callout-link, var(--bs-link-color));
14142
+ }
14143
+ .callout code {
14144
+ color: var(--lte-callout-code-color, var(--bs-code-color));
14145
+ }
14134
14146
  .callout .callout-link {
14135
14147
  font-weight: 700;
14136
14148
  color: var(--bs-callout-link-color);
@@ -14149,6 +14161,8 @@ body:not(.app-loaded) .app-footer {
14149
14161
  --lte-callout-color: var(--bs-primary-text-emphasis);
14150
14162
  --lte-callout-bg: var(--bs-primary-bg-subtle);
14151
14163
  --lte-callout-border: var(--bs-primary-border-subtle);
14164
+ --lte-callout-link: var(--bs-primary-text-emphasis);
14165
+ --lte-callout-code-color: var(--bs-primary-text-emphasis);
14152
14166
  --bs-callout-link-color: var(--bs-primary-text-emphasis);
14153
14167
  }
14154
14168
 
@@ -14156,6 +14170,8 @@ body:not(.app-loaded) .app-footer {
14156
14170
  --lte-callout-color: var(--bs-secondary-text-emphasis);
14157
14171
  --lte-callout-bg: var(--bs-secondary-bg-subtle);
14158
14172
  --lte-callout-border: var(--bs-secondary-border-subtle);
14173
+ --lte-callout-link: var(--bs-secondary-text-emphasis);
14174
+ --lte-callout-code-color: var(--bs-secondary-text-emphasis);
14159
14175
  --bs-callout-link-color: var(--bs-secondary-text-emphasis);
14160
14176
  }
14161
14177
 
@@ -14163,6 +14179,8 @@ body:not(.app-loaded) .app-footer {
14163
14179
  --lte-callout-color: var(--bs-success-text-emphasis);
14164
14180
  --lte-callout-bg: var(--bs-success-bg-subtle);
14165
14181
  --lte-callout-border: var(--bs-success-border-subtle);
14182
+ --lte-callout-link: var(--bs-success-text-emphasis);
14183
+ --lte-callout-code-color: var(--bs-success-text-emphasis);
14166
14184
  --bs-callout-link-color: var(--bs-success-text-emphasis);
14167
14185
  }
14168
14186
 
@@ -14170,6 +14188,8 @@ body:not(.app-loaded) .app-footer {
14170
14188
  --lte-callout-color: var(--bs-info-text-emphasis);
14171
14189
  --lte-callout-bg: var(--bs-info-bg-subtle);
14172
14190
  --lte-callout-border: var(--bs-info-border-subtle);
14191
+ --lte-callout-link: var(--bs-info-text-emphasis);
14192
+ --lte-callout-code-color: var(--bs-info-text-emphasis);
14173
14193
  --bs-callout-link-color: var(--bs-info-text-emphasis);
14174
14194
  }
14175
14195
 
@@ -14177,6 +14197,8 @@ body:not(.app-loaded) .app-footer {
14177
14197
  --lte-callout-color: var(--bs-warning-text-emphasis);
14178
14198
  --lte-callout-bg: var(--bs-warning-bg-subtle);
14179
14199
  --lte-callout-border: var(--bs-warning-border-subtle);
14200
+ --lte-callout-link: var(--bs-warning-text-emphasis);
14201
+ --lte-callout-code-color: var(--bs-warning-text-emphasis);
14180
14202
  --bs-callout-link-color: var(--bs-warning-text-emphasis);
14181
14203
  }
14182
14204
 
@@ -14184,6 +14206,8 @@ body:not(.app-loaded) .app-footer {
14184
14206
  --lte-callout-color: var(--bs-danger-text-emphasis);
14185
14207
  --lte-callout-bg: var(--bs-danger-bg-subtle);
14186
14208
  --lte-callout-border: var(--bs-danger-border-subtle);
14209
+ --lte-callout-link: var(--bs-danger-text-emphasis);
14210
+ --lte-callout-code-color: var(--bs-danger-text-emphasis);
14187
14211
  --bs-callout-link-color: var(--bs-danger-text-emphasis);
14188
14212
  }
14189
14213
 
@@ -14191,6 +14215,8 @@ body:not(.app-loaded) .app-footer {
14191
14215
  --lte-callout-color: var(--bs-light-text-emphasis);
14192
14216
  --lte-callout-bg: var(--bs-light-bg-subtle);
14193
14217
  --lte-callout-border: var(--bs-light-border-subtle);
14218
+ --lte-callout-link: var(--bs-light-text-emphasis);
14219
+ --lte-callout-code-color: var(--bs-light-text-emphasis);
14194
14220
  --bs-callout-link-color: var(--bs-light-text-emphasis);
14195
14221
  }
14196
14222
 
@@ -14198,6 +14224,8 @@ body:not(.app-loaded) .app-footer {
14198
14224
  --lte-callout-color: var(--bs-dark-text-emphasis);
14199
14225
  --lte-callout-bg: var(--bs-dark-bg-subtle);
14200
14226
  --lte-callout-border: var(--bs-dark-border-subtle);
14227
+ --lte-callout-link: var(--bs-dark-text-emphasis);
14228
+ --lte-callout-code-color: var(--bs-dark-text-emphasis);
14201
14229
  --bs-callout-link-color: var(--bs-dark-text-emphasis);
14202
14230
  }
14203
14231
 
@@ -14237,3023 +14265,1654 @@ body:not(.app-loaded) .app-footer {
14237
14265
  max-width: 1.1rem;
14238
14266
  }
14239
14267
 
14240
- .astro-code {
14241
- padding: 0.75rem;
14242
- border-radius: 0.375rem;
14243
- }
14244
-
14245
- .docs-page .app-content > .container-fluid, .docs-page .app-content > .container-sm, .docs-page .app-content > .container-md, .docs-page .app-content > .container-lg, .docs-page .app-content > .container-xl, .docs-page .app-content > .container-xxl {
14246
- max-width: 60rem;
14268
+ .progress {
14269
+ border-radius: 1px;
14247
14270
  }
14248
- @media (min-width: 1400px) {
14249
- .docs-page .app-content > .container-fluid, .docs-page .app-content > .container-sm, .docs-page .app-content > .container-md, .docs-page .app-content > .container-lg, .docs-page .app-content > .container-xl, .docs-page .app-content > .container-xxl {
14250
- max-width: 64rem;
14251
- }
14271
+ .progress.vertical {
14272
+ position: relative;
14273
+ display: inline-block;
14274
+ width: 30px;
14275
+ height: 200px;
14276
+ margin-right: 10px;
14252
14277
  }
14253
- .docs-page .card > .card-body {
14254
- padding: 1.5rem;
14255
- font-size: 1rem;
14256
- line-height: 1.7;
14257
- color: var(--bs-body-color);
14278
+ .progress.vertical > .progress-bar {
14279
+ position: absolute;
14280
+ bottom: 0;
14281
+ width: 100%;
14258
14282
  }
14259
- @media (min-width: 768px) {
14260
- .docs-page .card > .card-body {
14261
- padding: 2.5rem;
14262
- }
14263
- }
14264
- .docs-page .card > .card-body h1,
14265
- .docs-page .card > .card-body h2,
14266
- .docs-page .card > .card-body h3,
14267
- .docs-page .card > .card-body h4,
14268
- .docs-page .card > .card-body h5,
14269
- .docs-page .card > .card-body h6,
14270
- .docs-page .card > .card-body .h1,
14271
- .docs-page .card > .card-body .h2,
14272
- .docs-page .card > .card-body .h3,
14273
- .docs-page .card > .card-body .h4,
14274
- .docs-page .card > .card-body .h5,
14275
- .docs-page .card > .card-body .h6 {
14276
- margin-top: 2em;
14277
- margin-bottom: 0.5em;
14278
- font-weight: 600;
14279
- line-height: 1.3;
14280
- color: var(--bs-emphasis-color);
14281
- scroll-margin-top: 4rem;
14282
- }
14283
- .docs-page .card > .card-body h1:first-child,
14284
- .docs-page .card > .card-body h2:first-child,
14285
- .docs-page .card > .card-body h3:first-child,
14286
- .docs-page .card > .card-body h4:first-child,
14287
- .docs-page .card > .card-body h5:first-child,
14288
- .docs-page .card > .card-body h6:first-child,
14289
- .docs-page .card > .card-body .h1:first-child,
14290
- .docs-page .card > .card-body .h2:first-child,
14291
- .docs-page .card > .card-body .h3:first-child,
14292
- .docs-page .card > .card-body .h4:first-child,
14293
- .docs-page .card > .card-body .h5:first-child,
14294
- .docs-page .card > .card-body .h6:first-child {
14295
- margin-top: 0;
14283
+ .progress.vertical.sm, .progress.vertical.progress-sm {
14284
+ width: 20px;
14296
14285
  }
14297
- .docs-page .card > .card-body h2,
14298
- .docs-page .card > .card-body .h2 {
14299
- padding-bottom: 0.35em;
14300
- font-size: 1.75rem;
14301
- border-bottom: 1px solid var(--bs-border-color);
14286
+ .progress.vertical.xs, .progress.vertical.progress-xs {
14287
+ width: 10px;
14302
14288
  }
14303
- .docs-page .card > .card-body h3,
14304
- .docs-page .card > .card-body .h3 {
14305
- font-size: 1.4rem;
14289
+ .progress.vertical.xxs, .progress.vertical.progress-xxs {
14290
+ width: 3px;
14306
14291
  }
14307
- .docs-page .card > .card-body h4,
14308
- .docs-page .card > .card-body .h4 {
14309
- font-size: 1.2rem;
14292
+
14293
+ .progress-group {
14294
+ margin-bottom: 0.5rem;
14310
14295
  }
14311
- .docs-page .card > .card-body h5,
14312
- .docs-page .card > .card-body .h5 {
14313
- padding-top: 1.5em;
14314
- margin-top: 2.5em;
14315
- font-size: 1.3rem;
14316
- border-top: 1px solid var(--bs-border-color);
14296
+
14297
+ .progress-sm {
14298
+ height: 10px;
14317
14299
  }
14318
- .docs-page .card > .card-body h5:first-child,
14319
- .docs-page .card > .card-body .h5:first-child {
14320
- padding-top: 0;
14321
- border-top: 0;
14300
+
14301
+ .progress-xs {
14302
+ height: 7px;
14322
14303
  }
14323
- .docs-page .card > .card-body h6,
14324
- .docs-page .card > .card-body .h6 {
14325
- margin-top: 1.75em;
14326
- font-size: 1.08rem;
14327
- color: var(--bs-emphasis-color);
14304
+
14305
+ .progress-xxs {
14306
+ height: 3px;
14328
14307
  }
14329
- .docs-page .card > .card-body p,
14330
- .docs-page .card > .card-body ul,
14331
- .docs-page .card > .card-body ol,
14332
- .docs-page .card > .card-body dl,
14333
- .docs-page .card > .card-body blockquote,
14334
- .docs-page .card > .card-body table {
14335
- margin-bottom: 1.1rem;
14308
+
14309
+ .table tr > td .progress {
14310
+ margin: 0;
14336
14311
  }
14337
- .docs-page .card > .card-body ul,
14338
- .docs-page .card > .card-body ol {
14339
- padding-left: 1.5rem;
14312
+
14313
+ .card {
14314
+ box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
14340
14315
  }
14341
- .docs-page .card > .card-body ul li,
14342
- .docs-page .card > .card-body ol li {
14343
- margin-bottom: 0.35rem;
14316
+ .card[class*=card-]:not(.card-outline) > .card-header, .card[class*=text-bg-]:not(.card-outline) > .card-header {
14317
+ color: var(--lte-card-variant-color);
14318
+ background-color: var(--lte-card-variant-bg);
14344
14319
  }
14345
- .docs-page .card > .card-body ul ul,
14346
- .docs-page .card > .card-body ul ol,
14347
- .docs-page .card > .card-body ol ul,
14348
- .docs-page .card > .card-body ol ol {
14349
- margin-top: 0.35rem;
14350
- margin-bottom: 0;
14320
+ .card[class*=card-]:not(.card-outline) > .card-header .btn-tool, .card[class*=text-bg-]:not(.card-outline) > .card-header .btn-tool {
14321
+ --bs-btn-color: rgba(var(--lte-card-variant-color-rgb), .8);
14322
+ --bs-btn-hover-color: var(--lte-card-variant-color);
14351
14323
  }
14352
- .docs-page .card > .card-body h2 + p, .docs-page .card > .card-body .h2 + p,
14353
- .docs-page .card > .card-body h3 + p,
14354
- .docs-page .card > .card-body .h3 + p,
14355
- .docs-page .card > .card-body h5 + p,
14356
- .docs-page .card > .card-body .h5 + p {
14357
- margin-top: 0;
14324
+ .card.card-outline {
14325
+ border-top: 3px solid var(--lte-card-variant-bg);
14358
14326
  }
14359
- .docs-page .card > .card-body p code,
14360
- .docs-page .card > .card-body li code,
14361
- .docs-page .card > .card-body td code,
14362
- .docs-page .card > .card-body th code,
14363
- .docs-page .card > .card-body h2 code,
14364
- .docs-page .card > .card-body .h2 code,
14365
- .docs-page .card > .card-body h3 code,
14366
- .docs-page .card > .card-body .h3 code,
14367
- .docs-page .card > .card-body h4 code,
14368
- .docs-page .card > .card-body .h4 code,
14369
- .docs-page .card > .card-body h5 code,
14370
- .docs-page .card > .card-body .h5 code,
14371
- .docs-page .card > .card-body h6 code,
14372
- .docs-page .card > .card-body .h6 code {
14373
- padding: 0.15em 0.4em;
14374
- font-size: 0.875em;
14375
- color: var(--bs-emphasis-color);
14376
- background: var(--bs-tertiary-bg);
14377
- border: 1px solid var(--bs-border-color);
14378
- border-radius: 0.25rem;
14327
+ .card.maximized-card {
14328
+ position: fixed;
14329
+ top: 0;
14330
+ left: 0;
14331
+ z-index: 1050;
14332
+ width: 100% !important;
14333
+ max-width: 100% !important;
14334
+ height: 100% !important;
14335
+ max-height: 100% !important;
14379
14336
  }
14380
- .docs-page .card > .card-body pre.astro-code,
14381
- .docs-page .card > .card-body pre {
14382
- padding: 1rem 1.25rem;
14383
- margin-top: 1.25rem;
14384
- margin-bottom: 1.5rem;
14385
- overflow-x: auto;
14386
- font-size: 0.875rem;
14387
- line-height: 1.6;
14388
- border-radius: 0.375rem;
14337
+ .card.maximized-card.was-collapsed .card-body {
14338
+ display: block !important;
14389
14339
  }
14390
- .docs-page .card > .card-body pre.astro-code code,
14391
- .docs-page .card > .card-body pre code {
14392
- padding: 0;
14393
- background: transparent;
14394
- border: 0;
14340
+ .card.maximized-card .card-body {
14341
+ overflow: auto;
14395
14342
  }
14396
- .docs-page .card > .card-body table {
14397
- width: 100%;
14398
- margin-top: 1.25rem;
14399
- margin-bottom: 1.5rem;
14400
- overflow: hidden;
14401
- font-size: 0.95rem;
14402
- border-collapse: collapse;
14403
- border: 1px solid var(--bs-border-color);
14404
- border-radius: 0.25rem;
14343
+ .card.maximized-card [data-lte-toggle=card-collapse] {
14344
+ display: none;
14405
14345
  }
14406
- .docs-page .card > .card-body table th,
14407
- .docs-page .card > .card-body table td {
14408
- padding: 0.65rem 0.9rem;
14409
- text-align: left;
14410
- vertical-align: top;
14411
- border-bottom: 1px solid var(--bs-border-color);
14346
+ .card.maximized-card [data-lte-icon=maximize] {
14347
+ display: none;
14412
14348
  }
14413
- .docs-page .card > .card-body table th {
14414
- font-weight: 600;
14415
- color: var(--bs-emphasis-color);
14416
- background: var(--bs-tertiary-bg);
14349
+ .card.maximized-card .card-header,
14350
+ .card.maximized-card .card-footer {
14351
+ border-radius: 0 !important;
14417
14352
  }
14418
- .docs-page .card > .card-body table tr:last-child td {
14419
- border-bottom: 0;
14353
+ .card:not(.maximized-card) [data-lte-icon=minimize] {
14354
+ display: none;
14420
14355
  }
14421
- .docs-page .card > .card-body table code {
14422
- white-space: nowrap;
14356
+ .card.collapsed-card > .card-header [data-lte-icon=collapse] {
14357
+ display: none;
14423
14358
  }
14424
- .docs-page .card > .card-body blockquote {
14425
- padding: 0.85rem 1.1rem;
14426
- margin-top: 1.25rem;
14427
- color: var(--bs-emphasis-color);
14428
- background: var(--bs-info-bg-subtle);
14429
- border-left: 4px solid var(--bs-info-border-subtle);
14430
- border-radius: 0.25rem;
14359
+ .card.collapsed-card > .card-body,
14360
+ .card.collapsed-card > .card-footer {
14361
+ display: none;
14431
14362
  }
14432
- .docs-page .card > .card-body blockquote p:last-child {
14433
- margin-bottom: 0;
14363
+ .card:not(.collapsed-card) > .card-header [data-lte-icon=expand] {
14364
+ display: none;
14434
14365
  }
14435
- .docs-page .card > .card-body blockquote code {
14436
- background: rgba(0, 0, 0, 0.05);
14366
+ .card .nav.flex-column > li {
14367
+ margin: 0;
14368
+ border-bottom: 1px solid var(--bs-border-color-translucent);
14437
14369
  }
14438
- .docs-page .card > .card-body a:not(.btn):not(.nav-link) {
14439
- color: var(--bs-primary);
14440
- text-decoration: underline;
14441
- text-decoration-thickness: 1px;
14442
- text-underline-offset: 3px;
14370
+ .card .nav.flex-column > li:last-of-type {
14371
+ border-bottom: 0;
14443
14372
  }
14444
- .docs-page .card > .card-body a:not(.btn):not(.nav-link):hover {
14445
- text-decoration-thickness: 2px;
14373
+ .card.height-control .card-body {
14374
+ max-height: 300px;
14375
+ overflow: auto;
14446
14376
  }
14447
- .docs-page .card > .card-body hr {
14448
- margin: 2.5rem 0;
14449
- border: 0;
14450
- border-top: 1px solid var(--bs-border-color);
14451
- opacity: 1;
14377
+ .card .border-end {
14378
+ border-right: 1px solid var(--bs-border-color-translucent);
14452
14379
  }
14453
- .docs-page .card > .card-body > p:first-child,
14454
- .docs-page .card > .card-body > p:first-of-type {
14455
- margin-bottom: 2rem;
14456
- font-size: 1.125rem;
14457
- line-height: 1.6;
14458
- color: var(--bs-body-color);
14380
+ .card .border-start {
14381
+ border-left: 1px solid var(--bs-border-color-translucent);
14459
14382
  }
14460
- .docs-page .card > .card-body details.faq-item {
14461
- margin-bottom: 0.5rem;
14462
- overflow: hidden;
14463
- background: var(--bs-body-bg);
14464
- border: 1px solid var(--bs-border-color);
14465
- border-radius: 0.375rem;
14466
- transition: border-color 0.15s ease, box-shadow 0.15s ease;
14383
+ .card.card-tabs:not(.card-outline) > .card-header {
14384
+ border-bottom: 0;
14467
14385
  }
14468
- @media (prefers-reduced-motion: reduce) {
14469
- .docs-page .card > .card-body details.faq-item {
14470
- transition: none;
14471
- }
14386
+ .card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
14387
+ border-left-color: transparent;
14472
14388
  }
14473
- .docs-page .card > .card-body details.faq-item:hover {
14474
- border-color: var(--bs-primary-border-subtle);
14389
+ .card.card-tabs.card-outline .nav-item {
14390
+ border-bottom: 0;
14475
14391
  }
14476
- .docs-page .card > .card-body details.faq-item[open] {
14477
- background: var(--bs-body-bg);
14478
- border-color: var(--bs-primary-border-subtle);
14479
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
14392
+ .card.card-tabs.card-outline .nav-item:first-child .nav-link {
14393
+ margin-left: 0;
14394
+ border-left: 0;
14480
14395
  }
14481
- .docs-page .card > .card-body details.faq-item summary {
14482
- position: relative;
14483
- padding: 0.9rem 3rem 0.9rem 1.1rem;
14484
- font-size: 1rem;
14485
- font-weight: 600;
14486
- color: var(--bs-emphasis-color);
14487
- list-style: none;
14488
- cursor: pointer;
14489
- -webkit-user-select: none;
14490
- user-select: none;
14491
- transition: color 0.15s ease;
14396
+ .card.card-tabs .card-tools {
14397
+ margin: 0.3rem 0.5rem;
14492
14398
  }
14493
- @media (prefers-reduced-motion: reduce) {
14494
- .docs-page .card > .card-body details.faq-item summary {
14495
- transition: none;
14496
- }
14399
+ .card.card-tabs:not(.expanding-card).collapsed-card .card-header {
14400
+ border-bottom: 0;
14497
14401
  }
14498
- .docs-page .card > .card-body details.faq-item summary::-webkit-details-marker {
14499
- display: none;
14402
+ .card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
14403
+ border-bottom: 0;
14500
14404
  }
14501
- .docs-page .card > .card-body details.faq-item summary::marker {
14502
- content: "";
14405
+ .card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
14406
+ margin-bottom: 0;
14503
14407
  }
14504
- .docs-page .card > .card-body details.faq-item summary:hover {
14505
- color: var(--bs-primary);
14408
+ .card.card-tabs.expanding-card .card-header .nav-tabs .nav-item {
14409
+ margin-bottom: -1px;
14506
14410
  }
14507
- .docs-page .card > .card-body details.faq-item summary::after {
14508
- position: absolute;
14509
- top: 50%;
14510
- right: 1.1rem;
14511
- display: inline-block;
14512
- width: 0.55rem;
14513
- height: 0.55rem;
14514
- margin-top: -0.4rem;
14515
- content: "";
14516
- border-right: 2px solid currentcolor;
14517
- border-bottom: 2px solid currentcolor;
14518
- opacity: 0.55;
14519
- transform: rotate(45deg);
14520
- transition: transform 0.2s ease;
14411
+ .card.card-outline-tabs {
14412
+ border-top: 0;
14521
14413
  }
14522
- @media (prefers-reduced-motion: reduce) {
14523
- .docs-page .card > .card-body details.faq-item summary::after {
14524
- transition: none;
14525
- }
14414
+ .card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
14415
+ margin-left: 0;
14416
+ border-left: 0;
14526
14417
  }
14527
- .docs-page .card > .card-body details.faq-item[open] > summary {
14528
- color: var(--bs-primary);
14529
- border-bottom: 1px solid var(--bs-border-color);
14418
+ .card.card-outline-tabs .card-header a {
14419
+ text-decoration: none;
14420
+ border-top: 3px solid transparent;
14530
14421
  }
14531
- .docs-page .card > .card-body details.faq-item[open] > summary::after {
14532
- margin-top: -0.15rem;
14533
- opacity: 1;
14534
- transform: rotate(-135deg);
14422
+ .card.card-outline-tabs .card-header a:hover {
14423
+ border-top: 3px solid var(--bs-border-color);
14535
14424
  }
14536
- .docs-page .card > .card-body details.faq-item > *:not(summary) {
14537
- padding-right: 1.1rem;
14538
- padding-left: 1.1rem;
14425
+ .card.card-outline-tabs .card-header a.active:hover {
14426
+ margin-top: 0;
14539
14427
  }
14540
- .docs-page .card > .card-body details.faq-item > *:not(summary):first-of-type {
14541
- padding-top: 1rem;
14428
+ .card.card-outline-tabs .card-tools {
14429
+ margin: 0.5rem 0.5rem 0.3rem;
14542
14430
  }
14543
- .docs-page .card > .card-body details.faq-item > *:not(summary):last-child {
14544
- padding-bottom: 1rem;
14431
+ .card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header {
14432
+ border-bottom: 0;
14545
14433
  }
14546
- .docs-page .card > .card-body details.faq-item p,
14547
- .docs-page .card > .card-body details.faq-item ul,
14548
- .docs-page .card > .card-body details.faq-item ol {
14549
- margin-bottom: 0.65rem;
14434
+ .card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
14435
+ border-bottom: 0;
14550
14436
  }
14551
- .docs-page .card > .card-body details.faq-item > *:last-child p:last-child,
14552
- .docs-page .card > .card-body details.faq-item > p:last-child,
14553
- .docs-page .card > .card-body details.faq-item > ul:last-child,
14554
- .docs-page .card > .card-body details.faq-item > ol:last-child {
14437
+ .card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
14555
14438
  margin-bottom: 0;
14556
14439
  }
14557
- .docs-page .card > .card-body details.faq-item pre.astro-code,
14558
- .docs-page .card > .card-body details.faq-item pre {
14559
- margin-right: 0;
14560
- margin-left: 0;
14561
- }
14562
- .docs-page[data-bs-theme=dark] .card > .card-body blockquote code, [data-bs-theme=dark] .docs-page .card > .card-body blockquote code {
14563
- background: rgba(255, 255, 255, 0.08);
14440
+ .card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item {
14441
+ margin-bottom: -1px;
14564
14442
  }
14565
14443
 
14566
- .faq-page .app-content > .container-fluid, .faq-page .app-content > .container-sm, .faq-page .app-content > .container-md, .faq-page .app-content > .container-lg, .faq-page .app-content > .container-xl, .faq-page .app-content > .container-xxl {
14567
- max-width: 64rem;
14444
+ html.maximized-card {
14445
+ overflow: hidden;
14568
14446
  }
14569
- @media (min-width: 1400px) {
14570
- .faq-page .app-content > .container-fluid, .faq-page .app-content > .container-sm, .faq-page .app-content > .container-md, .faq-page .app-content > .container-lg, .faq-page .app-content > .container-xl, .faq-page .app-content > .container-xxl {
14571
- max-width: 72rem;
14572
- }
14447
+
14448
+ .card-header::after,
14449
+ .card-body::after,
14450
+ .card-footer::after {
14451
+ display: block;
14452
+ clear: both;
14453
+ content: "";
14573
14454
  }
14574
- .faq-page .faq-hero {
14455
+
14456
+ .card-header {
14575
14457
  position: relative;
14576
- padding: 3rem 1.5rem 2.5rem;
14577
- margin-top: 1rem;
14578
- overflow: hidden;
14579
- background: radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.12), transparent 60%), radial-gradient(ellipse at bottom right, rgba(var(--bs-info-rgb), 0.1), transparent 65%), var(--bs-body-bg);
14580
- border: 1px solid var(--bs-border-color);
14581
- border-radius: 1rem;
14458
+ padding: 1rem 1rem;
14459
+ background-color: transparent;
14460
+ border-bottom: 1px solid var(--bs-border-color-translucent);
14461
+ border-top-left-radius: 0.375rem;
14462
+ border-top-right-radius: 0.375rem;
14582
14463
  }
14583
- .faq-page .faq-hero-eyebrow {
14584
- display: inline-flex;
14585
- gap: 0.4rem;
14586
- align-items: center;
14587
- padding: 0.35rem 0.85rem;
14588
- margin-bottom: 1rem;
14589
- font-size: 0.75rem;
14590
- font-weight: 600;
14591
- color: var(--bs-primary);
14592
- text-transform: uppercase;
14593
- letter-spacing: 0.08em;
14594
- background: var(--bs-primary-bg-subtle);
14595
- border: 1px solid var(--bs-primary-border-subtle);
14596
- border-radius: 50rem;
14464
+ .collapsed-card .card-header {
14465
+ border-bottom: 0;
14597
14466
  }
14598
- .faq-page .faq-hero-eyebrow .bi {
14599
- font-size: 0.9rem;
14467
+ .card-header > .card-tools {
14468
+ float: right;
14469
+ margin-right: -0.5rem;
14600
14470
  }
14601
- .faq-page .faq-hero-title {
14602
- margin: 0 0 0.5rem;
14603
- font-size: 2.25rem;
14604
- font-weight: 700;
14605
- line-height: 1.15;
14606
- color: var(--bs-emphasis-color);
14471
+ .card-header > .card-tools .input-group,
14472
+ .card-header > .card-tools .nav,
14473
+ .card-header > .card-tools .pagination {
14474
+ margin-top: -0.4rem;
14475
+ margin-bottom: -0.4rem;
14607
14476
  }
14608
- @media (min-width: 768px) {
14609
- .faq-page .faq-hero-title {
14610
- font-size: 2.75rem;
14611
- }
14612
- }
14613
- .faq-page .faq-hero-lead {
14614
- max-width: 36rem;
14615
- margin: 0 auto 1.75rem;
14616
- font-size: 1.05rem;
14617
- line-height: 1.55;
14618
- color: var(--bs-secondary-color);
14619
- }
14620
- .faq-page .faq-search {
14477
+ .card-header > .card-tools [data-bs-toggle=tooltip] {
14621
14478
  position: relative;
14622
- max-width: 32rem;
14623
- margin: 0 auto;
14624
14479
  }
14625
- .faq-page .faq-search .form-control {
14626
- height: 3rem;
14627
- padding-right: 3rem;
14628
- padding-left: 3rem;
14629
- font-size: 1rem;
14630
- background: var(--bs-body-bg);
14631
- border-radius: 50rem;
14632
- transition: box-shadow 0.15s ease, border-color 0.15s ease;
14480
+
14481
+ .card-title {
14482
+ float: left;
14483
+ margin: 0;
14484
+ font-size: 1.1rem;
14485
+ font-weight: 400;
14633
14486
  }
14634
- @media (prefers-reduced-motion: reduce) {
14635
- .faq-page .faq-search .form-control {
14636
- transition: none;
14637
- }
14487
+
14488
+ .btn-tool {
14489
+ --bs-btn-padding-x: .5rem;
14490
+ --bs-btn-padding-y: .25rem;
14638
14491
  }
14639
- .faq-page .faq-search .form-control:focus {
14640
- box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.15);
14492
+ .btn-tool:not(.btn-tool-custom) {
14493
+ --bs-btn-color: var(--bs-tertiary-color);
14494
+ --bs-btn-bg: transparent;
14495
+ --bs-btn-box-shadow: none;
14496
+ --bs-btn-hover-color: var(--bs-secondary-color);
14497
+ --bs-btn-active-border-color: transparent;
14641
14498
  }
14642
- .faq-page .faq-search-icon {
14643
- position: absolute;
14644
- top: 50%;
14645
- left: 1.2rem;
14646
- color: var(--bs-secondary-color);
14647
- pointer-events: none;
14648
- transform: translateY(-50%);
14499
+ .btn-tool {
14500
+ margin: -1rem 0;
14501
+ font-size: 0.875rem;
14649
14502
  }
14650
- .faq-page .faq-search-clear {
14651
- position: absolute;
14652
- top: 50%;
14653
- right: 0.65rem;
14654
- display: inline-flex;
14655
- align-items: center;
14656
- justify-content: center;
14657
- width: 2rem;
14658
- height: 2rem;
14659
- padding: 0;
14660
- color: var(--bs-secondary-color);
14661
- background: var(--bs-tertiary-bg);
14662
- border: 0;
14663
- transform: translateY(-50%);
14664
- border-radius: 50%;
14665
- transition: background 0.15s ease, color 0.15s ease;
14503
+
14504
+ .card-primary,
14505
+ .bg-primary,
14506
+ .text-bg-primary {
14507
+ --lte-card-variant-bg: #0d6efd;
14508
+ --lte-card-variant-bg-rgb: 13, 110, 253;
14509
+ --lte-card-variant-color: #fff;
14510
+ --lte-card-variant-color-rgb: 255, 255, 255;
14666
14511
  }
14667
- @media (prefers-reduced-motion: reduce) {
14668
- .faq-page .faq-search-clear {
14669
- transition: none;
14670
- }
14512
+
14513
+ .card-secondary,
14514
+ .bg-secondary,
14515
+ .text-bg-secondary {
14516
+ --lte-card-variant-bg: #6c757d;
14517
+ --lte-card-variant-bg-rgb: 108, 117, 125;
14518
+ --lte-card-variant-color: #fff;
14519
+ --lte-card-variant-color-rgb: 255, 255, 255;
14671
14520
  }
14672
- .faq-page .faq-search-clear:hover {
14673
- color: var(--bs-body-color);
14674
- background: var(--bs-secondary-bg);
14521
+
14522
+ .card-success,
14523
+ .bg-success,
14524
+ .text-bg-success {
14525
+ --lte-card-variant-bg: #198754;
14526
+ --lte-card-variant-bg-rgb: 25, 135, 84;
14527
+ --lte-card-variant-color: #fff;
14528
+ --lte-card-variant-color-rgb: 255, 255, 255;
14675
14529
  }
14676
- .faq-page .faq-empty-state {
14677
- max-width: 32rem;
14678
- padding: 1rem;
14679
- margin: 1.5rem auto 0;
14680
- font-size: 0.95rem;
14681
- color: var(--bs-secondary-color);
14682
- background: var(--bs-tertiary-bg);
14683
- border-radius: 0.375rem;
14530
+
14531
+ .card-info,
14532
+ .bg-info,
14533
+ .text-bg-info {
14534
+ --lte-card-variant-bg: #0dcaf0;
14535
+ --lte-card-variant-bg-rgb: 13, 202, 240;
14536
+ --lte-card-variant-color: #000;
14537
+ --lte-card-variant-color-rgb: 0, 0, 0;
14684
14538
  }
14685
- .faq-page .faq-empty-state .bi {
14686
- margin-right: 0.35rem;
14539
+
14540
+ .card-warning,
14541
+ .bg-warning,
14542
+ .text-bg-warning {
14543
+ --lte-card-variant-bg: #ffc107;
14544
+ --lte-card-variant-bg-rgb: 255, 193, 7;
14545
+ --lte-card-variant-color: #000;
14546
+ --lte-card-variant-color-rgb: 0, 0, 0;
14687
14547
  }
14688
- .faq-page .faq-chips {
14689
- display: flex;
14690
- flex-wrap: wrap;
14691
- gap: 0.5rem;
14692
- justify-content: center;
14548
+
14549
+ .card-danger,
14550
+ .bg-danger,
14551
+ .text-bg-danger {
14552
+ --lte-card-variant-bg: #dc3545;
14553
+ --lte-card-variant-bg-rgb: 220, 53, 69;
14554
+ --lte-card-variant-color: #fff;
14555
+ --lte-card-variant-color-rgb: 255, 255, 255;
14693
14556
  }
14694
- .faq-page .faq-chip {
14695
- display: inline-flex;
14696
- gap: 0.45rem;
14697
- align-items: center;
14698
- padding: 0.45rem 0.85rem;
14699
- font-size: 0.875rem;
14700
- font-weight: 500;
14701
- color: var(--bs-body-color);
14702
- text-decoration: none;
14703
- background: var(--bs-body-bg);
14704
- border: 1px solid var(--bs-border-color);
14705
- border-radius: 50rem;
14706
- transition: transform 0.15s ease, border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
14557
+
14558
+ .card-light,
14559
+ .bg-light,
14560
+ .text-bg-light {
14561
+ --lte-card-variant-bg: #f8f9fa;
14562
+ --lte-card-variant-bg-rgb: 248, 249, 250;
14563
+ --lte-card-variant-color: #000;
14564
+ --lte-card-variant-color-rgb: 0, 0, 0;
14707
14565
  }
14708
- @media (prefers-reduced-motion: reduce) {
14709
- .faq-page .faq-chip {
14710
- transition: none;
14711
- }
14566
+
14567
+ .card-dark,
14568
+ .bg-dark,
14569
+ .text-bg-dark {
14570
+ --lte-card-variant-bg: #212529;
14571
+ --lte-card-variant-bg-rgb: 33, 37, 41;
14572
+ --lte-card-variant-color: #fff;
14573
+ --lte-card-variant-color-rgb: 255, 255, 255;
14712
14574
  }
14713
- .faq-page .faq-chip:hover {
14714
- color: var(--bs-emphasis-color);
14715
- background: var(--bs-tertiary-bg);
14716
- transform: translateY(-1px);
14575
+
14576
+ .card-body > .table {
14577
+ margin-bottom: 0;
14717
14578
  }
14718
- .faq-page .faq-chip .bi {
14719
- font-size: 1rem;
14579
+ .card-body > .table > thead > tr > th,
14580
+ .card-body > .table > thead > tr > td {
14581
+ border-top-width: 0;
14720
14582
  }
14721
- .faq-page .faq-chip-count {
14722
- padding: 0 0.45rem;
14723
- font-size: 0.7rem;
14724
- font-weight: 600;
14725
- color: var(--bs-secondary-color);
14726
- background: var(--bs-tertiary-bg);
14727
- border-radius: 50rem;
14728
- }
14729
- .faq-page .faq-chip-primary:hover {
14730
- color: var(--bs-primary-text-emphasis);
14731
- background: var(--bs-primary-bg-subtle);
14732
- border-color: var(--bs-primary-border-subtle);
14733
- }
14734
- .faq-page .faq-chip-primary:hover .faq-chip-count {
14735
- color: var(--bs-primary-text-emphasis);
14736
- background: rgba(0, 0, 0, 0.06);
14737
- }
14738
- .faq-page .faq-chip-info:hover {
14739
- color: var(--bs-info-text-emphasis);
14740
- background: var(--bs-info-bg-subtle);
14741
- border-color: var(--bs-info-border-subtle);
14742
- }
14743
- .faq-page .faq-chip-info:hover .faq-chip-count {
14744
- color: var(--bs-info-text-emphasis);
14745
- background: rgba(0, 0, 0, 0.06);
14746
- }
14747
- .faq-page .faq-chip-warning:hover {
14748
- color: var(--bs-warning-text-emphasis);
14749
- background: var(--bs-warning-bg-subtle);
14750
- border-color: var(--bs-warning-border-subtle);
14751
- }
14752
- .faq-page .faq-chip-warning:hover .faq-chip-count {
14753
- color: var(--bs-warning-text-emphasis);
14754
- background: rgba(0, 0, 0, 0.06);
14755
- }
14756
- .faq-page .faq-chip-success:hover {
14757
- color: var(--bs-success-text-emphasis);
14758
- background: var(--bs-success-bg-subtle);
14759
- border-color: var(--bs-success-border-subtle);
14760
- }
14761
- .faq-page .faq-chip-success:hover .faq-chip-count {
14762
- color: var(--bs-success-text-emphasis);
14763
- background: rgba(0, 0, 0, 0.06);
14764
- }
14765
- .faq-page .faq-chip-danger:hover {
14766
- color: var(--bs-danger-text-emphasis);
14767
- background: var(--bs-danger-bg-subtle);
14768
- border-color: var(--bs-danger-border-subtle);
14769
- }
14770
- .faq-page .faq-chip-danger:hover .faq-chip-count {
14771
- color: var(--bs-danger-text-emphasis);
14772
- background: rgba(0, 0, 0, 0.06);
14773
- }
14774
- .faq-page .faq-chip-secondary:hover {
14775
- color: var(--bs-secondary-text-emphasis);
14776
- background: var(--bs-secondary-bg-subtle);
14777
- border-color: var(--bs-secondary-border-subtle);
14778
- }
14779
- .faq-page .faq-chip-secondary:hover .faq-chip-count {
14780
- color: var(--bs-secondary-text-emphasis);
14781
- background: rgba(0, 0, 0, 0.06);
14782
- }
14783
- .faq-page .faq-section {
14784
- margin-bottom: 2.5rem;
14785
- scroll-margin-top: 5rem;
14786
- }
14787
- .faq-page .faq-section-header {
14788
- display: flex;
14789
- gap: 1rem;
14790
- align-items: center;
14791
- padding: 1rem 1.25rem;
14792
- margin-bottom: 1rem;
14793
- background: var(--bs-body-bg);
14794
- border: 1px solid var(--bs-border-color);
14795
- border-left: 4px solid var(--bs-primary);
14796
- border-radius: 0.375rem;
14583
+
14584
+ .table:not(.table-dark) {
14585
+ color: inherit;
14797
14586
  }
14798
- .faq-page .faq-section-icon {
14799
- display: inline-flex;
14800
- flex-shrink: 0;
14801
- align-items: center;
14802
- justify-content: center;
14803
- width: 2.75rem;
14804
- height: 2.75rem;
14805
- font-size: 1.35rem;
14806
- color: var(--bs-primary);
14807
- background: var(--bs-primary-bg-subtle);
14808
- border-radius: 0.375rem;
14587
+ .table.table-head-fixed thead tr:nth-child(1) th {
14588
+ position: sticky;
14589
+ top: 0;
14590
+ z-index: 10;
14591
+ background-color: var(--bs-body-bg, #fff);
14592
+ border-bottom: 0;
14593
+ box-shadow: inset 0 1px 0 var(--bs-border-color, var(--bs-border-color)), inset 0 -1px 0 var(--bs-border-color, var(--bs-border-color));
14809
14594
  }
14810
- .faq-page .faq-section-title {
14811
- margin: 0;
14812
- font-size: 1.4rem;
14813
- font-weight: 600;
14814
- line-height: 1.2;
14815
- color: var(--bs-emphasis-color);
14595
+ .table.no-border,
14596
+ .table.no-border td,
14597
+ .table.no-border th {
14598
+ border: 0;
14816
14599
  }
14817
- .faq-page .faq-section-count {
14818
- margin: 0.1rem 0 0;
14819
- font-size: 0.8rem;
14820
- color: var(--bs-secondary-color);
14600
+ .table.text-center,
14601
+ .table.text-center td,
14602
+ .table.text-center th {
14603
+ text-align: center;
14821
14604
  }
14822
- .faq-page .faq-section-primary {
14823
- border-left-color: var(--bs-primary);
14605
+ .table.table-valign-middle thead > tr > th,
14606
+ .table.table-valign-middle thead > tr > td,
14607
+ .table.table-valign-middle tbody > tr > th,
14608
+ .table.table-valign-middle tbody > tr > td {
14609
+ vertical-align: middle;
14824
14610
  }
14825
- .faq-page .faq-section-primary .faq-section-icon {
14826
- color: var(--bs-primary-text-emphasis);
14827
- background: var(--bs-primary-bg-subtle);
14611
+ .card-body.p-0 .table thead > tr > th:first-of-type,
14612
+ .card-body.p-0 .table thead > tr > td:first-of-type,
14613
+ .card-body.p-0 .table tfoot > tr > th:first-of-type,
14614
+ .card-body.p-0 .table tfoot > tr > td:first-of-type,
14615
+ .card-body.p-0 .table tbody > tr > th:first-of-type,
14616
+ .card-body.p-0 .table tbody > tr > td:first-of-type {
14617
+ padding-left: 1.5rem;
14828
14618
  }
14829
- .faq-page .faq-section-info {
14830
- border-left-color: var(--bs-info);
14619
+ .card-body.p-0 .table thead > tr > th:last-of-type,
14620
+ .card-body.p-0 .table thead > tr > td:last-of-type,
14621
+ .card-body.p-0 .table tfoot > tr > th:last-of-type,
14622
+ .card-body.p-0 .table tfoot > tr > td:last-of-type,
14623
+ .card-body.p-0 .table tbody > tr > th:last-of-type,
14624
+ .card-body.p-0 .table tbody > tr > td:last-of-type {
14625
+ padding-right: 1.5rem;
14831
14626
  }
14832
- .faq-page .faq-section-info .faq-section-icon {
14833
- color: var(--bs-info-text-emphasis);
14834
- background: var(--bs-info-bg-subtle);
14627
+
14628
+ .small-box {
14629
+ border-radius: 0.375rem;
14630
+ box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
14631
+ position: relative;
14632
+ display: block;
14633
+ margin-bottom: 1.25rem;
14634
+ --bs-link-color-rgb: none;
14635
+ --bs-link-hover-color-rgb: none;
14636
+ --bs-heading-color: none;
14835
14637
  }
14836
- .faq-page .faq-section-warning {
14837
- border-left-color: var(--bs-warning);
14638
+ .small-box > .inner {
14639
+ padding: 10px;
14838
14640
  }
14839
- .faq-page .faq-section-warning .faq-section-icon {
14840
- color: var(--bs-warning-text-emphasis);
14841
- background: var(--bs-warning-bg-subtle);
14641
+ .small-box > .small-box-footer {
14642
+ position: relative;
14643
+ z-index: 10;
14644
+ display: block;
14645
+ padding: 3px 0;
14646
+ text-align: center;
14647
+ background-color: rgba(0, 0, 0, 0.07);
14842
14648
  }
14843
- .faq-page .faq-section-success {
14844
- border-left-color: var(--bs-success);
14649
+ .small-box > .small-box-footer:hover {
14650
+ background-color: rgba(0, 0, 0, 0.1);
14845
14651
  }
14846
- .faq-page .faq-section-success .faq-section-icon {
14847
- color: var(--bs-success-text-emphasis);
14848
- background: var(--bs-success-bg-subtle);
14652
+ .small-box h3, .small-box .h3 {
14653
+ font-size: calc(1.345rem + 1.14vw);
14849
14654
  }
14850
- .faq-page .faq-section-danger {
14851
- border-left-color: var(--bs-danger);
14655
+ @media (min-width: 1200px) {
14656
+ .small-box h3, .small-box .h3 {
14657
+ font-size: 2.2rem;
14658
+ }
14852
14659
  }
14853
- .faq-page .faq-section-danger .faq-section-icon {
14854
- color: var(--bs-danger-text-emphasis);
14855
- background: var(--bs-danger-bg-subtle);
14660
+ .small-box h3, .small-box .h3 {
14661
+ padding: 0;
14662
+ margin: 0 0 10px;
14663
+ font-weight: 700;
14664
+ white-space: nowrap;
14856
14665
  }
14857
- .faq-page .faq-section-secondary {
14858
- border-left-color: var(--bs-secondary);
14666
+ @media (min-width: 992px) {
14667
+ .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
14668
+ font-size: calc(1.285rem + 0.42vw);
14669
+ }
14859
14670
  }
14860
- .faq-page .faq-section-secondary .faq-section-icon {
14861
- color: var(--bs-secondary-text-emphasis);
14862
- background: var(--bs-secondary-bg-subtle);
14671
+ @media (min-width: 992px) and (min-width: 1200px) {
14672
+ .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
14673
+ font-size: 1.6rem;
14674
+ }
14863
14675
  }
14864
- .faq-page .faq-section-items .faq-item {
14865
- margin-bottom: 0.5rem;
14866
- overflow: hidden;
14867
- background: var(--bs-body-bg);
14868
- border: 1px solid var(--bs-border-color);
14869
- border-radius: 0.375rem;
14870
- transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
14676
+ @media (min-width: 992px) {
14677
+ .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
14678
+ font-size: calc(1.285rem + 0.42vw);
14679
+ }
14871
14680
  }
14872
- @media (prefers-reduced-motion: reduce) {
14873
- .faq-page .faq-section-items .faq-item {
14874
- transition: none;
14681
+ @media (min-width: 992px) and (min-width: 1200px) {
14682
+ .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
14683
+ font-size: 1.6rem;
14875
14684
  }
14876
14685
  }
14877
- .faq-page .faq-section-items .faq-item:hover {
14878
- border-color: var(--bs-primary-border-subtle);
14879
- transform: translateX(2px);
14686
+ @media (min-width: 1200px) {
14687
+ .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
14688
+ font-size: calc(1.345rem + 1.14vw);
14689
+ }
14880
14690
  }
14881
- .faq-page .faq-section-items .faq-item[open] {
14882
- border-color: var(--bs-primary-border-subtle);
14883
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
14884
- transform: none;
14691
+ @media (min-width: 1200px) and (min-width: 1200px) {
14692
+ .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
14693
+ font-size: 2.2rem;
14694
+ }
14885
14695
  }
14886
- .faq-page .faq-section-items .faq-item summary {
14887
- display: flex;
14888
- gap: 0.85rem;
14889
- align-items: center;
14890
- padding: 1rem 1.25rem;
14891
- font-size: 1rem;
14892
- font-weight: 500;
14893
- color: var(--bs-emphasis-color);
14894
- list-style: none;
14895
- cursor: pointer;
14896
- -webkit-user-select: none;
14897
- user-select: none;
14898
- }
14899
- .faq-page .faq-section-items .faq-item summary::-webkit-details-marker {
14900
- display: none;
14696
+ @media (min-width: 1200px) {
14697
+ .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
14698
+ font-size: calc(1.345rem + 1.14vw);
14699
+ }
14901
14700
  }
14902
- .faq-page .faq-section-items .faq-item summary::marker {
14903
- content: "";
14701
+ @media (min-width: 1200px) and (min-width: 1200px) {
14702
+ .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
14703
+ font-size: 2.2rem;
14704
+ }
14904
14705
  }
14905
- .faq-page .faq-section-items .faq-item summary::after {
14906
- content: none;
14706
+ .small-box p {
14707
+ font-size: 1rem;
14907
14708
  }
14908
- .faq-page .faq-section-items .faq-item .faq-q-icon {
14909
- display: inline-flex;
14910
- flex-shrink: 0;
14911
- align-items: center;
14912
- justify-content: center;
14913
- width: 1.75rem;
14914
- height: 1.75rem;
14915
- font-size: 0.85rem;
14916
- color: var(--bs-primary);
14917
- background: var(--bs-primary-bg-subtle);
14918
- border-radius: 50%;
14709
+ .small-box p > small, .small-box p > .small {
14710
+ display: block;
14711
+ margin-top: 5px;
14712
+ font-size: 0.9rem;
14713
+ color: #f8f9fa;
14919
14714
  }
14920
- .faq-page .faq-section-items .faq-item .faq-q-text {
14921
- flex-grow: 1;
14715
+ .small-box h3, .small-box .h3,
14716
+ .small-box p {
14717
+ z-index: 5;
14922
14718
  }
14923
- .faq-page .faq-section-items .faq-item .faq-q-chevron {
14924
- flex-shrink: 0;
14925
- color: var(--bs-secondary-color);
14926
- transition: transform 0.2s ease, color 0.2s ease;
14719
+ .small-box .small-box-icon {
14720
+ position: absolute;
14721
+ top: 15px;
14722
+ right: 15px;
14723
+ z-index: 0;
14724
+ height: 70px;
14725
+ font-size: 70px;
14726
+ color: rgba(0, 0, 0, 0.15);
14727
+ transition: transform 0.3s linear;
14927
14728
  }
14928
14729
  @media (prefers-reduced-motion: reduce) {
14929
- .faq-page .faq-section-items .faq-item .faq-q-chevron {
14730
+ .small-box .small-box-icon {
14930
14731
  transition: none;
14931
14732
  }
14932
14733
  }
14933
- .faq-page .faq-section-items .faq-item[open] .faq-q-chevron {
14934
- color: var(--bs-primary);
14935
- transform: rotate(180deg);
14734
+ .small-box:hover .small-box-icon {
14735
+ transform: scale(1.1);
14936
14736
  }
14937
- .faq-page .faq-section-items .faq-item[open] summary {
14938
- color: var(--bs-primary);
14939
- border-bottom: 1px solid var(--bs-border-color);
14737
+
14738
+ @media (max-width: 575.98px) {
14739
+ .small-box {
14740
+ text-align: center;
14741
+ }
14742
+ .small-box .small-box-icon {
14743
+ display: none;
14744
+ }
14745
+ .small-box p {
14746
+ font-size: 12px;
14747
+ }
14940
14748
  }
14941
- .faq-page .faq-section-items .faq-item .faq-answer {
14942
- padding: 1.1rem 1.25rem 1.1rem 3.85rem;
14943
- font-size: 0.95rem;
14944
- line-height: 1.65;
14749
+ .info-box {
14750
+ box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
14751
+ border-radius: 0.375rem;
14752
+ position: relative;
14753
+ display: flex;
14754
+ width: 100%;
14755
+ min-height: 80px;
14756
+ padding: 0.5rem;
14757
+ margin-bottom: 1rem;
14945
14758
  color: var(--bs-body-color);
14759
+ background-color: var(--bs-body-bg);
14946
14760
  }
14947
- .faq-page .faq-section-items .faq-item .faq-answer p:last-child,
14948
- .faq-page .faq-section-items .faq-item .faq-answer ul:last-child,
14949
- .faq-page .faq-section-items .faq-item .faq-answer ol:last-child,
14950
- .faq-page .faq-section-items .faq-item .faq-answer pre:last-child {
14951
- margin-bottom: 0;
14761
+ .info-box .progress {
14762
+ height: 2px;
14763
+ margin: 5px 0;
14764
+ background-color: rgba(var(--lte-card-variant-color-rgb), 0.125);
14952
14765
  }
14953
- .faq-page .faq-section-items .faq-item .faq-answer a {
14954
- color: var(--bs-primary);
14955
- text-decoration: underline;
14956
- text-underline-offset: 2px;
14766
+ .info-box .progress .progress-bar {
14767
+ background-color: var(--lte-card-variant-color);
14957
14768
  }
14958
- .faq-page .faq-section-items .faq-item .faq-answer a:hover {
14959
- text-decoration-thickness: 2px;
14769
+ .info-box .info-box-icon {
14770
+ display: flex;
14771
+ align-items: center;
14772
+ justify-content: center;
14773
+ width: 70px;
14774
+ font-size: 1.875rem;
14775
+ text-align: center;
14776
+ border-radius: 0.375rem;
14960
14777
  }
14961
- .faq-page .faq-section-items .faq-item .faq-answer code {
14962
- padding: 0.12em 0.35em;
14963
- font-size: 0.875em;
14964
- color: var(--bs-emphasis-color);
14965
- background: var(--bs-tertiary-bg);
14966
- border: 1px solid var(--bs-border-color);
14967
- border-radius: 0.25rem;
14778
+ .info-box .info-box-icon > img {
14779
+ max-width: 100%;
14968
14780
  }
14969
- .faq-page .faq-section-items .faq-item .faq-answer pre.astro-code,
14970
- .faq-page .faq-section-items .faq-item .faq-answer pre {
14971
- padding: 0.85rem 1rem;
14972
- margin-top: 0.75rem;
14973
- margin-bottom: 0.75rem;
14974
- overflow-x: auto;
14975
- font-size: 0.85rem;
14976
- line-height: 1.55;
14977
- border-radius: 0.25rem;
14781
+ .info-box .info-box-content {
14782
+ display: flex;
14783
+ flex: 1;
14784
+ flex-direction: column;
14785
+ justify-content: center;
14786
+ padding: 0 10px;
14787
+ line-height: 1.8;
14978
14788
  }
14979
- .faq-page .faq-section-items .faq-item .faq-answer pre.astro-code code,
14980
- .faq-page .faq-section-items .faq-item .faq-answer pre code {
14981
- padding: 0;
14982
- background: transparent;
14983
- border: 0;
14789
+ .info-box .info-box-number {
14790
+ display: block;
14791
+ margin-top: 0.25rem;
14792
+ font-weight: 700;
14984
14793
  }
14985
- .faq-page .faq-cta {
14986
- padding: 2.5rem 1.5rem;
14987
- text-align: center;
14988
- background: radial-gradient(ellipse at top, rgba(var(--bs-primary-rgb), 0.08), transparent 60%), var(--bs-body-bg);
14989
- border: 1px solid var(--bs-border-color);
14990
- border-radius: 1rem;
14794
+ .info-box .progress-description,
14795
+ .info-box .info-box-text {
14796
+ display: block;
14797
+ overflow: hidden;
14798
+ text-overflow: ellipsis;
14799
+ white-space: nowrap;
14991
14800
  }
14992
- .faq-page .faq-cta-icon {
14993
- display: inline-flex;
14994
- align-items: center;
14995
- justify-content: center;
14996
- width: 3.5rem;
14997
- height: 3.5rem;
14998
- margin-bottom: 1rem;
14999
- font-size: 1.6rem;
15000
- color: var(--bs-primary);
15001
- background: var(--bs-primary-bg-subtle);
15002
- border-radius: 50%;
14801
+ .info-box .info-box-more {
14802
+ display: block;
15003
14803
  }
15004
- .faq-page .faq-cta h2, .faq-page .faq-cta .h2 {
15005
- margin: 0 0 0.5rem;
15006
- font-size: 1.5rem;
15007
- font-weight: 600;
15008
- color: var(--bs-emphasis-color);
14804
+ .info-box .progress-description {
14805
+ margin: 0;
15009
14806
  }
15010
- .faq-page .faq-cta p {
15011
- max-width: 32rem;
15012
- margin: 0 auto 1.5rem;
15013
- color: var(--bs-secondary-color);
14807
+ @media (min-width: 768px) {
14808
+ .col-xl-2 .info-box .progress-description, .col-lg-2 .info-box .progress-description, .col-md-2 .info-box .progress-description {
14809
+ display: none;
14810
+ }
14811
+ .col-xl-3 .info-box .progress-description, .col-lg-3 .info-box .progress-description, .col-md-3 .info-box .progress-description {
14812
+ display: none;
14813
+ }
15014
14814
  }
15015
- .faq-page .faq-cta-actions {
15016
- display: inline-flex;
15017
- flex-wrap: wrap;
15018
- gap: 0.5rem;
15019
- justify-content: center;
14815
+ @media (min-width: 992px) {
14816
+ .col-xl-2 .info-box .progress-description, .col-lg-2 .info-box .progress-description, .col-md-2 .info-box .progress-description {
14817
+ font-size: 0.75rem;
14818
+ display: block;
14819
+ }
14820
+ .col-xl-3 .info-box .progress-description, .col-lg-3 .info-box .progress-description, .col-md-3 .info-box .progress-description {
14821
+ font-size: 0.75rem;
14822
+ display: block;
14823
+ }
15020
14824
  }
15021
-
15022
- .progress {
15023
- border-radius: 1px;
14825
+ @media (min-width: 1200px) {
14826
+ .col-xl-2 .info-box .progress-description, .col-lg-2 .info-box .progress-description, .col-md-2 .info-box .progress-description {
14827
+ font-size: 1rem;
14828
+ display: block;
14829
+ }
14830
+ .col-xl-3 .info-box .progress-description, .col-lg-3 .info-box .progress-description, .col-md-3 .info-box .progress-description {
14831
+ font-size: 1rem;
14832
+ display: block;
14833
+ }
15024
14834
  }
15025
- .progress.vertical {
14835
+
14836
+ .timeline {
15026
14837
  position: relative;
15027
- display: inline-block;
15028
- width: 30px;
15029
- height: 200px;
15030
- margin-right: 10px;
14838
+ padding: 0;
14839
+ margin: 0 0 45px;
15031
14840
  }
15032
- .progress.vertical > .progress-bar {
14841
+ .timeline::before {
14842
+ border-radius: 0.375rem;
15033
14843
  position: absolute;
14844
+ top: 0;
15034
14845
  bottom: 0;
15035
- width: 100%;
15036
- }
15037
- .progress.vertical.sm, .progress.vertical.progress-sm {
15038
- width: 20px;
15039
- }
15040
- .progress.vertical.xs, .progress.vertical.progress-xs {
15041
- width: 10px;
15042
- }
15043
- .progress.vertical.xxs, .progress.vertical.progress-xxs {
15044
- width: 3px;
14846
+ left: 31px;
14847
+ width: 4px;
14848
+ margin: 0;
14849
+ content: "";
14850
+ background-color: var(--bs-border-color);
15045
14851
  }
15046
-
15047
- .progress-group {
15048
- margin-bottom: 0.5rem;
14852
+ .timeline > div::before, .timeline > div::after {
14853
+ display: table;
14854
+ content: "";
15049
14855
  }
15050
-
15051
- .progress-sm {
15052
- height: 10px;
14856
+ .timeline > div {
14857
+ position: relative;
14858
+ margin-right: 10px;
14859
+ margin-bottom: 15px;
15053
14860
  }
15054
-
15055
- .progress-xs {
15056
- height: 7px;
14861
+ .timeline > div > .timeline-item {
14862
+ box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
14863
+ border-radius: 0.375rem;
14864
+ position: relative;
14865
+ padding: 0;
14866
+ margin-top: 0;
14867
+ margin-right: 15px;
14868
+ margin-left: 60px;
14869
+ color: var(--bs-body-color);
14870
+ background-color: var(--bs-body-bg);
15057
14871
  }
15058
-
15059
- .progress-xxs {
15060
- height: 3px;
14872
+ .timeline > div > .timeline-item > .time {
14873
+ float: right;
14874
+ padding: 10px;
14875
+ font-size: 12px;
14876
+ color: var(--bs-secondary-color);
15061
14877
  }
15062
-
15063
- .table tr > td .progress {
14878
+ .timeline > div > .timeline-item > .timeline-header {
14879
+ padding: 10px;
15064
14880
  margin: 0;
14881
+ font-size: 16px;
14882
+ line-height: 1.1;
14883
+ color: var(--bs-secondary-color);
14884
+ border-bottom: 1px solid var(--bs-border-color);
15065
14885
  }
15066
-
15067
- .card {
15068
- box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
15069
- }
15070
- .card[class*=card-]:not(.card-outline) > .card-header, .card[class*=text-bg-]:not(.card-outline) > .card-header {
15071
- color: var(--lte-card-variant-color);
15072
- background-color: var(--lte-card-variant-bg);
14886
+ .timeline > div > .timeline-item > .timeline-header > a {
14887
+ font-weight: 600;
14888
+ text-decoration: none;
15073
14889
  }
15074
- .card[class*=card-]:not(.card-outline) > .card-header .btn-tool, .card[class*=text-bg-]:not(.card-outline) > .card-header .btn-tool {
15075
- --bs-btn-color: rgba(var(--lte-card-variant-color-rgb), .8);
15076
- --bs-btn-hover-color: var(--lte-card-variant-color);
14890
+ .timeline > div > .timeline-item > .timeline-body,
14891
+ .timeline > div > .timeline-item > .timeline-footer {
14892
+ padding: 10px;
15077
14893
  }
15078
- .card.card-outline {
15079
- border-top: 3px solid var(--lte-card-variant-bg);
14894
+ .timeline > div > .timeline-item > .timeline-body > img {
14895
+ margin: 10px;
15080
14896
  }
15081
- .card.maximized-card {
15082
- position: fixed;
14897
+ .timeline > div > .timeline-item > .timeline-body > dl,
14898
+ .timeline > div > .timeline-item > .timeline-body ol,
14899
+ .timeline > div > .timeline-item > .timeline-body ul {
14900
+ margin: 0;
14901
+ }
14902
+ .timeline > div .timeline-icon {
14903
+ position: absolute;
15083
14904
  top: 0;
15084
- left: 0;
15085
- z-index: 1050;
15086
- width: 100% !important;
15087
- max-width: 100% !important;
15088
- height: 100% !important;
15089
- max-height: 100% !important;
14905
+ left: 18px;
14906
+ width: 30px;
14907
+ height: 30px;
14908
+ font-size: 16px;
14909
+ line-height: 30px;
14910
+ text-align: center;
14911
+ background-color: var(--bs-secondary-bg);
14912
+ border-radius: 50%;
15090
14913
  }
15091
- .card.maximized-card.was-collapsed .card-body {
15092
- display: block !important;
14914
+ .timeline > .time-label > span {
14915
+ border-radius: 4px;
14916
+ display: inline-block;
14917
+ padding: 5px;
14918
+ font-weight: 600;
14919
+ background-color: var(--bs-body-bg);
15093
14920
  }
15094
- .card.maximized-card .card-body {
15095
- overflow: auto;
14921
+
14922
+ .timeline-inverse > div > .timeline-item {
14923
+ box-shadow: none;
14924
+ background-color: var(--bs-tertiary-bg);
14925
+ border: 1px solid var(--bs-border-color);
15096
14926
  }
15097
- .card.maximized-card [data-lte-toggle=card-collapse] {
15098
- display: none;
14927
+ .timeline-inverse > div > .timeline-item > .timeline-header {
14928
+ border-bottom-color: var(--bs-border-color);
15099
14929
  }
15100
- .card.maximized-card [data-lte-icon=maximize] {
15101
- display: none;
14930
+
14931
+ .direct-chat .card-body {
14932
+ position: relative;
14933
+ padding: 0;
14934
+ overflow-x: hidden;
15102
14935
  }
15103
- .card.maximized-card .card-header,
15104
- .card.maximized-card .card-footer {
15105
- border-radius: 0 !important;
14936
+ .direct-chat.chat-pane-open .direct-chat-contacts {
14937
+ transform: translate(0, 0);
15106
14938
  }
15107
- .card:not(.maximized-card) [data-lte-icon=minimize] {
15108
- display: none;
14939
+ .direct-chat.timestamp-light .direct-chat-timestamp {
14940
+ color: rgba(var(--bs-body-color-rgb), 0.65);
15109
14941
  }
15110
- .card.collapsed-card > .card-header [data-lte-icon=collapse] {
15111
- display: none;
14942
+ .direct-chat.timestamp-dark .direct-chat-timestamp {
14943
+ color: rgba(var(--bs-body-color-rgb), 0.9);
15112
14944
  }
15113
- .card.collapsed-card > .card-body,
15114
- .card.collapsed-card > .card-footer {
15115
- display: none;
14945
+
14946
+ .direct-chat-messages {
14947
+ height: 250px;
14948
+ padding: 10px;
14949
+ overflow: auto;
14950
+ transform: translate(0, 0);
15116
14951
  }
15117
- .card:not(.collapsed-card) > .card-header [data-lte-icon=expand] {
15118
- display: none;
14952
+
14953
+ .direct-chat-msg,
14954
+ .direct-chat-text {
14955
+ display: block;
15119
14956
  }
15120
- .card .nav.flex-column > li {
15121
- margin: 0;
15122
- border-bottom: 1px solid var(--bs-border-color-translucent);
14957
+
14958
+ .direct-chat-msg::after {
14959
+ display: block;
14960
+ clear: both;
14961
+ content: "";
15123
14962
  }
15124
- .card .nav.flex-column > li:last-of-type {
15125
- border-bottom: 0;
14963
+ .direct-chat-msg {
14964
+ margin-bottom: 10px;
15126
14965
  }
15127
- .card.height-control .card-body {
15128
- max-height: 300px;
15129
- overflow: auto;
14966
+
14967
+ .direct-chat-messages,
14968
+ .direct-chat-contacts {
14969
+ transition: transform 0.5s ease-in-out;
15130
14970
  }
15131
- .card .border-end {
15132
- border-right: 1px solid var(--bs-border-color-translucent);
14971
+ @media (prefers-reduced-motion: reduce) {
14972
+ .direct-chat-messages,
14973
+ .direct-chat-contacts {
14974
+ transition: none;
14975
+ }
15133
14976
  }
15134
- .card .border-start {
15135
- border-left: 1px solid var(--bs-border-color-translucent);
14977
+
14978
+ .direct-chat-text {
14979
+ border-radius: 0.5rem;
14980
+ position: relative;
14981
+ padding: 5px 10px;
14982
+ margin: 5px 0 0 50px;
14983
+ color: var(--bs-emphasis-color);
14984
+ background-color: var(--bs-secondary-bg);
14985
+ border: 1px solid var(--bs-border-color);
15136
14986
  }
15137
- .card.card-tabs:not(.card-outline) > .card-header {
15138
- border-bottom: 0;
14987
+ .direct-chat-text::after, .direct-chat-text::before {
14988
+ position: absolute;
14989
+ top: 15px;
14990
+ right: 100%;
14991
+ width: 0;
14992
+ height: 0;
14993
+ pointer-events: none;
14994
+ content: " ";
14995
+ border: solid transparent;
14996
+ border-right-color: var(--bs-border-color);
15139
14997
  }
15140
- .card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
15141
- border-left-color: transparent;
14998
+ .direct-chat-text::after {
14999
+ margin-top: -5px;
15000
+ border-width: 5px;
15142
15001
  }
15143
- .card.card-tabs.card-outline .nav-item {
15144
- border-bottom: 0;
15002
+ .direct-chat-text::before {
15003
+ margin-top: -6px;
15004
+ border-width: 6px;
15145
15005
  }
15146
- .card.card-tabs.card-outline .nav-item:first-child .nav-link {
15006
+ .end .direct-chat-text {
15007
+ margin-right: 50px;
15147
15008
  margin-left: 0;
15148
- border-left: 0;
15149
- }
15150
- .card.card-tabs .card-tools {
15151
- margin: 0.3rem 0.5rem;
15152
- }
15153
- .card.card-tabs:not(.expanding-card).collapsed-card .card-header {
15154
- border-bottom: 0;
15155
- }
15156
- .card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
15157
- border-bottom: 0;
15158
15009
  }
15159
- .card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
15160
- margin-bottom: 0;
15010
+ .end .direct-chat-text::after, .end .direct-chat-text::before {
15011
+ right: auto;
15012
+ left: 100%;
15013
+ border-right-color: transparent;
15014
+ border-left-color: var(--bs-border-color);
15161
15015
  }
15162
- .card.card-tabs.expanding-card .card-header .nav-tabs .nav-item {
15163
- margin-bottom: -1px;
15016
+
15017
+ .direct-chat-img {
15018
+ border-radius: 50%;
15019
+ float: left;
15020
+ width: 40px;
15021
+ height: 40px;
15164
15022
  }
15165
- .card.card-outline-tabs {
15166
- border-top: 0;
15023
+ .end .direct-chat-img {
15024
+ float: right;
15167
15025
  }
15168
- .card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
15169
- margin-left: 0;
15170
- border-left: 0;
15026
+
15027
+ .direct-chat-infos {
15028
+ display: block;
15029
+ margin-bottom: 2px;
15030
+ font-size: 0.875rem;
15171
15031
  }
15172
- .card.card-outline-tabs .card-header a {
15173
- text-decoration: none;
15174
- border-top: 3px solid transparent;
15032
+
15033
+ .direct-chat-name {
15034
+ font-weight: 600;
15175
15035
  }
15176
- .card.card-outline-tabs .card-header a:hover {
15177
- border-top: 3px solid var(--bs-border-color);
15036
+
15037
+ .direct-chat-timestamp {
15038
+ color: rgba(var(--bs-body-color-rgb), 0.75);
15178
15039
  }
15179
- .card.card-outline-tabs .card-header a.active:hover {
15180
- margin-top: 0;
15040
+
15041
+ .direct-chat-contacts-open .direct-chat-contacts {
15042
+ transform: translate(0, 0);
15181
15043
  }
15182
- .card.card-outline-tabs .card-tools {
15183
- margin: 0.5rem 0.5rem 0.3rem;
15044
+
15045
+ .direct-chat-contacts {
15046
+ position: absolute;
15047
+ top: 0;
15048
+ bottom: 0;
15049
+ width: 100%;
15050
+ height: 250px;
15051
+ overflow: auto;
15052
+ color: var(--bs-body-bg);
15053
+ background-color: var(--bs-body-color);
15054
+ transform: translate(101%, 0);
15184
15055
  }
15185
- .card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header {
15186
- border-bottom: 0;
15056
+
15057
+ .direct-chat-contacts-light {
15058
+ background-color: var(--bs-light-bg-subtle);
15187
15059
  }
15188
- .card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
15189
- border-bottom: 0;
15060
+ .direct-chat-contacts-light .contacts-list-name {
15061
+ color: var(--bs-body-color);
15190
15062
  }
15191
- .card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
15192
- margin-bottom: 0;
15063
+ .direct-chat-contacts-light .contacts-list-date {
15064
+ color: var(--bs-secondary-color);
15193
15065
  }
15194
- .card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item {
15195
- margin-bottom: -1px;
15066
+ .direct-chat-contacts-light .contacts-list-msg {
15067
+ color: var(--bs-secondary-color);
15196
15068
  }
15197
15069
 
15198
- html.maximized-card {
15199
- overflow: hidden;
15070
+ .contacts-list {
15071
+ padding-left: 0;
15072
+ list-style: none;
15200
15073
  }
15201
-
15202
- .card-header::after,
15203
- .card-body::after,
15204
- .card-footer::after {
15074
+ .contacts-list > li::after {
15205
15075
  display: block;
15206
15076
  clear: both;
15207
15077
  content: "";
15208
15078
  }
15209
-
15210
- .card-header {
15211
- position: relative;
15212
- padding: 1rem 1rem;
15213
- background-color: transparent;
15214
- border-bottom: 1px solid var(--bs-border-color-translucent);
15215
- border-top-left-radius: 0.375rem;
15216
- border-top-right-radius: 0.375rem;
15079
+ .contacts-list > li {
15080
+ padding: 10px;
15081
+ margin: 0;
15082
+ text-decoration: none;
15083
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
15217
15084
  }
15218
- .collapsed-card .card-header {
15085
+ .contacts-list > li:last-of-type {
15219
15086
  border-bottom: 0;
15220
15087
  }
15221
- .card-header > .card-tools {
15222
- float: right;
15223
- margin-right: -0.5rem;
15224
- }
15225
- .card-header > .card-tools .input-group,
15226
- .card-header > .card-tools .nav,
15227
- .card-header > .card-tools .pagination {
15228
- margin-top: -0.4rem;
15229
- margin-bottom: -0.4rem;
15230
- }
15231
- .card-header > .card-tools [data-bs-toggle=tooltip] {
15232
- position: relative;
15088
+ .contacts-list > li a {
15089
+ text-decoration: none;
15233
15090
  }
15234
15091
 
15235
- .card-title {
15092
+ .contacts-list-img {
15093
+ border-radius: 50%;
15236
15094
  float: left;
15237
- margin: 0;
15238
- font-size: 1.1rem;
15239
- font-weight: 400;
15095
+ width: 40px;
15240
15096
  }
15241
15097
 
15242
- .btn-tool {
15243
- --bs-btn-padding-x: .5rem;
15244
- --bs-btn-padding-y: .25rem;
15098
+ .contacts-list-info {
15099
+ margin-left: 45px;
15100
+ color: var(--bs-body-bg);
15245
15101
  }
15246
- .btn-tool:not(.btn-tool-custom) {
15247
- --bs-btn-color: var(--bs-tertiary-color);
15248
- --bs-btn-bg: transparent;
15249
- --bs-btn-box-shadow: none;
15250
- --bs-btn-hover-color: var(--bs-secondary-color);
15251
- --bs-btn-active-border-color: transparent;
15102
+
15103
+ .contacts-list-name,
15104
+ .contacts-list-status {
15105
+ display: block;
15252
15106
  }
15253
- .btn-tool {
15254
- margin: -1rem 0;
15107
+
15108
+ .contacts-list-name {
15109
+ font-weight: 600;
15110
+ }
15111
+
15112
+ .contacts-list-status {
15255
15113
  font-size: 0.875rem;
15256
15114
  }
15257
15115
 
15258
- .card-primary,
15259
- .bg-primary,
15260
- .text-bg-primary {
15261
- --lte-card-variant-bg: #0d6efd;
15262
- --lte-card-variant-bg-rgb: 13, 110, 253;
15263
- --lte-card-variant-color: #fff;
15264
- --lte-card-variant-color-rgb: 255, 255, 255;
15116
+ .contacts-list-date {
15117
+ font-weight: 400;
15118
+ color: var(--bs-secondary-bg);
15265
15119
  }
15266
15120
 
15267
- .card-secondary,
15268
- .bg-secondary,
15269
- .text-bg-secondary {
15270
- --lte-card-variant-bg: #6c757d;
15271
- --lte-card-variant-bg-rgb: 108, 117, 125;
15272
- --lte-card-variant-color: #fff;
15273
- --lte-card-variant-color-rgb: 255, 255, 255;
15121
+ .contacts-list-msg {
15122
+ color: var(--bs-secondary-bg);
15274
15123
  }
15275
15124
 
15276
- .card-success,
15277
- .bg-success,
15278
- .text-bg-success {
15279
- --lte-card-variant-bg: #198754;
15280
- --lte-card-variant-bg-rgb: 25, 135, 84;
15281
- --lte-card-variant-color: #fff;
15282
- --lte-card-variant-color-rgb: 255, 255, 255;
15125
+ .end > .direct-chat-text {
15126
+ color: var(--lte-direct-chat-color);
15127
+ background-color: var(--lte-direct-chat-bg);
15128
+ border-color: var(--lte-direct-chat-bg);
15129
+ }
15130
+ .end > .direct-chat-text::after, .end > .direct-chat-text::before {
15131
+ border-left-color: var(--lte-direct-chat-bg);
15283
15132
  }
15284
15133
 
15285
- .card-info,
15286
- .bg-info,
15287
- .text-bg-info {
15288
- --lte-card-variant-bg: #0dcaf0;
15289
- --lte-card-variant-bg-rgb: 13, 202, 240;
15290
- --lte-card-variant-color: #000;
15291
- --lte-card-variant-color-rgb: 0, 0, 0;
15134
+ .direct-chat-primary {
15135
+ --lte-direct-chat-color: #fff;
15136
+ --lte-direct-chat-bg: #0d6efd;
15292
15137
  }
15293
15138
 
15294
- .card-warning,
15295
- .bg-warning,
15296
- .text-bg-warning {
15297
- --lte-card-variant-bg: #ffc107;
15298
- --lte-card-variant-bg-rgb: 255, 193, 7;
15299
- --lte-card-variant-color: #000;
15300
- --lte-card-variant-color-rgb: 0, 0, 0;
15139
+ .direct-chat-secondary {
15140
+ --lte-direct-chat-color: #fff;
15141
+ --lte-direct-chat-bg: #6c757d;
15301
15142
  }
15302
15143
 
15303
- .card-danger,
15304
- .bg-danger,
15305
- .text-bg-danger {
15306
- --lte-card-variant-bg: #dc3545;
15307
- --lte-card-variant-bg-rgb: 220, 53, 69;
15308
- --lte-card-variant-color: #fff;
15309
- --lte-card-variant-color-rgb: 255, 255, 255;
15144
+ .direct-chat-success {
15145
+ --lte-direct-chat-color: #fff;
15146
+ --lte-direct-chat-bg: #198754;
15310
15147
  }
15311
15148
 
15312
- .card-light,
15313
- .bg-light,
15314
- .text-bg-light {
15315
- --lte-card-variant-bg: #f8f9fa;
15316
- --lte-card-variant-bg-rgb: 248, 249, 250;
15317
- --lte-card-variant-color: #000;
15318
- --lte-card-variant-color-rgb: 0, 0, 0;
15149
+ .direct-chat-info {
15150
+ --lte-direct-chat-color: #000;
15151
+ --lte-direct-chat-bg: #0dcaf0;
15319
15152
  }
15320
15153
 
15321
- .card-dark,
15322
- .bg-dark,
15323
- .text-bg-dark {
15324
- --lte-card-variant-bg: #212529;
15325
- --lte-card-variant-bg-rgb: 33, 37, 41;
15326
- --lte-card-variant-color: #fff;
15327
- --lte-card-variant-color-rgb: 255, 255, 255;
15154
+ .direct-chat-warning {
15155
+ --lte-direct-chat-color: #000;
15156
+ --lte-direct-chat-bg: #ffc107;
15328
15157
  }
15329
15158
 
15330
- .card-body > .table {
15331
- margin-bottom: 0;
15159
+ .direct-chat-danger {
15160
+ --lte-direct-chat-color: #fff;
15161
+ --lte-direct-chat-bg: #dc3545;
15332
15162
  }
15333
- .card-body > .table > thead > tr > th,
15334
- .card-body > .table > thead > tr > td {
15335
- border-top-width: 0;
15163
+
15164
+ .direct-chat-light {
15165
+ --lte-direct-chat-color: #000;
15166
+ --lte-direct-chat-bg: #f8f9fa;
15336
15167
  }
15337
15168
 
15338
- .table:not(.table-dark) {
15339
- color: inherit;
15169
+ .direct-chat-dark {
15170
+ --lte-direct-chat-color: #fff;
15171
+ --lte-direct-chat-bg: #212529;
15340
15172
  }
15341
- .table.table-head-fixed thead tr:nth-child(1) th {
15342
- position: sticky;
15343
- top: 0;
15344
- z-index: 10;
15345
- background-color: var(--bs-body-bg, #fff);
15346
- border-bottom: 0;
15347
- box-shadow: inset 0 1px 0 var(--bs-border-color, var(--bs-border-color)), inset 0 -1px 0 var(--bs-border-color, var(--bs-border-color));
15173
+
15174
+ .toast-primary {
15175
+ --bs-toast-header-color: #fff;
15176
+ --bs-toast-header-bg: #0d6efd;
15177
+ --bs-toast-header-border-color: #0d6efd;
15178
+ --bs-toast-border-color: #0d6efd;
15179
+ --bs-toast-bg: var(--bs-primary-bg-subtle);
15348
15180
  }
15349
- .table.no-border,
15350
- .table.no-border td,
15351
- .table.no-border th {
15352
- border: 0;
15181
+ .toast-primary .btn-close {
15182
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15353
15183
  }
15354
- .table.text-center,
15355
- .table.text-center td,
15356
- .table.text-center th {
15357
- text-align: center;
15184
+
15185
+ .toast-secondary {
15186
+ --bs-toast-header-color: #fff;
15187
+ --bs-toast-header-bg: #6c757d;
15188
+ --bs-toast-header-border-color: #6c757d;
15189
+ --bs-toast-border-color: #6c757d;
15190
+ --bs-toast-bg: var(--bs-secondary-bg-subtle);
15358
15191
  }
15359
- .table.table-valign-middle thead > tr > th,
15360
- .table.table-valign-middle thead > tr > td,
15361
- .table.table-valign-middle tbody > tr > th,
15362
- .table.table-valign-middle tbody > tr > td {
15363
- vertical-align: middle;
15192
+ .toast-secondary .btn-close {
15193
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15364
15194
  }
15365
- .card-body.p-0 .table thead > tr > th:first-of-type,
15366
- .card-body.p-0 .table thead > tr > td:first-of-type,
15367
- .card-body.p-0 .table tfoot > tr > th:first-of-type,
15368
- .card-body.p-0 .table tfoot > tr > td:first-of-type,
15369
- .card-body.p-0 .table tbody > tr > th:first-of-type,
15370
- .card-body.p-0 .table tbody > tr > td:first-of-type {
15371
- padding-left: 1.5rem;
15195
+
15196
+ .toast-success {
15197
+ --bs-toast-header-color: #fff;
15198
+ --bs-toast-header-bg: #198754;
15199
+ --bs-toast-header-border-color: #198754;
15200
+ --bs-toast-border-color: #198754;
15201
+ --bs-toast-bg: var(--bs-success-bg-subtle);
15372
15202
  }
15373
- .card-body.p-0 .table thead > tr > th:last-of-type,
15374
- .card-body.p-0 .table thead > tr > td:last-of-type,
15375
- .card-body.p-0 .table tfoot > tr > th:last-of-type,
15376
- .card-body.p-0 .table tfoot > tr > td:last-of-type,
15377
- .card-body.p-0 .table tbody > tr > th:last-of-type,
15378
- .card-body.p-0 .table tbody > tr > td:last-of-type {
15379
- padding-right: 1.5rem;
15203
+ .toast-success .btn-close {
15204
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15380
15205
  }
15381
15206
 
15382
- .small-box {
15383
- border-radius: 0.375rem;
15384
- box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
15385
- position: relative;
15386
- display: block;
15387
- margin-bottom: 1.25rem;
15388
- --bs-link-color-rgb: none;
15389
- --bs-link-hover-color-rgb: none;
15390
- --bs-heading-color: none;
15391
- }
15392
- .small-box > .inner {
15393
- padding: 10px;
15207
+ .toast-info {
15208
+ --bs-toast-header-color: #000;
15209
+ --bs-toast-header-bg: #0dcaf0;
15210
+ --bs-toast-header-border-color: #0dcaf0;
15211
+ --bs-toast-border-color: #0dcaf0;
15212
+ --bs-toast-bg: var(--bs-info-bg-subtle);
15394
15213
  }
15395
- .small-box > .small-box-footer {
15396
- position: relative;
15397
- z-index: 10;
15398
- display: block;
15399
- padding: 3px 0;
15400
- text-align: center;
15401
- background-color: rgba(0, 0, 0, 0.07);
15214
+
15215
+ .toast-warning {
15216
+ --bs-toast-header-color: #000;
15217
+ --bs-toast-header-bg: #ffc107;
15218
+ --bs-toast-header-border-color: #ffc107;
15219
+ --bs-toast-border-color: #ffc107;
15220
+ --bs-toast-bg: var(--bs-warning-bg-subtle);
15402
15221
  }
15403
- .small-box > .small-box-footer:hover {
15404
- background-color: rgba(0, 0, 0, 0.1);
15222
+
15223
+ .toast-danger {
15224
+ --bs-toast-header-color: #fff;
15225
+ --bs-toast-header-bg: #dc3545;
15226
+ --bs-toast-header-border-color: #dc3545;
15227
+ --bs-toast-border-color: #dc3545;
15228
+ --bs-toast-bg: var(--bs-danger-bg-subtle);
15405
15229
  }
15406
- .small-box h3, .small-box .h3 {
15407
- font-size: calc(1.345rem + 1.14vw);
15230
+ .toast-danger .btn-close {
15231
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15408
15232
  }
15409
- @media (min-width: 1200px) {
15410
- .small-box h3, .small-box .h3 {
15411
- font-size: 2.2rem;
15412
- }
15233
+
15234
+ .toast-light {
15235
+ --bs-toast-header-color: #000;
15236
+ --bs-toast-header-bg: #f8f9fa;
15237
+ --bs-toast-header-border-color: #f8f9fa;
15238
+ --bs-toast-border-color: #f8f9fa;
15239
+ --bs-toast-bg: var(--bs-light-bg-subtle);
15413
15240
  }
15414
- .small-box h3, .small-box .h3 {
15415
- padding: 0;
15416
- margin: 0 0 10px;
15417
- font-weight: 700;
15418
- white-space: nowrap;
15419
- }
15420
- @media (min-width: 992px) {
15421
- .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
15422
- font-size: calc(1.285rem + 0.42vw);
15423
- }
15241
+
15242
+ .toast-dark {
15243
+ --bs-toast-header-color: #fff;
15244
+ --bs-toast-header-bg: #212529;
15245
+ --bs-toast-header-border-color: #212529;
15246
+ --bs-toast-border-color: #212529;
15247
+ --bs-toast-bg: var(--bs-dark-bg-subtle);
15424
15248
  }
15425
- @media (min-width: 992px) and (min-width: 1200px) {
15426
- .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
15427
- font-size: 1.6rem;
15428
- }
15249
+ .toast-dark .btn-close {
15250
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15429
15251
  }
15430
- @media (min-width: 992px) {
15431
- .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
15432
- font-size: calc(1.285rem + 0.42vw);
15433
- }
15252
+
15253
+ [data-bs-theme=dark] .toast-info .btn-close {
15254
+ --bs-btn-close-white-filter: none;
15434
15255
  }
15435
- @media (min-width: 992px) and (min-width: 1200px) {
15436
- .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
15437
- font-size: 1.6rem;
15438
- }
15256
+ [data-bs-theme=dark] .toast-warning .btn-close {
15257
+ --bs-btn-close-white-filter: none;
15439
15258
  }
15440
- @media (min-width: 1200px) {
15441
- .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
15442
- font-size: calc(1.345rem + 1.14vw);
15443
- }
15259
+ [data-bs-theme=dark] .toast-light .btn-close {
15260
+ --bs-btn-close-white-filter: none;
15444
15261
  }
15445
- @media (min-width: 1200px) and (min-width: 1200px) {
15446
- .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
15447
- font-size: 2.2rem;
15448
- }
15262
+ .ribbon-wrapper {
15263
+ --lte-ribbon-size: 70px;
15264
+ --lte-ribbon-width: 91px;
15265
+ --lte-ribbon-font-size: 0.8rem;
15266
+ position: absolute;
15267
+ top: 0;
15268
+ right: 0;
15269
+ z-index: 1;
15270
+ width: var(--lte-ribbon-size);
15271
+ height: var(--lte-ribbon-size);
15272
+ overflow: hidden;
15273
+ border-top-right-radius: inherit;
15449
15274
  }
15450
- @media (min-width: 1200px) {
15451
- .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
15452
- font-size: calc(1.345rem + 1.14vw);
15453
- }
15275
+ .ribbon-wrapper.ribbon-lg {
15276
+ --lte-ribbon-size: 110px;
15277
+ --lte-ribbon-width: 143px;
15278
+ --lte-ribbon-font-size: 1rem;
15454
15279
  }
15455
- @media (min-width: 1200px) and (min-width: 1200px) {
15456
- .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
15457
- font-size: 2.2rem;
15458
- }
15280
+ .ribbon-wrapper.ribbon-xl {
15281
+ --lte-ribbon-size: 145px;
15282
+ --lte-ribbon-width: 188.5px;
15283
+ --lte-ribbon-font-size: 1.25rem;
15459
15284
  }
15460
- .small-box p {
15461
- font-size: 1rem;
15285
+ .ribbon-wrapper .ribbon {
15286
+ position: absolute;
15287
+ top: 32.5%;
15288
+ left: 67.5%;
15289
+ width: var(--lte-ribbon-width);
15290
+ padding: 0.375rem 0;
15291
+ overflow: hidden;
15292
+ font-size: var(--lte-ribbon-font-size);
15293
+ font-weight: 400;
15294
+ line-height: 1.2;
15295
+ color: var(--bs-emphasis-color);
15296
+ text-align: center;
15297
+ text-overflow: ellipsis;
15298
+ text-transform: uppercase;
15299
+ white-space: nowrap;
15300
+ background-color: var(--bs-secondary-bg);
15301
+ box-shadow: 0 0 3px rgba(var(--bs-body-color-rgb), 0.3);
15302
+ transform: translate(-50%, -50%) rotate(45deg);
15462
15303
  }
15463
- .small-box p > small, .small-box p > .small {
15464
- display: block;
15465
- margin-top: 5px;
15466
- font-size: 0.9rem;
15467
- color: #f8f9fa;
15304
+ .ribbon-wrapper .ribbon a {
15305
+ color: inherit;
15306
+ text-decoration: none;
15468
15307
  }
15469
- .small-box h3, .small-box .h3,
15470
- .small-box p {
15471
- z-index: 5;
15308
+
15309
+ .user-block {
15310
+ --lte-user-block-avatar-size: 2.5rem;
15311
+ display: grid;
15312
+ grid-template-columns: auto 1fr;
15313
+ -moz-column-gap: 0.75rem;
15314
+ column-gap: 0.75rem;
15315
+ align-items: center;
15472
15316
  }
15473
- .small-box .small-box-icon {
15474
- position: absolute;
15475
- top: 15px;
15476
- right: 15px;
15477
- z-index: 0;
15478
- height: 70px;
15479
- font-size: 70px;
15480
- color: rgba(0, 0, 0, 0.15);
15481
- transition: transform 0.3s linear;
15317
+ .user-block > img {
15318
+ grid-row: 1/span 2;
15319
+ align-self: center;
15320
+ width: var(--lte-user-block-avatar-size);
15321
+ height: var(--lte-user-block-avatar-size);
15322
+ -o-object-fit: cover;
15323
+ object-fit: cover;
15324
+ }
15325
+ .user-block .username,
15326
+ .user-block .description,
15327
+ .user-block .comment {
15328
+ grid-column: 2;
15329
+ }
15330
+ .user-block .username {
15331
+ align-self: end;
15332
+ font-size: 1rem;
15333
+ font-weight: 600;
15482
15334
  }
15483
- @media (prefers-reduced-motion: reduce) {
15484
- .small-box .small-box-icon {
15485
- transition: none;
15486
- }
15335
+ .user-block .username a {
15336
+ color: var(--bs-emphasis-color);
15337
+ text-decoration: none;
15487
15338
  }
15488
- .small-box:hover .small-box-icon {
15489
- transform: scale(1.1);
15339
+ .user-block .username a:hover, .user-block .username a:focus-visible {
15340
+ text-decoration: underline;
15490
15341
  }
15491
-
15492
- @media (max-width: 575.98px) {
15493
- .small-box {
15494
- text-align: center;
15495
- }
15496
- .small-box .small-box-icon {
15497
- display: none;
15498
- }
15499
- .small-box p {
15500
- font-size: 12px;
15501
- }
15342
+ .user-block .description {
15343
+ align-self: start;
15344
+ font-size: 0.8125rem;
15345
+ color: var(--bs-secondary-color);
15502
15346
  }
15503
- .info-box {
15504
- box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
15505
- border-radius: 0.375rem;
15506
- position: relative;
15507
- display: flex;
15508
- width: 100%;
15509
- min-height: 80px;
15510
- padding: 0.5rem;
15511
- margin-bottom: 1rem;
15512
- color: var(--bs-body-color);
15513
- background-color: var(--bs-body-bg);
15347
+ .user-block .comment {
15348
+ margin-top: 0.5rem;
15514
15349
  }
15515
- .info-box .progress {
15516
- height: 2px;
15517
- margin: 5px 0;
15518
- background-color: rgba(var(--lte-card-variant-color-rgb), 0.125);
15350
+ .card-header > .user-block {
15351
+ float: left;
15519
15352
  }
15520
- .info-box .progress .progress-bar {
15521
- background-color: var(--lte-card-variant-color);
15353
+ .user-block.user-block-sm {
15354
+ --lte-user-block-avatar-size: 1.75rem;
15522
15355
  }
15523
- .info-box .info-box-icon {
15524
- display: flex;
15525
- align-items: center;
15526
- justify-content: center;
15527
- width: 70px;
15528
- font-size: 1.875rem;
15529
- text-align: center;
15530
- border-radius: 0.375rem;
15356
+ .user-block.user-block-sm .username {
15357
+ font-size: 0.8125rem;
15531
15358
  }
15532
- .info-box .info-box-icon > img {
15533
- max-width: 100%;
15359
+ .user-block.user-block-sm .description {
15360
+ font-size: 0.75rem;
15534
15361
  }
15535
- .info-box .info-box-content {
15536
- display: flex;
15537
- flex: 1;
15538
- flex-direction: column;
15539
- justify-content: center;
15540
- padding: 0 10px;
15541
- line-height: 1.8;
15362
+
15363
+ .post {
15364
+ padding-bottom: 1rem;
15365
+ margin-bottom: 1rem;
15366
+ border-bottom: 1px solid var(--bs-border-color);
15542
15367
  }
15543
- .info-box .info-box-number {
15544
- display: block;
15545
- margin-top: 0.25rem;
15546
- font-weight: 700;
15368
+ .post:last-of-type {
15369
+ padding-bottom: 0;
15370
+ margin-bottom: 0;
15371
+ border-bottom: 0;
15547
15372
  }
15548
- .info-box .progress-description,
15549
- .info-box .info-box-text {
15550
- display: block;
15551
- overflow: hidden;
15552
- text-overflow: ellipsis;
15553
- white-space: nowrap;
15373
+ .post .user-block {
15374
+ margin-bottom: 0.75rem;
15554
15375
  }
15555
- .info-box .info-box-more {
15376
+
15377
+ .description-block {
15556
15378
  display: block;
15379
+ margin: 0.625rem 0;
15380
+ text-align: center;
15557
15381
  }
15558
- .info-box .progress-description {
15382
+ .description-block .description-header {
15383
+ padding: 0;
15559
15384
  margin: 0;
15385
+ font-size: 1.0625rem;
15386
+ font-weight: 700;
15560
15387
  }
15561
- @media (min-width: 768px) {
15562
- .col-xl-2 .info-box .progress-description, .col-lg-2 .info-box .progress-description, .col-md-2 .info-box .progress-description {
15563
- display: none;
15564
- }
15565
- .col-xl-3 .info-box .progress-description, .col-lg-3 .info-box .progress-description, .col-md-3 .info-box .progress-description {
15566
- display: none;
15567
- }
15388
+ .description-block .description-text {
15389
+ font-size: 0.8125rem;
15390
+ color: var(--bs-secondary-color);
15391
+ text-transform: uppercase;
15568
15392
  }
15569
- @media (min-width: 992px) {
15570
- .col-xl-2 .info-box .progress-description, .col-lg-2 .info-box .progress-description, .col-md-2 .info-box .progress-description {
15571
- font-size: 0.75rem;
15572
- display: block;
15573
- }
15574
- .col-xl-3 .info-box .progress-description, .col-lg-3 .info-box .progress-description, .col-md-3 .info-box .progress-description {
15575
- font-size: 0.75rem;
15576
- display: block;
15577
- }
15393
+
15394
+ .widget-user .widget-user-header {
15395
+ height: 8.4375rem;
15396
+ padding: 1rem;
15397
+ text-align: center;
15398
+ background-position: center;
15399
+ background-size: cover;
15400
+ border-top-left-radius: inherit;
15401
+ border-top-right-radius: inherit;
15578
15402
  }
15579
- @media (min-width: 1200px) {
15580
- .col-xl-2 .info-box .progress-description, .col-lg-2 .info-box .progress-description, .col-md-2 .info-box .progress-description {
15581
- font-size: 1rem;
15582
- display: block;
15583
- }
15584
- .col-xl-3 .info-box .progress-description, .col-lg-3 .info-box .progress-description, .col-md-3 .info-box .progress-description {
15585
- font-size: 1rem;
15586
- display: block;
15587
- }
15403
+ .widget-user .widget-user-username {
15404
+ margin-top: 0;
15405
+ margin-bottom: 0.3125rem;
15406
+ font-size: 1.5625rem;
15407
+ font-weight: 300;
15588
15408
  }
15589
-
15590
- .timeline {
15591
- position: relative;
15592
- padding: 0;
15593
- margin: 0 0 45px;
15409
+ .widget-user .widget-user-desc {
15410
+ margin-top: 0;
15411
+ font-size: 1rem;
15594
15412
  }
15595
- .timeline::before {
15596
- border-radius: 0.375rem;
15413
+ .widget-user .widget-user-image {
15597
15414
  position: absolute;
15598
- top: 0;
15599
- bottom: 0;
15600
- left: 31px;
15601
- width: 4px;
15602
- margin: 0;
15603
- content: "";
15604
- background-color: var(--bs-border-color);
15415
+ top: 5.625rem;
15416
+ right: 0;
15417
+ left: 0;
15418
+ width: 5.625rem;
15419
+ margin-inline: auto;
15605
15420
  }
15606
- .timeline > div::before, .timeline > div::after {
15607
- display: table;
15608
- content: "";
15421
+ .widget-user .widget-user-image > img {
15422
+ width: 100%;
15423
+ height: auto;
15424
+ border: 3px solid var(--bs-body-bg);
15609
15425
  }
15610
- .timeline > div {
15611
- position: relative;
15612
- margin-right: 10px;
15613
- margin-bottom: 15px;
15426
+ .widget-user > .card-footer {
15427
+ padding-top: 3.5625rem;
15614
15428
  }
15615
- .timeline > div > .timeline-item {
15616
- box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
15617
- border-radius: 0.375rem;
15618
- position: relative;
15619
- padding: 0;
15429
+
15430
+ .widget-user-2 .widget-user-header {
15431
+ display: flex;
15432
+ -moz-column-gap: 1rem;
15433
+ column-gap: 1rem;
15434
+ align-items: center;
15435
+ padding: 1rem;
15436
+ border-top-left-radius: inherit;
15437
+ border-top-right-radius: inherit;
15438
+ }
15439
+ .widget-user-2 .widget-user-image > img {
15440
+ width: 4.0625rem;
15441
+ height: 4.0625rem;
15442
+ -o-object-fit: cover;
15443
+ object-fit: cover;
15444
+ }
15445
+ .widget-user-2 .widget-user-username {
15620
15446
  margin-top: 0;
15621
- margin-right: 15px;
15622
- margin-left: 60px;
15623
- color: var(--bs-body-color);
15624
- background-color: var(--bs-body-bg);
15447
+ margin-bottom: 0.3125rem;
15448
+ font-size: 1.5625rem;
15449
+ font-weight: 300;
15625
15450
  }
15626
- .timeline > div > .timeline-item > .time {
15627
- float: right;
15628
- padding: 10px;
15629
- font-size: 12px;
15630
- color: var(--bs-secondary-color);
15451
+ .widget-user-2 .widget-user-desc {
15452
+ margin-top: 0;
15453
+ font-size: 1rem;
15631
15454
  }
15632
- .timeline > div > .timeline-item > .timeline-header {
15633
- padding: 10px;
15634
- margin: 0;
15635
- font-size: 16px;
15636
- line-height: 1.1;
15637
- color: var(--bs-secondary-color);
15638
- border-bottom: 1px solid var(--bs-border-color);
15455
+
15456
+ .login-logo,
15457
+ .register-logo {
15458
+ margin-bottom: 0.9rem;
15459
+ font-size: 2.1rem;
15460
+ font-weight: 300;
15461
+ text-align: center;
15639
15462
  }
15640
- .timeline > div > .timeline-item > .timeline-header > a {
15641
- font-weight: 600;
15463
+ .login-logo a,
15464
+ .register-logo a {
15465
+ color: var(--bs-secondary-color);
15642
15466
  text-decoration: none;
15643
15467
  }
15644
- .timeline > div > .timeline-item > .timeline-body,
15645
- .timeline > div > .timeline-item > .timeline-footer {
15646
- padding: 10px;
15468
+
15469
+ .login-page,
15470
+ .register-page {
15471
+ display: flex;
15472
+ flex-direction: column;
15473
+ align-items: center;
15474
+ justify-content: center;
15475
+ min-height: 100vh;
15647
15476
  }
15648
- .timeline > div > .timeline-item > .timeline-body > img {
15649
- margin: 10px;
15477
+
15478
+ .login-box,
15479
+ .register-box {
15480
+ width: 400px;
15650
15481
  }
15651
- .timeline > div > .timeline-item > .timeline-body > dl,
15652
- .timeline > div > .timeline-item > .timeline-body ol,
15653
- .timeline > div > .timeline-item > .timeline-body ul {
15654
- margin: 0;
15482
+ @media (max-width: 576px) {
15483
+ .login-box,
15484
+ .register-box {
15485
+ width: 90%;
15486
+ margin-top: 0.5rem;
15487
+ }
15655
15488
  }
15656
- .timeline > div .timeline-icon {
15657
- position: absolute;
15658
- top: 0;
15659
- left: 18px;
15660
- width: 30px;
15661
- height: 30px;
15662
- font-size: 16px;
15663
- line-height: 30px;
15664
- text-align: center;
15665
- background-color: var(--bs-secondary-bg);
15666
- border-radius: 50%;
15489
+ .login-box .card,
15490
+ .register-box .card {
15491
+ margin-bottom: 0;
15667
15492
  }
15668
- .timeline > .time-label > span {
15669
- border-radius: 4px;
15670
- display: inline-block;
15671
- padding: 5px;
15672
- font-weight: 600;
15493
+
15494
+ .login-card-body,
15495
+ .register-card-body {
15496
+ padding: 20px;
15497
+ color: var(--bs-secondary-color);
15673
15498
  background-color: var(--bs-body-bg);
15499
+ border-top: 0;
15674
15500
  }
15675
-
15676
- .timeline-inverse > div > .timeline-item {
15501
+ .login-card-body .input-group .form-control:focus,
15502
+ .register-card-body .input-group .form-control:focus {
15677
15503
  box-shadow: none;
15678
- background-color: var(--bs-tertiary-bg);
15679
- border: 1px solid var(--bs-border-color);
15680
15504
  }
15681
- .timeline-inverse > div > .timeline-item > .timeline-header {
15682
- border-bottom-color: var(--bs-border-color);
15505
+ .login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
15506
+ .login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
15507
+ .register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
15508
+ .register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
15509
+ border-color: rgb(52.5490196078%, 71.568627451%, 99.6078431373%);
15683
15510
  }
15684
-
15685
- .direct-chat .card-body {
15686
- position: relative;
15687
- padding: 0;
15688
- overflow-x: hidden;
15511
+ .login-card-body .input-group .form-control.is-valid:focus,
15512
+ .register-card-body .input-group .form-control.is-valid:focus {
15513
+ box-shadow: none;
15689
15514
  }
15690
- .direct-chat.chat-pane-open .direct-chat-contacts {
15691
- transform: translate(0, 0);
15515
+ .login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
15516
+ .login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
15517
+ .register-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
15518
+ .register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text {
15519
+ border-color: #198754;
15692
15520
  }
15693
- .direct-chat.timestamp-light .direct-chat-timestamp {
15694
- color: rgba(var(--bs-body-color-rgb), 0.65);
15521
+ .login-card-body .input-group .form-control.is-invalid:focus,
15522
+ .register-card-body .input-group .form-control.is-invalid:focus {
15523
+ box-shadow: none;
15695
15524
  }
15696
- .direct-chat.timestamp-dark .direct-chat-timestamp {
15697
- color: rgba(var(--bs-body-color-rgb), 0.9);
15525
+ .login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
15526
+ .register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
15527
+ border-color: #dc3545;
15528
+ }
15529
+ .login-card-body .input-group .input-group-text,
15530
+ .register-card-body .input-group .input-group-text {
15531
+ color: var(--bs-secondary-color);
15532
+ background-color: transparent;
15533
+ border-top-right-radius: 0.375rem;
15534
+ border-bottom-right-radius: 0.375rem;
15535
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15536
+ }
15537
+ @media (prefers-reduced-motion: reduce) {
15538
+ .login-card-body .input-group .input-group-text,
15539
+ .register-card-body .input-group .input-group-text {
15540
+ transition: none;
15541
+ }
15698
15542
  }
15699
15543
 
15700
- .direct-chat-messages {
15701
- height: 250px;
15702
- padding: 10px;
15703
- overflow: auto;
15704
- transform: translate(0, 0);
15544
+ .login-box-msg,
15545
+ .register-box-msg {
15546
+ padding: 0 20px 20px;
15547
+ margin: 0;
15548
+ text-align: center;
15705
15549
  }
15706
15550
 
15707
- .direct-chat-msg,
15708
- .direct-chat-text {
15709
- display: block;
15551
+ .social-auth-links {
15552
+ margin: 10px 0;
15710
15553
  }
15711
15554
 
15712
- .direct-chat-msg::after {
15713
- display: block;
15714
- clear: both;
15715
- content: "";
15555
+ .lockscreen .lockscreen-name {
15556
+ font-weight: 600;
15557
+ text-align: center;
15716
15558
  }
15717
- .direct-chat-msg {
15718
- margin-bottom: 10px;
15559
+ .lockscreen .lockscreen-logo {
15560
+ margin-bottom: 25px;
15561
+ font-size: 35px;
15562
+ font-weight: 300;
15563
+ text-align: center;
15719
15564
  }
15720
-
15721
- .direct-chat-messages,
15722
- .direct-chat-contacts {
15723
- transition: transform 0.5s ease-in-out;
15565
+ .lockscreen .lockscreen-logo a {
15566
+ color: var(--bs-emphasis-color);
15567
+ text-decoration: none;
15724
15568
  }
15725
- @media (prefers-reduced-motion: reduce) {
15726
- .direct-chat-messages,
15727
- .direct-chat-contacts {
15728
- transition: none;
15729
- }
15569
+ .lockscreen .lockscreen-wrapper {
15570
+ max-width: 400px;
15571
+ margin: 0 auto;
15572
+ margin-top: 10%;
15730
15573
  }
15731
-
15732
- .direct-chat-text {
15733
- border-radius: 0.5rem;
15574
+ .lockscreen .lockscreen-item {
15734
15575
  position: relative;
15735
- padding: 5px 10px;
15736
- margin: 5px 0 0 50px;
15737
- color: var(--bs-emphasis-color);
15738
- background-color: var(--bs-secondary-bg);
15739
- border: 1px solid var(--bs-border-color);
15576
+ width: 290px;
15577
+ padding: 0;
15578
+ margin: 10px auto 30px;
15579
+ background-color: var(--bs-body-bg);
15580
+ border-radius: 4px;
15740
15581
  }
15741
- .direct-chat-text::after, .direct-chat-text::before {
15582
+ .lockscreen .lockscreen-image {
15742
15583
  position: absolute;
15743
- top: 15px;
15744
- right: 100%;
15745
- width: 0;
15746
- height: 0;
15747
- pointer-events: none;
15748
- content: " ";
15749
- border: solid transparent;
15750
- border-right-color: var(--bs-border-color);
15751
- }
15752
- .direct-chat-text::after {
15753
- margin-top: -5px;
15754
- border-width: 5px;
15584
+ top: -25px;
15585
+ left: -10px;
15586
+ z-index: 10;
15587
+ padding: 5px;
15588
+ background-color: var(--bs-body-bg);
15589
+ border-radius: 50%;
15755
15590
  }
15756
- .direct-chat-text::before {
15757
- margin-top: -6px;
15758
- border-width: 6px;
15591
+ .lockscreen .lockscreen-image > img {
15592
+ border-radius: 50%;
15593
+ width: 70px;
15594
+ height: 70px;
15759
15595
  }
15760
- .end .direct-chat-text {
15761
- margin-right: 50px;
15762
- margin-left: 0;
15596
+ .lockscreen .lockscreen-credentials {
15597
+ margin-left: 70px;
15763
15598
  }
15764
- .end .direct-chat-text::after, .end .direct-chat-text::before {
15765
- right: auto;
15766
- left: 100%;
15767
- border-right-color: transparent;
15768
- border-left-color: var(--bs-border-color);
15599
+ .lockscreen .lockscreen-credentials .form-control {
15600
+ border: 0;
15769
15601
  }
15770
-
15771
- .direct-chat-img {
15772
- border-radius: 50%;
15773
- float: left;
15774
- width: 40px;
15775
- height: 40px;
15602
+ .lockscreen .lockscreen-credentials .btn {
15603
+ padding: 0 10px;
15604
+ border: 0;
15776
15605
  }
15777
- .end .direct-chat-img {
15778
- float: right;
15606
+ .lockscreen .lockscreen-footer {
15607
+ margin-top: 10px;
15779
15608
  }
15780
15609
 
15781
- .direct-chat-infos {
15782
- display: block;
15783
- margin-bottom: 2px;
15784
- font-size: 0.875rem;
15610
+ .img-size-64,
15611
+ .img-size-50,
15612
+ .img-size-32 {
15613
+ height: auto;
15785
15614
  }
15786
15615
 
15787
- .direct-chat-name {
15788
- font-weight: 600;
15616
+ .img-size-64 {
15617
+ width: 64px;
15789
15618
  }
15790
15619
 
15791
- .direct-chat-timestamp {
15792
- color: rgba(var(--bs-body-color-rgb), 0.75);
15620
+ .img-size-50 {
15621
+ width: 50px;
15793
15622
  }
15794
15623
 
15795
- .direct-chat-contacts-open .direct-chat-contacts {
15796
- transform: translate(0, 0);
15624
+ .img-size-32 {
15625
+ width: 32px;
15797
15626
  }
15798
15627
 
15799
- .direct-chat-contacts {
15628
+ /* ==========================================================================
15629
+ AdminLTE Accessibility Styles - WCAG 2.1 AA Compliance
15630
+ ========================================================================== */
15631
+ /* Skip Links - WCAG 2.4.1: Bypass Blocks */
15632
+ .skip-link {
15800
15633
  position: absolute;
15801
- top: 0;
15802
- bottom: 0;
15803
- width: 100%;
15804
- height: 250px;
15805
- overflow: auto;
15806
- color: var(--bs-body-bg);
15807
- background-color: var(--bs-body-color);
15808
- transform: translate(101%, 0);
15809
- }
15810
-
15811
- .direct-chat-contacts-light {
15812
- background-color: var(--bs-light-bg-subtle);
15813
- }
15814
- .direct-chat-contacts-light .contacts-list-name {
15815
- color: var(--bs-body-color);
15634
+ top: -40px;
15635
+ left: 6px;
15636
+ z-index: 999999;
15637
+ padding: 8px 16px;
15638
+ font-weight: 600;
15639
+ color: var(--bs-white);
15640
+ text-decoration: none;
15641
+ background: var(--bs-primary);
15816
15642
  }
15817
- .direct-chat-contacts-light .contacts-list-date {
15818
- color: var(--bs-secondary-color);
15643
+ .skip-link:focus {
15644
+ top: 0;
15645
+ outline: 3px solid var(--bs-warning);
15646
+ outline-offset: 2px;
15819
15647
  }
15820
- .direct-chat-contacts-light .contacts-list-msg {
15821
- color: var(--bs-secondary-color);
15648
+ .skip-link:hover {
15649
+ color: var(--bs-white);
15650
+ text-decoration: none;
15651
+ background: var(--bs-primary-emphasis);
15822
15652
  }
15823
15653
 
15824
- .contacts-list {
15825
- padding-left: 0;
15826
- list-style: none;
15827
- }
15828
- .contacts-list > li::after {
15829
- display: block;
15830
- clear: both;
15831
- content: "";
15654
+ /* Enhanced Focus Indicators - WCAG 2.4.7: Focus Visible */
15655
+ .focus-enhanced:focus {
15656
+ outline: 3px solid var(--bs-focus-ring-color, #0d6efd);
15657
+ outline-offset: 2px;
15658
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
15832
15659
  }
15833
- .contacts-list > li {
15834
- padding: 10px;
15835
- margin: 0;
15836
- text-decoration: none;
15837
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
15660
+
15661
+ /* High Contrast Mode Support */
15662
+ @media (prefers-contrast: high) {
15663
+ .card {
15664
+ border: 2px solid;
15665
+ }
15666
+ .btn {
15667
+ border-width: 2px;
15668
+ }
15669
+ .nav-link {
15670
+ border: 1px solid transparent;
15671
+ }
15672
+ .nav-link:hover, .nav-link:focus {
15673
+ border-color: currentcolor;
15674
+ }
15838
15675
  }
15839
- .contacts-list > li:last-of-type {
15840
- border-bottom: 0;
15676
+ /* Reduced Motion Support - WCAG 2.3.3: Animation from Interactions */
15677
+ @media (prefers-reduced-motion: reduce) {
15678
+ *,
15679
+ *::before,
15680
+ *::after {
15681
+ transition-duration: 0.01ms !important;
15682
+ animation-duration: 0.01ms !important;
15683
+ animation-iteration-count: 1 !important;
15684
+ scroll-behavior: auto !important;
15685
+ }
15686
+ .fade {
15687
+ opacity: 1 !important;
15688
+ /* stylelint-disable-next-line property-disallowed-list */
15689
+ transition: none !important;
15690
+ }
15691
+ .collapse {
15692
+ /* stylelint-disable-next-line property-disallowed-list */
15693
+ transition: none !important;
15694
+ }
15695
+ .modal.fade .modal-dialog {
15696
+ transform: none !important;
15697
+ }
15841
15698
  }
15842
- .contacts-list > li a {
15843
- text-decoration: none;
15699
+ /* Screen Reader Only Content */
15700
+ .sr-only {
15701
+ position: absolute !important;
15702
+ width: 1px !important;
15703
+ height: 1px !important;
15704
+ padding: 0 !important;
15705
+ margin: -1px !important;
15706
+ overflow: hidden !important;
15707
+ clip: rect(0, 0, 0, 0) !important;
15708
+ white-space: nowrap !important;
15709
+ border: 0 !important;
15844
15710
  }
15845
15711
 
15846
- .contacts-list-img {
15847
- border-radius: 50%;
15848
- float: left;
15849
- width: 40px;
15712
+ .sr-only-focusable:focus {
15713
+ position: static !important;
15714
+ width: auto !important;
15715
+ height: auto !important;
15716
+ padding: inherit !important;
15717
+ margin: inherit !important;
15718
+ overflow: visible !important;
15719
+ clip: auto !important;
15720
+ white-space: normal !important;
15850
15721
  }
15851
15722
 
15852
- .contacts-list-info {
15853
- margin-left: 45px;
15854
- color: var(--bs-body-bg);
15723
+ /* Focus Trap Utilities */
15724
+ .focus-trap:focus {
15725
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
15855
15726
  }
15856
15727
 
15857
- .contacts-list-name,
15858
- .contacts-list-status {
15859
- display: block;
15728
+ /* Accessible Color Combinations - WCAG 1.4.3: Contrast (Minimum) */
15729
+ .text-accessible-primary {
15730
+ color: #003d82; /* 4.5:1 contrast on white */
15860
15731
  }
15861
15732
 
15862
- .contacts-list-name {
15863
- font-weight: 600;
15733
+ .text-accessible-success {
15734
+ color: #0f5132; /* 4.5:1 contrast on white */
15864
15735
  }
15865
15736
 
15866
- .contacts-list-status {
15867
- font-size: 0.875rem;
15737
+ .text-accessible-danger {
15738
+ color: #842029; /* 4.5:1 contrast on white */
15868
15739
  }
15869
15740
 
15870
- .contacts-list-date {
15871
- font-weight: 400;
15872
- color: var(--bs-secondary-bg);
15741
+ .text-accessible-warning {
15742
+ color: #664d03; /* 4.5:1 contrast on white */
15873
15743
  }
15874
15744
 
15875
- .contacts-list-msg {
15876
- color: var(--bs-secondary-bg);
15745
+ /* ARIA Live Regions */
15746
+ .live-region {
15747
+ position: absolute;
15748
+ left: -10000px;
15749
+ width: 1px;
15750
+ height: 1px;
15751
+ overflow: hidden;
15752
+ }
15753
+ .live-region.live-region-visible {
15754
+ position: static;
15755
+ left: auto;
15756
+ width: auto;
15757
+ height: auto;
15758
+ overflow: visible;
15877
15759
  }
15878
15760
 
15879
- .end > .direct-chat-text {
15880
- color: var(--lte-direct-chat-color);
15881
- background-color: var(--lte-direct-chat-bg);
15882
- border-color: var(--lte-direct-chat-bg);
15761
+ /* Enhanced Error States - WCAG 3.3.1: Error Identification */
15762
+ .form-control.is-invalid {
15763
+ border-color: var(--bs-danger);
15883
15764
  }
15884
- .end > .direct-chat-text::after, .end > .direct-chat-text::before {
15885
- border-left-color: var(--lte-direct-chat-bg);
15765
+ .form-control.is-invalid:focus {
15766
+ border-color: var(--bs-danger);
15767
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
15886
15768
  }
15887
15769
 
15888
- .direct-chat-primary {
15889
- --lte-direct-chat-color: #fff;
15890
- --lte-direct-chat-bg: #0d6efd;
15770
+ .invalid-feedback[role=alert] {
15771
+ font-weight: 600;
15891
15772
  }
15892
15773
 
15893
- .direct-chat-secondary {
15894
- --lte-direct-chat-color: #fff;
15895
- --lte-direct-chat-bg: #6c757d;
15774
+ /* Target Size - WCAG 2.5.8: Target Size (Minimum) */
15775
+ .touch-target {
15776
+ min-width: 44px;
15777
+ min-height: 44px;
15896
15778
  }
15897
-
15898
- .direct-chat-success {
15899
- --lte-direct-chat-color: #fff;
15900
- --lte-direct-chat-bg: #198754;
15779
+ .touch-target.touch-target-small {
15780
+ min-width: 24px;
15781
+ min-height: 24px;
15901
15782
  }
15902
15783
 
15903
- .direct-chat-info {
15904
- --lte-direct-chat-color: #000;
15905
- --lte-direct-chat-bg: #0dcaf0;
15784
+ /* Table Accessibility */
15785
+ .table-accessible th {
15786
+ font-weight: 600;
15787
+ background-color: var(--bs-secondary-bg);
15906
15788
  }
15907
-
15908
- .direct-chat-warning {
15909
- --lte-direct-chat-color: #000;
15910
- --lte-direct-chat-bg: #ffc107;
15789
+ .table-accessible th[scope=col] {
15790
+ border-bottom: 2px solid var(--bs-border-color);
15911
15791
  }
15912
-
15913
- .direct-chat-danger {
15914
- --lte-direct-chat-color: #fff;
15915
- --lte-direct-chat-bg: #dc3545;
15792
+ .table-accessible th[scope=row] {
15793
+ border-right: 2px solid var(--bs-border-color);
15916
15794
  }
15917
-
15918
- .direct-chat-light {
15919
- --lte-direct-chat-color: #000;
15920
- --lte-direct-chat-bg: #f8f9fa;
15795
+ .table-accessible caption {
15796
+ padding: 0.75rem;
15797
+ font-weight: 600;
15798
+ color: var(--bs-secondary);
15799
+ text-align: left;
15800
+ caption-side: top;
15921
15801
  }
15922
15802
 
15923
- .direct-chat-dark {
15924
- --lte-direct-chat-color: #fff;
15925
- --lte-direct-chat-bg: #212529;
15803
+ /* Navigation Landmarks */
15804
+ nav[role=navigation]:not([aria-label]):not([aria-labelledby])::before {
15805
+ position: absolute;
15806
+ left: -10000px;
15807
+ content: "Navigation";
15926
15808
  }
15927
15809
 
15928
- .toast-primary {
15929
- --bs-toast-header-color: #fff;
15930
- --bs-toast-header-bg: #0d6efd;
15931
- --bs-toast-header-border-color: #0d6efd;
15932
- --bs-toast-border-color: #0d6efd;
15933
- --bs-toast-bg: var(--bs-primary-bg-subtle);
15810
+ /* Form Fieldset Styling */
15811
+ fieldset {
15812
+ padding: 1rem;
15813
+ margin-bottom: 1rem;
15814
+ border: 1px solid var(--bs-border-color);
15934
15815
  }
15935
- .toast-primary .btn-close {
15936
- --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15816
+ fieldset legend {
15817
+ padding: 0 0.5rem;
15818
+ margin-bottom: 0.5rem;
15819
+ font-size: 1.1em;
15820
+ font-weight: 600;
15937
15821
  }
15938
15822
 
15939
- .toast-secondary {
15940
- --bs-toast-header-color: #fff;
15941
- --bs-toast-header-bg: #6c757d;
15942
- --bs-toast-header-border-color: #6c757d;
15943
- --bs-toast-border-color: #6c757d;
15944
- --bs-toast-bg: var(--bs-secondary-bg-subtle);
15945
- }
15946
- .toast-secondary .btn-close {
15947
- --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15948
- }
15949
-
15950
- .toast-success {
15951
- --bs-toast-header-color: #fff;
15952
- --bs-toast-header-bg: #198754;
15953
- --bs-toast-header-border-color: #198754;
15954
- --bs-toast-border-color: #198754;
15955
- --bs-toast-bg: var(--bs-success-bg-subtle);
15956
- }
15957
- .toast-success .btn-close {
15958
- --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15959
- }
15960
-
15961
- .toast-info {
15962
- --bs-toast-header-color: #000;
15963
- --bs-toast-header-bg: #0dcaf0;
15964
- --bs-toast-header-border-color: #0dcaf0;
15965
- --bs-toast-border-color: #0dcaf0;
15966
- --bs-toast-bg: var(--bs-info-bg-subtle);
15967
- }
15968
-
15969
- .toast-warning {
15970
- --bs-toast-header-color: #000;
15971
- --bs-toast-header-bg: #ffc107;
15972
- --bs-toast-header-border-color: #ffc107;
15973
- --bs-toast-border-color: #ffc107;
15974
- --bs-toast-bg: var(--bs-warning-bg-subtle);
15975
- }
15976
-
15977
- .toast-danger {
15978
- --bs-toast-header-color: #fff;
15979
- --bs-toast-header-bg: #dc3545;
15980
- --bs-toast-header-border-color: #dc3545;
15981
- --bs-toast-border-color: #dc3545;
15982
- --bs-toast-bg: var(--bs-danger-bg-subtle);
15983
- }
15984
- .toast-danger .btn-close {
15985
- --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
15986
- }
15987
-
15988
- .toast-light {
15989
- --bs-toast-header-color: #000;
15990
- --bs-toast-header-bg: #f8f9fa;
15991
- --bs-toast-header-border-color: #f8f9fa;
15992
- --bs-toast-border-color: #f8f9fa;
15993
- --bs-toast-bg: var(--bs-light-bg-subtle);
15994
- }
15995
-
15996
- .toast-dark {
15997
- --bs-toast-header-color: #fff;
15998
- --bs-toast-header-bg: #212529;
15999
- --bs-toast-header-border-color: #212529;
16000
- --bs-toast-border-color: #212529;
16001
- --bs-toast-bg: var(--bs-dark-bg-subtle);
16002
- }
16003
- .toast-dark .btn-close {
16004
- --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
16005
- }
16006
-
16007
- [data-bs-theme=dark] .toast-info .btn-close {
16008
- --bs-btn-close-white-filter: none;
16009
- }
16010
- [data-bs-theme=dark] .toast-warning .btn-close {
16011
- --bs-btn-close-white-filter: none;
16012
- }
16013
- [data-bs-theme=dark] .toast-light .btn-close {
16014
- --bs-btn-close-white-filter: none;
16015
- }
16016
- .login-logo,
16017
- .register-logo {
16018
- margin-bottom: 0.9rem;
16019
- font-size: 2.1rem;
16020
- font-weight: 300;
16021
- text-align: center;
16022
- }
16023
- .login-logo a,
16024
- .register-logo a {
16025
- color: var(--bs-secondary-color);
16026
- text-decoration: none;
16027
- }
16028
-
16029
- .login-page,
16030
- .register-page {
16031
- display: flex;
16032
- flex-direction: column;
16033
- align-items: center;
16034
- justify-content: center;
16035
- min-height: 100vh;
16036
- }
16037
-
16038
- .login-box,
16039
- .register-box {
16040
- width: 400px;
16041
- }
16042
- @media (max-width: 576px) {
16043
- .login-box,
16044
- .register-box {
16045
- width: 90%;
16046
- margin-top: 0.5rem;
16047
- }
16048
- }
16049
- .login-box .card,
16050
- .register-box .card {
16051
- margin-bottom: 0;
16052
- }
16053
-
16054
- .login-card-body,
16055
- .register-card-body {
16056
- padding: 20px;
16057
- color: var(--bs-secondary-color);
16058
- background-color: var(--bs-body-bg);
16059
- border-top: 0;
16060
- }
16061
- .login-card-body .input-group .form-control:focus,
16062
- .register-card-body .input-group .form-control:focus {
16063
- box-shadow: none;
16064
- }
16065
- .login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
16066
- .login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
16067
- .register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
16068
- .register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
16069
- border-color: rgb(134, 182.5, 254);
16070
- }
16071
- .login-card-body .input-group .form-control.is-valid:focus,
16072
- .register-card-body .input-group .form-control.is-valid:focus {
16073
- box-shadow: none;
16074
- }
16075
- .login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
16076
- .login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
16077
- .register-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
16078
- .register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text {
16079
- border-color: #198754;
16080
- }
16081
- .login-card-body .input-group .form-control.is-invalid:focus,
16082
- .register-card-body .input-group .form-control.is-invalid:focus {
16083
- box-shadow: none;
16084
- }
16085
- .login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
16086
- .register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
16087
- border-color: #dc3545;
16088
- }
16089
- .login-card-body .input-group .input-group-text,
16090
- .register-card-body .input-group .input-group-text {
16091
- color: var(--bs-secondary-color);
16092
- background-color: transparent;
16093
- border-top-right-radius: 0.375rem;
16094
- border-bottom-right-radius: 0.375rem;
16095
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16096
- }
16097
- @media (prefers-reduced-motion: reduce) {
16098
- .login-card-body .input-group .input-group-text,
16099
- .register-card-body .input-group .input-group-text {
16100
- transition: none;
16101
- }
16102
- }
16103
-
16104
- .login-box-msg,
16105
- .register-box-msg {
16106
- padding: 0 20px 20px;
16107
- margin: 0;
16108
- text-align: center;
16109
- }
16110
-
16111
- .social-auth-links {
16112
- margin: 10px 0;
16113
- }
16114
-
16115
- .lockscreen .lockscreen-name {
16116
- font-weight: 600;
16117
- text-align: center;
16118
- }
16119
- .lockscreen .lockscreen-logo {
16120
- margin-bottom: 25px;
16121
- font-size: 35px;
16122
- font-weight: 300;
16123
- text-align: center;
16124
- }
16125
- .lockscreen .lockscreen-logo a {
16126
- color: var(--bs-emphasis-color);
16127
- text-decoration: none;
16128
- }
16129
- .lockscreen .lockscreen-wrapper {
16130
- max-width: 400px;
16131
- margin: 0 auto;
16132
- margin-top: 10%;
16133
- }
16134
- .lockscreen .lockscreen-item {
16135
- position: relative;
16136
- width: 290px;
16137
- padding: 0;
16138
- margin: 10px auto 30px;
16139
- background-color: var(--bs-body-bg);
16140
- border-radius: 4px;
16141
- }
16142
- .lockscreen .lockscreen-image {
16143
- position: absolute;
16144
- top: -25px;
16145
- left: -10px;
16146
- z-index: 10;
16147
- padding: 5px;
16148
- background-color: var(--bs-body-bg);
16149
- border-radius: 50%;
16150
- }
16151
- .lockscreen .lockscreen-image > img {
16152
- border-radius: 50%;
16153
- width: 70px;
16154
- height: 70px;
16155
- }
16156
- .lockscreen .lockscreen-credentials {
16157
- margin-left: 70px;
16158
- }
16159
- .lockscreen .lockscreen-credentials .form-control {
16160
- border: 0;
16161
- }
16162
- .lockscreen .lockscreen-credentials .btn {
16163
- padding: 0 10px;
16164
- border: 0;
16165
- }
16166
- .lockscreen .lockscreen-footer {
16167
- margin-top: 10px;
16168
- }
16169
-
16170
- .img-size-64,
16171
- .img-size-50,
16172
- .img-size-32 {
16173
- height: auto;
16174
- }
16175
-
16176
- .img-size-64 {
16177
- width: 64px;
16178
- }
16179
-
16180
- .img-size-50 {
16181
- width: 50px;
16182
- }
16183
-
16184
- .img-size-32 {
16185
- width: 32px;
16186
- }
16187
-
16188
- /* ==========================================================================
16189
- AdminLTE Accessibility Styles - WCAG 2.1 AA Compliance
16190
- ========================================================================== */
16191
- /* Skip Links - WCAG 2.4.1: Bypass Blocks */
16192
- .skip-link {
16193
- position: absolute;
16194
- top: -40px;
16195
- left: 6px;
16196
- z-index: 999999;
16197
- padding: 8px 16px;
16198
- font-weight: 600;
16199
- color: var(--bs-white);
16200
- text-decoration: none;
16201
- background: var(--bs-primary);
16202
- }
16203
- .skip-link:focus {
16204
- top: 0;
16205
- outline: 3px solid var(--bs-warning);
16206
- outline-offset: 2px;
16207
- }
16208
- .skip-link:hover {
16209
- color: var(--bs-white);
16210
- text-decoration: none;
16211
- background: var(--bs-primary-emphasis);
16212
- }
16213
-
16214
- /* Enhanced Focus Indicators - WCAG 2.4.7: Focus Visible */
16215
- .focus-enhanced:focus {
16216
- outline: 3px solid var(--bs-focus-ring-color, #0d6efd);
16217
- outline-offset: 2px;
16218
- box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
16219
- }
16220
-
16221
- /* High Contrast Mode Support */
16222
- @media (prefers-contrast: high) {
16223
- .card {
16224
- border: 2px solid;
16225
- }
16226
- .btn {
16227
- border-width: 2px;
16228
- }
16229
- .nav-link {
16230
- border: 1px solid transparent;
16231
- }
16232
- .nav-link:hover, .nav-link:focus {
16233
- border-color: currentcolor;
16234
- }
16235
- }
16236
- /* Reduced Motion Support - WCAG 2.3.3: Animation from Interactions */
16237
- @media (prefers-reduced-motion: reduce) {
16238
- *,
16239
- *::before,
16240
- *::after {
16241
- transition-duration: 0.01ms !important;
16242
- animation-duration: 0.01ms !important;
16243
- animation-iteration-count: 1 !important;
16244
- scroll-behavior: auto !important;
16245
- }
16246
- .fade {
16247
- opacity: 1 !important;
16248
- /* stylelint-disable-next-line property-disallowed-list */
16249
- transition: none !important;
16250
- }
16251
- .collapse {
16252
- /* stylelint-disable-next-line property-disallowed-list */
16253
- transition: none !important;
16254
- }
16255
- .modal.fade .modal-dialog {
16256
- transform: none !important;
16257
- }
16258
- }
16259
- /* Screen Reader Only Content */
16260
- .sr-only {
16261
- position: absolute !important;
16262
- width: 1px !important;
16263
- height: 1px !important;
16264
- padding: 0 !important;
16265
- margin: -1px !important;
16266
- overflow: hidden !important;
16267
- clip: rect(0, 0, 0, 0) !important;
16268
- white-space: nowrap !important;
16269
- border: 0 !important;
16270
- }
16271
-
16272
- .sr-only-focusable:focus {
16273
- position: static !important;
16274
- width: auto !important;
16275
- height: auto !important;
16276
- padding: inherit !important;
16277
- margin: inherit !important;
16278
- overflow: visible !important;
16279
- clip: auto !important;
16280
- white-space: normal !important;
16281
- }
16282
-
16283
- /* Focus Trap Utilities */
16284
- .focus-trap:focus {
16285
- box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
16286
- }
16287
-
16288
- /* Accessible Color Combinations - WCAG 1.4.3: Contrast (Minimum) */
16289
- .text-accessible-primary {
16290
- color: #003d82; /* 4.5:1 contrast on white */
16291
- }
16292
-
16293
- .text-accessible-success {
16294
- color: #0f5132; /* 4.5:1 contrast on white */
16295
- }
16296
-
16297
- .text-accessible-danger {
16298
- color: #842029; /* 4.5:1 contrast on white */
16299
- }
16300
-
16301
- .text-accessible-warning {
16302
- color: #664d03; /* 4.5:1 contrast on white */
16303
- }
16304
-
16305
- /* ARIA Live Regions */
16306
- .live-region {
16307
- position: absolute;
16308
- left: -10000px;
16309
- width: 1px;
16310
- height: 1px;
16311
- overflow: hidden;
16312
- }
16313
- .live-region.live-region-visible {
16314
- position: static;
16315
- left: auto;
16316
- width: auto;
16317
- height: auto;
16318
- overflow: visible;
16319
- }
16320
-
16321
- /* Enhanced Error States - WCAG 3.3.1: Error Identification */
16322
- .form-control.is-invalid {
16323
- border-color: var(--bs-danger);
16324
- }
16325
- .form-control.is-invalid:focus {
16326
- border-color: var(--bs-danger);
16327
- box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
16328
- }
16329
-
16330
- .invalid-feedback[role=alert] {
16331
- font-weight: 600;
16332
- }
16333
-
16334
- /* Target Size - WCAG 2.5.8: Target Size (Minimum) */
16335
- .touch-target {
16336
- min-width: 44px;
16337
- min-height: 44px;
16338
- }
16339
- .touch-target.touch-target-small {
16340
- min-width: 24px;
16341
- min-height: 24px;
16342
- }
16343
-
16344
- /* Table Accessibility */
16345
- .table-accessible th {
16346
- font-weight: 600;
16347
- background-color: var(--bs-secondary-bg);
16348
- }
16349
- .table-accessible th[scope=col] {
16350
- border-bottom: 2px solid var(--bs-border-color);
16351
- }
16352
- .table-accessible th[scope=row] {
16353
- border-right: 2px solid var(--bs-border-color);
16354
- }
16355
- .table-accessible caption {
16356
- padding: 0.75rem;
16357
- font-weight: 600;
16358
- color: var(--bs-secondary);
16359
- text-align: left;
16360
- caption-side: top;
16361
- }
16362
-
16363
- /* Navigation Landmarks */
16364
- nav[role=navigation]:not([aria-label]):not([aria-labelledby])::before {
16365
- position: absolute;
16366
- left: -10000px;
16367
- content: "Navigation";
16368
- }
16369
-
16370
- /* Form Fieldset Styling */
16371
- fieldset {
16372
- padding: 1rem;
16373
- margin-bottom: 1rem;
16374
- border: 1px solid var(--bs-border-color);
16375
- }
16376
- fieldset legend {
16377
- padding: 0 0.5rem;
16378
- margin-bottom: 0.5rem;
16379
- font-size: 1.1em;
16380
- font-weight: 600;
16381
- }
16382
-
16383
- /* Loading States */
16384
- .loading[aria-busy=true] {
16385
- position: relative;
16386
- pointer-events: none;
16387
- }
16388
- .loading[aria-busy=true]::after {
16389
- position: absolute;
16390
- top: 50%;
16391
- left: 50%;
16392
- width: 20px;
16393
- height: 20px;
16394
- margin-top: -10px;
16395
- margin-left: -10px;
16396
- content: "";
16397
- border: 2px solid var(--bs-primary);
16398
- border-top-color: transparent;
16399
- animation: spin 1s linear infinite;
16400
- }
16401
- @media (prefers-reduced-motion: reduce) {
16402
- .loading[aria-busy=true]::after {
16403
- border-top-color: var(--bs-primary);
16404
- animation: none;
16405
- }
16406
- }
16407
-
16408
- @keyframes spin {
16409
- to {
16410
- transform: rotate(360deg);
16411
- }
16412
- }
16413
- /* Dark Mode Accessibility */
16414
- [data-bs-theme=dark] .text-accessible-primary {
16415
- color: #6ea8fe;
16416
- }
16417
- [data-bs-theme=dark] .text-accessible-success {
16418
- color: #75b798;
16419
- }
16420
- [data-bs-theme=dark] .text-accessible-danger {
16421
- color: #f1aeb5;
16422
- }
16423
- [data-bs-theme=dark] .text-accessible-warning {
16424
- color: #ffda6a;
16425
- }
16426
-
16427
- /* Print Accessibility */
16428
- @media print {
16429
- .skip-link,
16430
- .btn,
16431
- .nav-link {
16432
- color: #000 !important;
16433
- background: transparent !important;
16434
- border: 1px solid #000 !important;
16435
- }
16436
- a[href^=http]::after {
16437
- font-size: 0.8em;
16438
- content: " (" attr(href) ")";
16439
- }
16440
- /* Print Layout Fix - Ensure sidebar and main content are both visible */
16441
- .app-wrapper {
16442
- display: grid !important;
16443
- grid-template-rows: auto 1fr auto !important;
16444
- grid-template-columns: auto 1fr !important;
16445
- }
16446
- .sidebar-overlay {
16447
- display: none !important;
16448
- }
16449
- .app-sidebar {
16450
- position: static !important;
16451
- display: block !important;
16452
- min-width: 200px !important;
16453
- max-width: 200px !important;
16454
- max-height: none !important;
16455
- margin-left: 0 !important;
16456
- overflow: visible !important;
16457
- }
16458
- .sidebar-wrapper {
16459
- height: auto !important;
16460
- overflow: visible !important;
16461
- }
16462
- .app-header {
16463
- position: static !important;
16464
- }
16465
- .app-main {
16466
- width: auto !important;
16467
- max-width: 100% !important;
16468
- overflow: visible !important;
16469
- }
16470
- .app-content {
16471
- overflow: visible !important;
16472
- }
16473
- .app-footer {
16474
- position: static !important;
16475
- }
16476
- }
16477
- .astro-code {
16478
- padding: 0.75rem;
16479
- border-radius: 0.375rem;
16480
- }
16481
-
16482
- .docs-page .app-content > .container-fluid, .docs-page .app-content > .container-sm, .docs-page .app-content > .container-md, .docs-page .app-content > .container-lg, .docs-page .app-content > .container-xl, .docs-page .app-content > .container-xxl {
16483
- max-width: 60rem;
16484
- }
16485
- @media (min-width: 1400px) {
16486
- .docs-page .app-content > .container-fluid, .docs-page .app-content > .container-sm, .docs-page .app-content > .container-md, .docs-page .app-content > .container-lg, .docs-page .app-content > .container-xl, .docs-page .app-content > .container-xxl {
16487
- max-width: 64rem;
16488
- }
16489
- }
16490
- .docs-page .card > .card-body {
16491
- padding: 1.5rem;
16492
- font-size: 1rem;
16493
- line-height: 1.7;
16494
- color: var(--bs-body-color);
16495
- }
16496
- @media (min-width: 768px) {
16497
- .docs-page .card > .card-body {
16498
- padding: 2.5rem;
16499
- }
16500
- }
16501
- .docs-page .card > .card-body h1,
16502
- .docs-page .card > .card-body h2,
16503
- .docs-page .card > .card-body h3,
16504
- .docs-page .card > .card-body h4,
16505
- .docs-page .card > .card-body h5,
16506
- .docs-page .card > .card-body h6,
16507
- .docs-page .card > .card-body .h1,
16508
- .docs-page .card > .card-body .h2,
16509
- .docs-page .card > .card-body .h3,
16510
- .docs-page .card > .card-body .h4,
16511
- .docs-page .card > .card-body .h5,
16512
- .docs-page .card > .card-body .h6 {
16513
- margin-top: 2em;
16514
- margin-bottom: 0.5em;
16515
- font-weight: 600;
16516
- line-height: 1.3;
16517
- color: var(--bs-emphasis-color);
16518
- scroll-margin-top: 4rem;
16519
- }
16520
- .docs-page .card > .card-body h1:first-child,
16521
- .docs-page .card > .card-body h2:first-child,
16522
- .docs-page .card > .card-body h3:first-child,
16523
- .docs-page .card > .card-body h4:first-child,
16524
- .docs-page .card > .card-body h5:first-child,
16525
- .docs-page .card > .card-body h6:first-child,
16526
- .docs-page .card > .card-body .h1:first-child,
16527
- .docs-page .card > .card-body .h2:first-child,
16528
- .docs-page .card > .card-body .h3:first-child,
16529
- .docs-page .card > .card-body .h4:first-child,
16530
- .docs-page .card > .card-body .h5:first-child,
16531
- .docs-page .card > .card-body .h6:first-child {
16532
- margin-top: 0;
16533
- }
16534
- .docs-page .card > .card-body h2,
16535
- .docs-page .card > .card-body .h2 {
16536
- padding-bottom: 0.35em;
16537
- font-size: 1.75rem;
16538
- border-bottom: 1px solid var(--bs-border-color);
16539
- }
16540
- .docs-page .card > .card-body h3,
16541
- .docs-page .card > .card-body .h3 {
16542
- font-size: 1.4rem;
16543
- }
16544
- .docs-page .card > .card-body h4,
16545
- .docs-page .card > .card-body .h4 {
16546
- font-size: 1.2rem;
16547
- }
16548
- .docs-page .card > .card-body h5,
16549
- .docs-page .card > .card-body .h5 {
16550
- padding-top: 1.5em;
16551
- margin-top: 2.5em;
16552
- font-size: 1.3rem;
16553
- border-top: 1px solid var(--bs-border-color);
16554
- }
16555
- .docs-page .card > .card-body h5:first-child,
16556
- .docs-page .card > .card-body .h5:first-child {
16557
- padding-top: 0;
16558
- border-top: 0;
16559
- }
16560
- .docs-page .card > .card-body h6,
16561
- .docs-page .card > .card-body .h6 {
16562
- margin-top: 1.75em;
16563
- font-size: 1.08rem;
16564
- color: var(--bs-emphasis-color);
16565
- }
16566
- .docs-page .card > .card-body p,
16567
- .docs-page .card > .card-body ul,
16568
- .docs-page .card > .card-body ol,
16569
- .docs-page .card > .card-body dl,
16570
- .docs-page .card > .card-body blockquote,
16571
- .docs-page .card > .card-body table {
16572
- margin-bottom: 1.1rem;
16573
- }
16574
- .docs-page .card > .card-body ul,
16575
- .docs-page .card > .card-body ol {
16576
- padding-left: 1.5rem;
16577
- }
16578
- .docs-page .card > .card-body ul li,
16579
- .docs-page .card > .card-body ol li {
16580
- margin-bottom: 0.35rem;
16581
- }
16582
- .docs-page .card > .card-body ul ul,
16583
- .docs-page .card > .card-body ul ol,
16584
- .docs-page .card > .card-body ol ul,
16585
- .docs-page .card > .card-body ol ol {
16586
- margin-top: 0.35rem;
16587
- margin-bottom: 0;
16588
- }
16589
- .docs-page .card > .card-body h2 + p, .docs-page .card > .card-body .h2 + p,
16590
- .docs-page .card > .card-body h3 + p,
16591
- .docs-page .card > .card-body .h3 + p,
16592
- .docs-page .card > .card-body h5 + p,
16593
- .docs-page .card > .card-body .h5 + p {
16594
- margin-top: 0;
16595
- }
16596
- .docs-page .card > .card-body p code,
16597
- .docs-page .card > .card-body li code,
16598
- .docs-page .card > .card-body td code,
16599
- .docs-page .card > .card-body th code,
16600
- .docs-page .card > .card-body h2 code,
16601
- .docs-page .card > .card-body .h2 code,
16602
- .docs-page .card > .card-body h3 code,
16603
- .docs-page .card > .card-body .h3 code,
16604
- .docs-page .card > .card-body h4 code,
16605
- .docs-page .card > .card-body .h4 code,
16606
- .docs-page .card > .card-body h5 code,
16607
- .docs-page .card > .card-body .h5 code,
16608
- .docs-page .card > .card-body h6 code,
16609
- .docs-page .card > .card-body .h6 code {
16610
- padding: 0.15em 0.4em;
16611
- font-size: 0.875em;
16612
- color: var(--bs-emphasis-color);
16613
- background: var(--bs-tertiary-bg);
16614
- border: 1px solid var(--bs-border-color);
16615
- border-radius: 0.25rem;
16616
- }
16617
- .docs-page .card > .card-body pre.astro-code,
16618
- .docs-page .card > .card-body pre {
16619
- padding: 1rem 1.25rem;
16620
- margin-top: 1.25rem;
16621
- margin-bottom: 1.5rem;
16622
- overflow-x: auto;
16623
- font-size: 0.875rem;
16624
- line-height: 1.6;
16625
- border-radius: 0.375rem;
16626
- }
16627
- .docs-page .card > .card-body pre.astro-code code,
16628
- .docs-page .card > .card-body pre code {
16629
- padding: 0;
16630
- background: transparent;
16631
- border: 0;
16632
- }
16633
- .docs-page .card > .card-body table {
16634
- width: 100%;
16635
- margin-top: 1.25rem;
16636
- margin-bottom: 1.5rem;
16637
- overflow: hidden;
16638
- font-size: 0.95rem;
16639
- border-collapse: collapse;
16640
- border: 1px solid var(--bs-border-color);
16641
- border-radius: 0.25rem;
16642
- }
16643
- .docs-page .card > .card-body table th,
16644
- .docs-page .card > .card-body table td {
16645
- padding: 0.65rem 0.9rem;
16646
- text-align: left;
16647
- vertical-align: top;
16648
- border-bottom: 1px solid var(--bs-border-color);
16649
- }
16650
- .docs-page .card > .card-body table th {
16651
- font-weight: 600;
16652
- color: var(--bs-emphasis-color);
16653
- background: var(--bs-tertiary-bg);
16654
- }
16655
- .docs-page .card > .card-body table tr:last-child td {
16656
- border-bottom: 0;
16657
- }
16658
- .docs-page .card > .card-body table code {
16659
- white-space: nowrap;
16660
- }
16661
- .docs-page .card > .card-body blockquote {
16662
- padding: 0.85rem 1.1rem;
16663
- margin-top: 1.25rem;
16664
- color: var(--bs-emphasis-color);
16665
- background: var(--bs-info-bg-subtle);
16666
- border-left: 4px solid var(--bs-info-border-subtle);
16667
- border-radius: 0.25rem;
16668
- }
16669
- .docs-page .card > .card-body blockquote p:last-child {
16670
- margin-bottom: 0;
16671
- }
16672
- .docs-page .card > .card-body blockquote code {
16673
- background: rgba(0, 0, 0, 0.05);
16674
- }
16675
- .docs-page .card > .card-body a:not(.btn):not(.nav-link) {
16676
- color: var(--bs-primary);
16677
- text-decoration: underline;
16678
- text-decoration-thickness: 1px;
16679
- text-underline-offset: 3px;
16680
- }
16681
- .docs-page .card > .card-body a:not(.btn):not(.nav-link):hover {
16682
- text-decoration-thickness: 2px;
16683
- }
16684
- .docs-page .card > .card-body hr {
16685
- margin: 2.5rem 0;
16686
- border: 0;
16687
- border-top: 1px solid var(--bs-border-color);
16688
- opacity: 1;
16689
- }
16690
- .docs-page .card > .card-body > p:first-child,
16691
- .docs-page .card > .card-body > p:first-of-type {
16692
- margin-bottom: 2rem;
16693
- font-size: 1.125rem;
16694
- line-height: 1.6;
16695
- color: var(--bs-body-color);
16696
- }
16697
- .docs-page .card > .card-body details.faq-item {
16698
- margin-bottom: 0.5rem;
16699
- overflow: hidden;
16700
- background: var(--bs-body-bg);
16701
- border: 1px solid var(--bs-border-color);
16702
- border-radius: 0.375rem;
16703
- transition: border-color 0.15s ease, box-shadow 0.15s ease;
16704
- }
16705
- @media (prefers-reduced-motion: reduce) {
16706
- .docs-page .card > .card-body details.faq-item {
16707
- transition: none;
16708
- }
16709
- }
16710
- .docs-page .card > .card-body details.faq-item:hover {
16711
- border-color: var(--bs-primary-border-subtle);
16712
- }
16713
- .docs-page .card > .card-body details.faq-item[open] {
16714
- background: var(--bs-body-bg);
16715
- border-color: var(--bs-primary-border-subtle);
16716
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
16717
- }
16718
- .docs-page .card > .card-body details.faq-item summary {
16719
- position: relative;
16720
- padding: 0.9rem 3rem 0.9rem 1.1rem;
16721
- font-size: 1rem;
16722
- font-weight: 600;
16723
- color: var(--bs-emphasis-color);
16724
- list-style: none;
16725
- cursor: pointer;
16726
- -webkit-user-select: none;
16727
- user-select: none;
16728
- transition: color 0.15s ease;
16729
- }
16730
- @media (prefers-reduced-motion: reduce) {
16731
- .docs-page .card > .card-body details.faq-item summary {
16732
- transition: none;
16733
- }
16734
- }
16735
- .docs-page .card > .card-body details.faq-item summary::-webkit-details-marker {
16736
- display: none;
16737
- }
16738
- .docs-page .card > .card-body details.faq-item summary::marker {
16739
- content: "";
16740
- }
16741
- .docs-page .card > .card-body details.faq-item summary:hover {
16742
- color: var(--bs-primary);
16743
- }
16744
- .docs-page .card > .card-body details.faq-item summary::after {
16745
- position: absolute;
16746
- top: 50%;
16747
- right: 1.1rem;
16748
- display: inline-block;
16749
- width: 0.55rem;
16750
- height: 0.55rem;
16751
- margin-top: -0.4rem;
16752
- content: "";
16753
- border-right: 2px solid currentcolor;
16754
- border-bottom: 2px solid currentcolor;
16755
- opacity: 0.55;
16756
- transform: rotate(45deg);
16757
- transition: transform 0.2s ease;
16758
- }
16759
- @media (prefers-reduced-motion: reduce) {
16760
- .docs-page .card > .card-body details.faq-item summary::after {
16761
- transition: none;
16762
- }
16763
- }
16764
- .docs-page .card > .card-body details.faq-item[open] > summary {
16765
- color: var(--bs-primary);
16766
- border-bottom: 1px solid var(--bs-border-color);
16767
- }
16768
- .docs-page .card > .card-body details.faq-item[open] > summary::after {
16769
- margin-top: -0.15rem;
16770
- opacity: 1;
16771
- transform: rotate(-135deg);
16772
- }
16773
- .docs-page .card > .card-body details.faq-item > *:not(summary) {
16774
- padding-right: 1.1rem;
16775
- padding-left: 1.1rem;
16776
- }
16777
- .docs-page .card > .card-body details.faq-item > *:not(summary):first-of-type {
16778
- padding-top: 1rem;
16779
- }
16780
- .docs-page .card > .card-body details.faq-item > *:not(summary):last-child {
16781
- padding-bottom: 1rem;
16782
- }
16783
- .docs-page .card > .card-body details.faq-item p,
16784
- .docs-page .card > .card-body details.faq-item ul,
16785
- .docs-page .card > .card-body details.faq-item ol {
16786
- margin-bottom: 0.65rem;
16787
- }
16788
- .docs-page .card > .card-body details.faq-item > *:last-child p:last-child,
16789
- .docs-page .card > .card-body details.faq-item > p:last-child,
16790
- .docs-page .card > .card-body details.faq-item > ul:last-child,
16791
- .docs-page .card > .card-body details.faq-item > ol:last-child {
16792
- margin-bottom: 0;
16793
- }
16794
- .docs-page .card > .card-body details.faq-item pre.astro-code,
16795
- .docs-page .card > .card-body details.faq-item pre {
16796
- margin-right: 0;
16797
- margin-left: 0;
16798
- }
16799
- .docs-page[data-bs-theme=dark] .card > .card-body blockquote code, [data-bs-theme=dark] .docs-page .card > .card-body blockquote code {
16800
- background: rgba(255, 255, 255, 0.08);
16801
- }
16802
-
16803
- .faq-page .app-content > .container-fluid, .faq-page .app-content > .container-sm, .faq-page .app-content > .container-md, .faq-page .app-content > .container-lg, .faq-page .app-content > .container-xl, .faq-page .app-content > .container-xxl {
16804
- max-width: 64rem;
16805
- }
16806
- @media (min-width: 1400px) {
16807
- .faq-page .app-content > .container-fluid, .faq-page .app-content > .container-sm, .faq-page .app-content > .container-md, .faq-page .app-content > .container-lg, .faq-page .app-content > .container-xl, .faq-page .app-content > .container-xxl {
16808
- max-width: 72rem;
16809
- }
16810
- }
16811
- .faq-page .faq-hero {
16812
- position: relative;
16813
- padding: 3rem 1.5rem 2.5rem;
16814
- margin-top: 1rem;
16815
- overflow: hidden;
16816
- background: radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.12), transparent 60%), radial-gradient(ellipse at bottom right, rgba(var(--bs-info-rgb), 0.1), transparent 65%), var(--bs-body-bg);
16817
- border: 1px solid var(--bs-border-color);
16818
- border-radius: 1rem;
16819
- }
16820
- .faq-page .faq-hero-eyebrow {
16821
- display: inline-flex;
16822
- gap: 0.4rem;
16823
- align-items: center;
16824
- padding: 0.35rem 0.85rem;
16825
- margin-bottom: 1rem;
16826
- font-size: 0.75rem;
16827
- font-weight: 600;
16828
- color: var(--bs-primary);
16829
- text-transform: uppercase;
16830
- letter-spacing: 0.08em;
16831
- background: var(--bs-primary-bg-subtle);
16832
- border: 1px solid var(--bs-primary-border-subtle);
16833
- border-radius: 50rem;
16834
- }
16835
- .faq-page .faq-hero-eyebrow .bi {
16836
- font-size: 0.9rem;
16837
- }
16838
- .faq-page .faq-hero-title {
16839
- margin: 0 0 0.5rem;
16840
- font-size: 2.25rem;
16841
- font-weight: 700;
16842
- line-height: 1.15;
16843
- color: var(--bs-emphasis-color);
16844
- }
16845
- @media (min-width: 768px) {
16846
- .faq-page .faq-hero-title {
16847
- font-size: 2.75rem;
16848
- }
16849
- }
16850
- .faq-page .faq-hero-lead {
16851
- max-width: 36rem;
16852
- margin: 0 auto 1.75rem;
16853
- font-size: 1.05rem;
16854
- line-height: 1.55;
16855
- color: var(--bs-secondary-color);
16856
- }
16857
- .faq-page .faq-search {
15823
+ /* Loading States */
15824
+ .loading[aria-busy=true] {
16858
15825
  position: relative;
16859
- max-width: 32rem;
16860
- margin: 0 auto;
16861
- }
16862
- .faq-page .faq-search .form-control {
16863
- height: 3rem;
16864
- padding-right: 3rem;
16865
- padding-left: 3rem;
16866
- font-size: 1rem;
16867
- background: var(--bs-body-bg);
16868
- border-radius: 50rem;
16869
- transition: box-shadow 0.15s ease, border-color 0.15s ease;
16870
- }
16871
- @media (prefers-reduced-motion: reduce) {
16872
- .faq-page .faq-search .form-control {
16873
- transition: none;
16874
- }
16875
- }
16876
- .faq-page .faq-search .form-control:focus {
16877
- box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.15);
16878
- }
16879
- .faq-page .faq-search-icon {
16880
- position: absolute;
16881
- top: 50%;
16882
- left: 1.2rem;
16883
- color: var(--bs-secondary-color);
16884
15826
  pointer-events: none;
16885
- transform: translateY(-50%);
16886
15827
  }
16887
- .faq-page .faq-search-clear {
15828
+ .loading[aria-busy=true]::after {
16888
15829
  position: absolute;
16889
15830
  top: 50%;
16890
- right: 0.65rem;
16891
- display: inline-flex;
16892
- align-items: center;
16893
- justify-content: center;
16894
- width: 2rem;
16895
- height: 2rem;
16896
- padding: 0;
16897
- color: var(--bs-secondary-color);
16898
- background: var(--bs-tertiary-bg);
16899
- border: 0;
16900
- transform: translateY(-50%);
16901
- border-radius: 50%;
16902
- transition: background 0.15s ease, color 0.15s ease;
15831
+ left: 50%;
15832
+ width: 20px;
15833
+ height: 20px;
15834
+ margin-top: -10px;
15835
+ margin-left: -10px;
15836
+ content: "";
15837
+ border: 2px solid var(--bs-primary);
15838
+ border-top-color: transparent;
15839
+ animation: spin 1s linear infinite;
16903
15840
  }
16904
15841
  @media (prefers-reduced-motion: reduce) {
16905
- .faq-page .faq-search-clear {
16906
- transition: none;
15842
+ .loading[aria-busy=true]::after {
15843
+ border-top-color: var(--bs-primary);
15844
+ animation: none;
16907
15845
  }
16908
15846
  }
16909
- .faq-page .faq-search-clear:hover {
16910
- color: var(--bs-body-color);
16911
- background: var(--bs-secondary-bg);
16912
- }
16913
- .faq-page .faq-empty-state {
16914
- max-width: 32rem;
16915
- padding: 1rem;
16916
- margin: 1.5rem auto 0;
16917
- font-size: 0.95rem;
16918
- color: var(--bs-secondary-color);
16919
- background: var(--bs-tertiary-bg);
16920
- border-radius: 0.375rem;
16921
- }
16922
- .faq-page .faq-empty-state .bi {
16923
- margin-right: 0.35rem;
16924
- }
16925
- .faq-page .faq-chips {
16926
- display: flex;
16927
- flex-wrap: wrap;
16928
- gap: 0.5rem;
16929
- justify-content: center;
16930
- }
16931
- .faq-page .faq-chip {
16932
- display: inline-flex;
16933
- gap: 0.45rem;
16934
- align-items: center;
16935
- padding: 0.45rem 0.85rem;
16936
- font-size: 0.875rem;
16937
- font-weight: 500;
16938
- color: var(--bs-body-color);
16939
- text-decoration: none;
16940
- background: var(--bs-body-bg);
16941
- border: 1px solid var(--bs-border-color);
16942
- border-radius: 50rem;
16943
- transition: transform 0.15s ease, border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
16944
- }
16945
- @media (prefers-reduced-motion: reduce) {
16946
- .faq-page .faq-chip {
16947
- transition: none;
15847
+
15848
+ @keyframes spin {
15849
+ to {
15850
+ transform: rotate(360deg);
16948
15851
  }
16949
15852
  }
16950
- .faq-page .faq-chip:hover {
16951
- color: var(--bs-emphasis-color);
16952
- background: var(--bs-tertiary-bg);
16953
- transform: translateY(-1px);
16954
- }
16955
- .faq-page .faq-chip .bi {
16956
- font-size: 1rem;
16957
- }
16958
- .faq-page .faq-chip-count {
16959
- padding: 0 0.45rem;
16960
- font-size: 0.7rem;
16961
- font-weight: 600;
16962
- color: var(--bs-secondary-color);
16963
- background: var(--bs-tertiary-bg);
16964
- border-radius: 50rem;
16965
- }
16966
- .faq-page .faq-chip-primary:hover {
16967
- color: var(--bs-primary-text-emphasis);
16968
- background: var(--bs-primary-bg-subtle);
16969
- border-color: var(--bs-primary-border-subtle);
16970
- }
16971
- .faq-page .faq-chip-primary:hover .faq-chip-count {
16972
- color: var(--bs-primary-text-emphasis);
16973
- background: rgba(0, 0, 0, 0.06);
16974
- }
16975
- .faq-page .faq-chip-info:hover {
16976
- color: var(--bs-info-text-emphasis);
16977
- background: var(--bs-info-bg-subtle);
16978
- border-color: var(--bs-info-border-subtle);
16979
- }
16980
- .faq-page .faq-chip-info:hover .faq-chip-count {
16981
- color: var(--bs-info-text-emphasis);
16982
- background: rgba(0, 0, 0, 0.06);
16983
- }
16984
- .faq-page .faq-chip-warning:hover {
16985
- color: var(--bs-warning-text-emphasis);
16986
- background: var(--bs-warning-bg-subtle);
16987
- border-color: var(--bs-warning-border-subtle);
16988
- }
16989
- .faq-page .faq-chip-warning:hover .faq-chip-count {
16990
- color: var(--bs-warning-text-emphasis);
16991
- background: rgba(0, 0, 0, 0.06);
16992
- }
16993
- .faq-page .faq-chip-success:hover {
16994
- color: var(--bs-success-text-emphasis);
16995
- background: var(--bs-success-bg-subtle);
16996
- border-color: var(--bs-success-border-subtle);
16997
- }
16998
- .faq-page .faq-chip-success:hover .faq-chip-count {
16999
- color: var(--bs-success-text-emphasis);
17000
- background: rgba(0, 0, 0, 0.06);
17001
- }
17002
- .faq-page .faq-chip-danger:hover {
17003
- color: var(--bs-danger-text-emphasis);
17004
- background: var(--bs-danger-bg-subtle);
17005
- border-color: var(--bs-danger-border-subtle);
17006
- }
17007
- .faq-page .faq-chip-danger:hover .faq-chip-count {
17008
- color: var(--bs-danger-text-emphasis);
17009
- background: rgba(0, 0, 0, 0.06);
17010
- }
17011
- .faq-page .faq-chip-secondary:hover {
17012
- color: var(--bs-secondary-text-emphasis);
17013
- background: var(--bs-secondary-bg-subtle);
17014
- border-color: var(--bs-secondary-border-subtle);
17015
- }
17016
- .faq-page .faq-chip-secondary:hover .faq-chip-count {
17017
- color: var(--bs-secondary-text-emphasis);
17018
- background: rgba(0, 0, 0, 0.06);
17019
- }
17020
- .faq-page .faq-section {
17021
- margin-bottom: 2.5rem;
17022
- scroll-margin-top: 5rem;
17023
- }
17024
- .faq-page .faq-section-header {
17025
- display: flex;
17026
- gap: 1rem;
17027
- align-items: center;
17028
- padding: 1rem 1.25rem;
17029
- margin-bottom: 1rem;
17030
- background: var(--bs-body-bg);
17031
- border: 1px solid var(--bs-border-color);
17032
- border-left: 4px solid var(--bs-primary);
17033
- border-radius: 0.375rem;
17034
- }
17035
- .faq-page .faq-section-icon {
17036
- display: inline-flex;
17037
- flex-shrink: 0;
17038
- align-items: center;
17039
- justify-content: center;
17040
- width: 2.75rem;
17041
- height: 2.75rem;
17042
- font-size: 1.35rem;
17043
- color: var(--bs-primary);
17044
- background: var(--bs-primary-bg-subtle);
17045
- border-radius: 0.375rem;
17046
- }
17047
- .faq-page .faq-section-title {
17048
- margin: 0;
17049
- font-size: 1.4rem;
17050
- font-weight: 600;
17051
- line-height: 1.2;
17052
- color: var(--bs-emphasis-color);
17053
- }
17054
- .faq-page .faq-section-count {
17055
- margin: 0.1rem 0 0;
17056
- font-size: 0.8rem;
17057
- color: var(--bs-secondary-color);
17058
- }
17059
- .faq-page .faq-section-primary {
17060
- border-left-color: var(--bs-primary);
17061
- }
17062
- .faq-page .faq-section-primary .faq-section-icon {
17063
- color: var(--bs-primary-text-emphasis);
17064
- background: var(--bs-primary-bg-subtle);
17065
- }
17066
- .faq-page .faq-section-info {
17067
- border-left-color: var(--bs-info);
17068
- }
17069
- .faq-page .faq-section-info .faq-section-icon {
17070
- color: var(--bs-info-text-emphasis);
17071
- background: var(--bs-info-bg-subtle);
17072
- }
17073
- .faq-page .faq-section-warning {
17074
- border-left-color: var(--bs-warning);
17075
- }
17076
- .faq-page .faq-section-warning .faq-section-icon {
17077
- color: var(--bs-warning-text-emphasis);
17078
- background: var(--bs-warning-bg-subtle);
17079
- }
17080
- .faq-page .faq-section-success {
17081
- border-left-color: var(--bs-success);
17082
- }
17083
- .faq-page .faq-section-success .faq-section-icon {
17084
- color: var(--bs-success-text-emphasis);
17085
- background: var(--bs-success-bg-subtle);
17086
- }
17087
- .faq-page .faq-section-danger {
17088
- border-left-color: var(--bs-danger);
17089
- }
17090
- .faq-page .faq-section-danger .faq-section-icon {
17091
- color: var(--bs-danger-text-emphasis);
17092
- background: var(--bs-danger-bg-subtle);
15853
+ /* Dark Mode Accessibility */
15854
+ [data-bs-theme=dark] .text-accessible-primary {
15855
+ color: #6ea8fe;
17093
15856
  }
17094
- .faq-page .faq-section-secondary {
17095
- border-left-color: var(--bs-secondary);
15857
+ [data-bs-theme=dark] .text-accessible-success {
15858
+ color: #75b798;
17096
15859
  }
17097
- .faq-page .faq-section-secondary .faq-section-icon {
17098
- color: var(--bs-secondary-text-emphasis);
17099
- background: var(--bs-secondary-bg-subtle);
15860
+ [data-bs-theme=dark] .text-accessible-danger {
15861
+ color: #f1aeb5;
17100
15862
  }
17101
- .faq-page .faq-section-items .faq-item {
17102
- margin-bottom: 0.5rem;
17103
- overflow: hidden;
17104
- background: var(--bs-body-bg);
17105
- border: 1px solid var(--bs-border-color);
17106
- border-radius: 0.375rem;
17107
- transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
15863
+ [data-bs-theme=dark] .text-accessible-warning {
15864
+ color: #ffda6a;
17108
15865
  }
17109
- @media (prefers-reduced-motion: reduce) {
17110
- .faq-page .faq-section-items .faq-item {
17111
- transition: none;
15866
+
15867
+ /* Print Accessibility */
15868
+ @media print {
15869
+ .skip-link,
15870
+ .btn,
15871
+ .nav-link {
15872
+ color: #000 !important;
15873
+ background: transparent !important;
15874
+ border: 1px solid #000 !important;
17112
15875
  }
17113
- }
17114
- .faq-page .faq-section-items .faq-item:hover {
17115
- border-color: var(--bs-primary-border-subtle);
17116
- transform: translateX(2px);
17117
- }
17118
- .faq-page .faq-section-items .faq-item[open] {
17119
- border-color: var(--bs-primary-border-subtle);
17120
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
17121
- transform: none;
17122
- }
17123
- .faq-page .faq-section-items .faq-item summary {
17124
- display: flex;
17125
- gap: 0.85rem;
17126
- align-items: center;
17127
- padding: 1rem 1.25rem;
17128
- font-size: 1rem;
17129
- font-weight: 500;
17130
- color: var(--bs-emphasis-color);
17131
- list-style: none;
17132
- cursor: pointer;
17133
- -webkit-user-select: none;
17134
- user-select: none;
17135
- }
17136
- .faq-page .faq-section-items .faq-item summary::-webkit-details-marker {
17137
- display: none;
17138
- }
17139
- .faq-page .faq-section-items .faq-item summary::marker {
17140
- content: "";
17141
- }
17142
- .faq-page .faq-section-items .faq-item summary::after {
17143
- content: none;
17144
- }
17145
- .faq-page .faq-section-items .faq-item .faq-q-icon {
17146
- display: inline-flex;
17147
- flex-shrink: 0;
17148
- align-items: center;
17149
- justify-content: center;
17150
- width: 1.75rem;
17151
- height: 1.75rem;
17152
- font-size: 0.85rem;
17153
- color: var(--bs-primary);
17154
- background: var(--bs-primary-bg-subtle);
17155
- border-radius: 50%;
17156
- }
17157
- .faq-page .faq-section-items .faq-item .faq-q-text {
17158
- flex-grow: 1;
17159
- }
17160
- .faq-page .faq-section-items .faq-item .faq-q-chevron {
17161
- flex-shrink: 0;
17162
- color: var(--bs-secondary-color);
17163
- transition: transform 0.2s ease, color 0.2s ease;
17164
- }
17165
- @media (prefers-reduced-motion: reduce) {
17166
- .faq-page .faq-section-items .faq-item .faq-q-chevron {
17167
- transition: none;
15876
+ a[href^=http]::after {
15877
+ font-size: 0.8em;
15878
+ content: " (" attr(href) ")";
15879
+ }
15880
+ /* Print Layout Fix - Ensure sidebar and main content are both visible */
15881
+ .app-wrapper {
15882
+ display: grid !important;
15883
+ grid-template-rows: auto 1fr auto !important;
15884
+ grid-template-columns: auto 1fr !important;
15885
+ }
15886
+ .sidebar-overlay {
15887
+ display: none !important;
15888
+ }
15889
+ .app-sidebar {
15890
+ position: static !important;
15891
+ display: block !important;
15892
+ min-width: 200px !important;
15893
+ max-width: 200px !important;
15894
+ max-height: none !important;
15895
+ margin-left: 0 !important;
15896
+ overflow: visible !important;
15897
+ }
15898
+ .sidebar-wrapper {
15899
+ height: auto !important;
15900
+ overflow: visible !important;
15901
+ }
15902
+ .app-header {
15903
+ position: static !important;
15904
+ }
15905
+ .app-main {
15906
+ width: auto !important;
15907
+ max-width: 100% !important;
15908
+ overflow: visible !important;
15909
+ }
15910
+ .app-content {
15911
+ overflow: visible !important;
15912
+ }
15913
+ .app-footer {
15914
+ position: static !important;
17168
15915
  }
17169
- }
17170
- .faq-page .faq-section-items .faq-item[open] .faq-q-chevron {
17171
- color: var(--bs-primary);
17172
- transform: rotate(180deg);
17173
- }
17174
- .faq-page .faq-section-items .faq-item[open] summary {
17175
- color: var(--bs-primary);
17176
- border-bottom: 1px solid var(--bs-border-color);
17177
- }
17178
- .faq-page .faq-section-items .faq-item .faq-answer {
17179
- padding: 1.1rem 1.25rem 1.1rem 3.85rem;
17180
- font-size: 0.95rem;
17181
- line-height: 1.65;
17182
- color: var(--bs-body-color);
17183
- }
17184
- .faq-page .faq-section-items .faq-item .faq-answer p:last-child,
17185
- .faq-page .faq-section-items .faq-item .faq-answer ul:last-child,
17186
- .faq-page .faq-section-items .faq-item .faq-answer ol:last-child,
17187
- .faq-page .faq-section-items .faq-item .faq-answer pre:last-child {
17188
- margin-bottom: 0;
17189
- }
17190
- .faq-page .faq-section-items .faq-item .faq-answer a {
17191
- color: var(--bs-primary);
17192
- text-decoration: underline;
17193
- text-underline-offset: 2px;
17194
- }
17195
- .faq-page .faq-section-items .faq-item .faq-answer a:hover {
17196
- text-decoration-thickness: 2px;
17197
- }
17198
- .faq-page .faq-section-items .faq-item .faq-answer code {
17199
- padding: 0.12em 0.35em;
17200
- font-size: 0.875em;
17201
- color: var(--bs-emphasis-color);
17202
- background: var(--bs-tertiary-bg);
17203
- border: 1px solid var(--bs-border-color);
17204
- border-radius: 0.25rem;
17205
- }
17206
- .faq-page .faq-section-items .faq-item .faq-answer pre.astro-code,
17207
- .faq-page .faq-section-items .faq-item .faq-answer pre {
17208
- padding: 0.85rem 1rem;
17209
- margin-top: 0.75rem;
17210
- margin-bottom: 0.75rem;
17211
- overflow-x: auto;
17212
- font-size: 0.85rem;
17213
- line-height: 1.55;
17214
- border-radius: 0.25rem;
17215
- }
17216
- .faq-page .faq-section-items .faq-item .faq-answer pre.astro-code code,
17217
- .faq-page .faq-section-items .faq-item .faq-answer pre code {
17218
- padding: 0;
17219
- background: transparent;
17220
- border: 0;
17221
- }
17222
- .faq-page .faq-cta {
17223
- padding: 2.5rem 1.5rem;
17224
- text-align: center;
17225
- background: radial-gradient(ellipse at top, rgba(var(--bs-primary-rgb), 0.08), transparent 60%), var(--bs-body-bg);
17226
- border: 1px solid var(--bs-border-color);
17227
- border-radius: 1rem;
17228
- }
17229
- .faq-page .faq-cta-icon {
17230
- display: inline-flex;
17231
- align-items: center;
17232
- justify-content: center;
17233
- width: 3.5rem;
17234
- height: 3.5rem;
17235
- margin-bottom: 1rem;
17236
- font-size: 1.6rem;
17237
- color: var(--bs-primary);
17238
- background: var(--bs-primary-bg-subtle);
17239
- border-radius: 50%;
17240
- }
17241
- .faq-page .faq-cta h2, .faq-page .faq-cta .h2 {
17242
- margin: 0 0 0.5rem;
17243
- font-size: 1.5rem;
17244
- font-weight: 600;
17245
- color: var(--bs-emphasis-color);
17246
- }
17247
- .faq-page .faq-cta p {
17248
- max-width: 32rem;
17249
- margin: 0 auto 1.5rem;
17250
- color: var(--bs-secondary-color);
17251
- }
17252
- .faq-page .faq-cta-actions {
17253
- display: inline-flex;
17254
- flex-wrap: wrap;
17255
- gap: 0.5rem;
17256
- justify-content: center;
17257
15916
  }
17258
15917
 
17259
15918
  /*# sourceMappingURL=adminlte.css.map */