admin-lte 4.0.0-alpha3 → 4.0.0-beta2

package/dist/css/adminlte.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- *   AdminLTE v4.0.0-alpha2
+ *   AdminLTE v4.0.0-beta2
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>
  *   License: Open source - MIT <https://opensource.org/licenses/MIT>
@@ -72,7 +72,7 @@
   --bs-dark-border-subtle: #adb5bd;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
-  --bs-font-sans-serif: "Source Sans Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-sans-serif: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
   --bs-body-font-family: var(--bs-font-sans-serif);
@@ -100,6 +100,7 @@
   --bs-link-hover-color: #0a58ca;
   --bs-link-hover-color-rgb: 10, 88, 202;
   --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
   --bs-highlight-bg: #fff3cd;
   --bs-border-width: 1px;
   --bs-border-style: solid;
@@ -171,6 +172,8 @@
   --bs-link-color-rgb: 110, 168, 254;
   --bs-link-hover-color-rgb: 139, 185, 254;
   --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
   --bs-border-color: #495057;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #75b798;
@@ -326,6 +329,7 @@ small, .small {
 
 mark, .mark {
   padding: 0.1875em;
+  color: var(--bs-highlight-color);
   background-color: var(--bs-highlight-bg);
 }
 
@@ -821,7 +825,7 @@ progress {
 
 .row-cols-3 > * {
   flex: 0 0 auto;
-  width: 33.3333333333%;
+  width: 33.33333333%;
 }
 
 .row-cols-4 > * {
@@ -836,7 +840,7 @@ progress {
 
 .row-cols-6 > * {
   flex: 0 0 auto;
-  width: 16.6666666667%;
+  width: 16.66666667%;
 }
 
 .col-auto {
@@ -1026,7 +1030,7 @@ progress {
   }
   .row-cols-sm-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-sm-4 > * {
     flex: 0 0 auto;
@@ -1038,7 +1042,7 @@ progress {
   }
   .row-cols-sm-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-sm-auto {
     flex: 0 0 auto;
@@ -1195,7 +1199,7 @@ progress {
   }
   .row-cols-md-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-md-4 > * {
     flex: 0 0 auto;
@@ -1207,7 +1211,7 @@ progress {
   }
   .row-cols-md-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-md-auto {
     flex: 0 0 auto;
@@ -1364,7 +1368,7 @@ progress {
   }
   .row-cols-lg-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-lg-4 > * {
     flex: 0 0 auto;
@@ -1376,7 +1380,7 @@ progress {
   }
   .row-cols-lg-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-lg-auto {
     flex: 0 0 auto;
@@ -1533,7 +1537,7 @@ progress {
   }
   .row-cols-xl-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-xl-4 > * {
     flex: 0 0 auto;
@@ -1545,7 +1549,7 @@ progress {
   }
   .row-cols-xl-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-xl-auto {
     flex: 0 0 auto;
@@ -1702,7 +1706,7 @@ progress {
   }
   .row-cols-xxl-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-xxl-4 > * {
     flex: 0 0 auto;
@@ -1714,7 +1718,7 @@ progress {
   }
   .row-cols-xxl-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-xxl-auto {
     flex: 0 0 auto;
@@ -1858,16 +1862,16 @@ progress {
   --bs-table-bg-type: initial;
   --bs-table-color-state: initial;
   --bs-table-bg-state: initial;
-  --bs-table-color: var(--bs-body-color);
-  --bs-table-bg: transparent;
+  --bs-table-color: var(--bs-emphasis-color);
+  --bs-table-bg: var(--bs-body-bg);
   --bs-table-border-color: var(--bs-border-color);
   --bs-table-accent-bg: transparent;
-  --bs-table-striped-color: var(--bs-body-color);
-  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
-  --bs-table-active-color: var(--bs-body-color);
-  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
-  --bs-table-hover-color: var(--bs-body-color);
-  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
+  --bs-table-striped-color: var(--bs-emphasis-color);
+  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
+  --bs-table-active-color: var(--bs-emphasis-color);
+  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
+  --bs-table-hover-color: var(--bs-emphasis-color);
+  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
   width: 100%;
   margin-bottom: 1rem;
   vertical-align: top;
@@ -1936,7 +1940,7 @@ progress {
 .table-primary {
   --bs-table-color: #000;
   --bs-table-bg: #cfe2ff;
-  --bs-table-border-color: #bacbe6;
+  --bs-table-border-color: #a6b5cc;
   --bs-table-striped-bg: #c5d7f2;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #bacbe6;
@@ -1950,7 +1954,7 @@ progress {
 .table-secondary {
   --bs-table-color: #000;
   --bs-table-bg: #e2e3e5;
-  --bs-table-border-color: #cbccce;
+  --bs-table-border-color: #b5b6b7;
   --bs-table-striped-bg: #d7d8da;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #cbccce;
@@ -1964,7 +1968,7 @@ progress {
 .table-success {
   --bs-table-color: #000;
   --bs-table-bg: #d1e7dd;
-  --bs-table-border-color: #bcd0c7;
+  --bs-table-border-color: #a7b9b1;
   --bs-table-striped-bg: #c7dbd2;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #bcd0c7;
@@ -1978,7 +1982,7 @@ progress {
 .table-info {
   --bs-table-color: #000;
   --bs-table-bg: #cff4fc;
-  --bs-table-border-color: #badce3;
+  --bs-table-border-color: #a6c3ca;
   --bs-table-striped-bg: #c5e8ef;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #badce3;
@@ -1992,7 +1996,7 @@ progress {
 .table-warning {
   --bs-table-color: #000;
   --bs-table-bg: #fff3cd;
-  --bs-table-border-color: #e6dbb9;
+  --bs-table-border-color: #ccc2a4;
   --bs-table-striped-bg: #f2e7c3;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #e6dbb9;
@@ -2006,7 +2010,7 @@ progress {
 .table-danger {
   --bs-table-color: #000;
   --bs-table-bg: #f8d7da;
-  --bs-table-border-color: #dfc2c4;
+  --bs-table-border-color: #c6acae;
   --bs-table-striped-bg: #eccccf;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #dfc2c4;
@@ -2020,7 +2024,7 @@ progress {
 .table-light {
   --bs-table-color: #000;
   --bs-table-bg: #f8f9fa;
-  --bs-table-border-color: #dfe0e1;
+  --bs-table-border-color: #c6c7c8;
   --bs-table-striped-bg: #ecedee;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #dfe0e1;
@@ -2034,7 +2038,7 @@ progress {
 .table-dark {
   --bs-table-color: #fff;
   --bs-table-bg: #212529;
-  --bs-table-border-color: #373b3e;
+  --bs-table-border-color: #4d5154;
   --bs-table-striped-bg: #2c3034;
   --bs-table-striped-color: #fff;
   --bs-table-active-bg: #373b3e;
@@ -2125,7 +2129,7 @@ progress {
   background-clip: padding-box;
   border: var(--bs-border-width) solid var(--bs-border-color);
   border-radius: var(--bs-border-radius);
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: var(--bs-box-shadow-inset);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2144,7 +2148,7 @@ progress {
   background-color: var(--bs-body-bg);
   border-color: #86b7fe;
   outline: 0;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 .form-control::-webkit-date-and-time-value {
   min-width: 85px;
@@ -2323,7 +2327,7 @@ textarea.form-control-lg {
   background-size: 16px 12px;
   border: var(--bs-border-width) solid var(--bs-border-color);
   border-radius: var(--bs-border-radius);
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: var(--bs-box-shadow-inset);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2334,7 +2338,7 @@ textarea.form-control-lg {
 .form-select:focus {
   border-color: #86b7fe;
   outline: 0;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
   padding-right: 0.75rem;
@@ -2392,6 +2396,7 @@ textarea.form-control-lg {
 
 .form-check-input {
   --bs-form-check-bg: var(--bs-body-bg);
+  flex-shrink: 0;
   width: 1em;
   height: 1em;
   margin-top: 0.25em;
@@ -2549,10 +2554,10 @@ textarea.form-control-lg {
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
-  background-color: var(--bs-tertiary-bg);
+  background-color: var(--bs-secondary-bg);
   border-color: transparent;
   border-radius: 1rem;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: var(--bs-box-shadow-inset);
 }
 .form-range::-moz-range-thumb {
   width: 1rem;
@@ -2580,10 +2585,10 @@ textarea.form-control-lg {
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
-  background-color: var(--bs-tertiary-bg);
+  background-color: var(--bs-secondary-bg);
   border-color: transparent;
   border-radius: 1rem;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: var(--bs-box-shadow-inset);
 }
 .form-range:disabled {
   pointer-events: none;
@@ -2834,7 +2839,7 @@ textarea.form-control-lg {
 }
 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
   border-color: var(--bs-form-valid-border-color);
-  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
+  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
 }
 
 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
@@ -2853,7 +2858,7 @@ textarea.form-control-lg {
 }
 .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
   border-color: var(--bs-form-valid-border-color);
-  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
+  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
 }
 
 .was-validated .form-control-color:valid, .form-control-color.is-valid {
@@ -2924,7 +2929,7 @@ textarea.form-control-lg {
 }
 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
   border-color: var(--bs-form-invalid-border-color);
-  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
+  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
 }
 
 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
@@ -2943,7 +2948,7 @@ textarea.form-control-lg {
 }
 .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
   border-color: var(--bs-form-invalid-border-color);
-  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
+  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
 }
 
 .was-validated .form-control-color:invalid, .form-control-color.is-invalid {
@@ -3047,6 +3052,9 @@ textarea.form-control-lg {
 .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
   box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
 }
+.btn-check:checked:focus-visible + .btn {
+  box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
+}
 .btn:disabled, .btn.disabled, fieldset:disabled .btn {
   color: var(--bs-btn-disabled-color);
   pointer-events: none;
@@ -3439,10 +3447,10 @@ textarea.form-control-lg {
   --bs-dropdown-border-color: var(--bs-border-color-translucent);
   --bs-dropdown-border-radius: var(--bs-border-radius);
   --bs-dropdown-border-width: var(--bs-border-width);
-  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
+  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
   --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
   --bs-dropdown-divider-margin-y: 0.5rem;
-  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-dropdown-box-shadow: var(--bs-box-shadow);
   --bs-dropdown-link-color: var(--bs-body-color);
   --bs-dropdown-link-hover-color: var(--bs-body-color);
   --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
@@ -4599,7 +4607,6 @@ textarea.form-control-lg {
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
   --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  --bs-accordion-btn-focus-border-color: #86b7fe;
   --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-accordion-body-padding-x: 1.25rem;
   --bs-accordion-body-padding-y: 1rem;
@@ -4657,7 +4664,6 @@ textarea.form-control-lg {
 }
 .accordion-button:focus {
   z-index: 3;
-  border-color: var(--bs-accordion-btn-focus-border-color);
   outline: 0;
   box-shadow: var(--bs-accordion-btn-focus-box-shadow);
 }
@@ -4675,7 +4681,7 @@ textarea.form-control-lg {
   border-top-left-radius: var(--bs-accordion-border-radius);
   border-top-right-radius: var(--bs-accordion-border-radius);
 }
-.accordion-item:first-of-type .accordion-button {
+.accordion-item:first-of-type > .accordion-header .accordion-button {
   border-top-left-radius: var(--bs-accordion-inner-border-radius);
   border-top-right-radius: var(--bs-accordion-inner-border-radius);
 }
@@ -4686,11 +4692,11 @@ textarea.form-control-lg {
   border-bottom-right-radius: var(--bs-accordion-border-radius);
   border-bottom-left-radius: var(--bs-accordion-border-radius);
 }
-.accordion-item:last-of-type .accordion-button.collapsed {
+.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
   border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
   border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
 }
-.accordion-item:last-of-type .accordion-collapse {
+.accordion-item:last-of-type > .accordion-collapse {
   border-bottom-right-radius: var(--bs-accordion-border-radius);
   border-bottom-left-radius: var(--bs-accordion-border-radius);
 }
@@ -4699,21 +4705,21 @@ textarea.form-control-lg {
   padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
 }
 
-.accordion-flush .accordion-collapse {
-  border-width: 0;
-}
-.accordion-flush .accordion-item {
+.accordion-flush > .accordion-item {
   border-right: 0;
   border-left: 0;
   border-radius: 0;
 }
-.accordion-flush .accordion-item:first-child {
+.accordion-flush > .accordion-item:first-child {
   border-top: 0;
 }
-.accordion-flush .accordion-item:last-child {
+.accordion-flush > .accordion-item:last-child {
   border-bottom: 0;
 }
-.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
+.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
+  border-radius: 0;
+}
+.accordion-flush > .accordion-item > .accordion-collapse {
   border-radius: 0;
 }
 
@@ -5500,7 +5506,7 @@ textarea.form-control-lg {
   --bs-modal-border-color: var(--bs-border-color-translucent);
   --bs-modal-border-width: var(--bs-border-width);
   --bs-modal-border-radius: var(--bs-border-radius-lg);
-  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
   --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
   --bs-modal-header-padding-x: 1rem;
   --bs-modal-header-padding-y: 1rem;
@@ -5601,7 +5607,6 @@ textarea.form-control-lg {
   display: flex;
   flex-shrink: 0;
   align-items: center;
-  justify-content: space-between;
   padding: var(--bs-modal-header-padding);
   border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
   border-top-left-radius: var(--bs-modal-inner-border-radius);
@@ -5642,7 +5647,7 @@ textarea.form-control-lg {
 @media (min-width: 576px) {
   .modal {
     --bs-modal-margin: 1.75rem;
-    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+    --bs-modal-box-shadow: var(--bs-box-shadow);
   }
   .modal-dialog {
     max-width: var(--bs-modal-width);
@@ -5893,8 +5898,8 @@ textarea.form-control-lg {
   --bs-popover-border-width: var(--bs-border-width);
   --bs-popover-border-color: var(--bs-border-color-translucent);
   --bs-popover-border-radius: var(--bs-border-radius-lg);
-  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
-  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
+  --bs-popover-box-shadow: var(--bs-box-shadow);
   --bs-popover-header-padding-x: 1rem;
   --bs-popover-header-padding-y: 0.5rem;
   --bs-popover-header-font-size: 1rem;
@@ -6168,20 +6173,12 @@ textarea.form-control-lg {
   background-size: 100% 100%;
 }
 
-/* rtl:options: {
-  "autoRename": true,
-  "stringMap":[ {
-    "name"    : "prev-next",
-    "search"  : "prev",
-    "replace" : "next"
-  } ]
-} */
 .carousel-control-prev-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
 }
 
 .carousel-control-next-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
 }
 
 .carousel-indicators {
@@ -6330,7 +6327,7 @@ textarea.form-control-lg {
   --bs-offcanvas-bg: var(--bs-body-bg);
   --bs-offcanvas-border-width: var(--bs-border-width);
   --bs-offcanvas-border-color: var(--bs-border-color-translucent);
-  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
   --bs-offcanvas-transition: transform 0.3s ease-in-out;
   --bs-offcanvas-title-line-height: 1.5;
 }
@@ -6807,14 +6804,11 @@ textarea.form-control-lg {
 .offcanvas-header {
   display: flex;
   align-items: center;
-  justify-content: space-between;
   padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
 }
 .offcanvas-header .btn-close {
   padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
-  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
-  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
-  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
+  margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
 }
 
 .offcanvas-title {
@@ -7415,15 +7409,15 @@ textarea.form-control-lg {
 }
 
 .shadow {
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+  box-shadow: var(--bs-box-shadow) !important;
 }
 
 .shadow-sm {
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+  box-shadow: var(--bs-box-shadow-sm) !important;
 }
 
 .shadow-lg {
-  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+  box-shadow: var(--bs-box-shadow-lg) !important;
 }
 
 .shadow-none {
@@ -12948,56 +12942,6 @@ textarea.form-control-lg {
   padding: 0 0.5rem;
 }
 
-.app-content-top-area,
-.app-content-bottom-area {
-  display: flex;
-  align-items: center;
-  padding: 0 0.5rem;
-  overflow: auto;
-  background: var(--bs-body-bg);
-}
-.app-content-top-area > .row,
-.app-content-bottom-area > .row {
-  display: contents;
-}
-.app-content-top-area.app-content-top-area-sm, .app-content-top-area.app-content-bottom-area-sm,
-.app-content-bottom-area.app-content-top-area-sm,
-.app-content-bottom-area.app-content-bottom-area-sm {
-  min-height: 3.5rem;
-}
-.app-content-top-area.app-content-top-area-md, .app-content-top-area.app-content-bottom-area-md,
-.app-content-bottom-area.app-content-top-area-md,
-.app-content-bottom-area.app-content-bottom-area-md {
-  min-height: 6rem;
-}
-.app-content-top-area.app-content-top-area-lg, .app-content-top-area.app-content-bottom-area-lg,
-.app-content-bottom-area.app-content-top-area-lg,
-.app-content-bottom-area.app-content-bottom-area-lg {
-  min-height: 9rem;
-}
-.app-content-top-area.app-content-top-area-xl, .app-content-top-area.app-content-bottom-area-xl,
-.app-content-bottom-area.app-content-top-area-xl,
-.app-content-bottom-area.app-content-bottom-area-xl {
-  min-height: 12rem;
-}
-
-.app-content-top-area:not(.app-content-top-area-sm):not(.app-content-top-area-md):not(.app-content-top-area-lg):not(.app-content-top-area-xl),
-.app-content-bottom-area:not(.app-content-bottom-area-sm):not(.app-content-bottom-area-md):not(.app-content-bottom-area-lg):not(.app-content-bottom-area-xl) {
-  padding-top: 0.9375rem;
-  padding-bottom: 0.9375rem;
-}
-
-.app-content-bottom-area {
-  border-top: 1px solid var(--bs-border-color);
-}
-
-.app-content-top-area {
-  border-bottom: 1px solid var(--bs-border-color);
-}
-.app-content-top-area + .app-main {
-  padding-top: 0.75rem;
-}
-
 .app-header {
   z-index: 1034;
   grid-area: lte-app-header;
@@ -13191,7 +13135,7 @@ textarea.form-control-lg {
 }
 .sidebar-menu .nav-item > .nav-link .nav-arrow {
   transition: transform ease-in-out 0.3s;
-  transform: translateY(-50%) /*rtl:rotate(180deg)*/;
+  transform: translateY(-50%) /*rtl:append:rotate(180deg)*/;
   animation-name: fadeIn;
   animation-duration: 0.3s;
   animation-fill-mode: both;
@@ -13243,7 +13187,7 @@ textarea.form-control-lg {
   display: block;
 }
 .sidebar-menu .menu-open > .nav-link .nav-arrow {
-  transform: translateY(-50%) rotate(90deg) /*rtl:rotate(90deg)*/;
+  transform: translateY(-50%) rotate(90deg) /*rtl:ignore*/;
 }
 
 .nav-compact.nav-indent .nav-treeview {
@@ -13408,31 +13352,28 @@ textarea.form-control-lg {
   /* stylelint-disable-next-line scss/selector-no-union-class-name */
 }
 @media (min-width: 576px) {
-  .sidebar-expand-sm.layout-fixed-complete .app-main-wrapper, .sidebar-expand-sm.layout-fixed .app-main-wrapper {
+  .sidebar-expand-sm.layout-fixed .app-main-wrapper {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
   }
-  .sidebar-expand-sm.layout-fixed-complete .app-sidebar-wrapper, .sidebar-expand-sm.layout-fixed .app-sidebar-wrapper {
+  .sidebar-expand-sm.layout-fixed .app-sidebar-wrapper {
     position: relative;
   }
-  .sidebar-expand-sm.layout-fixed-complete .app-main, .sidebar-expand-sm.layout-fixed .app-main {
+  .sidebar-expand-sm.layout-fixed .app-main {
     flex: 1 1 auto;
     overflow: auto;
   }
-  .sidebar-expand-sm.layout-fixed-complete .app-sidebar, .sidebar-expand-sm.layout-fixed .app-sidebar {
+  .sidebar-expand-sm.layout-fixed .app-sidebar {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     bottom: 0;
     max-height: 100vh;
   }
-  .sidebar-expand-sm.layout-fixed-complete .app-sidebar .sidebar-wrapper, .sidebar-expand-sm.layout-fixed .app-sidebar .sidebar-wrapper {
+  .sidebar-expand-sm.layout-fixed .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
   }
-  .sidebar-expand-sm.layout-fixed-complete .app-main-wrapper {
-    max-height: 100vh;
-  }
   .sidebar-expand-sm.sidebar-open .nav-link > .nav-badge,
   .sidebar-expand-sm.sidebar-open .nav-link > p > .nav-badge {
     animation-name: fadeIn;
@@ -13480,31 +13421,28 @@ textarea.form-control-lg {
   }
 }
 @media (min-width: 768px) {
-  .sidebar-expand-md.layout-fixed-complete .app-main-wrapper, .sidebar-expand-md.layout-fixed .app-main-wrapper {
+  .sidebar-expand-md.layout-fixed .app-main-wrapper {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
   }
-  .sidebar-expand-md.layout-fixed-complete .app-sidebar-wrapper, .sidebar-expand-md.layout-fixed .app-sidebar-wrapper {
+  .sidebar-expand-md.layout-fixed .app-sidebar-wrapper {
     position: relative;
   }
-  .sidebar-expand-md.layout-fixed-complete .app-main, .sidebar-expand-md.layout-fixed .app-main {
+  .sidebar-expand-md.layout-fixed .app-main {
     flex: 1 1 auto;
     overflow: auto;
   }
-  .sidebar-expand-md.layout-fixed-complete .app-sidebar, .sidebar-expand-md.layout-fixed .app-sidebar {
+  .sidebar-expand-md.layout-fixed .app-sidebar {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     bottom: 0;
     max-height: 100vh;
   }
-  .sidebar-expand-md.layout-fixed-complete .app-sidebar .sidebar-wrapper, .sidebar-expand-md.layout-fixed .app-sidebar .sidebar-wrapper {
+  .sidebar-expand-md.layout-fixed .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
   }
-  .sidebar-expand-md.layout-fixed-complete .app-main-wrapper {
-    max-height: 100vh;
-  }
   .sidebar-expand-md.sidebar-open .nav-link > .nav-badge,
   .sidebar-expand-md.sidebar-open .nav-link > p > .nav-badge {
     animation-name: fadeIn;
@@ -13552,31 +13490,28 @@ textarea.form-control-lg {
   }
 }
 @media (min-width: 992px) {
-  .sidebar-expand-lg.layout-fixed-complete .app-main-wrapper, .sidebar-expand-lg.layout-fixed .app-main-wrapper {
+  .sidebar-expand-lg.layout-fixed .app-main-wrapper {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
   }
-  .sidebar-expand-lg.layout-fixed-complete .app-sidebar-wrapper, .sidebar-expand-lg.layout-fixed .app-sidebar-wrapper {
+  .sidebar-expand-lg.layout-fixed .app-sidebar-wrapper {
     position: relative;
   }
-  .sidebar-expand-lg.layout-fixed-complete .app-main, .sidebar-expand-lg.layout-fixed .app-main {
+  .sidebar-expand-lg.layout-fixed .app-main {
     flex: 1 1 auto;
     overflow: auto;
   }
-  .sidebar-expand-lg.layout-fixed-complete .app-sidebar, .sidebar-expand-lg.layout-fixed .app-sidebar {
+  .sidebar-expand-lg.layout-fixed .app-sidebar {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     bottom: 0;
     max-height: 100vh;
   }
-  .sidebar-expand-lg.layout-fixed-complete .app-sidebar .sidebar-wrapper, .sidebar-expand-lg.layout-fixed .app-sidebar .sidebar-wrapper {
+  .sidebar-expand-lg.layout-fixed .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
   }
-  .sidebar-expand-lg.layout-fixed-complete .app-main-wrapper {
-    max-height: 100vh;
-  }
   .sidebar-expand-lg.sidebar-open .nav-link > .nav-badge,
   .sidebar-expand-lg.sidebar-open .nav-link > p > .nav-badge {
     animation-name: fadeIn;
@@ -13624,31 +13559,28 @@ textarea.form-control-lg {
   }
 }
 @media (min-width: 1200px) {
-  .sidebar-expand-xl.layout-fixed-complete .app-main-wrapper, .sidebar-expand-xl.layout-fixed .app-main-wrapper {
+  .sidebar-expand-xl.layout-fixed .app-main-wrapper {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
   }
-  .sidebar-expand-xl.layout-fixed-complete .app-sidebar-wrapper, .sidebar-expand-xl.layout-fixed .app-sidebar-wrapper {
+  .sidebar-expand-xl.layout-fixed .app-sidebar-wrapper {
     position: relative;
   }
-  .sidebar-expand-xl.layout-fixed-complete .app-main, .sidebar-expand-xl.layout-fixed .app-main {
+  .sidebar-expand-xl.layout-fixed .app-main {
     flex: 1 1 auto;
     overflow: auto;
   }
-  .sidebar-expand-xl.layout-fixed-complete .app-sidebar, .sidebar-expand-xl.layout-fixed .app-sidebar {
+  .sidebar-expand-xl.layout-fixed .app-sidebar {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     bottom: 0;
     max-height: 100vh;
   }
-  .sidebar-expand-xl.layout-fixed-complete .app-sidebar .sidebar-wrapper, .sidebar-expand-xl.layout-fixed .app-sidebar .sidebar-wrapper {
+  .sidebar-expand-xl.layout-fixed .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
   }
-  .sidebar-expand-xl.layout-fixed-complete .app-main-wrapper {
-    max-height: 100vh;
-  }
   .sidebar-expand-xl.sidebar-open .nav-link > .nav-badge,
   .sidebar-expand-xl.sidebar-open .nav-link > p > .nav-badge {
     animation-name: fadeIn;
@@ -13696,31 +13628,28 @@ textarea.form-control-lg {
   }
 }
 @media (min-width: 1400px) {
-  .sidebar-expand-xxl.layout-fixed-complete .app-main-wrapper, .sidebar-expand-xxl.layout-fixed .app-main-wrapper {
+  .sidebar-expand-xxl.layout-fixed .app-main-wrapper {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
   }
-  .sidebar-expand-xxl.layout-fixed-complete .app-sidebar-wrapper, .sidebar-expand-xxl.layout-fixed .app-sidebar-wrapper {
+  .sidebar-expand-xxl.layout-fixed .app-sidebar-wrapper {
     position: relative;
   }
-  .sidebar-expand-xxl.layout-fixed-complete .app-main, .sidebar-expand-xxl.layout-fixed .app-main {
+  .sidebar-expand-xxl.layout-fixed .app-main {
     flex: 1 1 auto;
     overflow: auto;
   }
-  .sidebar-expand-xxl.layout-fixed-complete .app-sidebar, .sidebar-expand-xxl.layout-fixed .app-sidebar {
+  .sidebar-expand-xxl.layout-fixed .app-sidebar {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     bottom: 0;
     max-height: 100vh;
   }
-  .sidebar-expand-xxl.layout-fixed-complete .app-sidebar .sidebar-wrapper, .sidebar-expand-xxl.layout-fixed .app-sidebar .sidebar-wrapper {
+  .sidebar-expand-xxl.layout-fixed .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
   }
-  .sidebar-expand-xxl.layout-fixed-complete .app-main-wrapper {
-    max-height: 100vh;
-  }
   .sidebar-expand-xxl.sidebar-open .nav-link > .nav-badge,
   .sidebar-expand-xxl.sidebar-open .nav-link > p > .nav-badge {
     animation-name: fadeIn;
@@ -13767,31 +13696,28 @@ textarea.form-control-lg {
     animation-fill-mode: both;
   }
 }
-.sidebar-expand.layout-fixed-complete .app-main-wrapper, .sidebar-expand.layout-fixed .app-main-wrapper {
+.sidebar-expand.layout-fixed .app-main-wrapper {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
 }
-.sidebar-expand.layout-fixed-complete .app-sidebar-wrapper, .sidebar-expand.layout-fixed .app-sidebar-wrapper {
+.sidebar-expand.layout-fixed .app-sidebar-wrapper {
   position: relative;
 }
-.sidebar-expand.layout-fixed-complete .app-main, .sidebar-expand.layout-fixed .app-main {
+.sidebar-expand.layout-fixed .app-main {
   flex: 1 1 auto;
   overflow: auto;
 }
-.sidebar-expand.layout-fixed-complete .app-sidebar, .sidebar-expand.layout-fixed .app-sidebar {
+.sidebar-expand.layout-fixed .app-sidebar {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   bottom: 0;
   max-height: 100vh;
 }
-.sidebar-expand.layout-fixed-complete .app-sidebar .sidebar-wrapper, .sidebar-expand.layout-fixed .app-sidebar .sidebar-wrapper {
+.sidebar-expand.layout-fixed .app-sidebar .sidebar-wrapper {
   height: calc(100vh - (calc(3.5rem + 1px)));
 }
-.sidebar-expand.layout-fixed-complete .app-main-wrapper {
-  max-height: 100vh;
-}
 .sidebar-expand.sidebar-open .nav-link > .nav-badge,
 .sidebar-expand.sidebar-open .nav-link > p > .nav-badge {
   animation-name: fadeIn;
@@ -13911,6 +13837,8 @@ body:not(.app-loaded) .app-footer {
 
 .app-main {
   position: relative;
+  display: flex;
+  flex-direction: column;
   grid-area: lte-app-main;
   max-width: 100vw;
   padding-bottom: 0.75rem;
@@ -13929,6 +13857,24 @@ body:not(.app-loaded) .app-footer {
   margin-bottom: 0;
   line-height: 2.5rem;
 }
+.app-main .app-content-header .breadcrumb a {
+  text-decoration: none;
+}
+.app-main .app-content-top-area,
+.app-main .app-content-bottom-area {
+  color: var(--bs-secondary-color);
+  background-color: var(--bs-body-bg);
+}
+.app-main .app-content-top-area {
+  padding: 1rem 0;
+  border-bottom: 1px solid var(--bs-border-color);
+}
+.app-main .app-content-bottom-area {
+  padding: 1rem 0;
+  margin-top: auto;
+  margin-bottom: -0.75rem;
+  border-top: 1px solid var(--bs-border-color);
+}
 
 .app-footer {
   grid-area: lte-app-footer;
@@ -14106,6 +14052,9 @@ body:not(.app-loaded) .app-footer {
   clear: both;
   content: "";
 }
+.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
+  text-decoration: none;
+}
 @media (min-width: 576px) {
   .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
     color: var(--bs-body-color) !important;
@@ -14153,6 +14102,10 @@ body:not(.app-loaded) .app-footer {
   background-color: var(--lte-callout-bg, var(--bs-gray-100));
   border-left: 0.25rem solid var(--lte-callout-border, var(--bs-gray-300));
 }
+.callout .callout-link {
+  font-weight: 700;
+  color: var(--bs-callout-link-color);
+}
 .callout h4, .callout .h4 {
   margin-bottom: 0.25rem;
 }
@@ -14167,71 +14120,58 @@ body:not(.app-loaded) .app-footer {
   --lte-callout-color: var(--bs-primary-text-emphasis);
   --lte-callout-bg: var(--bs-primary-bg-subtle);
   --lte-callout-border: var(--bs-primary-border-subtle);
+  --bs-callout-link-color: var(--bs-primary-text-emphasis);
 }
 
 .callout-secondary {
   --lte-callout-color: var(--bs-secondary-text-emphasis);
   --lte-callout-bg: var(--bs-secondary-bg-subtle);
   --lte-callout-border: var(--bs-secondary-border-subtle);
+  --bs-callout-link-color: var(--bs-secondary-text-emphasis);
 }
 
 .callout-success {
   --lte-callout-color: var(--bs-success-text-emphasis);
   --lte-callout-bg: var(--bs-success-bg-subtle);
   --lte-callout-border: var(--bs-success-border-subtle);
+  --bs-callout-link-color: var(--bs-success-text-emphasis);
 }
 
 .callout-info {
   --lte-callout-color: var(--bs-info-text-emphasis);
   --lte-callout-bg: var(--bs-info-bg-subtle);
   --lte-callout-border: var(--bs-info-border-subtle);
+  --bs-callout-link-color: var(--bs-info-text-emphasis);
 }
 
 .callout-warning {
   --lte-callout-color: var(--bs-warning-text-emphasis);
   --lte-callout-bg: var(--bs-warning-bg-subtle);
   --lte-callout-border: var(--bs-warning-border-subtle);
+  --bs-callout-link-color: var(--bs-warning-text-emphasis);
 }
 
 .callout-danger {
   --lte-callout-color: var(--bs-danger-text-emphasis);
   --lte-callout-bg: var(--bs-danger-bg-subtle);
   --lte-callout-border: var(--bs-danger-border-subtle);
+  --bs-callout-link-color: var(--bs-danger-text-emphasis);
 }
 
 .callout-light {
   --lte-callout-color: var(--bs-light-text-emphasis);
   --lte-callout-bg: var(--bs-light-bg-subtle);
   --lte-callout-border: var(--bs-light-border-subtle);
+  --bs-callout-link-color: var(--bs-light-text-emphasis);
 }
 
 .callout-dark {
   --lte-callout-color: var(--bs-dark-text-emphasis);
   --lte-callout-bg: var(--bs-dark-bg-subtle);
   --lte-callout-border: var(--bs-dark-border-subtle);
+  --bs-callout-link-color: var(--bs-dark-text-emphasis);
 }
 
-.compact-mode .app-content-top-area:not(.app-content-top-area-sm):not(.app-content-top-area-md):not(.app-content-top-area-lg):not(.app-content-top-area-xl),
-.compact-mode .app-content-bottom-area:not(.app-content-bottom-area-sm):not(.app-content-bottom-area-md):not(.app-content-bottom-area-lg):not(.app-content-bottom-area-xl) {
-  padding-top: 0.6375rem;
-  padding-bottom: 0.6375rem;
-}
-.compact-mode .app-content-top-area-sm,
-.compact-mode .app-content-bottom-area-sm {
-  min-height: 2.8875rem;
-}
-.compact-mode .app-content-top-area-md,
-.compact-mode .app-content-bottom-area-md {
-  min-height: 4.95rem;
-}
-.compact-mode .app-content-top-area-lg,
-.compact-mode .app-content-bottom-area-lg {
-  min-height: 7.425rem;
-}
-.compact-mode .app-content-top-area-xl,
-.compact-mode .app-content-bottom-area-xl {
-  min-height: 9.9rem;
-}
 .compact-mode .app-header {
   max-height: 2.75rem;
 }
@@ -14424,6 +14364,7 @@ body:not(.app-loaded) .app-footer {
   border-left: 0;
 }
 .card.card-outline-tabs .card-header a {
+  text-decoration: none;
   border-top: 3px solid transparent;
 }
 .card.card-outline-tabs .card-header a:hover {
@@ -14765,10 +14706,10 @@ html.maximized-card {
 .info-box .progress {
   height: 2px;
   margin: 5px 0;
-  background-color: rgba(0, 0, 0, 0.125);
+  background-color: rgba(var(--lte-card-variant-color-rgb), 0.125);
 }
 .info-box .progress .progress-bar {
-  background-color: #fff;
+  background-color: var(--lte-card-variant-color);
 }
 .info-box .info-box-icon {
   display: flex;
@@ -14802,30 +14743,6 @@ html.maximized-card {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.info-box .info-box .progress-bar {
-  background-color: #fff;
-}
-.info-box .info-box .progress-bar {
-  background-color: #fff;
-}
-.info-box .info-box .progress-bar {
-  background-color: #fff;
-}
-.info-box .info-box .progress-bar {
-  background-color: #000;
-}
-.info-box .info-box .progress-bar {
-  background-color: #000;
-}
-.info-box .info-box .progress-bar {
-  background-color: #fff;
-}
-.info-box .info-box .progress-bar {
-  background-color: #000;
-}
-.info-box .info-box .progress-bar {
-  background-color: #fff;
-}
 .info-box .info-box-more {
   display: block;
 }
@@ -14913,6 +14830,7 @@ html.maximized-card {
 }
 .timeline > div > .timeline-item > .timeline-header > a {
   font-weight: 600;
+  text-decoration: none;
 }
 .timeline > div > .timeline-item > .timeline-body,
 .timeline > div > .timeline-item > .timeline-footer {
@@ -15101,6 +15019,7 @@ html.maximized-card {
 .contacts-list > li {
   padding: 10px;
   margin: 0;
+  text-decoration: none;
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }
 .contacts-list > li::after {
@@ -15111,6 +15030,9 @@ html.maximized-card {
 .contacts-list > li:last-of-type {
   border-bottom: 0;
 }
+.contacts-list > li a {
+  text-decoration: none;
+}
 
 .contacts-list-img {
   border-radius: 50%;
@@ -15194,6 +15116,94 @@ html.maximized-card {
   --lte-direct-chat-bg: #212529;
 }
 
+.toast-primary {
+  --bs-toast-header-color: #fff;
+  --bs-toast-header-bg: #0d6efd;
+  --bs-toast-header-border-color: #0d6efd;
+  --bs-toast-border-color: #0d6efd;
+  --bs-toast-bg: var(--bs-primary-bg-subtle);
+}
+.toast-primary .btn-close {
+  filter: var(--bs-btn-close-white-filter);
+}
+
+.toast-secondary {
+  --bs-toast-header-color: #fff;
+  --bs-toast-header-bg: #6c757d;
+  --bs-toast-header-border-color: #6c757d;
+  --bs-toast-border-color: #6c757d;
+  --bs-toast-bg: var(--bs-secondary-bg-subtle);
+}
+.toast-secondary .btn-close {
+  filter: var(--bs-btn-close-white-filter);
+}
+
+.toast-success {
+  --bs-toast-header-color: #fff;
+  --bs-toast-header-bg: #198754;
+  --bs-toast-header-border-color: #198754;
+  --bs-toast-border-color: #198754;
+  --bs-toast-bg: var(--bs-success-bg-subtle);
+}
+.toast-success .btn-close {
+  filter: var(--bs-btn-close-white-filter);
+}
+
+.toast-info {
+  --bs-toast-header-color: #000;
+  --bs-toast-header-bg: #0dcaf0;
+  --bs-toast-header-border-color: #0dcaf0;
+  --bs-toast-border-color: #0dcaf0;
+  --bs-toast-bg: var(--bs-info-bg-subtle);
+}
+
+.toast-warning {
+  --bs-toast-header-color: #000;
+  --bs-toast-header-bg: #ffc107;
+  --bs-toast-header-border-color: #ffc107;
+  --bs-toast-border-color: #ffc107;
+  --bs-toast-bg: var(--bs-warning-bg-subtle);
+}
+
+.toast-danger {
+  --bs-toast-header-color: #fff;
+  --bs-toast-header-bg: #dc3545;
+  --bs-toast-header-border-color: #dc3545;
+  --bs-toast-border-color: #dc3545;
+  --bs-toast-bg: var(--bs-danger-bg-subtle);
+}
+.toast-danger .btn-close {
+  filter: var(--bs-btn-close-white-filter);
+}
+
+.toast-light {
+  --bs-toast-header-color: #000;
+  --bs-toast-header-bg: #f8f9fa;
+  --bs-toast-header-border-color: #f8f9fa;
+  --bs-toast-border-color: #f8f9fa;
+  --bs-toast-bg: var(--bs-light-bg-subtle);
+}
+
+.toast-dark {
+  --bs-toast-header-color: #fff;
+  --bs-toast-header-bg: #212529;
+  --bs-toast-header-border-color: #212529;
+  --bs-toast-border-color: #212529;
+  --bs-toast-bg: var(--bs-dark-bg-subtle);
+}
+.toast-dark .btn-close {
+  filter: var(--bs-btn-close-white-filter);
+}
+
+[data-bs-theme=dark] .toast-info .btn-close {
+  --bs-btn-close-white-filter: none;
+}
+[data-bs-theme=dark] .toast-warning .btn-close {
+  --bs-btn-close-white-filter: none;
+}
+[data-bs-theme=dark] .toast-light .btn-close {
+  --bs-btn-close-white-filter: none;
+}
 .login-logo,
 .register-logo {
   margin-bottom: 0.9rem;
@@ -15204,6 +15214,7 @@ html.maximized-card {
 .login-logo a,
 .register-logo a {
   color: var(--bs-secondary-color);
+  text-decoration: none;
 }
 
 .login-page,
@@ -15304,6 +15315,7 @@ html.maximized-card {
 }
 .lockscreen .lockscreen-logo a {
   color: var(--bs-emphasis-color);
+  text-decoration: none;
 }
 .lockscreen .lockscreen-wrapper {
   max-width: 400px;