@clayui/css 3.88.0 → 3.90.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.88.0
+ * Clay 3.90.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.88.0
+ * Clay 3.90.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -258,16 +258,6 @@ html:not(#__):not(#___) .cadmin a:hover, html:not(#__):not(#___) .cadmin a.hover
   color: #004ad7;
   text-decoration: underline;
 }
-html:not(#__):not(#___) .cadmin a .inline-item-before {
-  margin-right: 4px;
-}
-html:not(#__):not(#___) .cadmin a .inline-item-middle {
-  margin-left: 4px;
-  margin-right: 4px;
-}
-html:not(#__):not(#___) .cadmin a .inline-item-after {
-  margin-left: 4px;
-}
 html:not(#__):not(#___) .cadmin pre,
 html:not(#__):not(#___) .cadmin code,
 html:not(#__):not(#___) .cadmin kbd,
@@ -976,7 +966,7 @@ html:not(#__):not(#___) .cadmin .btn .inline-item .lexicon-icon {
 html:not(#__):not(#___) .cadmin .btn .btn-section {
   display: block;
   font-size: 11px;
-  font-weight: 400;
+  font-weight: 600;
   line-height: 1;
 }
 html:not(#__):not(#___) .cadmin fieldset:disabled a.btn {
@@ -10903,7 +10893,7 @@ html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active::after {
-  background-color: #80acff;
+  background-color: #528eff;
   content: "";
   height: 2px;
 }
@@ -10927,6 +10917,12 @@ html:not(#__):not(#___) .cadmin .menubar-toggler {
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md {
   max-width: 250px;
 }
+html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-collapse {
+  display: block;
+}
+html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-collapse.collapsing, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-collapse.show {
+  display: block;
+}
 @media (max-width: 767.98px) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md {
     align-items: center;
@@ -10936,12 +10932,8 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md {
     margin-bottom: 24px;
     margin-left: -12px;
     margin-right: -12px;
+    max-width: none;
   }
-}
-html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-collapse {
-  display: block;
-}
-@media (max-width: 767.98px) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-collapse {
     border-color: transparent;
     border-style: solid;
@@ -10953,11 +10945,6 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-collapse {
     top: 100%;
     z-index: 499;
   }
-}
-html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-collapse.collapsing, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-collapse.show {
-  display: block;
-}
-@media (max-width: 767.98px) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-toggler {
     align-items: center;
     border-color: transparent;
@@ -10970,71 +10957,40 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-collapse.co
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-toggler .c-inner {
     max-width: none;
-    margin-left: -8px;
-    margin-right: -8px;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-toggler .lexicon-icon {
     margin-top: 0;
   }
-}
-@media (max-width: 767.98px) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .nav-nested {
     margin-bottom: 8px;
     margin-top: 8px;
   }
-}
-@media (max-width: 767.98px) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .nav-nested-margins > li .nav > li {
     margin-left: 0;
   }
-}
-@media (max-width: 767.98px) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent {
-    background-color: #fff;
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .nav-link {
+    color: #6b6c7e;
   }
-}
-@media (max-width: 767.98px) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .menubar-collapse {
-    background-color: #fff;
-    border-color: #e7e7ed;
-    border-radius: 4px;
-    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .nav-link:hover, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .nav-link.hover {
+    color: #6b6c7e;
   }
-}
-@media (max-width: 767.98px) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .nav-link:active {
     color: #272833;
-    font-size: 14px;
-    font-weight: 600;
-    text-decoration: none;
-    transition: box-shadow 0.15s ease-in-out;
   }
-}
-@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
-    transition: none;
-  }
-}
-@media (max-width: 767.98px) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:focus, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .menubar-toggler.focus {
-    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
-    outline: 0;
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .nav-link.active {
+    color: #272833;
   }
-}
-@media (max-width: 767.98px) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:active:focus {
-    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .nav-link.disabled {
+    color: #a7a9bc;
   }
-}
-@media (max-width: 767.98px) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .menubar-toggler.disabled {
-    box-shadow: none;
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .nav-link.show {
+    color: #272833;
   }
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link {
   border-radius: 6px;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   color: #6b6c7e;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link {
@@ -11055,17 +11011,40 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
   color: rgba(0, 0, 0, 0.9);
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
+  font-weight: 600;
   background-color: rgba(11, 95, 255, 0.06);
   color: #272833;
-  font-weight: 600;
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
-  box-shadow: none;
   color: rgba(0, 0, 0, 0.3);
+  box-shadow: none;
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.show {
-  color: #272833;
   font-weight: 600;
+  color: #272833;
+}
+@media (max-width: 767.98px) {
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent {
+    background-color: #fff;
+  }
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .menubar-collapse {
+    background-color: #fff;
+    border-color: #e7e7ed;
+    border-radius: 4px;
+    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
+  }
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
+    color: #272833;
+    font-size: 14px;
+    font-weight: 600;
+    text-decoration: none;
+    transition: box-shadow 0.15s ease-in-out;
+  }
+}
+@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
+    transition: none;
+  }
 }
 @media (max-width: 767.98px) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link {
@@ -11080,13 +11059,12 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
     background-color: rgba(11, 95, 255, 0.04);
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:active {
-    background-color: #f0f5ff;
     color: #272833;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
+    font-weight: 600;
     background-color: rgba(11, 95, 255, 0.06);
     color: #272833;
-    font-weight: 600;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
     background-color: transparent;
@@ -11123,6 +11101,12 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg {
   max-width: 250px;
 }
+html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-collapse {
+  display: block;
+}
+html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-collapse.collapsing, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-collapse.show {
+  display: block;
+}
 @media (max-width: 991.98px) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg {
     align-items: center;
@@ -11132,12 +11116,8 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg {
     margin-bottom: 24px;
     margin-left: -12px;
     margin-right: -12px;
+    max-width: none;
   }
-}
-html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-collapse {
-  display: block;
-}
-@media (max-width: 991.98px) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-collapse {
     border-color: transparent;
     border-style: solid;
@@ -11149,11 +11129,6 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-collapse {
     top: 100%;
     z-index: 499;
   }
-}
-html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-collapse.collapsing, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-collapse.show {
-  display: block;
-}
-@media (max-width: 991.98px) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-toggler {
     align-items: center;
     border-color: transparent;
@@ -11166,71 +11141,40 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-collapse.co
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-toggler .c-inner {
     max-width: none;
-    margin-left: -8px;
-    margin-right: -8px;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-toggler .lexicon-icon {
     margin-top: 0;
   }
-}
-@media (max-width: 991.98px) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .nav-nested {
     margin-bottom: 8px;
     margin-top: 8px;
   }
-}
-@media (max-width: 991.98px) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .nav-nested-margins > li .nav > li {
     margin-left: 0;
   }
-}
-@media (max-width: 991.98px) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent {
-    background-color: #fff;
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .nav-link {
+    color: #6b6c7e;
   }
-}
-@media (max-width: 991.98px) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .menubar-collapse {
-    background-color: #fff;
-    border-color: #e7e7ed;
-    border-radius: 4px;
-    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .nav-link:hover, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .nav-link.hover {
+    color: #6b6c7e;
   }
-}
-@media (max-width: 991.98px) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .nav-link:active {
     color: #272833;
-    font-size: 14px;
-    font-weight: 600;
-    text-decoration: none;
-    transition: box-shadow 0.15s ease-in-out;
-  }
-}
-@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
-    transition: none;
   }
-}
-@media (max-width: 991.98px) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:focus, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.focus {
-    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
-    outline: 0;
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .nav-link.active {
+    color: #272833;
   }
-}
-@media (max-width: 991.98px) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:active:focus {
-    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .nav-link.disabled {
+    color: #a7a9bc;
   }
-}
-@media (max-width: 991.98px) {
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.disabled {
-    box-shadow: none;
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .nav-link.show {
+    color: #272833;
   }
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link {
   border-radius: 6px;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   color: #6b6c7e;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link {
@@ -11251,17 +11195,40 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
   color: rgba(0, 0, 0, 0.9);
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
+  font-weight: 600;
   background-color: rgba(11, 95, 255, 0.06);
   color: #272833;
-  font-weight: 600;
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
-  box-shadow: none;
   color: rgba(0, 0, 0, 0.3);
+  box-shadow: none;
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.show {
-  color: #272833;
   font-weight: 600;
+  color: #272833;
+}
+@media (max-width: 991.98px) {
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent {
+    background-color: #fff;
+  }
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .menubar-collapse {
+    background-color: #fff;
+    border-color: #e7e7ed;
+    border-radius: 4px;
+    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
+  }
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
+    color: #272833;
+    font-size: 14px;
+    font-weight: 600;
+    text-decoration: none;
+    transition: box-shadow 0.15s ease-in-out;
+  }
+}
+@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
+    transition: none;
+  }
 }
 @media (max-width: 991.98px) {
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link {
@@ -11276,13 +11243,12 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
     background-color: rgba(11, 95, 255, 0.04);
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:active {
-    background-color: #f0f5ff;
     color: #272833;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
+    font-weight: 600;
     background-color: rgba(11, 95, 255, 0.06);
     color: #272833;
-    font-weight: 600;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
     background-color: transparent;
@@ -12868,6 +12834,11 @@ html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-overlay {
     color: #272833;
   }
 }
+@media (min-width: 768px) {
+  html:not(#__):not(#___) .cadmin .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.active::after {
+    background-color: #528eff;
+  }
+}
 html:not(#__):not(#___) .cadmin .navigation-bar-secondary {
   background-color: #393a4a;
   color: #fff;
@@ -13002,14 +12973,14 @@ html:not(#__):not(#___) .cadmin .page-link {
   }
 }
 html:not(#__):not(#___) .cadmin .page-link:hover, html:not(#__):not(#___) .cadmin .page-link.hover {
-  background-color: rgba(0, 0, 0, 0.02);
+  background-color: rgba(39, 40, 41, 0.04);
   border-color: transparent;
   color: #272833;
   text-decoration: none;
   z-index: 2;
 }
 html:not(#__):not(#___) .cadmin .page-link.focus, html:not(#__):not(#___) .cadmin .page-link:focus {
-  background-color: rgba(0, 0, 0, 0.02);
+  background-color: rgba(39, 40, 41, 0.04);
   border-color: transparent;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   color: #272833;
@@ -13017,16 +12988,16 @@ html:not(#__):not(#___) .cadmin .page-link.focus, html:not(#__):not(#___) .cadmi
   z-index: 4;
 }
 html:not(#__):not(#___) .cadmin .page-link:active {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
   cursor: default;
   z-index: 3;
 }
 html:not(#__):not(#___) .cadmin .page-link.active {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
   z-index: 3;
 }
 html:not(#__):not(#___) .cadmin .page-link:disabled, html:not(#__):not(#___) .cadmin .page-link.disabled {
@@ -13040,9 +13011,9 @@ html:not(#__):not(#___) .cadmin .page-link:disabled, html:not(#__):not(#___) .ca
   z-index: 0;
 }
 html:not(#__):not(#___) .cadmin .page-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .page-link.show {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
   z-index: 3;
 }
 html:not(#__):not(#___) .cadmin .page-link > .c-inner {
@@ -13059,9 +13030,9 @@ html:not(#__):not(#___) .cadmin .page-item {
   margin-right: 4px;
 }
 html:not(#__):not(#___) .cadmin .page-item.active .page-link {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
   cursor: default;
   z-index: 3;
 }
@@ -13115,7 +13086,7 @@ html:not(#__):not(#___) .cadmin .pagination-items-per-page > button {
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > a:hover, html:not(#__):not(#___) .cadmin .pagination-items-per-page > a.hover,
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > button:hover,
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > button.hover {
-  background-color: rgba(0, 0, 0, 0.02);
+  background-color: rgba(39, 40, 41, 0.04);
   border-color: transparent;
   color: #272833;
 }
@@ -13129,15 +13100,15 @@ html:not(#__):not(#___) .cadmin .pagination-items-per-page > button:focus {
 }
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > a:active,
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > button:active {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
 }
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > a.active,
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > button.active {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
 }
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > a:disabled, html:not(#__):not(#___) .cadmin .pagination-items-per-page > a.disabled,
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > button:disabled,
@@ -13153,9 +13124,9 @@ html:not(#__):not(#___) .cadmin .pagination-items-per-page > button.disabled {
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > a[aria-expanded=true], html:not(#__):not(#___) .cadmin .pagination-items-per-page > a.show,
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > button[aria-expanded=true],
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > button.show {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
 }
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > a > .c-inner,
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > button > .c-inner {