admin-lte 4.0.0-rc4 → 4.0.0-rc7

package/dist/css/adminlte.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- *   AdminLTE v4.0.0-rc3
+ *   AdminLTE v4.0.0-rc7
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>
  *   License: Open source - MIT <https://opensource.org/licenses/MIT>
@@ -548,6 +548,10 @@ legend + * {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
+[type=search]::-webkit-search-cancel-button {
+  cursor: pointer;
+  filter: grayscale(1);
+}
 
 /* rtl:raw:
 [type="tel"],
@@ -2118,7 +2122,6 @@ progress {
   line-height: 1.5;
   color: var(--bs-body-color);
   -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   background-color: var(--bs-body-bg);
   background-clip: padding-box;
@@ -2154,10 +2157,6 @@ progress {
   display: block;
   padding: 0;
 }
-.form-control::-moz-placeholder {
-  color: var(--bs-secondary-color);
-  opacity: 1;
-}
 .form-control::placeholder {
   color: var(--bs-secondary-color);
   opacity: 1;
@@ -2275,7 +2274,6 @@ textarea.form-control-lg {
   line-height: 1.5;
   color: var(--bs-body-color);
   -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   background-color: var(--bs-body-bg);
   background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
@@ -2359,7 +2357,6 @@ textarea.form-control-lg {
   margin-top: 0.25em;
   vertical-align: top;
   -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   background-color: var(--bs-form-check-bg);
   background-image: var(--bs-form-check-bg-image);
@@ -2467,7 +2464,6 @@ textarea.form-control-lg {
   height: 1.5rem;
   padding: 0;
   -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   background-color: transparent;
 }
@@ -2518,7 +2514,6 @@ textarea.form-control-lg {
 .form-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
-  -moz-appearance: none;
   appearance: none;
   background-color: #0d6efd;
   border: 0;
@@ -2593,17 +2588,10 @@ textarea.form-control-lg {
 .form-floating > .form-control-plaintext {
   padding: 1rem 0.75rem;
 }
-.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
-  color: transparent;
-}
 .form-floating > .form-control::placeholder,
 .form-floating > .form-control-plaintext::placeholder {
   color: transparent;
 }
-.form-floating > .form-control:not(:-moz-placeholder), .form-floating > .form-control-plaintext:not(:-moz-placeholder) {
-  padding-top: 1.625rem;
-  padding-bottom: 0.625rem;
-}
 .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
 .form-floating > .form-control-plaintext:focus,
 .form-floating > .form-control-plaintext:not(:placeholder-shown) {
@@ -2620,9 +2608,6 @@ textarea.form-control-lg {
   padding-bottom: 0.625rem;
   padding-left: 0.75rem;
 }
-.form-floating > .form-control:not(:-moz-placeholder) ~ label {
-  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
-}
 .form-floating > .form-control:focus ~ label,
 .form-floating > .form-control:not(:placeholder-shown) ~ label,
 .form-floating > .form-control-plaintext ~ label,
@@ -2632,15 +2617,6 @@ textarea.form-control-lg {
 .form-floating > .form-control:-webkit-autofill ~ label {
   transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
-.form-floating > textarea:not(:-moz-placeholder) ~ label::after {
-  position: absolute;
-  inset: 1rem 0.375rem;
-  z-index: -1;
-  height: 1.5em;
-  content: "";
-  background-color: var(--bs-body-bg);
-  border-radius: var(--bs-border-radius);
-}
 .form-floating > textarea:focus ~ label::after,
 .form-floating > textarea:not(:placeholder-shown) ~ label::after {
   position: absolute;
@@ -2961,7 +2937,6 @@ textarea.form-control-lg {
   vertical-align: middle;
   cursor: pointer;
   -webkit-user-select: none;
-  -moz-user-select: none;
   user-select: none;
   border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
   border-radius: var(--bs-btn-border-radius);
@@ -4782,10 +4757,15 @@ textarea.form-control-lg {
 }
 
 .page-item:not(:first-child) .page-link {
-  margin-left: calc(var(--bs-border-width) * -1);
+  margin-left: calc(-1 * var(--bs-border-width));
+}
+.page-item:first-child .page-link {
+  border-top-left-radius: var(--bs-pagination-border-radius);
+  border-bottom-left-radius: var(--bs-pagination-border-radius);
 }
-.page-item .page-link {
-  border-radius: var(--bs-pagination-border-radius);
+.page-item:last-child .page-link {
+  border-top-right-radius: var(--bs-pagination-border-radius);
+  border-bottom-right-radius: var(--bs-pagination-border-radius);
 }
 
 .pagination-lg {
@@ -5362,7 +5342,6 @@ textarea.form-control-lg {
 .btn-close:disabled, .btn-close.disabled {
   pointer-events: none;
   -webkit-user-select: none;
-  -moz-user-select: none;
   user-select: none;
   opacity: var(--bs-btn-close-disabled-opacity);
 }
@@ -5418,7 +5397,6 @@ textarea.form-control-lg {
   --bs-toast-zindex: 1090;
   position: absolute;
   z-index: var(--bs-toast-zindex);
-  width: -moz-max-content;
   width: max-content;
   max-width: 100%;
   pointer-events: none;
@@ -6209,6 +6187,7 @@ textarea.form-control-lg {
 .spinner-grow,
 .spinner-border {
   display: inline-block;
+  flex-shrink: 0;
   width: var(--bs-spinner-width);
   height: var(--bs-spinner-height);
   vertical-align: var(--bs-spinner-vertical-align);
@@ -9040,19 +9019,16 @@ textarea.form-control-lg {
 
 .user-select-all {
   -webkit-user-select: all !important;
-  -moz-user-select: all !important;
   user-select: all !important;
 }
 
 .user-select-auto {
   -webkit-user-select: auto !important;
-  -moz-user-select: auto !important;
   user-select: auto !important;
 }
 
 .user-select-none {
   -webkit-user-select: none !important;
-  -moz-user-select: none !important;
   user-select: none !important;
 }
 
@@ -12977,8 +12953,8 @@ textarea.form-control-lg {
   padding-right: 0.5rem;
   padding-bottom: 0.5rem;
   padding-left: 0.5rem;
+  overscroll-behavior: contain;
   scrollbar-color: var(--bs-secondary-bg) transparent;
-  scrollbar-width: thin;
 }
 .sidebar-wrapper::-webkit-scrollbar-thumb {
   background-color: var(--bs-secondary-bg);
@@ -12989,6 +12965,9 @@ textarea.form-control-lg {
 .sidebar-wrapper::-webkit-scrollbar-corner {
   background-color: transparent;
 }
+.sidebar-wrapper {
+  scrollbar-width: thin;
+}
 .sidebar-wrapper::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
@@ -13031,7 +13010,10 @@ textarea.form-control-lg {
   background-color: var(--lte-sidebar-submenu-bg);
 }
 .sidebar-wrapper .nav-header {
+  display: inline;
+  overflow: hidden;
   color: var(--lte-sidebar-header-color);
+  text-overflow: ellipsis;
   background-color: inherit;
 }
 .sidebar-wrapper a {
@@ -13056,16 +13038,18 @@ textarea.form-control-lg {
 }
 .sidebar-menu .nav-item > .nav-link .nav-arrow {
   transition: transform ease-in-out 0.3s;
-  transform: translateY(-50%) /*rtl:append:rotate(180deg)*/;
-  animation-name: fadeIn;
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
 }
 @media (prefers-reduced-motion: reduce) {
   .sidebar-menu .nav-item > .nav-link .nav-arrow {
     transition: none;
   }
 }
+.sidebar-menu .nav-item > .nav-link .nav-arrow {
+  transform: translateY(-50%) /*rtl:append:rotate(180deg)*/;
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
 .sidebar-menu .nav-link > .nav-badge,
 .sidebar-menu .nav-link > p > .nav-badge {
   position: absolute;
@@ -13083,21 +13067,31 @@ textarea.form-control-lg {
   position: relative;
   width: 100%;
   transition: width ease-in-out 0.3s;
-  border-radius: 0.375rem;
 }
 @media (prefers-reduced-motion: reduce) {
   .sidebar-menu .nav-link {
     transition: none;
   }
 }
+.sidebar-menu .nav-link {
+  border-radius: 0.375rem;
+}
 .sidebar-menu .nav-link p {
   display: inline;
   padding-left: 0.5rem;
   margin: 0;
 }
 .sidebar-menu .nav-header {
+  position: relative;
+  width: 100%;
   padding: 0.5rem 0.75rem;
   font-size: 0.9rem;
+  transition: width ease-in-out 0.3s;
+}
+@media (prefers-reduced-motion: reduce) {
+  .sidebar-menu .nav-header {
+    transition: none;
+  }
 }
 .sidebar-menu .nav-treeview {
   display: none;
@@ -13223,19 +13217,19 @@ textarea.form-control-lg {
   animation-duration: 0.3s;
   animation-fill-mode: both;
 }
-.sidebar-mini.sidebar-collapse .app-sidebar:hover {
+.sidebar-mini.sidebar-collapse:not(.sidebar-without-hover) .app-sidebar:hover {
   min-width: var(--lte-sidebar-width);
   max-width: var(--lte-sidebar-width);
 }
-.sidebar-mini.sidebar-collapse .app-sidebar:hover .sidebar-menu .nav-header {
-  display: inline-block;
+.sidebar-mini.sidebar-collapse:not(.sidebar-without-hover) .app-sidebar:hover .sidebar-menu .nav-header {
+  display: inline;
 }
-.sidebar-mini.sidebar-collapse .app-sidebar:hover .sidebar-menu .nav-link {
+.sidebar-mini.sidebar-collapse:not(.sidebar-without-hover) .app-sidebar:hover .sidebar-menu .nav-link {
   width: auto;
 }
-.sidebar-mini.sidebar-collapse .app-sidebar:hover .sidebar-menu .nav-link p,
-.sidebar-mini.sidebar-collapse .app-sidebar:hover .brand-text,
-.sidebar-mini.sidebar-collapse .app-sidebar:hover .logo-xl {
+.sidebar-mini.sidebar-collapse:not(.sidebar-without-hover) .app-sidebar:hover .sidebar-menu .nav-link p,
+.sidebar-mini.sidebar-collapse:not(.sidebar-without-hover) .app-sidebar:hover .brand-text,
+.sidebar-mini.sidebar-collapse:not(.sidebar-without-hover) .app-sidebar:hover .logo-xl {
   width: auto;
   margin-left: 0;
   visibility: visible;
@@ -13243,7 +13237,7 @@ textarea.form-control-lg {
   animation-duration: 0.3s;
   animation-fill-mode: both;
 }
-.sidebar-mini.sidebar-collapse .app-sidebar:hover .brand-text {
+.sidebar-mini.sidebar-collapse:not(.sidebar-without-hover) .app-sidebar:hover .brand-text {
   display: inline;
   max-width: inherit;
   margin-left: 0.5rem;
@@ -13251,8 +13245,8 @@ textarea.form-control-lg {
   animation-duration: 0.3s;
   animation-fill-mode: both;
 }
-.sidebar-mini.sidebar-collapse .app-sidebar:hover .nav-badge,
-.sidebar-mini.sidebar-collapse .app-sidebar:hover .nav-arrow {
+.sidebar-mini.sidebar-collapse:not(.sidebar-without-hover) .app-sidebar:hover .nav-badge,
+.sidebar-mini.sidebar-collapse:not(.sidebar-without-hover) .app-sidebar:hover .nav-arrow {
   display: inline-block;
   visibility: visible;
   animation-name: fadeIn;
@@ -13260,10 +13254,10 @@ textarea.form-control-lg {
   animation-fill-mode: both;
   animation-delay: 0.3s;
 }
-.sidebar-mini.sidebar-collapse .app-sidebar:hover .nav-link p {
+.sidebar-mini.sidebar-collapse:not(.sidebar-without-hover) .app-sidebar:hover .nav-link p {
   padding-left: 0.5rem;
 }
-.sidebar-mini.sidebar-collapse .app-sidebar:hover .logo-xs {
+.sidebar-mini.sidebar-collapse:not(.sidebar-without-hover) .app-sidebar:hover .logo-xs {
   visibility: hidden;
   animation-name: fadeOut;
   animation-duration: 0.3s;
@@ -13276,11 +13270,6 @@ textarea.form-control-lg {
 
 .sidebar-expand {
   /* stylelint-disable-next-line scss/selector-no-union-class-name */
-  /* stylelint-disable-next-line scss/selector-no-union-class-name */
-  /* stylelint-disable-next-line scss/selector-no-union-class-name */
-  /* stylelint-disable-next-line scss/selector-no-union-class-name */
-  /* stylelint-disable-next-line scss/selector-no-union-class-name */
-  /* stylelint-disable-next-line scss/selector-no-union-class-name */
 }
 @media (min-width: 576px) {
   .sidebar-expand-sm.layout-fixed .app-main-wrapper {
@@ -13354,6 +13343,9 @@ textarea.form-control-lg {
     animation-fill-mode: both;
   }
 }
+.sidebar-expand {
+  /* stylelint-disable-next-line scss/selector-no-union-class-name */
+}
 @media (min-width: 768px) {
   .sidebar-expand-md.layout-fixed .app-main-wrapper {
     display: flex;
@@ -13426,6 +13418,9 @@ textarea.form-control-lg {
     animation-fill-mode: both;
   }
 }
+.sidebar-expand {
+  /* stylelint-disable-next-line scss/selector-no-union-class-name */
+}
 @media (min-width: 992px) {
   .sidebar-expand-lg.layout-fixed .app-main-wrapper {
     display: flex;
@@ -13498,6 +13493,9 @@ textarea.form-control-lg {
     animation-fill-mode: both;
   }
 }
+.sidebar-expand {
+  /* stylelint-disable-next-line scss/selector-no-union-class-name */
+}
 @media (min-width: 1200px) {
   .sidebar-expand-xl.layout-fixed .app-main-wrapper {
     display: flex;
@@ -13570,6 +13568,9 @@ textarea.form-control-lg {
     animation-fill-mode: both;
   }
 }
+.sidebar-expand {
+  /* stylelint-disable-next-line scss/selector-no-union-class-name */
+}
 @media (min-width: 1400px) {
   .sidebar-expand-xxl.layout-fixed .app-main-wrapper {
     display: flex;
@@ -13642,6 +13643,9 @@ textarea.form-control-lg {
     animation-fill-mode: both;
   }
 }
+.sidebar-expand {
+  /* stylelint-disable-next-line scss/selector-no-union-class-name */
+}
 .sidebar-expand.layout-fixed .app-main-wrapper {
   display: flex;
   flex-direction: column;
@@ -13736,7 +13740,6 @@ body:not(.app-loaded) .app-sidebar,
 body:not(.app-loaded) .app-main,
 body:not(.app-loaded) .app-footer {
   transition: none !important;
-  animation-duration: 0s !important;
 }
 @media (prefers-reduced-motion: reduce) {
   body:not(.app-loaded) .app-header,
@@ -13746,6 +13749,12 @@ body:not(.app-loaded) .app-footer {
     transition: none;
   }
 }
+body:not(.app-loaded) .app-header,
+body:not(.app-loaded) .app-sidebar,
+body:not(.app-loaded) .app-main,
+body:not(.app-loaded) .app-footer {
+  animation-duration: 0s !important;
+}
 
 .hold-transition .app-header,
 .hold-transition .app-sidebar,
@@ -13754,7 +13763,6 @@ body:not(.app-loaded) .app-footer {
 .hold-transition .nav-arrow,
 .hold-transition .nav-badge {
   transition: none !important;
-  animation-duration: 0s !important;
 }
 @media (prefers-reduced-motion: reduce) {
   .hold-transition .app-header,
@@ -13766,6 +13774,14 @@ body:not(.app-loaded) .app-footer {
     transition: none;
   }
 }
+.hold-transition .app-header,
+.hold-transition .app-sidebar,
+.hold-transition .app-main,
+.hold-transition .app-footer,
+.hold-transition .nav-arrow,
+.hold-transition .nav-badge {
+  animation-duration: 0s !important;
+}
 
 [data-bs-theme=dark].app-sidebar,
 [data-bs-theme=dark] .app-sidebar {
@@ -13847,6 +13863,13 @@ body:not(.app-loaded) .app-footer {
   bottom: 0;
   z-index: 1030;
 }
+.fixed-footer.layout-fixed .app-main {
+  min-height: 0;
+}
+
+.dropdown-menu {
+  overflow: hidden;
+}
 
 .fs-7 .dropdown-menu {
   font-size: 0.875rem !important;
@@ -13963,16 +13986,9 @@ body:not(.app-loaded) .app-footer {
   content: none;
 }
 .navbar-nav > .user-menu > .dropdown-menu {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
   width: 280px;
   padding: 0;
 }
-.navbar-nav > .user-menu > .dropdown-menu,
-.navbar-nav > .user-menu > .dropdown-menu > .user-body {
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
 .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
   min-height: 175px;
   padding: 10px;
@@ -13996,40 +14012,34 @@ body:not(.app-loaded) .app-footer {
   display: block;
   font-size: 12px;
 }
-.navbar-nav > .user-menu > .dropdown-menu > .user-body {
-  padding: 15px;
-  border-top: 1px solid var(--bs-border-color);
-  border-bottom: 1px solid var(--bs-border-color-translucent);
-}
 .navbar-nav > .user-menu > .dropdown-menu > .user-body::after {
   display: block;
   clear: both;
   content: "";
 }
+.navbar-nav > .user-menu > .dropdown-menu > .user-body {
+  padding: 15px;
+  border-top: 1px solid var(--bs-border-color);
+  border-bottom: 1px solid var(--bs-border-color-translucent);
+}
 .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;
-    background-color: var(--bs-body-bg) !important;
-  }
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
-  padding: 10px;
-  background-color: var(--bs-light-bg);
-}
 .navbar-nav > .user-menu > .dropdown-menu > .user-footer::after {
   display: block;
   clear: both;
   content: "";
 }
-.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
-  color: var(--bs-body-color);
+.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
+  padding: 10px;
+  background-color: var(--bs-light-bg);
 }
 @media (min-width: 576px) {
-  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
-    background-color: var(--bs-body-bg);
+  .navbar-nav > .user-menu .user-image {
+    float: none;
+    margin-top: -8px;
+    margin-right: 0.4rem;
+    line-height: 10px;
   }
 }
 .navbar-nav > .user-menu .user-image {
@@ -14039,14 +14049,6 @@ body:not(.app-loaded) .app-footer {
   margin-top: -2px;
   border-radius: 50%;
 }
-@media (min-width: 576px) {
-  .navbar-nav > .user-menu .user-image {
-    float: none;
-    margin-top: -8px;
-    margin-right: 0.4rem;
-    line-height: 10px;
-  }
-}
 
 .callout {
   --bs-link-color-rgb: var(--lte-callout-link);
@@ -14255,14 +14257,14 @@ body:not(.app-loaded) .app-footer {
 .card:not(.maximized-card) [data-lte-icon=minimize] {
   display: none;
 }
-.card.collapsed-card [data-lte-icon=collapse] {
+.card.collapsed-card > .card-header [data-lte-icon=collapse] {
   display: none;
 }
-.card.collapsed-card .card-body,
-.card.collapsed-card .card-footer {
+.card.collapsed-card > .card-body,
+.card.collapsed-card > .card-footer {
   display: none;
 }
-.card:not(.collapsed-card) [data-lte-icon=expand] {
+.card:not(.collapsed-card) > .card-header [data-lte-icon=expand] {
   display: none;
 }
 .card .nav.flex-column > li {
@@ -14390,8 +14392,6 @@ html.maximized-card {
 .btn-tool {
   --bs-btn-padding-x: .5rem;
   --bs-btn-padding-y: .25rem;
-  margin: -1rem 0;
-  font-size: 0.875rem;
 }
 .btn-tool:not(.btn-tool-custom) {
   --bs-btn-color: var(--bs-tertiary-color);
@@ -14400,6 +14400,10 @@ html.maximized-card {
   --bs-btn-hover-color: var(--bs-secondary-color);
   --bs-btn-active-border-color: transparent;
 }
+.btn-tool {
+  margin: -1rem 0;
+  font-size: 0.875rem;
+}
 
 .card-primary,
 .bg-primary,
@@ -14551,16 +14555,18 @@ html.maximized-card {
 }
 .small-box h3, .small-box .h3 {
   font-size: calc(1.345rem + 1.14vw);
-  padding: 0;
-  margin: 0 0 10px;
-  font-weight: 700;
-  white-space: nowrap;
 }
 @media (min-width: 1200px) {
   .small-box h3, .small-box .h3 {
     font-size: 2.2rem;
   }
 }
+.small-box h3, .small-box .h3 {
+  padding: 0;
+  margin: 0 0 10px;
+  font-weight: 700;
+  white-space: nowrap;
+}
 @media (min-width: 992px) {
   .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 {
     font-size: calc(1.285rem + 0.42vw);
@@ -14747,15 +14753,15 @@ html.maximized-card {
   content: "";
   background-color: var(--bs-border-color);
 }
+.timeline > div::before, .timeline > div::after {
+  display: table;
+  content: "";
+}
 .timeline > div {
   position: relative;
   margin-right: 10px;
   margin-bottom: 15px;
 }
-.timeline > div::before, .timeline > div::after {
-  display: table;
-  content: "";
-}
 .timeline > div > .timeline-item {
   box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
   border-radius: 0.375rem;
@@ -14853,14 +14859,14 @@ html.maximized-card {
   display: block;
 }
 
-.direct-chat-msg {
-  margin-bottom: 10px;
-}
 .direct-chat-msg::after {
   display: block;
   clear: both;
   content: "";
 }
+.direct-chat-msg {
+  margin-bottom: 10px;
+}
 
 .direct-chat-messages,
 .direct-chat-contacts {
@@ -14969,17 +14975,17 @@ html.maximized-card {
   padding-left: 0;
   list-style: none;
 }
+.contacts-list > li::after {
+  display: block;
+  clear: both;
+  content: "";
+}
 .contacts-list > li {
   padding: 10px;
   margin: 0;
   text-decoration: none;
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }
-.contacts-list > li::after {
-  display: block;
-  clear: both;
-  content: "";
-}
 .contacts-list > li:last-of-type {
   border-bottom: 0;
 }
@@ -15181,7 +15187,7 @@ html.maximized-card {
 
 .login-box,
 .register-box {
-  width: 360px;
+  width: 400px;
 }
 @media (max-width: 576px) {
   .login-box,
@@ -15471,13 +15477,6 @@ html.maximized-card {
   box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
-.invalid-feedback {
-  display: block;
-  width: 100%;
-  margin-top: 0.25rem;
-  font-size: 0.875em;
-  color: var(--bs-danger);
-}
 .invalid-feedback[role=alert] {
   font-weight: 600;
 }
@@ -15588,6 +15587,42 @@ fieldset legend {
     font-size: 0.8em;
     content: " (" attr(href) ")";
   }
+  /* Print Layout Fix - Ensure sidebar and main content are both visible */
+  .app-wrapper {
+    display: grid !important;
+    grid-template-rows: auto 1fr auto !important;
+    grid-template-columns: auto 1fr !important;
+  }
+  .sidebar-overlay {
+    display: none !important;
+  }
+  .app-sidebar {
+    position: static !important;
+    display: block !important;
+    min-width: 200px !important;
+    max-width: 200px !important;
+    max-height: none !important;
+    margin-left: 0 !important;
+    overflow: visible !important;
+  }
+  .sidebar-wrapper {
+    height: auto !important;
+    overflow: visible !important;
+  }
+  .app-header {
+    position: static !important;
+  }
+  .app-main {
+    width: auto !important;
+    max-width: 100% !important;
+    overflow: visible !important;
+  }
+  .app-content {
+    overflow: visible !important;
+  }
+  .app-footer {
+    position: static !important;
+  }
 }
 
 /*# sourceMappingURL=adminlte.css.map */