@clayui/css 3.137.0 → 3.139.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.137.0
+ * Clay 3.139.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -16,7 +16,7 @@
  * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
  */
 /**
- * Clay 3.137.0
+ * Clay 3.139.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -5175,6 +5175,12 @@ html:not(#__):not(#___) .cadmin .sticker-user-icon {
   border-radius: 5000px;
   box-shadow: 0 0 0 1px #e7e7ed;
 }
+html:not(#__):not(#___) .cadmin .sticker-xs {
+  font-size: 0.5rem;
+  height: 1rem;
+  line-height: 1rem;
+  width: 1rem;
+}
 html:not(#__):not(#___) .cadmin .sticker-sm {
   font-size: 12px;
   height: 24px;
@@ -9408,6 +9414,13 @@ html:not(#__):not(#___) .cadmin .date-picker .input-group-text {
     min-width: 24px;
   }
 }
+@media (max-width: 575.98px) {
+  html:not(#__):not(#___) .cadmin .date-picker .input-group-text {
+    font-size: inherit;
+    height: 32px;
+    min-width: 24px;
+  }
+}
 html:not(#__):not(#___) .cadmin .date-picker-dropdown-menu {
   max-height: none;
   max-width: 352px;
@@ -9425,6 +9438,14 @@ html:not(#__):not(#___) .cadmin .date-picker-dropdown-menu {
     max-width: 264px;
   }
 }
+@media (max-width: 575.98px) {
+  html:not(#__):not(#___) .cadmin .date-picker-dropdown-menu {
+    font-size: 12px;
+    margin: 0;
+    max-height: 255px;
+    max-width: 264px;
+  }
+}
 html:not(#__):not(#___) .cadmin .date-picker-nav {
   display: flex;
   margin-left: -2px;
@@ -9483,6 +9504,15 @@ html:not(#__):not(#___) .cadmin .date-picker-nav .nav-btn-monospaced {
     min-width: 24px;
   }
 }
+@media (max-width: 575.98px) {
+  html:not(#__):not(#___) .cadmin .date-picker-nav .nav-btn-monospaced {
+    font-size: 12px;
+    height: 24px;
+    max-height: 24px;
+    max-width: 24px;
+    min-width: 24px;
+  }
+}
 html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control {
   background-color: transparent;
   border-color: transparent;
@@ -9500,6 +9530,12 @@ html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control {
     height: 24px;
   }
 }
+@media (max-width: 575.98px) {
+  html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control {
+    font-size: 12px;
+    height: 24px;
+  }
+}
 html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control:hover, html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control.hover {
   background-color: #f1f2f5;
   color: #272833;
@@ -9531,6 +9567,12 @@ html:not(#__):not(#___) .cadmin .date-picker-nav .form-control-select {
     height: 24px;
   }
 }
+@media (max-width: 575.98px) {
+  html:not(#__):not(#___) .cadmin .date-picker-nav .form-control-select {
+    font-size: 12px;
+    height: 24px;
+  }
+}
 html:not(#__):not(#___) .cadmin .date-picker-nav .form-control-select:hover, html:not(#__):not(#___) .cadmin .date-picker-nav .form-control-select.hover {
   background-color: #f1f2f5;
   color: #272833;
@@ -9576,6 +9618,14 @@ html:not(#__):not(#___) .cadmin .date-picker-calendar-header {
     padding-top: 8px;
   }
 }
+@media (max-width: 575.98px) {
+  html:not(#__):not(#___) .cadmin .date-picker-calendar-header {
+    padding-bottom: 4px;
+    padding-left: 6px;
+    padding-right: 6px;
+    padding-top: 8px;
+  }
+}
 html:not(#__):not(#___) .cadmin .date-picker-calendar-body {
   padding-left: 8px;
   padding-right: 8px;
@@ -9588,6 +9638,13 @@ html:not(#__):not(#___) .cadmin .date-picker-calendar-body {
     padding-bottom: 4px;
   }
 }
+@media (max-width: 575.98px) {
+  html:not(#__):not(#___) .cadmin .date-picker-calendar-body {
+    padding-left: 6px;
+    padding-right: 6px;
+    padding-bottom: 4px;
+  }
+}
 html:not(#__):not(#___) .cadmin .date-picker-calendar-footer {
   border-color: #cdced9;
   border-style: solid;
@@ -9604,6 +9661,13 @@ html:not(#__):not(#___) .cadmin .date-picker-calendar-footer {
     padding-top: 7px;
   }
 }
+@media (max-width: 575.98px) {
+  html:not(#__):not(#___) .cadmin .date-picker-calendar-footer {
+    padding-left: 6px;
+    padding-right: 6px;
+    padding-top: 7px;
+  }
+}
 html:not(#__):not(#___) .cadmin .date-picker-calendar-item {
   align-items: center;
   background-color: transparent;
@@ -9638,6 +9702,12 @@ html:not(#__):not(#___) .c-prefers-reduced-motion .cadmin .date-picker-calendar-
   transition: none;
 }
 
+@media (max-width: 575.98px) {
+  html:not(#__):not(#___) .cadmin .date-picker-calendar-item {
+    height: 24px;
+    width: 24px;
+  }
+}
 html:not(#__):not(#___) .cadmin .date-picker-calendar-item:disabled, html:not(#__):not(#___) .cadmin .date-picker-calendar-item.disabled {
   cursor: not-allowed;
 }
@@ -9667,6 +9737,12 @@ html:not(#__):not(#___) .cadmin .date-picker-row {
     margin-top: 4px;
   }
 }
+@media (max-width: 575.98px) {
+  html:not(#__):not(#___) .cadmin .date-picker-row {
+    margin-bottom: 4px;
+    margin-top: 4px;
+  }
+}
 html:not(#__):not(#___) .cadmin .date-picker-col {
   display: flex;
   flex-grow: 1;
@@ -9701,6 +9777,11 @@ html:not(#__):not(#___) .cadmin .date-picker-days-row {
     margin-bottom: 4px;
   }
 }
+@media (max-width: 575.98px) {
+  html:not(#__):not(#___) .cadmin .date-picker-days-row {
+    margin-bottom: 4px;
+  }
+}
 html:not(#__):not(#___) .cadmin .date-picker-day {
   height: 21px;
 }
@@ -9832,6 +9913,24 @@ html:not(#__):not(#___) .cadmin .form-text {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+html:not(#__):not(#___) .cadmin .form-text.blockquote {
+  font-style: italic;
+  font-weight: 400;
+  margin-bottom: 0;
+  margin-top: 12px;
+  padding-left: 12px;
+  position: relative;
+}
+html:not(#__):not(#___) .cadmin .form-text.blockquote::before {
+  background-color: #a7a9bc;
+  bottom: 0;
+  content: "";
+  display: block;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
 html:not(#__):not(#___) .cadmin .has-error .custom-control-label,
 html:not(#__):not(#___) .cadmin .has-error .form-check-label {
   color: #da1414;
@@ -9839,13 +9938,17 @@ html:not(#__):not(#___) .cadmin .has-error .form-check-label {
 html:not(#__):not(#___) .cadmin .has-error .form-control {
   background-color: #feefef;
   border-color: #f48989;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .has-error .form-control.focus, html:not(#__):not(#___) .cadmin .has-error .form-control:focus-visible,
 html:not(#__):not(#___) .c-prefers-focus .cadmin .has-error .form-control:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5791ff;
 }
+html:not(#__):not(#___) .cadmin .has-error .form-control:focus-within:has(input:focus) {
+  background-color: #feefef;
+  border-color: #f48989;
+  color: #272833;
+}
 html:not(#__):not(#___) .cadmin .has-error .form-control[readonly] {
   background-color: #fff;
   border-color: #e7e7ed;
@@ -9880,7 +9983,6 @@ html:not(#__):not(#___) .cadmin .has-error .input-group-item.focus .input-group-
 html:not(#__):not(#___) .cadmin .has-error .input-group-item .input-group-inset ~ .input-group-inset-item {
   background-color: #feefef;
   border-color: #f48989;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
 }
 html:not(#__):not(#___) .cadmin .has-error .input-group-item .input-group-inset:focus {
   box-shadow: none;
@@ -9896,13 +9998,17 @@ html:not(#__):not(#___) .cadmin .has-warning .form-check-label {
 html:not(#__):not(#___) .cadmin .has-warning .form-control {
   background-color: #fff4ec;
   border-color: #ff8f39;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .has-warning .form-control.focus, html:not(#__):not(#___) .cadmin .has-warning .form-control:focus-visible,
 html:not(#__):not(#___) .c-prefers-focus .cadmin .has-warning .form-control:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5791ff;
 }
+html:not(#__):not(#___) .cadmin .has-warning .form-control:focus-within:has(input:focus) {
+  background-color: #fff4ec;
+  border-color: #ff8f39;
+  color: #272833;
+}
 html:not(#__):not(#___) .cadmin .has-warning .form-control[readonly] {
   background-color: #fff;
   border-color: #e7e7ed;
@@ -9937,7 +10043,6 @@ html:not(#__):not(#___) .cadmin .has-warning .input-group-item.focus .input-grou
 html:not(#__):not(#___) .cadmin .has-warning .input-group-item .input-group-inset ~ .input-group-inset-item {
   background-color: #fff4ec;
   border-color: #ff8f39;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
 }
 html:not(#__):not(#___) .cadmin .has-warning .input-group-item .input-group-inset:focus {
   box-shadow: none;
@@ -9953,13 +10058,17 @@ html:not(#__):not(#___) .cadmin .has-success .form-check-label {
 html:not(#__):not(#___) .cadmin .has-success .form-control {
   background-color: #edf9f0;
   border-color: #5aca75;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .has-success .form-control.focus, html:not(#__):not(#___) .cadmin .has-success .form-control:focus-visible,
 html:not(#__):not(#___) .c-prefers-focus .cadmin .has-success .form-control:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5791ff;
 }
+html:not(#__):not(#___) .cadmin .has-success .form-control:focus-within:has(input:focus) {
+  background-color: #edf9f0;
+  border-color: #5aca75;
+  color: #272833;
+}
 html:not(#__):not(#___) .cadmin .has-success .form-control[readonly] {
   background-color: #fff;
   border-color: #e7e7ed;
@@ -9994,7 +10103,6 @@ html:not(#__):not(#___) .cadmin .has-success .input-group-item.focus .input-grou
 html:not(#__):not(#___) .cadmin .has-success .input-group-item .input-group-inset ~ .input-group-inset-item {
   background-color: #edf9f0;
   border-color: #5aca75;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
 }
 html:not(#__):not(#___) .cadmin .has-success .input-group-item .input-group-inset:focus {
   box-shadow: none;
@@ -11260,7 +11368,7 @@ html:not(#__):not(#___) .cadmin .modal-body .aspect-ratio, html:not(#__):not(#__
   margin-right: -24px;
   top: -24px;
 }
-html:not(#__):not(#___) .cadmin .modal-body .close, html:not(#__):not(#___) .cadmin.modal-body .close {
+html:not(#__):not(#___) .cadmin .modal-body > .close, html:not(#__):not(#___) .cadmin.modal-body > .close {
   position: absolute;
   right: 1rem;
   top: 1rem;
@@ -12564,6 +12672,12 @@ html:not(#__):not(#___) .cadmin .menubar-primary .nav .nav .nav > li > .nav-link
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md {
   max-width: 250px;
 }
+@media (max-width: 767.98px) {
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md {
+    margin-bottom: 16px;
+    max-width: none;
+  }
+}
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-collapse {
   display: block;
 }
@@ -12817,6 +12931,12 @@ html:not(#__):not(#___) .c-prefers-focus .cadmin .menubar-vertical-expand-md.men
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg {
   max-width: 250px;
 }
+@media (max-width: 991.98px) {
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg {
+    margin-bottom: 16px;
+    max-width: none;
+  }
+}
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-collapse {
   display: block;
 }
@@ -14725,6 +14845,12 @@ html:not(#__):not(#___) .cadmin .pagination-bar {
   display: flex;
   flex-wrap: wrap;
 }
+@media (max-width: 767.98px) {
+  html:not(#__):not(#___) .cadmin .pagination-bar {
+    flex-direction: column;
+    justify-content: center;
+  }
+}
 @media (max-width: 767.98px) {
   html:not(#__):not(#___) .cadmin .pagination-bar {
     flex-direction: column;
@@ -16428,39 +16554,48 @@ html:not(#__):not(#___) .cadmin .sidebar:focus, html:not(#__):not(#___) .cadmin
   box-shadow: inset 0 0 0 2px #5791ff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .sidebar .container-fluid, html:not(#__):not(#___) .cadmin.sidebar .container-fluid {
-  padding-left: 16px;
-  padding-right: 16px;
+  padding-left: 24px;
+  padding-right: 24px;
 }
 html:not(#__):not(#___) .cadmin .sidebar-header {
   padding-bottom: 16px;
-  padding-left: 16px;
+  padding-left: 24px;
   padding-right: 16px;
   padding-top: 16px;
 }
 html:not(#__):not(#___) .cadmin .sidebar-header .component-title {
-  font-size: 20px;
+  font-size: 16px;
 }
 html:not(#__):not(#___) .cadmin .sidebar-header .component-title[href],
 html:not(#__):not(#___) .cadmin .sidebar-header .component-title a[href] {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .sidebar-header .component-subtitle {
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 400;
   margin-bottom: 0;
 }
+html:not(#__):not(#___) .cadmin .sidebar-header .autofit-row {
+  margin-left: -4px;
+  margin-right: -4px;
+  width: auto;
+}
+html:not(#__):not(#___) .cadmin .sidebar-header .autofit-row > .autofit-col {
+  padding-left: 4px;
+  padding-right: 4px;
+}
 html:not(#__):not(#___) .cadmin .sidebar-footer {
   padding-bottom: 16px;
-  padding-left: 16px;
-  padding-right: 16px;
+  padding-left: 24px;
+  padding-right: 24px;
   padding-top: 16px;
 }
 html:not(#__):not(#___) .cadmin .sidebar-body {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   padding-bottom: 16px;
-  padding-left: 16px;
-  padding-right: 16px;
+  padding-left: 24px;
+  padding-right: 24px;
   padding-top: 16px;
 }
 html:not(#__):not(#___) .cadmin .sidebar-body > .sidebar-section {
@@ -16534,6 +16669,7 @@ html:not(#__):not(#___) .cadmin .sidebar-dd {
 }
 html:not(#__):not(#___) .cadmin .sidebar-sm {
   font-size: 0.875rem;
+  font-size: 0.875rem;
 }
 html:not(#__):not(#___) .cadmin .sidebar-light {
   background-color: #fff;
@@ -16541,12 +16677,25 @@ html:not(#__):not(#___) .cadmin .sidebar-light {
   border-left-width: 0;
   box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.1);
   color: #272833;
+  background-color: #fff;
+  border-color: #e7e7ed;
+  border-left-width: 0;
+  box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.1);
+  color: #272833;
 }
 html:not(#__):not(#___) .cadmin .sidenav-start .sidebar-light,
 html:not(#__):not(#___) .cadmin .sidenav-left .sidebar-light {
   box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.1);
 }
 
+html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-header {
+  background-color: inherit;
+  border: 0px solid #e7e7ed;
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-footer {
+  background-color: inherit;
+  border: 0px solid #e7e7ed;
+}
 html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-panel {
   background-color: #f1f2f5;
 }
@@ -16602,9 +16751,56 @@ html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar .navbar
 html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar .navbar-overlay {
   background-color: #fff;
 }
+html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-header {
+  background-color: inherit;
+  border: 0px solid #e7e7ed;
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-footer {
+  background-color: inherit;
+  border: 0px solid #e7e7ed;
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .sidenav-start {
+  box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.1);
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dt {
+  color: #6b6c7e;
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd .href {
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-panel {
+  background-color: #f1f2f5;
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .panel-unstyled .header .link:focus {
+  box-shadow: 0 0 0 4px #fff, 0 0 0 6px #5791ff;
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .component-title {
+  font-size: 16px;
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .component-title .href {
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar {
+  background-color: #fff;
+  border-color: #cdced9;
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar .navbar-nav .nav-link {
+  color: #6b6c7e;
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover {
+  color: #6b6c7e;
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar .navbar-nav .nav-link:active {
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar .navbar-nav .nav-link:disabled {
+  color: #a7a9bc;
+}
 html:not(#__):not(#___) .cadmin .sidebar-dark {
   background-color: #272833;
   color: #fff;
+  background-color: #272833;
+  color: #fff;
 }
 html:not(#__):not(#___) .cadmin .sidebar-dark .close {
   color: #a7a9bc;
@@ -16666,9 +16862,61 @@ html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:disabled:act
 html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link.show {
   color: #fff;
 }
+html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title {
+  color: inherit;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title .href {
+  color: inherit;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle {
+  color: inherit;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle .href {
+  color: inherit;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark .close {
+  color: #a7a9bc;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark .close:hover {
+  color: #fff;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link {
+  border-radius: 4px;
+  color: #a7a9bc;
+  transition: box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link {
+    transition: none;
+  }
+}
+html:not(#__):not(#___) .c-prefers-reduced-motion .cadmin .sidebar-dark .nav-nested .nav-link {
+  transition: none;
+}
+
+html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:hover {
+  color: #fff;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:focus {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5791ff;
+  outline: 0;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:active {
+  color: #fff;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:disabled {
+  box-shadow: none;
+  color: #a7a9bc;
+  opacity: 0.65;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:disabled:active {
+  pointer-events: none;
+}
 html:not(#__):not(#___) .cadmin .sidebar-dark-l2 {
   background-color: #393a4a;
   color: #fff;
+  background-color: #393a4a;
+  color: #fff;
 }
 html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .close {
   color: #a7a9bc;
@@ -16730,6 +16978,59 @@ html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:disabled:
 html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link.show {
   color: #fff;
 }
+html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .sidebar-header .component-title {
+  color: inherit;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .sidebar-header .component-title .href {
+  color: inherit;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .sidebar-header .component-subtitle {
+  color: inherit;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .sidebar-header .component-subtitle .href {
+  color: inherit;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .close {
+  color: #a7a9bc;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .close:hover {
+  color: #fff;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link {
+  border-radius: 4px;
+  color: #a7a9bc;
+  transition: box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link {
+    transition: none;
+  }
+}
+html:not(#__):not(#___) .c-prefers-reduced-motion .cadmin .sidebar-dark-l2 .nav-nested .nav-link {
+  transition: none;
+}
+
+html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:hover {
+  color: #fff;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:focus {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5791ff;
+  outline: 0;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:active {
+  color: #fff;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:disabled {
+  box-shadow: none;
+  color: #a7a9bc;
+  opacity: 0.65;
+}
+html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:disabled:active {
+  pointer-events: none;
+}
+html:not(#__):not(#___) .cadmin .c-slideout-start .sidebar-light {
+  box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1);
+}
 html:not(#__):not(#___) .cadmin .c-slideout-transition-in {
   overflow: hidden;
   transition: all 0.3s ease-in-out;
@@ -16762,6 +17063,26 @@ html:not(#__):not(#___) .cadmin .c-slideout-fixed {
 html:not(#__):not(#___) .cadmin .c-slideout-absolute {
   position: absolute;
 }
+html:not(#__):not(#___) .cadmin .c-slideout-container {
+  min-height: 480px;
+  position: relative;
+}
+html:not(#__):not(#___) .cadmin .c-slideout-push-start {
+  padding-left: 320px;
+}
+@media (max-width: 991.98px) {
+  html:not(#__):not(#___) .cadmin .c-slideout-push-start {
+    padding-left: 0;
+  }
+}
+html:not(#__):not(#___) .cadmin .c-slideout-push-end {
+  padding-right: 320px;
+}
+@media (max-width: 991.98px) {
+  html:not(#__):not(#___) .cadmin .c-slideout-push-end {
+    padding-right: 0;
+  }
+}
 html:not(#__):not(#___) .cadmin .c-slideout {
   display: flex;
   overflow: hidden;
@@ -16773,12 +17094,32 @@ html:not(#__):not(#___) .cadmin .c-slideout.c-slideout-shown {
 html:not(#__):not(#___) .cadmin .c-slideout .sidebar {
   display: none;
   flex-shrink: 0;
-  overflow: visible;
   position: relative;
   width: 320px;
+  display: none;
+  flex-shrink: 0;
+  position: relative;
+  width: 320px;
+}
+html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-header {
+  border-bottom-width: 1px;
+}
+html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-body {
+  flex-grow: 1;
+  overflow: visible;
 }
-html:not(#__):not(#___) .cadmin .c-slideout .sidebar-body {
+html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-footer {
+  border-top-width: 1px;
+}
+html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-header {
+  border-bottom-width: 1px;
+}
+html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-body {
   flex-grow: 1;
+  overflow: visible;
+}
+html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-footer {
+  border-top-width: 1px;
 }
 html:not(#__):not(#___) .cadmin .c-slideout .sidebar.c-slideout-show {
   display: flex;
@@ -16808,6 +17149,7 @@ html:not(#__):not(#___) .cadmin .c-slideout .tbar-stacked.c-slideout-transition
 @media (max-width: 767.98px) {
   html:not(#__):not(#___) .cadmin .c-slideout .sidebar {
     width: 280px;
+    width: 280px;
   }
 }
 html:not(#__):not(#___) .cadmin .c-slideout-start {
@@ -16821,6 +17163,8 @@ html:not(#__):not(#___) .cadmin .c-slideout-start.c-slideout-tbar-shown .sidebar
 html:not(#__):not(#___) .cadmin .c-slideout-start .sidebar {
   left: -360px;
   width: 320px;
+  left: -360px;
+  width: 320px;
 }
 html:not(#__):not(#___) .cadmin .c-slideout-start .sidebar.c-slideout-show {
   left: 0;
@@ -16838,6 +17182,8 @@ html:not(#__):not(#___) .cadmin .c-slideout-start .tbar-stacked.c-slideout-show
   html:not(#__):not(#___) .cadmin .c-slideout-start .sidebar {
     left: -320px;
     width: 280px;
+    left: -320px;
+    width: 280px;
   }
   html:not(#__):not(#___) .cadmin .c-slideout-start .tbar-stacked {
     left: -40px;
@@ -16853,6 +17199,7 @@ html:not(#__):not(#___) .cadmin .c-slideout-end.c-slideout-tbar-shown .sidebar {
 }
 html:not(#__):not(#___) .cadmin .c-slideout-end .sidebar {
   right: -360px;
+  right: -360px;
 }
 html:not(#__):not(#___) .cadmin .c-slideout-end .sidebar.c-slideout-show {
   right: 0;
@@ -16873,6 +17220,7 @@ html:not(#__):not(#___) .cadmin .c-slideout-end .c-horizontal-resizer {
   }
   html:not(#__):not(#___) .cadmin .c-slideout-end .sidebar {
     right: -320px;
+    right: -320px;
   }
   html:not(#__):not(#___) .cadmin .c-slideout-end .tbar-stacked {
     right: -40px;
@@ -24502,6 +24850,13 @@ html:not(#__):not(#___) .cadmin .fixed-bottom {
   right: 0;
   z-index: 1030;
 }
+@supports (position: sticky) {
+  html:not(#__):not(#___) .cadmin .sticky-bottom {
+    bottom: 0;
+    position: sticky;
+    z-index: 1020;
+  }
+}
 @supports (position: sticky) {
   html:not(#__):not(#___) .cadmin .sticky-top {
     position: sticky;