admin-lte 4.1.0 → 4.3.1

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 (57) hide show
  1. package/CHANGELOG.md +57 -1
  2. package/README.md +23 -7
  3. package/dist/css/adminlte-docs.css +1 -1
  4. package/dist/css/adminlte-docs.css.map +1 -1
  5. package/dist/css/adminlte-docs.min.css +1 -1
  6. package/dist/css/adminlte-docs.min.css.map +1 -1
  7. package/dist/css/adminlte-docs.rtl.css +1 -1
  8. package/dist/css/adminlte-docs.rtl.css.map +1 -1
  9. package/dist/css/adminlte-docs.rtl.min.css +1 -1
  10. package/dist/css/adminlte-docs.rtl.min.css.map +1 -1
  11. package/dist/css/adminlte-select2.css +329 -0
  12. package/dist/css/adminlte-select2.css.map +1 -0
  13. package/dist/css/adminlte-select2.min.css +12 -0
  14. package/dist/css/adminlte-select2.min.css.map +1 -0
  15. package/dist/css/adminlte-select2.rtl.css +328 -0
  16. package/dist/css/adminlte-select2.rtl.css.map +1 -0
  17. package/dist/css/adminlte-select2.rtl.min.css +12 -0
  18. package/dist/css/adminlte-select2.rtl.min.css.map +1 -0
  19. package/dist/css/adminlte.css +332 -131
  20. package/dist/css/adminlte.css.map +1 -1
  21. package/dist/css/adminlte.min.css +2 -2
  22. package/dist/css/adminlte.min.css.map +1 -1
  23. package/dist/css/adminlte.rtl.css +332 -131
  24. package/dist/css/adminlte.rtl.css.map +1 -1
  25. package/dist/css/adminlte.rtl.min.css +2 -2
  26. package/dist/css/adminlte.rtl.min.css.map +1 -1
  27. package/dist/js/adminlte.esm.js +300 -109
  28. package/dist/js/adminlte.esm.js.map +1 -1
  29. package/dist/js/adminlte.esm.min.js +2 -2
  30. package/dist/js/adminlte.esm.min.js.map +1 -1
  31. package/dist/js/adminlte.js +302 -108
  32. package/dist/js/adminlte.js.map +1 -1
  33. package/dist/js/adminlte.min.js +2 -2
  34. package/dist/js/adminlte.min.js.map +1 -1
  35. package/dist/js/types/adminlte.d.ts +3 -1
  36. package/dist/js/types/base-component.d.ts +24 -0
  37. package/dist/js/types/color-mode.d.ts +24 -6
  38. package/dist/js/types/push-menu.d.ts +21 -0
  39. package/dist/js/types/sidebar-search.d.ts +46 -0
  40. package/dist/js/types/util/index.d.ts +38 -1
  41. package/package.json +24 -23
  42. package/src/scss/_app-sidebar.scss +12 -0
  43. package/src/scss/_ribbon.scss +75 -0
  44. package/src/scss/_variables.scss +28 -0
  45. package/src/scss/_widgets.scss +192 -0
  46. package/src/scss/adminlte-docs.scss +1 -1
  47. package/src/scss/adminlte-select2.scss +31 -0
  48. package/src/scss/adminlte.scss +1 -1
  49. package/src/scss/compat/_select2.scss +476 -0
  50. package/src/scss/parts/_extra-components.scss +2 -0
  51. package/src/ts/accessibility.ts +31 -15
  52. package/src/ts/adminlte.ts +7 -3
  53. package/src/ts/base-component.ts +30 -3
  54. package/src/ts/color-mode.ts +100 -20
  55. package/src/ts/push-menu.ts +37 -7
  56. package/src/ts/sidebar-search.ts +252 -0
  57. package/src/ts/util/index.ts +79 -15
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * AdminLTE v4.1.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
  *,
@@ -1936,13 +1936,13 @@ progress {
1936
1936
 
1937
1937
  .table-primary {
1938
1938
  --bs-table-color: #000;
1939
- --bs-table-bg: rgb(206.6, 226, 254.6);
1940
- --bs-table-border-color: rgb(165.28, 180.8, 203.68);
1941
- --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
1939
+ --bs-table-bg: rgb(81.0196078431%, 88.6274509804%, 99.8431372549%);
1940
+ --bs-table-border-color: rgb(64.8156862745%, 70.9019607843%, 79.8745098039%);
1941
+ --bs-table-striped-bg: rgb(76.968627451%, 84.1960784314%, 94.8509803922%);
1942
1942
  --bs-table-striped-color: #000;
1943
- --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
1943
+ --bs-table-active-bg: rgb(72.9176470588%, 79.7647058824%, 89.8588235294%);
1944
1944
  --bs-table-active-color: #000;
1945
- --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
1945
+ --bs-table-hover-bg: rgb(74.9431372549%, 81.9803921569%, 92.3549019608%);
1946
1946
  --bs-table-hover-color: #000;
1947
1947
  color: var(--bs-table-color);
1948
1948
  border-color: var(--bs-table-border-color);
@@ -1950,13 +1950,13 @@ progress {
1950
1950
 
1951
1951
  .table-secondary {
1952
1952
  --bs-table-color: #000;
1953
- --bs-table-bg: rgb(225.6, 227.4, 229);
1954
- --bs-table-border-color: rgb(180.48, 181.92, 183.2);
1955
- --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
1953
+ --bs-table-bg: rgb(88.4705882353%, 89.1764705882%, 89.8039215686%);
1954
+ --bs-table-border-color: rgb(70.7764705882%, 71.3411764706%, 71.8431372549%);
1955
+ --bs-table-striped-bg: rgb(84.0470588235%, 84.7176470588%, 85.3137254902%);
1956
1956
  --bs-table-striped-color: #000;
1957
- --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
1957
+ --bs-table-active-bg: rgb(79.6235294118%, 80.2588235294%, 80.8235294118%);
1958
1958
  --bs-table-active-color: #000;
1959
- --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
1959
+ --bs-table-hover-bg: rgb(81.8352941176%, 82.4882352941%, 83.068627451%);
1960
1960
  --bs-table-hover-color: #000;
1961
1961
  color: var(--bs-table-color);
1962
1962
  border-color: var(--bs-table-border-color);
@@ -1964,13 +1964,13 @@ progress {
1964
1964
 
1965
1965
  .table-success {
1966
1966
  --bs-table-color: #000;
1967
- --bs-table-bg: rgb(209, 231, 220.8);
1968
- --bs-table-border-color: rgb(167.2, 184.8, 176.64);
1969
- --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
1967
+ --bs-table-bg: rgb(81.9607843137%, 90.5882352941%, 86.5882352941%);
1968
+ --bs-table-border-color: rgb(65.568627451%, 72.4705882353%, 69.2705882353%);
1969
+ --bs-table-striped-bg: rgb(77.862745098%, 86.0588235294%, 82.2588235294%);
1970
1970
  --bs-table-striped-color: #000;
1971
- --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
1971
+ --bs-table-active-bg: rgb(73.7647058824%, 81.5294117647%, 77.9294117647%);
1972
1972
  --bs-table-active-color: #000;
1973
- --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
1973
+ --bs-table-hover-bg: rgb(75.8137254902%, 83.7941176471%, 80.0941176471%);
1974
1974
  --bs-table-hover-color: #000;
1975
1975
  color: var(--bs-table-color);
1976
1976
  border-color: var(--bs-table-border-color);
@@ -1978,13 +1978,13 @@ progress {
1978
1978
 
1979
1979
  .table-info {
1980
1980
  --bs-table-color: #000;
1981
- --bs-table-bg: rgb(206.6, 244.4, 252);
1982
- --bs-table-border-color: rgb(165.28, 195.52, 201.6);
1983
- --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
1981
+ --bs-table-bg: rgb(81.0196078431%, 95.8431372549%, 98.8235294118%);
1982
+ --bs-table-border-color: rgb(64.8156862745%, 76.6745098039%, 79.0588235294%);
1983
+ --bs-table-striped-bg: rgb(76.968627451%, 91.0509803922%, 93.8823529412%);
1984
1984
  --bs-table-striped-color: #000;
1985
- --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
1985
+ --bs-table-active-bg: rgb(72.9176470588%, 86.2588235294%, 88.9411764706%);
1986
1986
  --bs-table-active-color: #000;
1987
- --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
1987
+ --bs-table-hover-bg: rgb(74.9431372549%, 88.6549019608%, 91.4117647059%);
1988
1988
  --bs-table-hover-color: #000;
1989
1989
  color: var(--bs-table-color);
1990
1990
  border-color: var(--bs-table-border-color);
@@ -1992,13 +1992,13 @@ progress {
1992
1992
 
1993
1993
  .table-warning {
1994
1994
  --bs-table-color: #000;
1995
- --bs-table-bg: rgb(255, 242.6, 205.4);
1996
- --bs-table-border-color: rgb(204, 194.08, 164.32);
1997
- --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
1995
+ --bs-table-bg: rgb(100%, 95.137254902%, 80.5490196078%);
1996
+ --bs-table-border-color: rgb(80%, 76.1098039216%, 64.4392156863%);
1997
+ --bs-table-striped-bg: rgb(95%, 90.3803921569%, 76.5215686275%);
1998
1998
  --bs-table-striped-color: #000;
1999
- --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
1999
+ --bs-table-active-bg: rgb(90%, 85.6235294118%, 72.4941176471%);
2000
2000
  --bs-table-active-color: #000;
2001
- --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
2001
+ --bs-table-hover-bg: rgb(92.5%, 88.0019607843%, 74.5078431373%);
2002
2002
  --bs-table-hover-color: #000;
2003
2003
  color: var(--bs-table-color);
2004
2004
  border-color: var(--bs-table-border-color);
@@ -2006,13 +2006,13 @@ progress {
2006
2006
 
2007
2007
  .table-danger {
2008
2008
  --bs-table-color: #000;
2009
- --bs-table-bg: rgb(248, 214.6, 217.8);
2010
- --bs-table-border-color: rgb(198.4, 171.68, 174.24);
2011
- --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
2009
+ --bs-table-bg: rgb(97.2549019608%, 84.1568627451%, 85.4117647059%);
2010
+ --bs-table-border-color: rgb(77.8039215686%, 67.3254901961%, 68.3294117647%);
2011
+ --bs-table-striped-bg: rgb(92.3921568627%, 79.9490196078%, 81.1411764706%);
2012
2012
  --bs-table-striped-color: #000;
2013
- --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
2013
+ --bs-table-active-bg: rgb(87.5294117647%, 75.7411764706%, 76.8705882353%);
2014
2014
  --bs-table-active-color: #000;
2015
- --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
2015
+ --bs-table-hover-bg: rgb(89.9607843137%, 77.8450980392%, 79.0058823529%);
2016
2016
  --bs-table-hover-color: #000;
2017
2017
  color: var(--bs-table-color);
2018
2018
  border-color: var(--bs-table-border-color);
@@ -2021,12 +2021,12 @@ progress {
2021
2021
  .table-light {
2022
2022
  --bs-table-color: #000;
2023
2023
  --bs-table-bg: #f8f9fa;
2024
- --bs-table-border-color: rgb(198.4, 199.2, 200);
2025
- --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
2024
+ --bs-table-border-color: rgb(77.8039215686%, 78.1176470588%, 78.431372549%);
2025
+ --bs-table-striped-bg: rgb(92.3921568627%, 92.7647058824%, 93.137254902%);
2026
2026
  --bs-table-striped-color: #000;
2027
- --bs-table-active-bg: rgb(223.2, 224.1, 225);
2027
+ --bs-table-active-bg: rgb(87.5294117647%, 87.8823529412%, 88.2352941176%);
2028
2028
  --bs-table-active-color: #000;
2029
- --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
2029
+ --bs-table-hover-bg: rgb(89.9607843137%, 90.3235294118%, 90.6862745098%);
2030
2030
  --bs-table-hover-color: #000;
2031
2031
  color: var(--bs-table-color);
2032
2032
  border-color: var(--bs-table-border-color);
@@ -2035,12 +2035,12 @@ progress {
2035
2035
  .table-dark {
2036
2036
  --bs-table-color: #fff;
2037
2037
  --bs-table-bg: #212529;
2038
- --bs-table-border-color: rgb(77.4, 80.6, 83.8);
2039
- --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
2038
+ --bs-table-border-color: rgb(30.3529411765%, 31.6078431373%, 32.862745098%);
2039
+ --bs-table-striped-bg: rgb(17.2941176471%, 18.7843137255%, 20.2745098039%);
2040
2040
  --bs-table-striped-color: #fff;
2041
- --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
2041
+ --bs-table-active-bg: rgb(21.6470588235%, 23.0588235294%, 24.4705882353%);
2042
2042
  --bs-table-active-color: #fff;
2043
- --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
2043
+ --bs-table-hover-bg: rgb(19.4705882353%, 20.9215686275%, 22.3725490196%);
2044
2044
  --bs-table-hover-color: #fff;
2045
2045
  color: var(--bs-table-color);
2046
2046
  border-color: var(--bs-table-border-color);
@@ -2142,7 +2142,7 @@ progress {
2142
2142
  .form-control:focus {
2143
2143
  color: var(--bs-body-color);
2144
2144
  background-color: var(--bs-body-bg);
2145
- border-color: rgb(134, 182.5, 254);
2145
+ border-color: rgb(52.5490196078%, 71.568627451%, 99.6078431373%);
2146
2146
  outline: 0;
2147
2147
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2148
2148
  }
@@ -2289,7 +2289,7 @@ textarea.form-control-lg {
2289
2289
  }
2290
2290
  }
2291
2291
  .form-select:focus {
2292
- border-color: rgb(134, 182.5, 254);
2292
+ border-color: rgb(52.5490196078%, 71.568627451%, 99.6078431373%);
2293
2293
  outline: 0;
2294
2294
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2295
2295
  }
@@ -2375,7 +2375,7 @@ textarea.form-control-lg {
2375
2375
  filter: brightness(90%);
2376
2376
  }
2377
2377
  .form-check-input:focus {
2378
- border-color: rgb(134, 182.5, 254);
2378
+ border-color: rgb(52.5490196078%, 71.568627451%, 99.6078431373%);
2379
2379
  outline: 0;
2380
2380
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2381
2381
  }
@@ -2422,7 +2422,7 @@ textarea.form-control-lg {
2422
2422
  }
2423
2423
  }
2424
2424
  .form-switch .form-check-input:focus {
2425
- --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");
2425
+ --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");
2426
2426
  }
2427
2427
  .form-switch .form-check-input:checked {
2428
2428
  background-position: left center;
@@ -2497,7 +2497,7 @@ textarea.form-control-lg {
2497
2497
  }
2498
2498
  }
2499
2499
  .form-range::-webkit-slider-thumb:active {
2500
- background-color: rgb(182.4, 211.5, 254.4);
2500
+ background-color: rgb(71.5294117647%, 82.9411764706%, 99.7647058824%);
2501
2501
  }
2502
2502
  .form-range::-webkit-slider-runnable-track {
2503
2503
  width: 100%;
@@ -2527,7 +2527,7 @@ textarea.form-control-lg {
2527
2527
  }
2528
2528
  }
2529
2529
  .form-range::-moz-range-thumb:active {
2530
- background-color: rgb(182.4, 211.5, 254.4);
2530
+ background-color: rgb(71.5294117647%, 82.9411764706%, 99.7647058824%);
2531
2531
  }
2532
2532
  .form-range::-moz-range-track {
2533
2533
  width: 100%;
@@ -2995,12 +2995,12 @@ textarea.form-control-lg {
2995
2995
  --bs-btn-bg: #0d6efd;
2996
2996
  --bs-btn-border-color: #0d6efd;
2997
2997
  --bs-btn-hover-color: #fff;
2998
- --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
2999
- --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
2998
+ --bs-btn-hover-bg: rgb(4.3333333333%, 36.6666666667%, 84.3333333333%);
2999
+ --bs-btn-hover-border-color: rgb(4.0784313725%, 34.5098039216%, 79.3725490196%);
3000
3000
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
3001
3001
  --bs-btn-active-color: #fff;
3002
- --bs-btn-active-bg: rgb(10.4, 88, 202.4);
3003
- --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
3002
+ --bs-btn-active-bg: rgb(4.0784313725%, 34.5098039216%, 79.3725490196%);
3003
+ --bs-btn-active-border-color: rgb(3.8235294118%, 32.3529411765%, 74.4117647059%);
3004
3004
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3005
3005
  --bs-btn-disabled-color: #fff;
3006
3006
  --bs-btn-disabled-bg: #0d6efd;
@@ -3012,12 +3012,12 @@ textarea.form-control-lg {
3012
3012
  --bs-btn-bg: #6c757d;
3013
3013
  --bs-btn-border-color: #6c757d;
3014
3014
  --bs-btn-hover-color: #fff;
3015
- --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
3016
- --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
3015
+ --bs-btn-hover-bg: rgb(36%, 39%, 41.6666666667%);
3016
+ --bs-btn-hover-border-color: rgb(33.8823529412%, 36.7058823529%, 39.2156862745%);
3017
3017
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
3018
3018
  --bs-btn-active-color: #fff;
3019
- --bs-btn-active-bg: rgb(86.4, 93.6, 100);
3020
- --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
3019
+ --bs-btn-active-bg: rgb(33.8823529412%, 36.7058823529%, 39.2156862745%);
3020
+ --bs-btn-active-border-color: rgb(31.7647058824%, 34.4117647059%, 36.7647058824%);
3021
3021
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3022
3022
  --bs-btn-disabled-color: #fff;
3023
3023
  --bs-btn-disabled-bg: #6c757d;
@@ -3029,12 +3029,12 @@ textarea.form-control-lg {
3029
3029
  --bs-btn-bg: #198754;
3030
3030
  --bs-btn-border-color: #198754;
3031
3031
  --bs-btn-hover-color: #fff;
3032
- --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
3033
- --bs-btn-hover-border-color: rgb(20, 108, 67.2);
3032
+ --bs-btn-hover-bg: rgb(8.3333333333%, 45%, 28%);
3033
+ --bs-btn-hover-border-color: rgb(7.8431372549%, 42.3529411765%, 26.3529411765%);
3034
3034
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
3035
3035
  --bs-btn-active-color: #fff;
3036
- --bs-btn-active-bg: rgb(20, 108, 67.2);
3037
- --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
3036
+ --bs-btn-active-bg: rgb(7.8431372549%, 42.3529411765%, 26.3529411765%);
3037
+ --bs-btn-active-border-color: rgb(7.3529411765%, 39.7058823529%, 24.7058823529%);
3038
3038
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3039
3039
  --bs-btn-disabled-color: #fff;
3040
3040
  --bs-btn-disabled-bg: #198754;
@@ -3046,12 +3046,12 @@ textarea.form-control-lg {
3046
3046
  --bs-btn-bg: #0dcaf0;
3047
3047
  --bs-btn-border-color: #0dcaf0;
3048
3048
  --bs-btn-hover-color: #000;
3049
- --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
3050
- --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
3049
+ --bs-btn-hover-bg: rgb(19.3333333333%, 82.3333333333%, 95%);
3050
+ --bs-btn-hover-border-color: rgb(14.5882352941%, 81.2941176471%, 94.7058823529%);
3051
3051
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
3052
3052
  --bs-btn-active-color: #000;
3053
- --bs-btn-active-bg: rgb(61.4, 212.6, 243);
3054
- --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
3053
+ --bs-btn-active-bg: rgb(24.0784313725%, 83.3725490196%, 95.2941176471%);
3054
+ --bs-btn-active-border-color: rgb(14.5882352941%, 81.2941176471%, 94.7058823529%);
3055
3055
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3056
3056
  --bs-btn-disabled-color: #000;
3057
3057
  --bs-btn-disabled-bg: #0dcaf0;
@@ -3063,12 +3063,12 @@ textarea.form-control-lg {
3063
3063
  --bs-btn-bg: #ffc107;
3064
3064
  --bs-btn-border-color: #ffc107;
3065
3065
  --bs-btn-hover-color: #000;
3066
- --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
3067
- --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
3066
+ --bs-btn-hover-bg: rgb(100%, 79.3333333333%, 17.3333333333%);
3067
+ --bs-btn-hover-border-color: rgb(100%, 78.1176470588%, 12.4705882353%);
3068
3068
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
3069
3069
  --bs-btn-active-color: #000;
3070
- --bs-btn-active-bg: rgb(255, 205.4, 56.6);
3071
- --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
3070
+ --bs-btn-active-bg: rgb(100%, 80.5490196078%, 22.1960784314%);
3071
+ --bs-btn-active-border-color: rgb(100%, 78.1176470588%, 12.4705882353%);
3072
3072
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3073
3073
  --bs-btn-disabled-color: #000;
3074
3074
  --bs-btn-disabled-bg: #ffc107;
@@ -3080,12 +3080,12 @@ textarea.form-control-lg {
3080
3080
  --bs-btn-bg: #dc3545;
3081
3081
  --bs-btn-border-color: #dc3545;
3082
3082
  --bs-btn-hover-color: #fff;
3083
- --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
3084
- --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
3083
+ --bs-btn-hover-bg: rgb(73.3333333333%, 17.6666666667%, 23%);
3084
+ --bs-btn-hover-border-color: rgb(69.0196078431%, 16.6274509804%, 21.6470588235%);
3085
3085
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
3086
3086
  --bs-btn-active-color: #fff;
3087
- --bs-btn-active-bg: rgb(176, 42.4, 55.2);
3088
- --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
3087
+ --bs-btn-active-bg: rgb(69.0196078431%, 16.6274509804%, 21.6470588235%);
3088
+ --bs-btn-active-border-color: rgb(64.7058823529%, 15.5882352941%, 20.2941176471%);
3089
3089
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3090
3090
  --bs-btn-disabled-color: #fff;
3091
3091
  --bs-btn-disabled-bg: #dc3545;
@@ -3097,12 +3097,12 @@ textarea.form-control-lg {
3097
3097
  --bs-btn-bg: #f8f9fa;
3098
3098
  --bs-btn-border-color: #f8f9fa;
3099
3099
  --bs-btn-hover-color: #000;
3100
- --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
3101
- --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
3100
+ --bs-btn-hover-bg: rgb(82.6666666667%, 83%, 83.3333333333%);
3101
+ --bs-btn-hover-border-color: rgb(77.8039215686%, 78.1176470588%, 78.431372549%);
3102
3102
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
3103
3103
  --bs-btn-active-color: #000;
3104
- --bs-btn-active-bg: rgb(198.4, 199.2, 200);
3105
- --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
3104
+ --bs-btn-active-bg: rgb(77.8039215686%, 78.1176470588%, 78.431372549%);
3105
+ --bs-btn-active-border-color: rgb(72.9411764706%, 73.2352941176%, 73.5294117647%);
3106
3106
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3107
3107
  --bs-btn-disabled-color: #000;
3108
3108
  --bs-btn-disabled-bg: #f8f9fa;
@@ -3114,12 +3114,12 @@ textarea.form-control-lg {
3114
3114
  --bs-btn-bg: #212529;
3115
3115
  --bs-btn-border-color: #212529;
3116
3116
  --bs-btn-hover-color: #fff;
3117
- --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
3118
- --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
3117
+ --bs-btn-hover-bg: rgb(26%, 27.3333333333%, 28.6666666667%);
3118
+ --bs-btn-hover-border-color: rgb(21.6470588235%, 23.0588235294%, 24.4705882353%);
3119
3119
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
3120
3120
  --bs-btn-active-color: #fff;
3121
- --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
3122
- --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
3121
+ --bs-btn-active-bg: rgb(30.3529411765%, 31.6078431373%, 32.862745098%);
3122
+ --bs-btn-active-border-color: rgb(21.6470588235%, 23.0588235294%, 24.4705882353%);
3123
3123
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3124
3124
  --bs-btn-disabled-color: #fff;
3125
3125
  --bs-btn-disabled-bg: #212529;
@@ -4533,7 +4533,7 @@ textarea.form-control-lg {
4533
4533
  --bs-accordion-btn-icon-width: 1.25rem;
4534
4534
  --bs-accordion-btn-icon-transform: rotate(-180deg);
4535
4535
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4536
- --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");
4536
+ --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");
4537
4537
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
4538
4538
  --bs-accordion-body-padding-x: 1.25rem;
4539
4539
  --bs-accordion-body-padding-y: 1rem;
@@ -4650,8 +4650,8 @@ textarea.form-control-lg {
4650
4650
  }
4651
4651
 
4652
4652
  [data-bs-theme=dark] .accordion-button::after {
4653
- --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");
4654
- --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");
4653
+ --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");
4654
+ --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");
4655
4655
  }
4656
4656
 
4657
4657
  .breadcrumb {
@@ -12922,7 +12922,7 @@ textarea.form-control-lg {
12922
12922
  --lte-sidebar-submenu-hover-bg: rgba(0, 0, 0, 0.1);
12923
12923
  --lte-sidebar-submenu-active-color: #212529;
12924
12924
  --lte-sidebar-submenu-active-bg: rgba(0, 0, 0, 0.1);
12925
- --lte-sidebar-header-color: rgb(49.4, 55.1, 60.8);
12925
+ --lte-sidebar-header-color: rgb(19.3725490196%, 21.6078431373%, 23.8431372549%);
12926
12926
  z-index: 1038;
12927
12927
  grid-area: lte-app-sidebar;
12928
12928
  min-width: var(--lte-sidebar-width);
@@ -13191,6 +13191,10 @@ textarea.form-control-lg {
13191
13191
  white-space: nowrap;
13192
13192
  }
13193
13193
 
13194
+ .sidebar-search {
13195
+ padding: 0.5rem 1rem;
13196
+ }
13197
+
13194
13198
  .logo-xs,
13195
13199
  .logo-xl {
13196
13200
  position: absolute;
@@ -13228,6 +13232,9 @@ textarea.form-control-lg {
13228
13232
  .sidebar-mini.sidebar-collapse .sidebar-menu .nav-header {
13229
13233
  display: none;
13230
13234
  }
13235
+ .sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .sidebar-search {
13236
+ display: none;
13237
+ }
13231
13238
  .sidebar-mini.sidebar-collapse .sidebar-menu .nav-link {
13232
13239
  width: 3.6rem;
13233
13240
  }
@@ -13844,7 +13851,7 @@ body:not(.app-loaded) .app-footer {
13844
13851
  --lte-sidebar-submenu-hover-bg: rgba(255, 255, 255, 0.1);
13845
13852
  --lte-sidebar-submenu-active-color: #fff;
13846
13853
  --lte-sidebar-submenu-active-bg: rgba(255, 255, 255, 0.1);
13847
- --lte-sidebar-header-color: rgb(197.05, 201.8, 210.35);
13854
+ --lte-sidebar-header-color: rgb(77.2745098039%, 79.137254902%, 82.4901960784%);
13848
13855
  }
13849
13856
 
13850
13857
  .app-main {
@@ -15226,6 +15233,200 @@ html.maximized-card {
15226
15233
  [data-bs-theme=dark] .toast-light .btn-close {
15227
15234
  --bs-btn-close-white-filter: none;
15228
15235
  }
15236
+ .ribbon-wrapper {
15237
+ --lte-ribbon-size: 70px;
15238
+ --lte-ribbon-width: 91px;
15239
+ --lte-ribbon-font-size: 0.8rem;
15240
+ position: absolute;
15241
+ top: 0;
15242
+ left: 0;
15243
+ z-index: 1;
15244
+ width: var(--lte-ribbon-size);
15245
+ height: var(--lte-ribbon-size);
15246
+ overflow: hidden;
15247
+ border-top-left-radius: inherit;
15248
+ }
15249
+ .ribbon-wrapper.ribbon-lg {
15250
+ --lte-ribbon-size: 110px;
15251
+ --lte-ribbon-width: 143px;
15252
+ --lte-ribbon-font-size: 1rem;
15253
+ }
15254
+ .ribbon-wrapper.ribbon-xl {
15255
+ --lte-ribbon-size: 145px;
15256
+ --lte-ribbon-width: 188.5px;
15257
+ --lte-ribbon-font-size: 1.25rem;
15258
+ }
15259
+ .ribbon-wrapper .ribbon {
15260
+ position: absolute;
15261
+ top: 32.5%;
15262
+ right: 67.5%;
15263
+ width: var(--lte-ribbon-width);
15264
+ padding: 0.375rem 0;
15265
+ overflow: hidden;
15266
+ font-size: var(--lte-ribbon-font-size);
15267
+ font-weight: 400;
15268
+ line-height: 1.2;
15269
+ color: var(--bs-emphasis-color);
15270
+ text-align: center;
15271
+ text-overflow: ellipsis;
15272
+ text-transform: uppercase;
15273
+ white-space: nowrap;
15274
+ background-color: var(--bs-secondary-bg);
15275
+ box-shadow: 0 0 3px rgba(var(--bs-body-color-rgb), 0.3);
15276
+ transform: translate(50%, -50%) rotate(-45deg);
15277
+ }
15278
+ .ribbon-wrapper .ribbon a {
15279
+ color: inherit;
15280
+ text-decoration: none;
15281
+ }
15282
+
15283
+ .user-block {
15284
+ --lte-user-block-avatar-size: 2.5rem;
15285
+ display: grid;
15286
+ grid-template-columns: auto 1fr;
15287
+ -moz-column-gap: 0.75rem;
15288
+ column-gap: 0.75rem;
15289
+ align-items: center;
15290
+ }
15291
+ .user-block > img {
15292
+ grid-row: 1/span 2;
15293
+ align-self: center;
15294
+ width: var(--lte-user-block-avatar-size);
15295
+ height: var(--lte-user-block-avatar-size);
15296
+ -o-object-fit: cover;
15297
+ object-fit: cover;
15298
+ }
15299
+ .user-block .username,
15300
+ .user-block .description,
15301
+ .user-block .comment {
15302
+ grid-column: 2;
15303
+ }
15304
+ .user-block .username {
15305
+ align-self: end;
15306
+ font-size: 1rem;
15307
+ font-weight: 600;
15308
+ }
15309
+ .user-block .username a {
15310
+ color: var(--bs-emphasis-color);
15311
+ text-decoration: none;
15312
+ }
15313
+ .user-block .username a:hover, .user-block .username a:focus-visible {
15314
+ text-decoration: underline;
15315
+ }
15316
+ .user-block .description {
15317
+ align-self: start;
15318
+ font-size: 0.8125rem;
15319
+ color: var(--bs-secondary-color);
15320
+ }
15321
+ .user-block .comment {
15322
+ margin-top: 0.5rem;
15323
+ }
15324
+ .card-header > .user-block {
15325
+ float: right;
15326
+ }
15327
+ .user-block.user-block-sm {
15328
+ --lte-user-block-avatar-size: 1.75rem;
15329
+ }
15330
+ .user-block.user-block-sm .username {
15331
+ font-size: 0.8125rem;
15332
+ }
15333
+ .user-block.user-block-sm .description {
15334
+ font-size: 0.75rem;
15335
+ }
15336
+
15337
+ .post {
15338
+ padding-bottom: 1rem;
15339
+ margin-bottom: 1rem;
15340
+ border-bottom: 1px solid var(--bs-border-color);
15341
+ }
15342
+ .post:last-of-type {
15343
+ padding-bottom: 0;
15344
+ margin-bottom: 0;
15345
+ border-bottom: 0;
15346
+ }
15347
+ .post .user-block {
15348
+ margin-bottom: 0.75rem;
15349
+ }
15350
+
15351
+ .description-block {
15352
+ display: block;
15353
+ margin: 0.625rem 0;
15354
+ text-align: center;
15355
+ }
15356
+ .description-block .description-header {
15357
+ padding: 0;
15358
+ margin: 0;
15359
+ font-size: 1.0625rem;
15360
+ font-weight: 700;
15361
+ }
15362
+ .description-block .description-text {
15363
+ font-size: 0.8125rem;
15364
+ color: var(--bs-secondary-color);
15365
+ text-transform: uppercase;
15366
+ }
15367
+
15368
+ .widget-user .widget-user-header {
15369
+ height: 8.4375rem;
15370
+ padding: 1rem;
15371
+ text-align: center;
15372
+ background-position: center;
15373
+ background-size: cover;
15374
+ border-top-right-radius: inherit;
15375
+ border-top-left-radius: inherit;
15376
+ }
15377
+ .widget-user .widget-user-username {
15378
+ margin-top: 0;
15379
+ margin-bottom: 0.3125rem;
15380
+ font-size: 1.5625rem;
15381
+ font-weight: 300;
15382
+ }
15383
+ .widget-user .widget-user-desc {
15384
+ margin-top: 0;
15385
+ font-size: 1rem;
15386
+ }
15387
+ .widget-user .widget-user-image {
15388
+ position: absolute;
15389
+ top: 5.625rem;
15390
+ left: 0;
15391
+ right: 0;
15392
+ width: 5.625rem;
15393
+ margin-inline: auto;
15394
+ }
15395
+ .widget-user .widget-user-image > img {
15396
+ width: 100%;
15397
+ height: auto;
15398
+ border: 3px solid var(--bs-body-bg);
15399
+ }
15400
+ .widget-user > .card-footer {
15401
+ padding-top: 3.5625rem;
15402
+ }
15403
+
15404
+ .widget-user-2 .widget-user-header {
15405
+ display: flex;
15406
+ -moz-column-gap: 1rem;
15407
+ column-gap: 1rem;
15408
+ align-items: center;
15409
+ padding: 1rem;
15410
+ border-top-right-radius: inherit;
15411
+ border-top-left-radius: inherit;
15412
+ }
15413
+ .widget-user-2 .widget-user-image > img {
15414
+ width: 4.0625rem;
15415
+ height: 4.0625rem;
15416
+ -o-object-fit: cover;
15417
+ object-fit: cover;
15418
+ }
15419
+ .widget-user-2 .widget-user-username {
15420
+ margin-top: 0;
15421
+ margin-bottom: 0.3125rem;
15422
+ font-size: 1.5625rem;
15423
+ font-weight: 300;
15424
+ }
15425
+ .widget-user-2 .widget-user-desc {
15426
+ margin-top: 0;
15427
+ font-size: 1rem;
15428
+ }
15429
+
15229
15430
  .login-logo,
15230
15431
  .register-logo {
15231
15432
  margin-bottom: 0.9rem;
@@ -15279,7 +15480,7 @@ html.maximized-card {
15279
15480
  .login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
15280
15481
  .register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
15281
15482
  .register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
15282
- border-color: rgb(134, 182.5, 254);
15483
+ border-color: rgb(52.5490196078%, 71.568627451%, 99.6078431373%);
15283
15484
  }
15284
15485
  .login-card-body .input-group .form-control.is-valid:focus,
15285
15486
  .register-card-body .input-group .form-control.is-valid:focus {