@clayui/css 3.116.1 → 3.118.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.116.1
+ * Clay 3.118.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -149,7 +149,7 @@ a:hover, a.hover {
   text-decoration: underline;
 }
 a.focus, a:focus-visible, .c-prefers-focus a:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 pre,
@@ -1204,7 +1204,7 @@ button.collapse-icon .c-inner {
   text-decoration: none;
 }
 .btn.focus, .btn:focus-visible, .c-prefers-focus .btn:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .btn:disabled, .btn.disabled {
@@ -1445,37 +1445,37 @@ input[type=button].btn-block {
 }
 .btn-secondary {
   background-color: #fff;
-  border-color: #88889a;
+  border-color: #9b92a5;
   color: #6b6c7e;
 }
 .btn-secondary:hover {
   background-color: #f7f8f9;
-  border-color: #88889a;
+  border-color: #9b92a5;
   color: #272833;
 }
 .btn-secondary.focus, .btn-secondary:focus-visible, .c-prefers-focus .btn-secondary:focus {
   background-color: #f7f8f9;
-  border-color: #88889a;
+  border-color: #9b92a5;
   color: #272833;
 }
 .btn-secondary:active {
   background-color: #f1f2f5;
-  border-color: #88889a;
+  border-color: #9b92a5;
   color: #272833;
 }
 .btn-secondary.active {
   background-color: #f1f2f5;
-  border-color: #88889a;
+  border-color: #9b92a5;
   color: #272833;
 }
 .btn-secondary:disabled, .btn-secondary.disabled {
   background-color: #fff;
-  border-color: #88889a;
+  border-color: #9b92a5;
   color: #6b6c7e;
 }
 .btn-secondary[aria-expanded=true], .btn-secondary.show {
   background-color: #f1f2f5;
-  border-color: #88889a;
+  border-color: #9b92a5;
   color: #272833;
 }
 .btn-success {
@@ -1700,11 +1700,11 @@ input[type=button].btn-block {
   text-decoration: underline;
 }
 .btn-link.focus, .btn-link:focus-visible, .c-prefers-focus .btn-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   text-decoration: none;
 }
 .btn-link:active:focus-visible, .c-prefers-focus .btn-link:active:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .btn-link:disabled, .btn-link.disabled {
   box-shadow: none;
@@ -2287,10 +2287,10 @@ input[type=button].btn-block {
   z-index: 10;
 }
 .c-horizontal-resizer:hover {
-  background-color: #528eff;
+  background-color: #5791ff;
 }
 .c-horizontal-resizer:focus {
-  background-color: #528eff;
+  background-color: #5791ff;
 }
 
 .fade {
@@ -4330,7 +4330,7 @@ input[type=button].btn-block {
   text-decoration: none;
 }
 .badge[href].focus, .badge[href]:focus-visible, .c-prefers-focus .badge[href]:focus, .badge[type].focus, .badge[type]:focus-visible, .c-prefers-focus .badge[type]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .badge a {
@@ -4642,7 +4642,7 @@ input[type=button].btn-block {
 .breadcrumb-link.focus, .breadcrumb-link:focus-visible, .c-prefers-focus .breadcrumb-link:focus {
   color: #6b6c7e;
   text-decoration: underline;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .breadcrumb-toggle {
@@ -4966,7 +4966,7 @@ input[type=button].btn-block {
 }
 .label[href].focus, .label[href]:focus-visible, .c-prefers-focus .label[href]:focus, .label[type].focus, .label[type]:focus-visible, .c-prefers-focus .label[type]:focus, .label[tabindex].focus, .label[tabindex]:focus-visible, .c-prefers-focus .label[tabindex]:focus {
   text-decoration: underline;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .label a,
 .label .btn-unstyled {
@@ -6484,7 +6484,7 @@ input[type=button].btn-block {
   text-decoration: none;
 }
 .card-interactive.focus, .card-interactive:focus-visible, .c-prefers-focus .card-interactive:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .card-interactive:active, .card-interactive.active {
   background-color: #f1f2f5;
@@ -6545,12 +6545,12 @@ input[type=button].btn-block {
 .card-interactive-secondary:hover, .card-interactive-secondary.hover {
   background-color: #fff;
   border-color: transparent;
-  box-shadow: 0 0 0 2px #528eff;
+  box-shadow: 0 0 0 2px #5791ff;
   color: #272833;
 }
 .card-interactive-secondary.focus, .card-interactive-secondary:focus-visible, .c-prefers-focus .card-interactive-secondary:focus {
   border-color: transparent;
-  box-shadow: 0 0 0 2px #528eff;
+  box-shadow: 0 0 0 2px #5791ff;
 }
 .card-interactive-secondary:active, .card-interactive-secondary.active {
   background-color: #fff;
@@ -6784,7 +6784,7 @@ input[type=button].btn-block {
   background-color: #f0f5ff;
   color: #272833;
   text-decoration: none;
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
   outline: 0;
 }
 .dropdown-item:active {
@@ -6813,7 +6813,7 @@ input[type=button].btn-block {
   color: #272833;
 }
 .dropdown-item.btn:not([disabled]):not(.disabled):active:focus-visible, .c-prefers-focus .dropdown-item.btn:not([disabled]):not(.disabled):active:focus, .dropdown-item.btn:not([disabled]):not(.disabled).active:focus-visible, .c-prefers-focus .dropdown-item.btn:not([disabled]):not(.disabled).active:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 
 .dropdown-item:disabled, .dropdown-item.disabled {
@@ -7825,14 +7825,14 @@ fieldset[disabled] label .form-control {
 .form-control.focus, .form-control:focus-visible, .c-prefers-focus .form-control:focus {
   background-color: #f0f5ff;
   border-color: #80acff;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   color: #272833;
   outline: 0;
 }
 .form-control:focus-within:has(input:focus) {
   background-color: #f0f5ff;
   border-color: #80acff;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   color: #272833;
 }
 .form-control:disabled, .form-control.disabled {
@@ -8207,7 +8207,7 @@ textarea.form-control-plaintext,
   box-shadow: none;
 }
 .form-control[type=range]:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .form-control[type=range]::-webkit-slider-thumb {
   border-radius: 100px;
@@ -8598,7 +8598,7 @@ textarea.form-control-lg,
 }
 .c-link.focus, .c-link:focus-visible, .c-prefers-focus .c-link:focus {
   border-radius: 1px;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .c-link.text-secondary {
@@ -8636,7 +8636,7 @@ textarea.form-control-lg,
 }
 .component-link.focus, .component-link:focus-visible, .c-prefers-focus .component-link:focus {
   color: #484955;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .single-link {
@@ -8663,7 +8663,7 @@ textarea.form-control-lg,
 }
 .link-primary.focus, .link-primary:focus-visible, .c-prefers-focus .link-primary:focus {
   color: #0041be;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .link-secondary {
@@ -8686,7 +8686,7 @@ textarea.form-control-lg,
 }
 .link-secondary.focus, .link-secondary:focus-visible, .c-prefers-focus .link-secondary:focus {
   color: #272833;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 button.link-outline {
@@ -8725,7 +8725,7 @@ button.link-outline {
   text-decoration: none;
 }
 .link-outline.focus, .link-outline:focus-visible, .c-prefers-focus .link-outline:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .link-outline:disabled, .link-outline.disabled {
@@ -8754,7 +8754,7 @@ button.link-outline {
 }
 .link-outline-primary.focus, .link-outline-primary:focus-visible, .c-prefers-focus .link-outline-primary:focus {
   background-color: #f0f5ff;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   color: #0b5fff;
 }
 .link-outline-primary:active {
@@ -8786,7 +8786,7 @@ button.link-outline {
 }
 .link-outline-secondary.focus, .link-outline-secondary:focus-visible, .c-prefers-focus .link-outline-secondary:focus {
   background-color: rgba(39, 40, 51, 0.03);
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   color: #272833;
 }
 .link-outline-secondary:active {
@@ -8869,7 +8869,7 @@ button.link-outline {
 .component-title a[href]:focus-visible,
 .c-prefers-focus .component-title a[href]:focus {
   color: #060608;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .component-subtitle {
@@ -8905,7 +8905,7 @@ button.link-outline {
 .component-subtitle a[href]:focus-visible,
 .c-prefers-focus .component-subtitle a[href]:focus {
   color: #272833;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .component-action {
@@ -8939,7 +8939,7 @@ button.link-outline {
   color: #272833;
 }
 .component-action.focus, .component-action:focus-visible, .c-prefers-focus .component-action:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
@@ -9246,28 +9246,40 @@ button.link-outline {
 .clay-range-input .form-control-range:hover {
   cursor: pointer;
 }
+.clay-range-input .form-control-range:hover ~ .clay-range-progress .clay-range-thumb {
+  background-color: #f0f5ff;
+}
 .clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip {
   visibility: visible;
   opacity: 1;
 }
+.clay-range-input .form-control-range:hover::-moz-range-thumb {
+  background-color: #f0f5ff;
+}
+.clay-range-input .form-control-range:hover::-ms-thumb {
+  background-color: #f0f5ff;
+}
+.clay-range-input .form-control-range:hover::-webkit-slider-thumb {
+  background-color: #f0f5ff;
+}
 .clay-range-input .form-control-range.focus, .clay-range-input .form-control-range:focus-visible, .c-prefers-focus .clay-range-input .form-control-range:focus {
   outline: 0;
 }
 .clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb, .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .clay-range-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip, .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .tooltip, .c-prefers-focus .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip {
   visibility: visible;
   opacity: 1;
 }
 .clay-range-input .form-control-range.focus::-moz-range-thumb, .clay-range-input .form-control-range:focus-visible::-moz-range-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus::-moz-range-thumb {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .clay-range-input .form-control-range.focus::-ms-thumb, .clay-range-input .form-control-range:focus-visible::-ms-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus::-ms-thumb {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .clay-range-input .form-control-range.focus::-webkit-slider-thumb, .clay-range-input .form-control-range:focus-visible::-webkit-slider-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus::-webkit-slider-thumb {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 
 .clay-range-input .form-control-range:disabled {
@@ -9280,6 +9292,18 @@ button.link-outline {
 .clay-range-input .form-control-range:disabled ~ .clay-range-progress {
   background-color: #b3cdff;
 }
+.clay-range-input .form-control-range:disabled ~ .clay-range-progress .clay-range-thumb {
+  background-color: #f7f8f9;
+}
+.clay-range-input .form-control-range:disabled::-moz-range-thumb {
+  background-color: #f7f8f9;
+}
+.clay-range-input .form-control-range:disabled::-ms-thumb {
+  background-color: #f7f8f9;
+}
+.clay-range-input .form-control-range:disabled::-webkit-slider-thumb {
+  background-color: #f7f8f9;
+}
 .clay-range-input[data-label-min], .clay-range-input[data-label-max] {
   margin-bottom: 1rem;
 }
@@ -9429,13 +9453,13 @@ button.link-outline {
   width: 1.5rem;
 }
 .clay-color-btn:active {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .clay-color-btn.active {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .clay-color-btn[aria-expanded=true], .clay-color-btn.show {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .clay-color-btn .c-inner {
   margin-bottom: 0;
@@ -9471,11 +9495,11 @@ button.link-outline {
 }
 
 .clay-color-pointer.focus, .clay-color-pointer:focus-visible, .c-prefers-focus .clay-color-pointer:focus {
-  box-shadow: 0 0 0 0.125rem #528eff;
+  box-shadow: 0 0 0 0.125rem #5791ff;
   outline: 0;
 }
 .clay-color-pointer:active:focus-visible, .c-prefers-focus .clay-color-pointer:active:focus {
-  box-shadow: 0 0 0 0.125rem #528eff;
+  box-shadow: 0 0 0 0.125rem #5791ff;
 }
 .clay-color-pointer .c-inner {
   margin-bottom: 0;
@@ -9841,7 +9865,7 @@ button.link-outline {
 
 .form-file:focus-within:has(input:focus) {
   background-color: #f0f5ff;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
   z-index: 1;
 }
@@ -9859,7 +9883,7 @@ button.link-outline {
 }
 .form-file-input:focus + .input-group {
   border-radius: 1px;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .form-file-input:disabled {
   cursor: not-allowed;
@@ -9947,43 +9971,6 @@ label.custom-control-label {
 .custom-control-primary .custom-control-label-text {
   font-weight: 600;
 }
-.custom-control-label::before {
-  background-color: #fff;
-  border-color: #6b6c7e;
-  border-style: solid;
-  border-width: 0.0625rem;
-  box-shadow: none;
-  content: "";
-  display: block;
-  float: left;
-  font-size: 1rem;
-  height: 1rem;
-  left: 0;
-  position: relative;
-  top: 0.125rem;
-  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  width: 1rem;
-}
-@media (prefers-reduced-motion: reduce) {
-  .custom-control-label::before {
-    transition: none;
-  }
-}
-.c-prefers-reduced-motion .custom-control-label::before {
-  transition: none;
-}
-
-.custom-control-label::after {
-  background: no-repeat 50%/50% 50%;
-  content: "";
-  display: block;
-  height: 1rem;
-  left: 0;
-  position: absolute;
-  top: 0.125rem;
-  width: 1rem;
-}
-
 .custom-control-input {
   cursor: pointer;
   height: 1rem;
@@ -9996,7 +9983,7 @@ label.custom-control-label {
 }
 .custom-control-input:focus-visible ~ .custom-control-label::before, .c-prefers-focus .custom-control-input:focus ~ .custom-control-label::before {
   border-color: #6b6c7e;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .custom-control-input:active ~ .custom-control-label::before {
   background-color: #fff;
@@ -10248,7 +10235,7 @@ label.custom-control-label {
 }
 .custom-file-input:focus ~ .custom-file-label {
   border-color: #80acff;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
   background-color: #f1f2f5;
@@ -10304,13 +10291,13 @@ label.custom-control-label {
   outline: none;
 }
 .custom-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .custom-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .custom-range:focus::-ms-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .custom-range::-moz-focus-outer {
   border: 0;
@@ -10471,10 +10458,10 @@ label.custom-control-label {
   color: #6b6c7e;
 }
 .clay-time .btn.focus, .clay-time .btn:focus-visible, .c-prefers-focus .clay-time .btn:focus {
-  box-shadow: 0 0 0 1px #528eff;
+  box-shadow: 0 0 0 1px #5791ff;
 }
 .clay-time .btn:active:focus-visible, .c-prefers-focus .clay-time .btn:active:focus {
-  box-shadow: 0 0 0 1px #528eff;
+  box-shadow: 0 0 0 1px #5791ff;
 }
 .clay-time .btn .c-inner {
   margin-bottom: 0;
@@ -10646,7 +10633,7 @@ label.custom-control-label {
   color: #272833;
 }
 .date-picker-nav .nav-btn.focus, .date-picker-nav .nav-btn:focus-visible, .c-prefers-focus .date-picker-nav .nav-btn:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   background-color: #f1f2f5;
   color: #272833;
 }
@@ -10654,7 +10641,7 @@ label.custom-control-label {
   background-color: #f1f2f5;
 }
 .date-picker-nav .nav-btn:active:focus-visible, .c-prefers-focus .date-picker-nav .nav-btn:active:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .date-picker-nav .nav-btn.active {
   background-color: #f1f2f5;
@@ -10923,7 +10910,7 @@ label.custom-control-label {
   color: #272833;
 }
 .date-picker-date.focus, .date-picker-date:focus-visible, .c-prefers-focus .date-picker-date:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
   background-color: #f1f2f5;
   color: #272833;
@@ -10933,7 +10920,7 @@ label.custom-control-label {
   color: #fff;
 }
 .date-picker-date:active:focus-visible, .c-prefers-focus .date-picker-date:active:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .date-picker-date.active {
   background-color: #0b5fff;
@@ -11223,7 +11210,7 @@ label.custom-control-label {
 }
 .was-validated .form-control:valid:focus,
 .was-validated .form-control.is-valid:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 
 .was-validated .form-control:invalid,
@@ -11235,7 +11222,7 @@ label.custom-control-label {
 }
 .was-validated .form-control:invalid:focus,
 .was-validated .form-control.is-invalid:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 
 .has-error .custom-control-label,
@@ -11249,7 +11236,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-error .form-control.focus, .has-error .form-control:focus-visible, .c-prefers-focus .has-error .form-control:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .has-error .form-control[readonly] {
   background-color: #fff;
@@ -11274,7 +11261,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-error .input-group-item.focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .has-error .input-group-item.focus .input-group-inset {
   background-color: #feefef;
@@ -11308,7 +11295,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-warning .form-control.focus, .has-warning .form-control:focus-visible, .c-prefers-focus .has-warning .form-control:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .has-warning .form-control[readonly] {
   background-color: #fff;
@@ -11333,7 +11320,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-warning .input-group-item.focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .has-warning .input-group-item.focus .input-group-inset {
   background-color: #fff4ec;
@@ -11367,7 +11354,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-success .form-control.focus, .has-success .form-control:focus-visible, .c-prefers-focus .has-success .form-control:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .has-success .form-control[readonly] {
   background-color: #fff;
@@ -11392,7 +11379,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-success .input-group-item.focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .has-success .input-group-item.focus .input-group-inset {
   background-color: #edf9f0;
@@ -11565,7 +11552,7 @@ label.custom-control-label {
   border-radius: 0.25rem;
 }
 .input-group-item.focus::after {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .input-group-item.focus.input-group-prepend {
   border-bottom-right-radius: 0;
@@ -11616,7 +11603,7 @@ label.custom-control-label {
 
 .input-group-item-focusable:focus-within:has(input:focus) {
   background-color: #f0f5ff;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
   z-index: 1;
 }
@@ -12284,7 +12271,7 @@ label.custom-control-label {
 .list-group-title a[href].focus,
 .list-group-title a[href]:focus-visible,
 .c-prefers-focus .list-group-title a[href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .list-group-subtitle {
@@ -12319,7 +12306,7 @@ label.custom-control-label {
 .list-group-subtitle a[href].focus,
 .list-group-subtitle a[href]:focus-visible,
 .c-prefers-focus .list-group-subtitle a[href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .list-group-text {
@@ -12354,7 +12341,7 @@ label.custom-control-label {
 .list-group-text a[href].focus,
 .list-group-text a[href]:focus-visible,
 .c-prefers-focus .list-group-text a[href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .list-group-subtext {
@@ -12390,7 +12377,7 @@ label.custom-control-label {
 .list-group-subtext a[href].focus,
 .list-group-subtext a[href]:focus-visible,
 .c-prefers-focus .list-group-subtext a[href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu {
@@ -12462,8 +12449,8 @@ label.custom-control-label {
 .list-group-item-flex {
   display: flex;
   margin-bottom: -0.0625rem;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
+  padding-left: calc(1rem * 0.5);
+  padding-right: calc(1rem * 0.5);
 }
 .list-group-item-flex:last-child {
   margin-bottom: 0;
@@ -12476,8 +12463,8 @@ label.custom-control-label {
 }
 .list-group-item-flex .autofit-col {
   justify-content: flex-start;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
+  padding-left: calc(1rem * 0.5);
+  padding-right: calc(1rem * 0.5);
 }
 .list-group-item-flex .autofit-col .custom-control:only-child {
   margin-bottom: 0;
@@ -13022,6 +13009,9 @@ label.custom-control-label {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.modal-title[tabindex="-1"] {
+  outline: 0;
+}
 .modal-title-indicator {
   display: inline-block;
   font-size: 0.875rem;
@@ -13190,13 +13180,13 @@ label.custom-control-label {
 .modal-success .modal-header .close {
   color: #287d3c;
 }
-.modal-success .modal-header .close .hover {
+.modal-success .modal-header .close:hover {
   color: inherit;
 }
-.modal-success .modal-header .close .focus {
+.modal-success .modal-header .close:focus {
   color: inherit;
 }
-.modal-success .modal-header .close .disabled {
+.modal-success .modal-header .close:disabled {
   color: inherit;
 }
 .modal-info .modal-header {
@@ -13207,13 +13197,13 @@ label.custom-control-label {
 .modal-info .modal-header .close {
   color: #2e5aac;
 }
-.modal-info .modal-header .close .hover {
+.modal-info .modal-header .close:hover {
   color: inherit;
 }
-.modal-info .modal-header .close .focus {
+.modal-info .modal-header .close:focus {
   color: inherit;
 }
-.modal-info .modal-header .close .disabled {
+.modal-info .modal-header .close:disabled {
   color: inherit;
 }
 .modal-warning .modal-header {
@@ -13224,13 +13214,13 @@ label.custom-control-label {
 .modal-warning .modal-header .close {
   color: #b95000;
 }
-.modal-warning .modal-header .close .hover {
+.modal-warning .modal-header .close:hover {
   color: inherit;
 }
-.modal-warning .modal-header .close .focus {
+.modal-warning .modal-header .close:focus {
   color: inherit;
 }
-.modal-warning .modal-header .close .disabled {
+.modal-warning .modal-header .close:disabled {
   color: inherit;
 }
 .modal-danger .modal-header {
@@ -13241,13 +13231,13 @@ label.custom-control-label {
 .modal-danger .modal-header .close {
   color: #da1414;
 }
-.modal-danger .modal-header .close .hover {
+.modal-danger .modal-header .close:hover {
   color: inherit;
 }
-.modal-danger .modal-header .close .focus {
+.modal-danger .modal-header .close:focus {
   color: inherit;
 }
-.modal-danger .modal-header .close .disabled {
+.modal-danger .modal-header .close:disabled {
   color: inherit;
 }
 .modal-scrollbar-measure {
@@ -13372,9 +13362,9 @@ label.custom-control-label {
   font-weight: 600;
   line-height: normal;
   margin-bottom: 0.625rem;
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
-
 .multi-step-item-expand {
   flex-grow: 1;
   width: 75px;
@@ -13453,7 +13443,7 @@ label.custom-control-label {
 }
 .multi-step-icon:focus {
   background-color: #e7e7ed;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   color: #6b6c7e;
   outline: 0;
   text-decoration: none;
@@ -13586,10 +13576,10 @@ label.custom-control-label {
   width: 100%;
 }
 .nav-link.btn-unstyled.focus, .nav-link.btn-unstyled:focus-visible, .c-prefers-focus .nav-link.btn-unstyled:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .nav-link.btn-unstyled:active:focus-visible, .c-prefers-focus .nav-link.btn-unstyled:active:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .nav-link.btn-unstyled:disabled, .nav-link.btn-unstyled.disabled {
   opacity: 1;
@@ -13891,7 +13881,7 @@ label.custom-control-label {
 }
 .nav-tabs .nav-link.focus, .nav-tabs .nav-link:focus-visible, .c-prefers-focus .nav-tabs .nav-link:focus {
   border-color: transparent;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .nav-tabs .nav-link:active {
@@ -14081,7 +14071,7 @@ label.custom-control-label {
   letter-spacing: 0;
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link:hover::before, .menubar-vertical-expand-md.menubar-transparent .nav-link.hover::before {
-  background: #88889a;
+  background: #9b92a5;
   width: 0.1875rem;
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus-visible, .c-prefers-focus .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
@@ -14091,7 +14081,7 @@ label.custom-control-label {
 .menubar-vertical-expand-md.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-md.menubar-transparent .nav-link:focus::after {
   border-radius: 0.25rem;
   bottom: 0;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   content: "";
   display: block;
   left: 0;
@@ -14110,7 +14100,7 @@ label.custom-control-label {
   letter-spacing: 0;
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link.active::before {
-  background-color: #528eff;
+  background-color: #5791ff;
   width: 0.25rem;
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
@@ -14135,7 +14125,7 @@ label.custom-control-label {
   background-color: transparent;
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true]:hover::before, .menubar-vertical-expand-md.menubar-transparent .nav-link.show:hover::before {
-  background-color: #88889a;
+  background-color: #9b92a5;
   width: 0.1875rem;
 }
 @media (max-width: 767.98px) {
@@ -14184,7 +14174,7 @@ label.custom-control-label {
     background-color: transparent;
   }
   .menubar-vertical-expand-md.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-md.menubar-transparent .nav-link:focus::after {
-    box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+    box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
   }
   .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
     font-weight: 600;
@@ -14326,7 +14316,7 @@ label.custom-control-label {
   letter-spacing: 0;
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover::before, .menubar-vertical-expand-lg.menubar-transparent .nav-link.hover::before {
-  background: #88889a;
+  background: #9b92a5;
   width: 0.1875rem;
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus-visible, .c-prefers-focus .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
@@ -14336,7 +14326,7 @@ label.custom-control-label {
 .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus::after {
   border-radius: 0.25rem;
   bottom: 0;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   content: "";
   display: block;
   left: 0;
@@ -14354,7 +14344,7 @@ label.custom-control-label {
   letter-spacing: 0;
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link.active::before {
-  background-color: #528eff;
+  background-color: #5791ff;
   width: 0.25rem;
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
@@ -14379,7 +14369,7 @@ label.custom-control-label {
   background-color: transparent;
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true]:hover::before, .menubar-vertical-expand-lg.menubar-transparent .nav-link.show:hover::before {
-  background-color: #88889a;
+  background-color: #9b92a5;
   width: 0.1875rem;
 }
 @media (max-width: 991.98px) {
@@ -14428,7 +14418,7 @@ label.custom-control-label {
     background-color: transparent;
   }
   .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus::after {
-    box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+    box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
   }
   .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
     font-weight: 600;
@@ -16406,7 +16396,7 @@ label.custom-control-label {
 }
 
 .application-bar .navbar-nav .nav-link.focus, .application-bar .navbar-nav .nav-link:focus-visible, .c-prefers-focus .application-bar .navbar-nav .nav-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .application-bar .navbar-nav .nav-link:disabled, .application-bar .navbar-nav .nav-link.disabled {
   box-shadow: none;
@@ -16426,7 +16416,7 @@ label.custom-control-label {
 }
 
 .application-bar .navbar-brand.focus, .application-bar .navbar-brand:focus-visible, .c-prefers-focus .application-bar .navbar-brand:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .application-bar .navbar-brand:disabled, .application-bar .navbar-brand.disabled {
   box-shadow: none;
@@ -17593,7 +17583,7 @@ label.custom-control-label {
 }
 
 .management-bar .navbar-nav .nav-link.focus, .management-bar .navbar-nav .nav-link:focus-visible, .c-prefers-focus .management-bar .navbar-nav .nav-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .management-bar .navbar-nav .nav-link:disabled, .management-bar .navbar-nav .nav-link.disabled {
   box-shadow: none;
@@ -17613,7 +17603,7 @@ label.custom-control-label {
 }
 
 .management-bar .navbar-brand.focus, .management-bar .navbar-brand:focus-visible, .c-prefers-focus .management-bar .navbar-brand:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .management-bar .navbar-brand:disabled, .management-bar .navbar-brand.disabled {
   box-shadow: none;
@@ -18196,7 +18186,7 @@ label.custom-control-label {
   outline: 0;
 }
 .navigation-bar .navbar-nav .nav-link.focus, .navigation-bar .navbar-nav .nav-link:focus-visible, .c-prefers-focus .navigation-bar .navbar-nav .nav-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .navigation-bar .navbar-nav .nav-link:disabled, .navigation-bar .navbar-nav .nav-link.disabled {
   box-shadow: none;
@@ -18208,7 +18198,7 @@ label.custom-control-label {
   outline: 0;
 }
 .navigation-bar .navbar-brand.focus, .navigation-bar .navbar-brand:focus-visible, .c-prefers-focus .navigation-bar .navbar-brand:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .navigation-bar .navbar-brand:disabled, .navigation-bar .navbar-brand.disabled {
   box-shadow: none;
@@ -18296,10 +18286,10 @@ label.custom-control-label {
 }
 @media (min-width: 768px) {
   .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.active::after {
-    background-color: #528eff;
+    background-color: #5791ff;
   }
   .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link[aria-expanded=true]::after, .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.show::after {
-    background-color: #528eff;
+    background-color: #5791ff;
   }
 }
 
@@ -18463,7 +18453,7 @@ label.custom-control-label {
   letter-spacing: 0;
 }
 .page-link:hover::before, .page-link.hover::before {
-  background-color: #88889a;
+  background-color: #9b92a5;
   height: 0.1875rem;
 }
 .page-link.focus, .page-link:focus-visible, .c-prefers-focus .page-link:focus {
@@ -18476,7 +18466,7 @@ label.custom-control-label {
 .page-link.focus::after, .page-link:focus-visible::after, .c-prefers-focus .page-link:focus::after {
   border-radius: 4px;
   bottom: 0;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   content: "";
   display: block;
   left: 0;
@@ -18502,7 +18492,7 @@ label.custom-control-label {
   letter-spacing: 0;
 }
 .page-link.active::before {
-  background-color: #528eff;
+  background-color: #5791ff;
   height: 0.25rem;
 }
 .page-link:disabled, .page-link.disabled {
@@ -18537,7 +18527,7 @@ label.custom-control-label {
   background-color: transparent;
 }
 .page-link[aria-expanded=true]:hover::before, .page-link.show:hover::before {
-  background-color: #88889a;
+  background-color: #9b92a5;
   height: 0.1875rem;
 }
 .page-link > .c-inner {
@@ -18563,7 +18553,7 @@ label.custom-control-label {
   letter-spacing: 0;
 }
 .page-item.active .page-link::before {
-  background-color: #528eff;
+  background-color: #5791ff;
   height: 0.25rem;
 }
 .page-item.disabled .page-link {
@@ -18654,7 +18644,7 @@ label.custom-control-label {
 .pagination-items-per-page > a:hover::before, .pagination-items-per-page > a.hover::before,
 .pagination-items-per-page > button:hover::before,
 .pagination-items-per-page > button.hover::before {
-  background-color: #88889a;
+  background-color: #9b92a5;
   height: 0.1875rem;
 }
 .pagination-items-per-page > a.focus, .pagination-items-per-page > a:focus-visible, .c-prefers-focus .pagination-items-per-page > a:focus,
@@ -18671,7 +18661,7 @@ label.custom-control-label {
 .c-prefers-focus .pagination-items-per-page > button:focus::after {
   border-radius: 4px;
   bottom: 0;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   content: "";
   display: block;
   left: 0;
@@ -18735,7 +18725,7 @@ label.custom-control-label {
 .pagination-items-per-page > a[aria-expanded=true]:hover::before, .pagination-items-per-page > a.show:hover::before,
 .pagination-items-per-page > button[aria-expanded=true]:hover::before,
 .pagination-items-per-page > button.show:hover::before {
-  background-color: #88889a;
+  background-color: #9b92a5;
   height: 0.1875rem;
 }
 .pagination-items-per-page > a > .c-inner,
@@ -18951,7 +18941,7 @@ label.custom-control-label {
 }
 .panel-header-link.focus, .panel-header-link:focus-visible, .c-prefers-focus .panel-header-link:focus {
   z-index: 1;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .panel-header-link .collapse-icon {
@@ -19244,7 +19234,7 @@ label.custom-control-label {
   border-radius: 1px;
 }
 .panel-unstyled .panel-header.panel-header-link.focus, .panel-unstyled .panel-header.panel-header-link:focus-visible, .c-prefers-focus .panel-unstyled .panel-header.panel-header-link:focus {
-  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #528eff;
+  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #5791ff;
 }
 .panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
 .panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
@@ -19364,7 +19354,7 @@ label.custom-control-label {
   max-height: 14.875rem;
 }
 .popover.focus, .popover:focus-visible, .c-prefers-focus .popover:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .popover-secondary {
@@ -20065,7 +20055,7 @@ a.sheet-subtitle:hover, a.sheet-subtitle.hover {
   text-decoration: none;
 }
 a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet-subtitle:focus {
-  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #528eff;
+  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #5791ff;
   outline: 0;
 }
 .sheet-tertiary-title {
@@ -20286,7 +20276,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
   -webkit-overflow-scrolling: touch;
 }
 .sidebar:focus, .sidebar.focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
   outline: 0;
 }
 .sidebar .container-fluid {
@@ -20420,7 +20410,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
 .sidenav-left .sidebar-light.focus,
 .sidenav-left .sidebar-light:focus-visible,
 .c-prefers-focus .sidenav-left .sidebar-light:focus {
-  box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1), inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1), inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 
 .sidebar-light .sidebar-list-group .list-group-title {
@@ -20441,7 +20431,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
   color: #272833;
 }
 .sidebar-light .panel-unstyled .panel-header.panel-header-link.focus, .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus-visible, .c-prefers-focus .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
-  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #528eff;
+  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #5791ff;
 }
 .sidebar-light .component-navigation-bar {
   background-color: #fff;
@@ -20525,7 +20515,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
   color: #fff;
 }
 .sidebar-dark .nav-nested .nav-link.focus, .sidebar-dark .nav-nested .nav-link:focus-visible, .c-prefers-focus .sidebar-dark .nav-nested .nav-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .sidebar-dark .nav-nested .nav-link:active {
@@ -20587,7 +20577,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
   color: #fff;
 }
 .sidebar-dark-l2 .nav-nested .nav-link.focus, .sidebar-dark-l2 .nav-nested .nav-link:focus-visible, .c-prefers-focus .sidebar-dark-l2 .nav-nested .nav-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .sidebar-dark-l2 .nav-nested .nav-link:active {
@@ -20816,7 +20806,7 @@ caption {
   color: #272833;
 }
 .table thead th a[href].focus, .table thead th a[href]:focus-visible, .c-prefers-focus .table thead th a[href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .table th:first-child,
@@ -20908,7 +20898,7 @@ caption {
   width: 1rem;
 }
 .table .component-drag.focus, .table .component-drag:focus-visible, .c-prefers-focus .table .component-drag:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .table .custom-control,
 .table .form-check {
@@ -20993,7 +20983,7 @@ tr.table-focus td {
 }
 tr.table-focus th::before,
 tr.table-focus td::before {
-  box-shadow: inset 0 0.125rem 0 0 #528eff, inset 0 0.25rem 0 0 #fff, inset 0 -0.125rem 0 0 #528eff, inset 0 -0.25rem 0 0 #fff;
+  box-shadow: inset 0 0.125rem 0 0 #5791ff, inset 0 0.25rem 0 0 #fff, inset 0 -0.125rem 0 0 #5791ff, inset 0 -0.25rem 0 0 #fff;
   content: "";
   display: block;
   position: absolute;
@@ -21006,7 +20996,7 @@ tr.table-focus td::before {
 }
 tr.table-focus th:first-child::after,
 tr.table-focus td:first-child::after {
-  box-shadow: inset 0.125rem 0 0 0 #528eff, inset 0.25rem 0 0 0 #fff;
+  box-shadow: inset 0.125rem 0 0 0 #5791ff, inset 0.25rem 0 0 0 #fff;
   content: "";
   display: block;
   position: absolute;
@@ -21019,7 +21009,7 @@ tr.table-focus td:first-child::after {
 }
 tr.table-focus th:last-child::after,
 tr.table-focus td:last-child::after {
-  box-shadow: inset -0.125rem 0 0 0 #528eff, inset -0.25rem 0 0 0 #fff;
+  box-shadow: inset -0.125rem 0 0 0 #5791ff, inset -0.25rem 0 0 0 #fff;
   content: "";
   display: block;
   position: absolute;
@@ -21033,7 +21023,7 @@ tr.table-focus td:last-child::after {
 
 td.table-focus {
   outline: none;
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 
 .table .table-primary,
@@ -21285,7 +21275,7 @@ td.table-focus {
 .table-title a[href].focus,
 .table-title a[href]:focus-visible,
 .c-prefers-focus .table-title a[href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .table-link {
@@ -21308,7 +21298,7 @@ td.table-focus {
   color: #272833;
 }
 .table-link.focus, .table-link:focus-visible, .c-prefers-focus .table-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .table-action-link {
@@ -21340,7 +21330,7 @@ td.table-focus {
 .table-action-link.focus, .table-action-link:focus-visible, .c-prefers-focus .table-action-link:focus {
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .table-action-link:active {
@@ -21608,7 +21598,7 @@ td.table-focus {
 .table-list-title a[href].focus,
 .table-list-title a[href]:focus-visible,
 .c-prefers-focus .table-list-title a[href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .table-list-link {
@@ -21631,7 +21621,7 @@ td.table-focus {
   color: #272833;
 }
 .table-list-link.focus, .table-list-link:focus-visible, .c-prefers-focus .table-list-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .table-list-action-link {
@@ -21662,7 +21652,7 @@ td.table-focus {
 .table-list-action-link.focus, .table-list-action-link:focus-visible, .c-prefers-focus .table-list-action-link:focus {
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
 .table-list-action-link:active {
@@ -22371,10 +22361,10 @@ td.table-focus {
   width: 2.5rem;
 }
 .tbar-stacked .tbar-btn-monospaced.focus, .tbar-stacked .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-stacked .tbar-btn-monospaced:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .tbar-stacked .tbar-btn-monospaced:active:focus-visible, .c-prefers-focus .tbar-stacked .tbar-btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .tbar-stacked .tbar-btn-monospaced .c-inner {
   margin-bottom: 0;
@@ -22921,7 +22911,7 @@ td.table-focus {
   opacity: 0;
 }
 .toggle-switch-check:focus-visible ~ .toggle-switch-bar::before, .c-prefers-focus .toggle-switch-check:focus ~ .toggle-switch-bar::before {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 .toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
   cursor: not-allowed;
@@ -23418,10 +23408,10 @@ td.table-focus {
   width: 24px;
 }
 .treeview .btn-monospaced.focus, .treeview .btn-monospaced:focus-visible, .c-prefers-focus .treeview .btn-monospaced:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .treeview .btn-monospaced:active:focus-visible, .c-prefers-focus .treeview .btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .treeview .custom-control {
   margin-left: 4px;
@@ -23552,7 +23542,7 @@ td.table-focus {
   width: 100%;
 }
 .treeview-dropping-indicator-over {
-  background-color: #528eff;
+  background-color: #5791ff;
 }
 .treeview-link {
   background-color: transparent;
@@ -23576,7 +23566,7 @@ td.table-focus {
   text-decoration: none;
 }
 .treeview-link.focus, .treeview-link:focus-visible, .c-prefers-focus .treeview-link:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
   outline: 0;
 }
 .treeview-link:disabled, .treeview-link.disabled {
@@ -23584,7 +23574,7 @@ td.table-focus {
 }
 .treeview-link.treeview-dropping-middle {
   background-color: #f0f5ff;
-  border-color: #528eff;
+  border-color: #5791ff;
 }
 .treeview-link.show .component-expander .component-expanded-d-none, .treeview-link[aria-expanded=true] .component-expander .component-expanded-d-none {
   display: none;
@@ -23607,7 +23597,7 @@ td.table-focus {
 }
 .treeview-dragging {
   background-color: #fff;
-  border-color: #528eff;
+  border-color: #5791ff;
   border-radius: 0.1875rem;
   border-style: solid;
   border-width: 1px;
@@ -23632,10 +23622,10 @@ td.table-focus {
   color: #6b6c7e;
 }
 .treeview-light .treeview-link:hover, .treeview-light .treeview-link.hover {
-  box-shadow: inset 0 0 0 1px #88889a;
+  box-shadow: inset 0 0 0 1px #9b92a5;
 }
 .treeview-light .treeview-link.focus, .treeview-light .treeview-link:focus-visible, .c-prefers-focus .treeview-light .treeview-link:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .treeview-light .treeview-link:active {
   background-color: #f0f5ff;
@@ -23643,7 +23633,7 @@ td.table-focus {
   color: #393a4a;
 }
 .treeview-light .treeview-link:active:focus-visible, .c-prefers-focus .treeview-light .treeview-link:active:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .treeview-light .treeview-link.active {
   background-color: #f0f5ff;
@@ -23651,14 +23641,14 @@ td.table-focus {
   color: #393a4a;
 }
 .treeview-light .treeview-link.active:focus-visible, .c-prefers-focus .treeview-light .treeview-link.active:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .treeview-light .treeview-link:disabled, .treeview-light .treeview-link.disabled {
   background-color: transparent;
   color: rgba(107, 108, 126, 0.5);
 }
 .treeview-light .treeview-link[aria-expanded=true]:focus-visible, .c-prefers-focus .treeview-light .treeview-link[aria-expanded=true]:focus, .treeview-light .treeview-link.show:focus-visible, .c-prefers-focus .treeview-light .treeview-link.show:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .treeview-light .treeview-link.treeview-no-hover:hover, .treeview-light .treeview-link.treeview-no-hover.hover {
   background-color: transparent;
@@ -23675,10 +23665,10 @@ td.table-focus {
   color: #a7a9bc;
 }
 .treeview-dark .treeview-link:hover, .treeview-dark .treeview-link.hover {
-  box-shadow: inset 0 0 0 1px #88889a;
+  box-shadow: inset 0 0 0 1px #9b92a5;
 }
 .treeview-dark .treeview-link.focus, .treeview-dark .treeview-link:focus-visible, .c-prefers-focus .treeview-dark .treeview-link:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .treeview-dark .treeview-link:active {
   background-color: #393a4a;
@@ -23686,7 +23676,7 @@ td.table-focus {
   color: #f0f5ff;
 }
 .treeview-dark .treeview-link:active:focus-visible, .c-prefers-focus .treeview-dark .treeview-link:active:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .treeview-dark .treeview-link.active {
   background-color: #393a4a;
@@ -23694,14 +23684,14 @@ td.table-focus {
   color: #f0f5ff;
 }
 .treeview-dark .treeview-link.active:focus-visible, .c-prefers-focus .treeview-dark .treeview-link.active:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .treeview-dark .treeview-link:disabled, .treeview-dark .treeview-link.disabled {
   background-color: transparent;
   color: rgba(167, 169, 188, 0.5);
 }
 .treeview-dark .treeview-link[aria-expanded=true]:focus-visible, .c-prefers-focus .treeview-dark .treeview-link[aria-expanded=true]:focus, .treeview-dark .treeview-link.show:focus-visible, .c-prefers-focus .treeview-dark .treeview-link.show:focus {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
 .treeview-dark .treeview-link.treeview-no-hover:hover, .treeview-dark .treeview-link.treeview-no-hover.hover {
   background-color: transparent;
@@ -23760,7 +23750,7 @@ td.table-focus {
   outline: 0;
 }
 .close.focus, .close:focus-visible, .c-prefers-focus .close:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
   opacity: 0.75;
 }
@@ -23777,7 +23767,7 @@ td.table-focus {
 }
 
 .c-focus-inset:focus:not(:disabled):not(.disabled):not([disabled]), .c-focus-inset.focus:not(:disabled):not(.disabled):not([disabled]) {
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
   border-color: #80acff;
   outline: 0;
 }
@@ -24010,7 +24000,7 @@ ul.autofit-row {
   outline: 0;
 }
 .inline-scroller:focus-visible {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
 
 .inline-item {