@clayui/css 3.90.0 → 3.92.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.90.0
+ * Clay 3.92.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.90.0
+ * Clay 3.92.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -919,19 +919,23 @@ html:not(#__):not(#___) .cadmin .btn {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .btn {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .btn:hover {
   color: #272833;
   text-decoration: none;
 }
 html:not(#__):not(#___) .cadmin .btn:focus, html:not(#__):not(#___) .cadmin .btn.focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .btn:active {
   box-shadow: [];
 }
 html:not(#__):not(#___) .cadmin .btn:active:focus {
-  box-shadow: [0 0 0 2px #fff, 0 0 0 4px #80acff];
+  box-shadow: [0 0 0 2px #fff, 0 0 0 4px #528eff];
 }
 html:not(#__):not(#___) .cadmin .btn.active {
   box-shadow: [];
@@ -994,7 +998,7 @@ html:not(#__):not(#___) .cadmin .btn-xs .c-inner {
 }
 html:not(#__):not(#___) .cadmin .btn-xs .inline-item {
   font-size: inherit;
-  margin-top: -3px;
+  margin-top: -0.16em;
 }
 html:not(#__):not(#___) .cadmin .btn-xs .inline-item-before {
   margin-right: 0.25rem;
@@ -1459,14 +1463,14 @@ html:not(#__):not(#___) .cadmin .btn-link:hover {
   text-decoration: underline;
 }
 html:not(#__):not(#___) .cadmin .btn-link:focus, html:not(#__):not(#___) .cadmin .focus.btn-link {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   text-decoration: none;
 }
 html:not(#__):not(#___) .cadmin .btn-link:active {
   box-shadow: [none];
 }
 html:not(#__):not(#___) .cadmin .btn-link:active:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .active.btn-link {
   box-shadow: [none];
@@ -1479,6 +1483,19 @@ html:not(#__):not(#___) .cadmin .btn-link:disabled, html:not(#__):not(#___) .cad
 html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-link, html:not(#__):not(#___) .cadmin .show.btn-link {
   box-shadow: [none];
 }
+html:not(#__):not(#___) .cadmin .btn-beta {
+  background-color: #f7f8f9;
+  color: #294f98;
+  text-transform: uppercase;
+}
+html:not(#__):not(#___) .cadmin .btn-beta:hover {
+  background-color: #f1f2f5;
+  color: #294f98;
+}
+html:not(#__):not(#___) .cadmin .btn-beta:focus, html:not(#__):not(#___) .cadmin .focus.btn-beta {
+  background-color: #f1f2f5;
+  color: #294f98;
+}
 html:not(#__):not(#___) .cadmin .btn-outline-primary {
   border-color: #0b5fff;
   color: #0b5fff;
@@ -1770,6 +1787,23 @@ html:not(#__):not(#___) .cadmin .btn .loading-animation {
   font-size: 1em;
   margin-top: -0.1em;
 }
+html:not(#__):not(#___) .cadmin .c-horizontal-resizer {
+  background-color: transparent;
+  bottom: 0;
+  cursor: ew-resize;
+  margin-right: -0.25rem;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 0.5rem;
+  z-index: 10;
+}
+html:not(#__):not(#___) .cadmin .c-horizontal-resizer:hover {
+  background-color: #528eff;
+}
+html:not(#__):not(#___) .cadmin .c-horizontal-resizer:focus {
+  background-color: #528eff;
+}
 html:not(#__):not(#___) .cadmin .fade, html:not(#__):not(#___) .cadmin.fade {
   transition: opacity 0.15s linear;
 }
@@ -1778,6 +1812,10 @@ html:not(#__):not(#___) .cadmin .fade, html:not(#__):not(#___) .cadmin.fade {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .fade, .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin.fade {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .fade:not(.show), html:not(#__):not(#___) .cadmin.fade:not(.show) {
   opacity: 0;
 }
@@ -1795,6 +1833,10 @@ html:not(#__):not(#___) .cadmin .collapsing, html:not(#__):not(#___) .cadmin.col
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .collapsing, .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin.collapsing {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .container {
   margin-left: auto;
   margin-right: auto;
@@ -3755,6 +3797,10 @@ html:not(#__):not(#___) .cadmin .badge {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .badge {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .badge:empty {
   display: none;
 }
@@ -3762,7 +3808,7 @@ html:not(#__):not(#___) .cadmin .badge[href]:hover, html:not(#__):not(#___) .cad
   text-decoration: none;
 }
 html:not(#__):not(#___) .cadmin .badge[href].focus, html:not(#__):not(#___) .cadmin .badge[href]:focus, html:not(#__):not(#___) .cadmin .badge[type].focus, html:not(#__):not(#___) .cadmin .badge[type]:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .badge a {
@@ -3938,6 +3984,11 @@ html:not(#__):not(#___) .cadmin [href].focus.badge-dark, html:not(#__):not(#___)
   background-color: #272833;
   color: #fff;
 }
+html:not(#__):not(#___) .cadmin .badge-beta {
+  background-color: #f7f8f9;
+  color: #294f98;
+  text-transform: uppercase;
+}
 html:not(#__):not(#___) .cadmin .breadcrumb {
   background-color: transparent;
   border-radius: 4px;
@@ -3960,12 +4011,16 @@ html:not(#__):not(#___) .cadmin .breadcrumb-link {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .breadcrumb-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .breadcrumb-link:hover, html:not(#__):not(#___) .cadmin .breadcrumb-link.hover {
   color: #6b6c7e;
   text-decoration: underline;
 }
 html:not(#__):not(#___) .cadmin .breadcrumb-link.focus, html:not(#__):not(#___) .cadmin .breadcrumb-link:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   color: #6b6c7e;
   outline: 0;
   text-decoration: underline;
@@ -4223,6 +4278,10 @@ html:not(#__):not(#___) .cadmin .label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .label {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .label:disabled, html:not(#__):not(#___) .cadmin .label.disabled {
   box-shadow: none;
 }
@@ -4234,7 +4293,7 @@ html:not(#__):not(#___) .cadmin .label[href]:hover, html:not(#__):not(#___) .cad
   text-decoration: underline;
 }
 html:not(#__):not(#___) .cadmin .label[href].focus, html:not(#__):not(#___) .cadmin .label[href]:focus, html:not(#__):not(#___) .cadmin .label[type].focus, html:not(#__):not(#___) .cadmin .label[type]:focus, html:not(#__):not(#___) .cadmin .label[tabindex].focus, html:not(#__):not(#___) .cadmin .label[tabindex]:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   text-decoration: underline;
 }
 html:not(#__):not(#___) .cadmin .label a,
@@ -5466,6 +5525,10 @@ html:not(#__):not(#___) .cadmin .card-interactive {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .card-interactive {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .card-interactive:hover, html:not(#__):not(#___) .cadmin .card-interactive.hover {
   background-color: #f7f8f9;
   text-decoration: none;
@@ -5491,6 +5554,10 @@ html:not(#__):not(#___) .cadmin .card-interactive::after {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .card-interactive::after {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .card-interactive:hover::after, html:not(#__):not(#___) .cadmin .card-interactive.hover::after {
   height: 4px;
 }
@@ -5757,7 +5824,7 @@ html:not(#__):not(#___) .cadmin .dropdown-item:hover, html:not(#__):not(#___) .c
 }
 html:not(#__):not(#___) .cadmin .dropdown-item:focus, html:not(#__):not(#___) .cadmin .dropdown-item.focus {
   background-color: #f0f5ff;
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
   color: #272833;
   outline: 0;
   text-decoration: none;
@@ -5794,7 +5861,7 @@ html:not(#__):not(#___) .cadmin .dropdown-item.active .c-kbd-inline {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .dropdown-item.btn:not([disabled]):not(.disabled):active:focus, html:not(#__):not(#___) .cadmin .dropdown-item.btn:not([disabled]):not(.disabled).active:focus {
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .dropdown-item:disabled, html:not(#__):not(#___) .cadmin .dropdown-item.disabled {
   background-color: transparent;
@@ -6421,6 +6488,10 @@ html:not(#__):not(#___) .cadmin .form-control {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .form-control {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .form-control::placeholder {
   color: #6b6c7e;
   opacity: 1;
@@ -6428,7 +6499,7 @@ html:not(#__):not(#___) .cadmin .form-control::placeholder {
 html:not(#__):not(#___) .cadmin .form-control:focus, html:not(#__):not(#___) .cadmin .form-control.focus {
   background-color: #f0f5ff;
   border-color: #80acff;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   color: #272833;
   outline: 0;
 }
@@ -6788,7 +6859,7 @@ html:not(#__):not(#___) .cadmin .form-control[type=range]:focus {
   box-shadow: none;
 }
 html:not(#__):not(#___) .cadmin .form-control[type=range]:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .form-control[type=range]::-webkit-slider-thumb {
   border-radius: 100px;
@@ -6869,6 +6940,10 @@ html:not(#__):not(#___) .cadmin .form-control-plaintext[readonly] {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .form-control-plaintext[readonly] {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .form-control-plaintext[readonly]:focus, html:not(#__):not(#___) .cadmin .form-control-plaintext[readonly].focus {
   border-color: #80acff;
   box-shadow: none;
@@ -7065,12 +7140,16 @@ html:not(#__):not(#___) .cadmin .c-link {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .c-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .c-link:hover, html:not(#__):not(#___) .cadmin .c-link.hover {
   text-decoration: none;
 }
 html:not(#__):not(#___) .cadmin .c-link.focus, html:not(#__):not(#___) .cadmin .c-link:focus {
   border-radius: 1px;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .c-link.text-secondary {
@@ -7098,12 +7177,16 @@ html:not(#__):not(#___) .cadmin .component-link {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .component-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .component-link:hover, html:not(#__):not(#___) .cadmin .component-link.hover {
   color: #484955;
 }
 html:not(#__):not(#___) .cadmin .component-link.focus, html:not(#__):not(#___) .cadmin .component-link:focus {
   color: #484955;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .single-link {
@@ -7119,12 +7202,16 @@ html:not(#__):not(#___) .cadmin .link-primary {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .link-primary {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .link-primary:hover, html:not(#__):not(#___) .cadmin .link-primary.hover {
   color: #0041be;
 }
 html:not(#__):not(#___) .cadmin .link-primary.focus, html:not(#__):not(#___) .cadmin .link-primary:focus {
   color: #0041be;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .link-secondary {
@@ -7137,12 +7224,16 @@ html:not(#__):not(#___) .cadmin .link-secondary {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .link-secondary {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .link-secondary:hover, html:not(#__):not(#___) .cadmin .link-secondary.hover {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .link-secondary.focus, html:not(#__):not(#___) .cadmin .link-secondary:focus {
   color: #272833;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin button.link-outline {
@@ -7172,11 +7263,15 @@ html:not(#__):not(#___) .cadmin .link-outline {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .link-outline {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .link-outline:hover, html:not(#__):not(#___) .cadmin .link-outline.hover {
   text-decoration: none;
 }
 html:not(#__):not(#___) .cadmin .link-outline.focus, html:not(#__):not(#___) .cadmin .link-outline:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .link-outline:disabled, html:not(#__):not(#___) .cadmin .link-outline.disabled {
@@ -7299,6 +7394,11 @@ html:not(#__):not(#___) .cadmin .component-title [href] {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .component-title[href],
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .component-title [href] {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .component-title[href]:hover, html:not(#__):not(#___) .cadmin .component-title[href].hover,
 html:not(#__):not(#___) .cadmin .component-title [href]:hover,
 html:not(#__):not(#___) .cadmin .component-title [href].hover {
@@ -7308,7 +7408,7 @@ html:not(#__):not(#___) .cadmin .component-title[href].focus, html:not(#__):not(
 html:not(#__):not(#___) .cadmin .component-title [href].focus,
 html:not(#__):not(#___) .cadmin .component-title [href]:focus {
   color: #060608;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .component-subtitle {
@@ -7329,6 +7429,11 @@ html:not(#__):not(#___) .cadmin .component-subtitle [href] {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .component-subtitle[href],
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .component-subtitle [href] {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .component-subtitle[href]:hover, html:not(#__):not(#___) .cadmin .component-subtitle[href].hover,
 html:not(#__):not(#___) .cadmin .component-subtitle [href]:hover,
 html:not(#__):not(#___) .cadmin .component-subtitle [href].hover {
@@ -7338,7 +7443,7 @@ html:not(#__):not(#___) .cadmin .component-subtitle[href].focus, html:not(#__):n
 html:not(#__):not(#___) .cadmin .component-subtitle [href].focus,
 html:not(#__):not(#___) .cadmin .component-subtitle [href]:focus {
   color: #272833;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .component-action {
@@ -7363,13 +7468,17 @@ html:not(#__):not(#___) .cadmin .component-action {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .component-action {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .component-action:hover, html:not(#__):not(#___) .cadmin .component-action.hover {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .component-action.focus, html:not(#__):not(#___) .cadmin .component-action:focus {
   background-color: rgba(39, 40, 51, 0.03);
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   color: #272833;
   outline: 0;
 }
@@ -7464,6 +7573,10 @@ html:not(#__):not(#___) .cadmin .clay-range-input .tooltip {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .clay-range-input .tooltip {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .clay-range-input .tooltip-inner {
   padding: 8px 12px;
 }
@@ -7767,13 +7880,13 @@ html:not(#__):not(#___) .cadmin .clay-color-btn {
   width: 24px;
 }
 html:not(#__):not(#___) .cadmin .clay-color-btn:active {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .clay-color-btn.active {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .clay-color-btn[aria-expanded=true], html:not(#__):not(#___) .cadmin .clay-color-btn.show {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .clay-color-btn .c-inner {
   margin-bottom: 0;
@@ -7804,12 +7917,16 @@ html:not(#__):not(#___) .cadmin .clay-color-pointer {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .clay-color-pointer {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .clay-color-pointer:focus, html:not(#__):not(#___) .cadmin .clay-color-pointer.focus {
-  box-shadow: 0 0 0 2px #80acff;
+  box-shadow: 0 0 0 2px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .clay-color-pointer:active:focus {
-  box-shadow: 0 0 0 2px #80acff;
+  box-shadow: 0 0 0 2px #528eff;
 }
 html:not(#__):not(#___) .cadmin .clay-color-pointer .c-inner {
   margin-bottom: 0;
@@ -7935,7 +8052,7 @@ html:not(#__):not(#___) .cadmin .form-file-input::-webkit-file-upload-button {
 }
 html:not(#__):not(#___) .cadmin .form-file-input:focus + .input-group {
   border-radius: 1px;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .form-file-input:disabled {
   cursor: not-allowed;
@@ -7993,6 +8110,10 @@ html:not(#__):not(#___) .cadmin .custom-control-label::before {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .custom-control-label::before {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .custom-control-label::after {
   background: no-repeat 50%/50% 50%;
   content: "";
@@ -8040,6 +8161,10 @@ html:not(#__):not(#___) .cadmin .custom-control-label::before {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .custom-control-label::before {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .custom-control-label::after {
   background: no-repeat 50%/50% 50%;
   content: "";
@@ -8063,12 +8188,12 @@ html:not(#__):not(#___) .cadmin .custom-control-input {
 }
 html:not(#__):not(#___) .cadmin .custom-control-input:focus ~ .custom-control-label::before {
   border-color: #cdced9;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .custom-control-input:active ~ .custom-control-label::before {
   background-color: #fff;
   border-color: #cdced9;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 2px #fff, 0 0 0 4px #528eff;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .custom-control-input[disabled], html:not(#__):not(#___) .cadmin .custom-control-input:disabled {
@@ -8201,10 +8326,10 @@ html:not(#__):not(#___) .cadmin .clay-time .btn {
   width: 24px;
 }
 html:not(#__):not(#___) .cadmin .clay-time .btn:focus, html:not(#__):not(#___) .cadmin .clay-time .btn.focus {
-  box-shadow: 0 0 0 1px #80acff;
+  box-shadow: 0 0 0 1px #528eff;
 }
 html:not(#__):not(#___) .cadmin .clay-time .btn:active:focus {
-  box-shadow: 0 0 0 1px #80acff;
+  box-shadow: 0 0 0 1px #528eff;
 }
 html:not(#__):not(#___) .cadmin .clay-time .btn .c-inner {
   margin-bottom: 0;
@@ -8330,20 +8455,24 @@ html:not(#__):not(#___) .cadmin .date-picker-nav .nav-btn {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .date-picker-nav .nav-btn {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .date-picker-nav .nav-btn:hover {
   background-color: #f1f2f5;
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .date-picker-nav .nav-btn:focus, html:not(#__):not(#___) .cadmin .date-picker-nav .nav-btn.focus {
   background-color: #f1f2f5;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .date-picker-nav .nav-btn:active {
   background-color: #f1f2f5;
 }
 html:not(#__):not(#___) .cadmin .date-picker-nav .nav-btn:active:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .date-picker-nav .nav-btn.active {
   background-color: #f1f2f5;
@@ -8450,6 +8579,10 @@ html:not(#__):not(#___) .cadmin .date-picker-calendar-item {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .date-picker-calendar-item {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .date-picker-calendar-item:disabled, html:not(#__):not(#___) .cadmin .date-picker-calendar-item.disabled {
   cursor: not-allowed;
 }
@@ -8510,7 +8643,7 @@ html:not(#__):not(#___) .cadmin .date-picker-date:hover {
 }
 html:not(#__):not(#___) .cadmin .date-picker-date:focus, html:not(#__):not(#___) .cadmin .date-picker-date.focus {
   background-color: #f1f2f5;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   color: #272833;
   outline: 0;
 }
@@ -8519,7 +8652,7 @@ html:not(#__):not(#___) .cadmin .date-picker-date:active {
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .date-picker-date:active:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .date-picker-date.active {
   background-color: #0b5fff;
@@ -8537,9 +8670,33 @@ html:not(#__):not(#___) .cadmin .date-picker-date[aria-expanded=true], html:not(
 html:not(#__):not(#___) .cadmin .previous-month-date {
   color: #a7a9bc;
 }
+html:not(#__):not(#___) .cadmin .previous-month-date:active {
+  background-color: #b3cdff;
+  color: #f0f5ff;
+}
+html:not(#__):not(#___) .cadmin .previous-month-date.active {
+  background-color: #b3cdff;
+  color: #f0f5ff;
+}
+html:not(#__):not(#___) .cadmin .previous-month-date[aria-expanded=true], html:not(#__):not(#___) .cadmin .previous-month-date.show {
+  background-color: #b3cdff;
+  color: #f0f5ff;
+}
 html:not(#__):not(#___) .cadmin .next-month-date {
   color: #a7a9bc;
 }
+html:not(#__):not(#___) .cadmin .next-month-date:active {
+  background-color: #b3cdff;
+  color: #f0f5ff;
+}
+html:not(#__):not(#___) .cadmin .next-month-date.active {
+  background-color: #b3cdff;
+  color: #f0f5ff;
+}
+html:not(#__):not(#___) .cadmin .next-month-date[aria-expanded=true], html:not(#__):not(#___) .cadmin .next-month-date.show {
+  background-color: #b3cdff;
+  color: #f0f5ff;
+}
 html:not(#__):not(#___) .cadmin .clay-dual-listbox {
   display: flex;
   flex-direction: row;
@@ -8614,7 +8771,7 @@ html:not(#__):not(#___) .cadmin .has-error .form-control {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .has-error .form-control:focus, html:not(#__):not(#___) .cadmin .has-error .form-control.focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .has-error .form-control[readonly] {
   background-color: #fff;
@@ -8639,7 +8796,7 @@ html:not(#__):not(#___) .cadmin .has-error select.form-control[multiple] {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .has-error .input-group-item.focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .has-error .input-group-item.focus .input-group-inset {
   background-color: #feefef;
@@ -8672,7 +8829,7 @@ html:not(#__):not(#___) .cadmin .has-warning .form-control {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .has-warning .form-control:focus, html:not(#__):not(#___) .cadmin .has-warning .form-control.focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .has-warning .form-control[readonly] {
   background-color: #fff;
@@ -8697,7 +8854,7 @@ html:not(#__):not(#___) .cadmin .has-warning select.form-control[multiple] {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .has-warning .input-group-item.focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .has-warning .input-group-item.focus .input-group-inset {
   background-color: #fff4ec;
@@ -8730,7 +8887,7 @@ html:not(#__):not(#___) .cadmin .has-success .form-control {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .has-success .form-control:focus, html:not(#__):not(#___) .cadmin .has-success .form-control.focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .has-success .form-control[readonly] {
   background-color: #fff;
@@ -8755,7 +8912,7 @@ html:not(#__):not(#___) .cadmin .has-success select.form-control[multiple] {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .has-success .input-group-item.focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .has-success .input-group-item.focus .input-group-inset {
   background-color: #edf9f0;
@@ -8850,7 +9007,7 @@ html:not(#__):not(#___) .cadmin .input-group-item {
 }
 html:not(#__):not(#___) .cadmin .input-group-item.focus {
   border-radius: 4px;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .input-group-item.focus.input-group-prepend {
   border-bottom-right-radius: 0;
@@ -9370,6 +9527,11 @@ html:not(#__):not(#___) .cadmin .list-group-title [href] {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-title[href],
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-title [href] {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .list-group-title[href]:hover, html:not(#__):not(#___) .cadmin .list-group-title[href].hover,
 html:not(#__):not(#___) .cadmin .list-group-title [href]:hover,
 html:not(#__):not(#___) .cadmin .list-group-title [href].hover {
@@ -9378,7 +9540,7 @@ html:not(#__):not(#___) .cadmin .list-group-title [href].hover {
 html:not(#__):not(#___) .cadmin .list-group-title[href].focus, html:not(#__):not(#___) .cadmin .list-group-title[href]:focus,
 html:not(#__):not(#___) .cadmin .list-group-title [href].focus,
 html:not(#__):not(#___) .cadmin .list-group-title [href]:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .list-group-subtitle {
@@ -9399,6 +9561,11 @@ html:not(#__):not(#___) .cadmin .list-group-subtitle [href] {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-subtitle[href],
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-subtitle [href] {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .list-group-subtitle[href]:hover, html:not(#__):not(#___) .cadmin .list-group-subtitle[href].hover,
 html:not(#__):not(#___) .cadmin .list-group-subtitle [href]:hover,
 html:not(#__):not(#___) .cadmin .list-group-subtitle [href].hover {
@@ -9407,7 +9574,7 @@ html:not(#__):not(#___) .cadmin .list-group-subtitle [href].hover {
 html:not(#__):not(#___) .cadmin .list-group-subtitle[href].focus, html:not(#__):not(#___) .cadmin .list-group-subtitle[href]:focus,
 html:not(#__):not(#___) .cadmin .list-group-subtitle [href].focus,
 html:not(#__):not(#___) .cadmin .list-group-subtitle [href]:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .list-group-text {
@@ -9428,6 +9595,11 @@ html:not(#__):not(#___) .cadmin .list-group-text [href] {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-text[href],
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-text [href] {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .list-group-text[href]:hover, html:not(#__):not(#___) .cadmin .list-group-text[href].hover,
 html:not(#__):not(#___) .cadmin .list-group-text [href]:hover,
 html:not(#__):not(#___) .cadmin .list-group-text [href].hover {
@@ -9436,7 +9608,7 @@ html:not(#__):not(#___) .cadmin .list-group-text [href].hover {
 html:not(#__):not(#___) .cadmin .list-group-text[href].focus, html:not(#__):not(#___) .cadmin .list-group-text[href]:focus,
 html:not(#__):not(#___) .cadmin .list-group-text [href].focus,
 html:not(#__):not(#___) .cadmin .list-group-text [href]:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .list-group-subtext {
@@ -9458,6 +9630,11 @@ html:not(#__):not(#___) .cadmin .list-group-subtext [href] {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-subtext[href],
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-subtext [href] {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .list-group-subtext[href]:hover, html:not(#__):not(#___) .cadmin .list-group-subtext[href].hover,
 html:not(#__):not(#___) .cadmin .list-group-subtext [href]:hover,
 html:not(#__):not(#___) .cadmin .list-group-subtext [href].hover {
@@ -9466,7 +9643,7 @@ html:not(#__):not(#___) .cadmin .list-group-subtext [href].hover {
 html:not(#__):not(#___) .cadmin .list-group-subtext[href].focus, html:not(#__):not(#___) .cadmin .list-group-subtext[href]:focus,
 html:not(#__):not(#___) .cadmin .list-group-subtext [href].focus,
 html:not(#__):not(#___) .cadmin .list-group-subtext [href]:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu {
@@ -9821,6 +9998,10 @@ html:not(#__):not(#___) .cadmin .modal.fade .modal-dialog, html:not(#__):not(#__
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .modal.fade .modal-dialog, .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin.modal.fade .modal-dialog {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .modal.show, html:not(#__):not(#___) .cadmin.modal.show {
   display: block;
 }
@@ -10283,6 +10464,18 @@ html:not(#__):not(#___) .cadmin .multi-step-item.complete .multi-step-icon:activ
 html:not(#__):not(#___) .cadmin .multi-step-item.complete .multi-step-divider {
   background-color: #6b6c7e;
 }
+html:not(#__):not(#___) .cadmin .multi-step-item.error .multi-step-icon {
+  background-color: #da1414;
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M300.4%20256%20467%2089.4c29.6-29.6-14.8-74.1-44.4-44.4L256%20211.6%2089.4%2045C59.8%2015.3%2015.3%2059.8%2045%2089.4L211.6%20256%2045%20422.6c-29.7%2029.7%2014.7%2074.1%2044.4%2044.4L256%20300.4%20422.6%20467c29.7%2029.7%2074.1-14.7%2044.4-44.4L300.4%20256z'%20fill='%23fff'/%3E%3C/svg%3E");
+  color: #fff;
+  text-indent: -100px;
+}
+html:not(#__):not(#___) .cadmin .multi-step-item.error .multi-step-icon[data-multi-step-icon]::before {
+  content: none;
+}
+html:not(#__):not(#___) .cadmin .multi-step-item.error .multi-step-icon .lexicon-icon {
+  display: none;
+}
 html:not(#__):not(#___) .cadmin .multi-step-item.disabled .multi-step-title {
   color: #a7a9bc;
 }
@@ -10374,7 +10567,7 @@ html:not(#__):not(#___) .cadmin .multi-step-icon:hover {
 }
 html:not(#__):not(#___) .cadmin .multi-step-icon:focus {
   background-color: #f1f2f5;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   color: #6b6c7e;
   outline: 0;
   text-decoration: none;
@@ -10500,10 +10693,10 @@ html:not(#__):not(#___) .cadmin .nav-link.btn-unstyled {
   width: 100%;
 }
 html:not(#__):not(#___) .cadmin .nav-link.btn-unstyled:focus, html:not(#__):not(#___) .cadmin .nav-link.btn-unstyled.focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .nav-link.btn-unstyled:active:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .nav-link.btn-unstyled:disabled, html:not(#__):not(#___) .cadmin .nav-link.btn-unstyled.disabled {
   opacity: 1;
@@ -10778,7 +10971,13 @@ html:not(#__):not(#___) .cadmin .nav-nested-margins > li .nav > li {
   margin-left: 16px;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs {
-  border-bottom: 1px solid transparent;
+  background-color: #f7f8f9;
+  border-color: #cdced9;
+  border-style: solid;
+  border-width: 1px 0;
+  padding-left: 24px;
+  padding-right: 24px;
+  padding-top: 7px;
   font-size: 14px;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link {
@@ -10798,23 +10997,27 @@ html:not(#__):not(#___) .cadmin .nav-tabs .nav-link {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .nav-tabs .nav-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:hover, html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.hover {
   border-color: transparent;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.focus, html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:focus {
   border-color: transparent;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:active {
   background-color: #fff;
-  border-color: transparent transparent #fff;
+  border-color: #cdced9 #cdced9 #fff;
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.active {
   background-color: #fff;
   color: #272833;
-  border-color: transparent transparent #fff;
+  border-color: #cdced9 #cdced9 #fff;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:disabled, html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.disabled {
   background-color: transparent;
@@ -10823,9 +11026,9 @@ html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:disabled, html:not(#__):not(
   color: #a7a9bc;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.show {
-  background-color: transparent;
+  background-color: #fff;
   color: #272833;
-  border-color: transparent transparent transparent transparent;
+  border-color: #cdced9 #cdced9 #fff;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link > .c-inner {
   margin-bottom: -4.5px;
@@ -10863,51 +11066,6 @@ html:not(#__):not(#___) .cadmin .dropdown-item[data-toggle=tab].active .dropdown
 html:not(#__):not(#___) .cadmin .dropdown-item[data-toggle=tab].active .dropdown-item-indicator-end {
   display: block;
 }
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link {
-  border-radius: 1px;
-  color: #6b6c7e;
-  font-weight: 600;
-  line-height: 1;
-  padding-bottom: 9px;
-  padding-top: 9px;
-  transition: box-shadow 0.15s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
-  html:not(#__):not(#___) .cadmin .nav-underline .nav-link {
-    transition: none;
-  }
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link::after {
-  bottom: 0;
-  display: block;
-  position: absolute;
-  left: 0;
-  right: 0;
-  width: auto;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link.focus, html:not(#__):not(#___) .cadmin .nav-underline .nav-link:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
-  outline: 0;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active {
-  color: #272833;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active::after {
-  background-color: #528eff;
-  content: "";
-  height: 2px;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link:disabled, html:not(#__):not(#___) .cadmin .nav-underline .nav-link.disabled {
-  box-shadow: none;
-  color: #a7a9bc;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .nav-underline .nav-link.show {
-  color: #272833;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link > .c-inner {
-  margin-bottom: -9px;
-  margin-top: -9px;
-}
 html:not(#__):not(#___) .cadmin .menubar {
   position: relative;
 }
@@ -10997,13 +11155,17 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:hover, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.hover {
   background-color: rgba(11, 95, 255, 0.04);
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.focus, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
   background-color: rgba(11, 95, 255, 0.04);
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
   color: #272833;
   outline: 0;
 }
@@ -11046,6 +11208,11 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
     transition: none;
   }
 }
+@media (max-width: 767.98px) {
+  .c-prefers-reduced-motion 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 {
     border-radius: 0;
@@ -11181,13 +11348,17 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.hover {
   background-color: rgba(11, 95, 255, 0.04);
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
   background-color: rgba(11, 95, 255, 0.04);
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
   color: #272833;
   outline: 0;
 }
@@ -11230,6 +11401,11 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
     transition: none;
   }
 }
+@media (max-width: 991.98px) {
+  .c-prefers-reduced-motion 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 {
     border-radius: 0;
@@ -12078,80 +12254,30 @@ html:not(#__):not(#___) .cadmin .navbar-dark .navbar-text a {
 html:not(#__):not(#___) .cadmin .navbar-dark .navbar-text a:hover, html:not(#__):not(#___) .cadmin .navbar-dark .navbar-text a:focus {
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin .navbar-underline .navbar-toggler-link:after {
+html:not(#__):not(#___) .cadmin .navbar-underline .navbar-toggler-link::after {
   background-color: #80acff;
   bottom: -8px;
   content: "";
   display: block;
-  height: 2px;
+  height: 0.25rem;
   left: 0;
   position: absolute;
   right: 0;
   width: auto;
 }
-@media (min-width: 576px) {
-  html:not(#__):not(#___) .cadmin .navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
-    background-color: #80acff;
-    bottom: -8px;
-    content: "";
-    display: block;
-    height: 2px;
-    left: 0;
-    position: absolute;
-    right: 0;
-    width: auto;
-  }
-}
 @media (min-width: 768px) {
-  html:not(#__):not(#___) .cadmin .navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
+  html:not(#__):not(#___) .cadmin .navbar-underline.navbar-expand-md.navbar-underline .navbar-nav .nav-link.active::after {
     background-color: #80acff;
     bottom: -8px;
     content: "";
     display: block;
-    height: 2px;
+    height: 0.25rem;
     left: 0;
     position: absolute;
     right: 0;
     width: auto;
   }
 }
-@media (min-width: 992px) {
-  html:not(#__):not(#___) .cadmin .navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
-    background-color: #80acff;
-    bottom: -8px;
-    content: "";
-    display: block;
-    height: 2px;
-    left: 0;
-    position: absolute;
-    right: 0;
-    width: auto;
-  }
-}
-@media (min-width: 1280px) {
-  html:not(#__):not(#___) .cadmin .navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
-    background-color: #80acff;
-    bottom: -8px;
-    content: "";
-    display: block;
-    height: 2px;
-    left: 0;
-    position: absolute;
-    right: 0;
-    width: auto;
-  }
-}
-html:not(#__):not(#___) .cadmin .navbar-underline.navbar-expand .navbar-nav .nav-link.active:after {
-  background-color: #80acff;
-  bottom: -8px;
-  content: "";
-  display: block;
-  height: 2px;
-  left: 0;
-  position: absolute;
-  right: 0;
-  width: auto;
-}
 html:not(#__):not(#___) .cadmin .management-bar {
   border-width: 0px 0px 1px 0px;
   font-size: 14px;
@@ -12352,8 +12478,12 @@ html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link.focus, html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link:disabled, html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link.disabled {
   box-shadow: none;
@@ -12368,8 +12498,12 @@ html:not(#__):not(#___) .cadmin .management-bar .navbar-brand {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .management-bar .navbar-brand {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .management-bar .navbar-brand.focus, html:not(#__):not(#___) .cadmin .management-bar .navbar-brand:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .management-bar .navbar-brand:disabled, html:not(#__):not(#___) .cadmin .management-bar .navbar-brand.disabled {
   box-shadow: none;
@@ -12691,25 +12825,25 @@ html:not(#__):not(#___) .cadmin .navigation-bar .dropdown-menu {
   margin-top: 0;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar .navbar-nav .nav-link {
-  border-radius: 0;
+  border-radius: 4px;
   border-width: 0;
   outline: 0;
   font-size: inherit;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar .navbar-nav .nav-link.focus, html:not(#__):not(#___) .cadmin .navigation-bar .navbar-nav .nav-link:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar .navbar-nav .nav-link:disabled, html:not(#__):not(#___) .cadmin .navigation-bar .navbar-nav .nav-link.disabled {
   box-shadow: none;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar .navbar-brand {
-  border-radius: 0;
+  border-radius: 4px;
   border-width: 0;
   outline: 0;
   font-size: inherit;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar .navbar-brand.focus, html:not(#__):not(#___) .cadmin .navigation-bar .navbar-brand:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar .navbar-brand:disabled, html:not(#__):not(#___) .cadmin .navigation-bar .navbar-brand.disabled {
   box-shadow: none;
@@ -12972,6 +13106,10 @@ html:not(#__):not(#___) .cadmin .page-link {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .page-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .page-link:hover, html:not(#__):not(#___) .cadmin .page-link.hover {
   background-color: rgba(39, 40, 41, 0.04);
   border-color: transparent;
@@ -12982,7 +13120,7 @@ html:not(#__):not(#___) .cadmin .page-link:hover, html:not(#__):not(#___) .cadmi
 html:not(#__):not(#___) .cadmin .page-link.focus, html:not(#__):not(#___) .cadmin .page-link:focus {
   background-color: rgba(39, 40, 41, 0.04);
   border-color: transparent;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   color: #272833;
   outline: 0;
   z-index: 4;
@@ -13083,6 +13221,11 @@ html:not(#__):not(#___) .cadmin .pagination-items-per-page > button {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .pagination-items-per-page > a,
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .pagination-items-per-page > button {
+  transition: none;
+}
+
 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 {
@@ -13094,7 +13237,7 @@ html:not(#__):not(#___) .cadmin .pagination-items-per-page > a.focus, html:not(#
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > button.focus,
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > button:focus {
   border-color: transparent;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   color: #272833;
   outline: 0;
 }
@@ -13325,12 +13468,16 @@ html:not(#__):not(#___) .cadmin .panel-header-link {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .panel-header-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .panel-header-link:hover, html:not(#__):not(#___) .cadmin .panel-header-link.hover {
   color: inherit;
   text-decoration: none;
 }
 html:not(#__):not(#___) .cadmin .panel-header-link.focus, html:not(#__):not(#___) .cadmin .panel-header-link:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
   z-index: 1;
 }
@@ -13546,7 +13693,7 @@ html:not(#__):not(#___) .cadmin .panel-unstyled .panel-header.panel-header-link
   border-radius: 1px;
 }
 html:not(#__):not(#___) .cadmin .panel-unstyled .panel-header.panel-header-link.focus, html:not(#__):not(#___) .cadmin .panel-unstyled .panel-header.panel-header-link:focus {
-  box-shadow: 0 0 0 4px #fff, 0 0 0 6px #80acff;
+  box-shadow: 0 0 0 4px #fff, 0 0 0 6px #528eff;
 }
 html:not(#__):not(#___) .cadmin .panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
 html:not(#__):not(#___) .cadmin .panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
@@ -13941,6 +14088,10 @@ html:not(#__):not(#___) .cadmin .progress-bar {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .progress-bar {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .progress-bar-striped {
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-size: 8px 8px;
@@ -14261,11 +14412,15 @@ html:not(#__):not(#___) .cadmin a.sheet-subtitle {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin a.sheet-subtitle {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin a.sheet-subtitle:hover, html:not(#__):not(#___) .cadmin a.sheet-subtitle.hover {
   text-decoration: none;
 }
 html:not(#__):not(#___) .cadmin a.sheet-subtitle.focus, html:not(#__):not(#___) .cadmin a.sheet-subtitle:focus {
-  box-shadow: 0 0 0 4px #fff, 0 0 0 6px #80acff;
+  box-shadow: 0 0 0 4px #fff, 0 0 0 6px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .sheet-tertiary-title {
@@ -14445,7 +14600,7 @@ html:not(#__):not(#___) .cadmin .sidebar, html:not(#__):not(#___) .cadmin.sideba
   -webkit-overflow-scrolling: touch;
 }
 html:not(#__):not(#___) .cadmin .sidebar:focus, html:not(#__):not(#___) .cadmin .sidebar.focus, html:not(#__):not(#___) .cadmin.sidebar:focus, html:not(#__):not(#___) .cadmin.sidebar.focus {
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .sidebar .container-fluid, html:not(#__):not(#___) .cadmin.sidebar .container-fluid {
   padding-left: 16px;
@@ -14575,7 +14730,7 @@ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd [href] {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .sidebar-light .panel-unstyled .panel-header.panel-header-link.focus, html:not(#__):not(#___) .cadmin .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
-  box-shadow: 0 0 0 4px #fff, 0 0 0 6px #80acff;
+  box-shadow: 0 0 0 4px #fff, 0 0 0 6px #528eff;
 }
 html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar {
   background-color: #fff;
@@ -14651,11 +14806,15 @@ html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:hover, html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link.hover {
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link.focus, html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:active {
@@ -14709,11 +14868,15 @@ html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:hover, 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, html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:active {
@@ -14741,6 +14904,10 @@ html:not(#__):not(#___) .cadmin .c-slideout-transition-in {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .c-slideout-transition-in {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .c-slideout-transition-out {
   transition: all 0.2s ease-in;
 }
@@ -14749,6 +14916,10 @@ html:not(#__):not(#___) .cadmin .c-slideout-transition-out {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .c-slideout-transition-out {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .c-slideout-fixed {
   position: fixed;
 }
@@ -14775,6 +14946,9 @@ html:not(#__):not(#___) .cadmin .c-slideout .sidebar.c-slideout-show {
 html:not(#__):not(#___) .cadmin .c-slideout .sidebar.c-slideout-transition {
   display: block;
 }
+html:not(#__):not(#___) .cadmin .c-slideout .sidebar.c-slideout-transition .c-horizontal-resizer {
+  display: none;
+}
 html:not(#__):not(#___) .cadmin .c-slideout .tbar-stacked {
   display: none;
   flex-shrink: 0;
@@ -14847,6 +15021,10 @@ html:not(#__):not(#___) .cadmin .c-slideout-end .tbar-stacked {
 html:not(#__):not(#___) .cadmin .c-slideout-end .tbar-stacked.c-slideout-show {
   right: 0;
 }
+html:not(#__):not(#___) .cadmin .c-slideout-end .c-horizontal-resizer {
+  left: 0;
+  right: auto;
+}
 @media (max-width: 767.98px) {
   html:not(#__):not(#___) .cadmin .c-slideout-end.c-slideout-tbar-shown .sidebar {
     right: -280px;
@@ -14909,11 +15087,15 @@ html:not(#__):not(#___) .cadmin .table thead th [href] {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table thead th [href] {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .table thead th [href]:hover, html:not(#__):not(#___) .cadmin .table thead th [href].hover {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .table thead th [href].focus, html:not(#__):not(#___) .cadmin .table thead th [href]:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .table th:first-child,
@@ -15131,11 +15313,15 @@ html:not(#__):not(#___) .cadmin .table-title a {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table-title a {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .table-title a:hover, html:not(#__):not(#___) .cadmin .table-title a.hover {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .table-title a.focus, html:not(#__):not(#___) .cadmin .table-title a:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .table-link {
@@ -15150,11 +15336,15 @@ html:not(#__):not(#___) .cadmin .table-link {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .table-link:hover, html:not(#__):not(#___) .cadmin .table-link.hover {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .table-link.focus, html:not(#__):not(#___) .cadmin .table-link:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .table-action-link {
@@ -15174,6 +15364,10 @@ html:not(#__):not(#___) .cadmin .table-action-link {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table-action-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .table-action-link:hover, html:not(#__):not(#___) .cadmin .table-action-link.hover {
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
@@ -15182,7 +15376,7 @@ html:not(#__):not(#___) .cadmin .table-action-link:hover, html:not(#__):not(#___
 html:not(#__):not(#___) .cadmin .table-action-link.focus, html:not(#__):not(#___) .cadmin .table-action-link:focus {
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .table-action-link:active {
@@ -15459,11 +15653,15 @@ html:not(#__):not(#___) .cadmin .table-list-title a {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table-list-title a {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .table-list-title a:hover, html:not(#__):not(#___) .cadmin .table-list-title a.hover {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .table-list-title a.focus, html:not(#__):not(#___) .cadmin .table-list-title a:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .table-list-link {
@@ -15478,11 +15676,15 @@ html:not(#__):not(#___) .cadmin .table-list-link {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table-list-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .table-list-link:hover, html:not(#__):not(#___) .cadmin .table-list-link.hover {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .table-list-link.focus, html:not(#__):not(#___) .cadmin .table-list-link:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .table-list-action-link {
@@ -15501,6 +15703,10 @@ html:not(#__):not(#___) .cadmin .table-list-action-link {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table-list-action-link {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .table-list-action-link:hover, html:not(#__):not(#___) .cadmin .table-list-action-link.hover {
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
@@ -15508,7 +15714,7 @@ html:not(#__):not(#___) .cadmin .table-list-action-link:hover, html:not(#__):not
 }
 html:not(#__):not(#___) .cadmin .table-list-action-link.focus, html:not(#__):not(#___) .cadmin .table-list-action-link:focus {
   background-color: rgba(0, 0, 0, 0.02);
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   color: #272833;
   outline: 0;
 }
@@ -16177,10 +16383,10 @@ html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced {
   width: 40px;
 }
 html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced:focus, html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced.focus {
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced .c-inner {
   margin-bottom: 0;
@@ -16624,6 +16830,10 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar::befor
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar::before {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar::after {
   background-color: #fff;
   border-color: #fff;
@@ -16645,6 +16855,10 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar::after
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar::after {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
   transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
 }
@@ -16653,6 +16867,10 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggl
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
   content: attr(data-label-off);
   margin-left: 56px;
@@ -16664,6 +16882,10 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggl
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
   color: #fff;
   left: 4px;
@@ -16681,6 +16903,10 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggl
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
   left: 4px;
   opacity: 0;
@@ -16695,7 +16921,7 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .butto
   opacity: 0;
 }
 html:not(#__):not(#___) .cadmin .toggle-switch-check:focus ~ .toggle-switch-bar::before {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .toggle-switch-check[disabled] ~ .toggle-switch-bar, html:not(#__):not(#___) .cadmin .toggle-switch-check:disabled ~ .toggle-switch-bar {
   cursor: not-allowed;
@@ -17106,6 +17332,7 @@ html:not(#__):not(#___) .cadmin .treeview {
   padding: 2px 0;
 }
 html:not(#__):not(#___) .cadmin .treeview .btn {
+  color: inherit;
   font-size: 12px;
   line-height: 1;
   padding: 6px 8px;
@@ -17120,10 +17347,10 @@ html:not(#__):not(#___) .cadmin .treeview .btn-monospaced {
   width: 24px;
 }
 html:not(#__):not(#___) .cadmin .treeview .btn-monospaced:focus, html:not(#__):not(#___) .cadmin .treeview .btn-monospaced.focus {
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .treeview .btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .treeview .custom-control {
   margin-left: 4px;
@@ -17184,6 +17411,10 @@ html:not(#__):not(#___) .cadmin .treeview.show-component-expander-on-hover:hover
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .treeview.show-component-expander-on-hover:hover .component-expander, .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .treeview.show-component-expander-on-hover.hover .component-expander {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .treeview.show-component-expander-on-hover .treeview-link:focus .component-expander, html:not(#__):not(#___) .cadmin .treeview.show-component-expander-on-hover .treeview-link.focus .component-expander {
   opacity: 1;
   transition: none;
@@ -17197,6 +17428,10 @@ html:not(#__):not(#___) .cadmin .treeview.show-component-expander-on-hover .comp
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .treeview.show-component-expander-on-hover .component-expander {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .treeview .quick-action-item {
   margin: 0 2px;
   min-height: 0;
@@ -17225,6 +17460,25 @@ html:not(#__):not(#___) .cadmin .treeview-item {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+html:not(#__):not(#___) .cadmin .treeview-dropping-indicator-top {
+  background-color: transparent;
+  display: block;
+  height: 2px;
+  margin-top: -2px;
+  outline: none;
+  width: 100%;
+}
+html:not(#__):not(#___) .cadmin .treeview-dropping-indicator-bottom {
+  background-color: transparent;
+  display: block;
+  height: 2px;
+  margin-bottom: -2px;
+  outline: none;
+  width: 100%;
+}
+html:not(#__):not(#___) .cadmin .treeview-dropping-indicator-over {
+  background-color: #528eff;
+}
 html:not(#__):not(#___) .cadmin .treeview-link {
   background-color: transparent;
   cursor: pointer;
@@ -17247,21 +17501,15 @@ html:not(#__):not(#___) .cadmin .treeview-link:hover, html:not(#__):not(#___) .c
   text-decoration: none;
 }
 html:not(#__):not(#___) .cadmin .treeview-link.focus, html:not(#__):not(#___) .cadmin .treeview-link:focus {
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .treeview-link:disabled, html:not(#__):not(#___) .cadmin .treeview-link.disabled {
   cursor: not-allowed;
 }
-html:not(#__):not(#___) .cadmin .treeview-link.treeview-dropping-bottom {
-  box-shadow: 0 2px 0 0 #80acff;
-}
 html:not(#__):not(#___) .cadmin .treeview-link.treeview-dropping-middle {
   background-color: #f0f5ff;
-  border-color: #80acff;
-}
-html:not(#__):not(#___) .cadmin .treeview-link.treeview-dropping-top {
-  box-shadow: 0 -2px 0 0 #80acff;
+  border-color: #528eff;
 }
 html:not(#__):not(#___) .cadmin .treeview-link.show .component-expander .component-expanded-d-none, html:not(#__):not(#___) .cadmin .treeview-link[aria-expanded=true] .component-expander .component-expanded-d-none {
   display: none;
@@ -17283,7 +17531,7 @@ html:not(#__):not(#___) .cadmin .treeview-item-dragging .treeview-link {
 }
 html:not(#__):not(#___) .cadmin .treeview-dragging {
   background-color: #fff;
-  border-color: #80acff;
+  border-color: #528eff;
   border-radius: 3px;
   border-style: solid;
   border-width: 1px;
@@ -17394,13 +17642,17 @@ html:not(#__):not(#___) .cadmin .close::-ms-expand {
     transition: none;
   }
 }
+.c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .close {
+  transition: none;
+}
+
 html:not(#__):not(#___) .cadmin .close:hover {
   color: #272833;
   opacity: 1;
   text-decoration: none;
 }
 html:not(#__):not(#___) .cadmin .close:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
   opacity: 1;
   outline: 0;
 }
@@ -17415,8 +17667,8 @@ html:not(#__):not(#___) .cadmin .close .lexicon-icon {
   margin-top: 0;
 }
 html:not(#__):not(#___) .cadmin .c-focus-inset:focus:not(:disabled):not(.disabled):not([disabled]), html:not(#__):not(#___) .cadmin .c-focus-inset.focus:not(:disabled):not(.disabled):not([disabled]) {
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
-  border-color: #80acff;
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
+  border-color: #528eff;
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .autofit-row {
@@ -17627,7 +17879,7 @@ html:not(#__):not(#___) .cadmin .inline-scroller:focus {
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .inline-scroller:focus-visible {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .inline-item {
   align-items: center;
@@ -25599,6 +25851,10 @@ html:not(#__):not(#___) .cadmin .visible {
 html:not(#__):not(#___) .cadmin .invisible {
   visibility: hidden !important;
 }
+html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion {
+  scroll-behavior: auto;
+  transition: none;
+}
 @keyframes cadmin-loading-animation-circle {
   100% {
     transform: rotate(360deg);