@clayui/css 3.83.1 → 3.85.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.83.1
+ * Clay 3.85.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -162,11 +162,22 @@ sup {
 a {
   color: #0b5fff;
   text-decoration: none;
+  text-underline-offset: 0.23em;
 }
-a:hover {
+a:hover, a.hover {
   color: #004ad7;
   text-decoration: underline;
 }
+a .inline-item-before {
+  margin-right: 0.25rem;
+}
+a .inline-item-middle {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+a .inline-item-after {
+  margin-left: 0.25rem;
+}
 pre,
 code,
 kbd,
@@ -3404,11 +3415,13 @@ input[type=button].btn-block {
   font-weight: 600;
   text-decoration: underline;
 }
-.alert-link:hover,
-.alert-link.btn-unstyled:hover {
+.alert-link:hover, .alert-link.hover,
+.alert-link.btn-unstyled:hover,
+.alert-link.btn-unstyled.hover {
   text-decoration: none;
 }
-.alert-link:focus,
+.alert-link.focus, .alert-link:focus,
+.alert-link.btn-unstyled.focus,
 .alert-link.btn-unstyled:focus {
   text-decoration: none;
 }
@@ -3758,8 +3771,8 @@ input[type=button].btn-block {
   color: #0b5fff;
 }
 .alert-secondary {
-  background-color: #e7e7ed;
-  border-color: #a7a9bc;
+  background-color: #f7f8f9;
+  border-color: #d3d6e0;
   color: #6b6c7e;
 }
 .alert-secondary .alert-btn {
@@ -4055,10 +4068,10 @@ input[type=button].btn-block {
 .badge:empty {
   display: none;
 }
-.badge[href]:hover, .badge[type]:hover {
+.badge[href]:hover, .badge[href].hover, .badge[type]:hover, .badge[type].hover {
   text-decoration: none;
 }
-.badge[href]:focus, .badge[type]:focus {
+.badge[href].focus, .badge[href]:focus, .badge[type].focus, .badge[type]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
@@ -4066,10 +4079,10 @@ input[type=button].btn-block {
   color: #fff;
   text-decoration: underline;
 }
-.badge a:hover {
+.badge a:hover, .badge a.hover {
   text-decoration: none;
 }
-.badge a:focus {
+.badge a.focus, .badge a:focus {
   text-decoration: none;
 }
 .badge > .c-inner {
@@ -4180,11 +4193,11 @@ input[type=button].btn-block {
   background-color: #0b5fff;
   color: #fff;
 }
-[href].badge-primary:hover, [type].badge-primary:hover {
+[href].badge-primary:hover, [href].hover.badge-primary, [type].badge-primary:hover, [type].hover.badge-primary {
   background-color: #0b5fff;
   color: #fff;
 }
-[href].badge-primary:focus, [type].badge-primary:focus {
+[href].focus.badge-primary, [href].badge-primary:focus, [type].focus.badge-primary, [type].badge-primary:focus {
   background-color: #0b5fff;
   box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.5);
   color: #fff;
@@ -4193,11 +4206,11 @@ input[type=button].btn-block {
   background-color: #e7e7ed;
   color: #272833;
 }
-[href].badge-secondary:hover, [type].badge-secondary:hover {
+[href].badge-secondary:hover, [href].hover.badge-secondary, [type].badge-secondary:hover, [type].hover.badge-secondary {
   background-color: #e7e7ed;
   color: #272833;
 }
-[href].badge-secondary:focus, [type].badge-secondary:focus {
+[href].focus.badge-secondary, [href].badge-secondary:focus, [type].focus.badge-secondary, [type].badge-secondary:focus {
   background-color: #e7e7ed;
   color: #272833;
   box-shadow: 0 0 0 0.2rem rgba(231, 231, 237, 0.5);
@@ -4209,11 +4222,11 @@ input[type=button].btn-block {
   background-color: #287d3c;
   color: #fff;
 }
-[href].badge-success:hover, [type].badge-success:hover {
+[href].badge-success:hover, [href].hover.badge-success, [type].badge-success:hover, [type].hover.badge-success {
   background-color: #287d3c;
   color: #fff;
 }
-[href].badge-success:focus, [type].badge-success:focus {
+[href].focus.badge-success, [href].badge-success:focus, [type].focus.badge-success, [type].badge-success:focus {
   background-color: #287d3c;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.5);
@@ -4222,11 +4235,11 @@ input[type=button].btn-block {
   background-color: #2e5aac;
   color: #fff;
 }
-[href].badge-info:hover, [type].badge-info:hover {
+[href].badge-info:hover, [href].hover.badge-info, [type].badge-info:hover, [type].hover.badge-info {
   background-color: #2e5aac;
   color: #fff;
 }
-[href].badge-info:focus, [type].badge-info:focus {
+[href].focus.badge-info, [href].badge-info:focus, [type].focus.badge-info, [type].badge-info:focus {
   background-color: #2e5aac;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(46, 90, 172, 0.5);
@@ -4235,11 +4248,11 @@ input[type=button].btn-block {
   background-color: #b95000;
   color: #fff;
 }
-[href].badge-warning:hover, [type].badge-warning:hover {
+[href].badge-warning:hover, [href].hover.badge-warning, [type].badge-warning:hover, [type].hover.badge-warning {
   background-color: #b95000;
   color: #fff;
 }
-[href].badge-warning:focus, [type].badge-warning:focus {
+[href].focus.badge-warning, [href].badge-warning:focus, [type].focus.badge-warning, [type].badge-warning:focus {
   background-color: #b95000;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(185, 80, 0, 0.5);
@@ -4248,11 +4261,11 @@ input[type=button].btn-block {
   background-color: #da1414;
   color: #fff;
 }
-[href].badge-danger:hover, [type].badge-danger:hover {
+[href].badge-danger:hover, [href].hover.badge-danger, [type].badge-danger:hover, [type].hover.badge-danger {
   background-color: #da1414;
   color: #fff;
 }
-[href].badge-danger:focus, [type].badge-danger:focus {
+[href].focus.badge-danger, [href].badge-danger:focus, [type].focus.badge-danger, [type].badge-danger:focus {
   background-color: #da1414;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.5);
@@ -4261,11 +4274,11 @@ input[type=button].btn-block {
   background-color: #f1f2f5;
   color: #272833;
 }
-[href].badge-light:hover, [type].badge-light:hover {
+[href].badge-light:hover, [href].hover.badge-light, [type].badge-light:hover, [type].hover.badge-light {
   background-color: #f1f2f5;
   color: #272833;
 }
-[href].badge-light:focus, [type].badge-light:focus {
+[href].focus.badge-light, [href].badge-light:focus, [type].focus.badge-light, [type].badge-light:focus {
   background-color: #f1f2f5;
   color: #272833;
   box-shadow: 0 0 0 0.2rem rgba(241, 242, 245, 0.5);
@@ -4277,11 +4290,11 @@ input[type=button].btn-block {
   background-color: #272833;
   color: #fff;
 }
-[href].badge-dark:hover, [type].badge-dark:hover {
+[href].badge-dark:hover, [href].hover.badge-dark, [type].badge-dark:hover, [type].hover.badge-dark {
   background-color: #272833;
   color: #fff;
 }
-[href].badge-dark:focus, [type].badge-dark:focus {
+[href].focus.badge-dark, [href].badge-dark:focus, [type].focus.badge-dark, [type].badge-dark:focus {
   background-color: #272833;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(39, 40, 51, 0.5);
@@ -4309,11 +4322,11 @@ input[type=button].btn-block {
     transition: none;
   }
 }
-.breadcrumb-link:hover {
+.breadcrumb-link:hover, .breadcrumb-link.hover {
   color: #6b6c7e;
   text-decoration: underline;
 }
-.breadcrumb-link:focus {
+.breadcrumb-link.focus, .breadcrumb-link:focus {
   color: #6b6c7e;
   text-decoration: underline;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
@@ -4615,10 +4628,10 @@ input[type=button].btn-block {
   cursor: pointer;
   text-decoration: none;
 }
-.label[href]:hover, .label[type]:hover, .label[tabindex]:hover {
+.label[href]:hover, .label[href].hover, .label[type]:hover, .label[type].hover, .label[tabindex]:hover, .label[tabindex].hover {
   text-decoration: underline;
 }
-.label[href]:focus, .label[type]:focus, .label[tabindex]:focus {
+.label[href].focus, .label[href]:focus, .label[type].focus, .label[type]:focus, .label[tabindex].focus, .label[tabindex]:focus {
   text-decoration: underline;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
@@ -4628,12 +4641,14 @@ input[type=button].btn-block {
   display: inline-block;
   text-decoration: none;
 }
-.label a:hover,
-.label .btn-unstyled:hover {
+.label a:hover, .label a.hover,
+.label .btn-unstyled:hover,
+.label .btn-unstyled.hover {
   color: inherit;
   text-decoration: underline;
 }
-.label a:focus,
+.label a.focus, .label a:focus,
+.label .btn-unstyled.focus,
 .label .btn-unstyled:focus {
   color: inherit;
   text-decoration: underline;
@@ -4783,15 +4798,16 @@ input[type=button].btn-block {
   border-color: #80acff;
   color: #0b5fff;
 }
-[href].label-primary:hover, [type].label-primary:hover, [tabindex].label-primary:hover {
+[href].label-primary:hover, [href].hover.label-primary, [type].label-primary:hover, [type].hover.label-primary, [tabindex].label-primary:hover, [tabindex].hover.label-primary {
   border-color: #80acff;
   color: #004ad7;
 }
-[href].label-primary:focus, [type].label-primary:focus, [tabindex].label-primary:focus {
+[href].focus.label-primary, [href].label-primary:focus, [type].focus.label-primary, [type].label-primary:focus, [tabindex].focus.label-primary, [tabindex].label-primary:focus {
   color: #004ad7;
 }
-.label-primary a:hover,
-.label-primary .btn-unstyled:hover {
+.label-primary a:hover, .label-primary a.hover,
+.label-primary .btn-unstyled:hover,
+.label-primary .btn-unstyled.hover {
   color: #004ad7;
 }
 .label-primary .close:hover {
@@ -4805,15 +4821,16 @@ input[type=button].btn-block {
   border-color: #cdced9;
   color: #6b6c7e;
 }
-[href].label-secondary:hover, [type].label-secondary:hover, [tabindex].label-secondary:hover {
+[href].label-secondary:hover, [href].hover.label-secondary, [type].label-secondary:hover, [type].hover.label-secondary, [tabindex].label-secondary:hover, [tabindex].hover.label-secondary {
   border-color: #cdced9;
   color: #272833;
 }
-[href].label-secondary:focus, [type].label-secondary:focus, [tabindex].label-secondary:focus {
+[href].focus.label-secondary, [href].label-secondary:focus, [type].focus.label-secondary, [type].label-secondary:focus, [tabindex].focus.label-secondary, [tabindex].label-secondary:focus {
   color: #272833;
 }
-.label-secondary a:hover,
-.label-secondary .btn-unstyled:hover {
+.label-secondary a:hover, .label-secondary a.hover,
+.label-secondary .btn-unstyled:hover,
+.label-secondary .btn-unstyled.hover {
   color: #272833;
 }
 .label-secondary .close:hover {
@@ -4827,15 +4844,16 @@ input[type=button].btn-block {
   border-color: #5aca75;
   color: #287d3c;
 }
-[href].label-success:hover, [type].label-success:hover, [tabindex].label-success:hover {
+[href].label-success:hover, [href].hover.label-success, [type].label-success:hover, [type].hover.label-success, [tabindex].label-success:hover, [tabindex].hover.label-success {
   border-color: #5aca75;
   color: #1c5629;
 }
-[href].label-success:focus, [type].label-success:focus, [tabindex].label-success:focus {
+[href].focus.label-success, [href].label-success:focus, [type].focus.label-success, [type].label-success:focus, [tabindex].focus.label-success, [tabindex].label-success:focus {
   color: #1c5629;
 }
-.label-success a:hover,
-.label-success .btn-unstyled:hover {
+.label-success a:hover, .label-success a.hover,
+.label-success .btn-unstyled:hover,
+.label-success .btn-unstyled.hover {
   color: #1c5629;
 }
 .label-success .close:hover {
@@ -4849,15 +4867,16 @@ input[type=button].btn-block {
   border-color: #89a7e0;
   color: #2e5aac;
 }
-[href].label-info:hover, [type].label-info:hover, [tabindex].label-info:hover {
+[href].label-info:hover, [href].hover.label-info, [type].label-info:hover, [type].hover.label-info, [tabindex].label-info:hover, [tabindex].hover.label-info {
   border-color: #89a7e0;
   color: #234584;
 }
-[href].label-info:focus, [type].label-info:focus, [tabindex].label-info:focus {
+[href].focus.label-info, [href].label-info:focus, [type].focus.label-info, [type].label-info:focus, [tabindex].focus.label-info, [tabindex].label-info:focus {
   color: #234584;
 }
-.label-info a:hover,
-.label-info .btn-unstyled:hover {
+.label-info a:hover, .label-info a.hover,
+.label-info .btn-unstyled:hover,
+.label-info .btn-unstyled.hover {
   color: #234584;
 }
 .label-info .close:hover {
@@ -4871,15 +4890,16 @@ input[type=button].btn-block {
   border-color: #ff8f39;
   color: #b95000;
 }
-[href].label-warning:hover, [type].label-warning:hover, [tabindex].label-warning:hover {
+[href].label-warning:hover, [href].hover.label-warning, [type].label-warning:hover, [type].hover.label-warning, [tabindex].label-warning:hover, [tabindex].hover.label-warning {
   border-color: #ff8f39;
   color: #863a00;
 }
-[href].label-warning:focus, [type].label-warning:focus, [tabindex].label-warning:focus {
+[href].focus.label-warning, [href].label-warning:focus, [type].focus.label-warning, [type].label-warning:focus, [tabindex].focus.label-warning, [tabindex].label-warning:focus {
   color: #863a00;
 }
-.label-warning a:hover,
-.label-warning .btn-unstyled:hover {
+.label-warning a:hover, .label-warning a.hover,
+.label-warning .btn-unstyled:hover,
+.label-warning .btn-unstyled.hover {
   color: #863a00;
 }
 .label-warning .close:hover {
@@ -4893,15 +4913,16 @@ input[type=button].btn-block {
   border-color: #f48989;
   color: #da1414;
 }
-[href].label-danger:hover, [type].label-danger:hover, [tabindex].label-danger:hover {
+[href].label-danger:hover, [href].hover.label-danger, [type].label-danger:hover, [type].hover.label-danger, [tabindex].label-danger:hover, [tabindex].hover.label-danger {
   border-color: #f48989;
   color: #ab1010;
 }
-[href].label-danger:focus, [type].label-danger:focus, [tabindex].label-danger:focus {
+[href].focus.label-danger, [href].label-danger:focus, [type].focus.label-danger, [type].label-danger:focus, [tabindex].focus.label-danger, [tabindex].label-danger:focus {
   color: #ab1010;
 }
-.label-danger a:hover,
-.label-danger .btn-unstyled:hover {
+.label-danger a:hover, .label-danger a.hover,
+.label-danger .btn-unstyled:hover,
+.label-danger .btn-unstyled.hover {
   color: #ab1010;
 }
 .label-danger .close:hover {
@@ -4915,15 +4936,16 @@ input[type=button].btn-block {
   border-color: #272833;
   color: #272833;
 }
-[href].label-dark:hover, [type].label-dark:hover, [tabindex].label-dark:hover {
+[href].label-dark:hover, [href].hover.label-dark, [type].label-dark:hover, [type].hover.label-dark, [tabindex].label-dark:hover, [tabindex].hover.label-dark {
   border-color: #272833;
   color: #393a4a;
 }
-[href].label-dark:focus, [type].label-dark:focus, [tabindex].label-dark:focus {
+[href].focus.label-dark, [href].label-dark:focus, [type].focus.label-dark, [type].label-dark:focus, [tabindex].focus.label-dark, [tabindex].label-dark:focus {
   color: #393a4a;
 }
-.label-dark a:hover,
-.label-dark .btn-unstyled:hover {
+.label-dark a:hover, .label-dark a.hover,
+.label-dark .btn-unstyled:hover,
+.label-dark .btn-unstyled.hover {
   color: #393a4a;
 }
 .label-dark .close:hover {
@@ -4937,15 +4959,16 @@ input[type=button].btn-block {
   border-color: #f1f2f5;
   color: #f1f2f5;
 }
-[href].label-light:hover, [type].label-light:hover, [tabindex].label-light:hover {
+[href].label-light:hover, [href].hover.label-light, [type].label-light:hover, [type].hover.label-light, [tabindex].label-light:hover, [tabindex].hover.label-light {
   border-color: #f1f2f5;
   color: #d3d6e0;
 }
-[href].label-light:focus, [type].label-light:focus, [tabindex].label-light:focus {
+[href].focus.label-light, [href].label-light:focus, [type].focus.label-light, [type].label-light:focus, [tabindex].focus.label-light, [tabindex].label-light:focus {
   color: #d3d6e0;
 }
-.label-light a:hover,
-.label-light .btn-unstyled:hover {
+.label-light a:hover, .label-light a.hover,
+.label-light .btn-unstyled:hover,
+.label-light .btn-unstyled.hover {
   color: #d3d6e0;
 }
 .label-light .close:hover {
@@ -4959,7 +4982,7 @@ input[type=button].btn-block {
   border-color: #0b5fff;
   color: #fff;
 }
-[href].label-inverse-primary:hover, [type].label-inverse-primary:hover, [tabindex].label-inverse-primary:hover {
+[href].label-inverse-primary:hover, [href].hover.label-inverse-primary, [type].label-inverse-primary:hover, [type].hover.label-inverse-primary, [tabindex].label-inverse-primary:hover, [tabindex].hover.label-inverse-primary {
   color: #fff;
 }
 .label-inverse-secondary {
@@ -4967,7 +4990,7 @@ input[type=button].btn-block {
   border-color: #6b6c7e;
   color: #fff;
 }
-[href].label-inverse-secondary:hover, [type].label-inverse-secondary:hover, [tabindex].label-inverse-secondary:hover {
+[href].label-inverse-secondary:hover, [href].hover.label-inverse-secondary, [type].label-inverse-secondary:hover, [type].hover.label-inverse-secondary, [tabindex].label-inverse-secondary:hover, [tabindex].hover.label-inverse-secondary {
   color: #fff;
 }
 .label-inverse-success {
@@ -4975,7 +4998,7 @@ input[type=button].btn-block {
   border-color: #287d3c;
   color: #fff;
 }
-[href].label-inverse-success:hover, [type].label-inverse-success:hover, [tabindex].label-inverse-success:hover {
+[href].label-inverse-success:hover, [href].hover.label-inverse-success, [type].label-inverse-success:hover, [type].hover.label-inverse-success, [tabindex].label-inverse-success:hover, [tabindex].hover.label-inverse-success {
   color: #fff;
 }
 .label-inverse-info {
@@ -4983,7 +5006,7 @@ input[type=button].btn-block {
   border-color: #2e5aac;
   color: #fff;
 }
-[href].label-inverse-info:hover, [type].label-inverse-info:hover, [tabindex].label-inverse-info:hover {
+[href].label-inverse-info:hover, [href].hover.label-inverse-info, [type].label-inverse-info:hover, [type].hover.label-inverse-info, [tabindex].label-inverse-info:hover, [tabindex].hover.label-inverse-info {
   color: #fff;
 }
 .label-inverse-warning {
@@ -4991,7 +5014,7 @@ input[type=button].btn-block {
   border-color: #b95000;
   color: #fff;
 }
-[href].label-inverse-warning:hover, [type].label-inverse-warning:hover, [tabindex].label-inverse-warning:hover {
+[href].label-inverse-warning:hover, [href].hover.label-inverse-warning, [type].label-inverse-warning:hover, [type].hover.label-inverse-warning, [tabindex].label-inverse-warning:hover, [tabindex].hover.label-inverse-warning {
   color: #fff;
 }
 .label-inverse-danger {
@@ -4999,7 +5022,7 @@ input[type=button].btn-block {
   border-color: #da1414;
   color: #fff;
 }
-[href].label-inverse-danger:hover, [type].label-inverse-danger:hover, [tabindex].label-inverse-danger:hover {
+[href].label-inverse-danger:hover, [href].hover.label-inverse-danger, [type].label-inverse-danger:hover, [type].hover.label-inverse-danger, [tabindex].label-inverse-danger:hover, [tabindex].hover.label-inverse-danger {
   color: #fff;
 }
 .label-inverse-light {
@@ -5007,7 +5030,7 @@ input[type=button].btn-block {
   border-color: #f1f2f5;
   color: #272833;
 }
-[href].label-inverse-light:hover, [type].label-inverse-light:hover, [tabindex].label-inverse-light:hover {
+[href].label-inverse-light:hover, [href].hover.label-inverse-light, [type].label-inverse-light:hover, [type].hover.label-inverse-light, [tabindex].label-inverse-light:hover, [tabindex].hover.label-inverse-light {
   color: #272833;
 }
 .label-inverse-dark {
@@ -5015,7 +5038,7 @@ input[type=button].btn-block {
   border-color: #272833;
   color: #fff;
 }
-[href].label-inverse-dark:hover, [type].label-inverse-dark:hover, [tabindex].label-inverse-dark:hover {
+[href].label-inverse-dark:hover, [href].hover.label-inverse-dark, [type].label-inverse-dark:hover, [type].hover.label-inverse-dark, [tabindex].label-inverse-dark:hover, [tabindex].hover.label-inverse-dark {
   color: #fff;
 }
 .media {
@@ -5346,8 +5369,9 @@ input[type=button].btn-block {
 .card-title [href] {
   color: #272833;
 }
-.card-title[href]:hover,
-.card-title [href]:hover {
+.card-title[href]:hover, .card-title[href].hover,
+.card-title [href]:hover,
+.card-title [href].hover {
   color: #272833;
 }
 .card-subtitle {
@@ -5361,8 +5385,9 @@ input[type=button].btn-block {
 .card-subtitle [href] {
   color: #6b6c7e;
 }
-.card-subtitle[href]:hover,
-.card-subtitle [href]:hover {
+.card-subtitle[href]:hover, .card-subtitle[href].hover,
+.card-subtitle [href]:hover,
+.card-subtitle [href].hover {
   color: #6b6c7e;
 }
 .card-text:last-child {
@@ -5372,7 +5397,7 @@ input[type=button].btn-block {
   color: #6b6c7e;
   font-size: 0.875rem;
 }
-.card-link:hover {
+.card-link:hover, .card-link.hover {
   color: #6b6c7e;
   text-decoration: underline;
 }
@@ -6832,11 +6857,11 @@ input[type=button].btn-block {
   text-decoration: inherit;
   width: 100%;
 }
-.dropdown-item-indicator-text-start:hover {
+.dropdown-item-indicator-text-start:hover, .dropdown-item-indicator-text-start.hover {
   color: inherit;
   text-decoration: inherit;
 }
-.dropdown-item-indicator-text-start:focus {
+.dropdown-item-indicator-text-start.focus, .dropdown-item-indicator-text-start:focus {
   color: inherit;
   text-decoration: inherit;
 }
@@ -6887,11 +6912,11 @@ input[type=button].btn-block {
   text-decoration: inherit;
   width: 100%;
 }
-.dropdown-item-indicator-text-end:hover {
+.dropdown-item-indicator-text-end:hover, .dropdown-item-indicator-text-end.hover {
   color: inherit;
   text-decoration: inherit;
 }
-.dropdown-item-indicator-text-end:focus {
+.dropdown-item-indicator-text-end.focus, .dropdown-item-indicator-text-end:focus {
   color: inherit;
   text-decoration: inherit;
 }
@@ -7636,24 +7661,23 @@ select.form-control[size]:focus, select.form-control[size].focus {
   background-image: none;
 }
 select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
-  background-image: linear-gradient(#ffa700, #ffa700);
-  color: #fff;
-  filter: invert(100%);
+  background-image: linear-gradient(#ffb528, #ffb528);
+  filter: invert(1);
 }
 select.form-control[size] option {
   padding: 0.4375rem 0.5rem;
 }
-select.form-control[size] option:checked {
+select.form-control[size] option:hover {
   background-image: linear-gradient(#e7e7ed, #e7e7ed);
 }
+select.form-control[size] option:checked {
+  background-image: linear-gradient(#d3d6e0, #d3d6e0);
+}
 @-moz-document url-prefix() {
   select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
     background-image: linear-gradient(#004ad7, #004ad7);
     filter: invert(0);
   }
-  select.form-control[size] option {
-    padding: 0.40625rem 0.5rem;
-  }
 }
 
 select.form-control[multiple] {
@@ -7669,24 +7693,23 @@ select.form-control[multiple]:focus, select.form-control[multiple].focus {
   background-image: none;
 }
 select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
-  background-image: linear-gradient(#ffa700, #ffa700);
-  color: #fff;
-  filter: invert(100%);
+  background-image: linear-gradient(#ffb528, #ffb528);
+  filter: invert(1);
 }
 select.form-control[multiple] option {
   padding: 0.4375rem 0.5rem;
 }
-select.form-control[multiple] option:checked {
+select.form-control[multiple] option:hover {
   background-image: linear-gradient(#e7e7ed, #e7e7ed);
 }
+select.form-control[multiple] option:checked {
+  background-image: linear-gradient(#d3d6e0, #d3d6e0);
+}
 @-moz-document url-prefix() {
   select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
     background-image: linear-gradient(#004ad7, #004ad7);
     filter: invert(0);
   }
-  select.form-control[multiple] option {
-    padding: 0.40625rem 0.5rem;
-  }
 }
 
 .form-control-select-secondary {
@@ -8094,6 +8117,39 @@ textarea.form-control-lg,
   }
 }
 
+.c-link {
+  text-decoration: none;
+  transition: box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .c-link {
+    transition: none;
+  }
+}
+.c-link:hover, .c-link.hover {
+  text-decoration: none;
+}
+.c-link.focus, .c-link:focus {
+  border-radius: 1px;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  outline: 0;
+}
+.c-link.text-secondary {
+  color: #272833 !important;
+}
+.c-link.text-secondary:hover, .c-link.text-secondary.hover {
+  color: #000 !important;
+}
+.c-link.text-secondary.focus, .c-link.text-secondary:focus {
+  color: #000 !important;
+}
+.c-link.text-tertiary {
+  color: #272833 !important;
+}
+.c-link.text-tertiary:hover, .c-link.text-tertiary.hover {
+  color: #000 !important;
+  text-decoration: underline;
+}
 .component-link {
   color: #6b6c7e;
   border-radius: 1px;
@@ -8104,10 +8160,10 @@ textarea.form-control-lg,
     transition: none;
   }
 }
-.component-link:hover {
+.component-link:hover, .component-link.hover {
   color: #484955;
 }
-.component-link:focus {
+.component-link.focus, .component-link:focus {
   color: #484955;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
@@ -8126,10 +8182,11 @@ textarea.form-control-lg,
     transition: none;
   }
 }
-.link-primary:hover {
+.link-primary:hover, .link-primary.hover {
   color: #0041be;
+  background-color: #f0f5ff;
 }
-.link-primary:focus {
+.link-primary.focus, .link-primary:focus {
   color: #0041be;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
@@ -8144,10 +8201,11 @@ textarea.form-control-lg,
     transition: none;
   }
 }
-.link-secondary:hover {
+.link-secondary:hover, .link-secondary.hover {
   color: #272833;
+  background-color: #f1f2f5;
 }
-.link-secondary:focus {
+.link-secondary.focus, .link-secondary:focus {
   color: #272833;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
@@ -8180,10 +8238,10 @@ button.link-outline {
     transition: none;
   }
 }
-.link-outline:hover {
+.link-outline:hover, .link-outline.hover {
   text-decoration: none;
 }
-.link-outline:focus {
+.link-outline.focus, .link-outline:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
@@ -8207,11 +8265,11 @@ button.link-outline {
   border-color: #0b5fff;
   color: #0b5fff;
 }
-.link-outline-primary:hover {
+.link-outline-primary:hover, .link-outline-primary.hover {
   background-color: #f0f5ff;
   color: #0b5fff;
 }
-.link-outline-primary:focus {
+.link-outline-primary.focus, .link-outline-primary:focus {
   background-color: #f0f5ff;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   color: #0b5fff;
@@ -8239,11 +8297,11 @@ button.link-outline {
   border-color: #cdced9;
   color: #6b6c7e;
 }
-.link-outline-secondary:hover {
+.link-outline-secondary:hover, .link-outline-secondary.hover {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
-.link-outline-secondary:focus {
+.link-outline-secondary.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 #80acff;
   color: #272833;
@@ -8313,11 +8371,13 @@ button.link-outline {
     transition: none;
   }
 }
-.component-title[href]:hover,
-.component-title [href]:hover {
+.component-title[href]:hover, .component-title[href].hover,
+.component-title [href]:hover,
+.component-title [href].hover {
   color: #060608;
 }
-.component-title[href]:focus,
+.component-title[href].focus, .component-title[href]:focus,
+.component-title [href].focus,
 .component-title [href]:focus {
   color: #060608;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
@@ -8341,11 +8401,13 @@ button.link-outline {
     transition: none;
   }
 }
-.component-subtitle[href]:hover,
-.component-subtitle [href]:hover {
+.component-subtitle[href]:hover, .component-subtitle[href].hover,
+.component-subtitle [href]:hover,
+.component-subtitle [href].hover {
   color: #272833;
 }
-.component-subtitle[href]:focus,
+.component-subtitle[href].focus, .component-subtitle[href]:focus,
+.component-subtitle [href].focus,
 .component-subtitle [href]:focus {
   color: #272833;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
@@ -8373,11 +8435,11 @@ button.link-outline {
     transition: none;
   }
 }
-.component-action:hover {
+.component-action:hover, .component-action.hover {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
-.component-action:focus {
+.component-action.focus, .component-action:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
   background-color: rgba(39, 40, 51, 0.03);
@@ -9052,7 +9114,7 @@ button.link-outline {
 }
 .custom-control-label::before {
   background-color: #fff;
-  border-color: #cdced9;
+  border-color: #6b6c7e;
   border-style: solid;
   border-width: 0.0625rem;
   box-shadow: none;
@@ -9100,7 +9162,7 @@ label.custom-control-label {
 }
 .custom-control-label::before {
   background-color: #fff;
-  border-color: #cdced9;
+  border-color: #6b6c7e;
   border-style: solid;
   border-width: 0.0625rem;
   box-shadow: none;
@@ -9143,12 +9205,12 @@ label.custom-control-label {
   z-index: 1;
 }
 .custom-control-input:focus ~ .custom-control-label::before {
-  border-color: #cdced9;
+  border-color: #6b6c7e;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .custom-control-input:active ~ .custom-control-label::before {
   background-color: #fff;
-  border-color: #cdced9;
+  border-color: #6b6c7e;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   color: #fff;
 }
@@ -9191,7 +9253,7 @@ label.custom-control-label {
 }
 .custom-control-input:checked[readonly] ~ .custom-control-label::before {
   background-color: #fff;
-  border-color: #cdced9;
+  border-color: #6b6c7e;
 }
 .custom-checkbox .custom-control-input ~ .custom-control-label::before {
   border-radius: 0.125rem;
@@ -9281,7 +9343,7 @@ label.custom-control-label {
   width: 1.75rem;
 }
 .custom-switch .custom-control-label::after {
-  background-color: #cdced9;
+  background-color: #6b6c7e;
   border-radius: 0.5rem;
   height: 0.75rem;
   left: -2.125rem;
@@ -11197,11 +11259,13 @@ label.custom-control-label {
     transition: none;
   }
 }
-.list-group-title[href]:hover,
-.list-group-title [href]:hover {
+.list-group-title[href]:hover, .list-group-title[href].hover,
+.list-group-title [href]:hover,
+.list-group-title [href].hover {
   color: #272833;
 }
-.list-group-title[href]:focus,
+.list-group-title[href].focus, .list-group-title[href]:focus,
+.list-group-title [href].focus,
 .list-group-title [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
@@ -11224,11 +11288,13 @@ label.custom-control-label {
     transition: none;
   }
 }
-.list-group-subtitle[href]:hover,
-.list-group-subtitle [href]:hover {
+.list-group-subtitle[href]:hover, .list-group-subtitle[href].hover,
+.list-group-subtitle [href]:hover,
+.list-group-subtitle [href].hover {
   color: #272833;
 }
-.list-group-subtitle[href]:focus,
+.list-group-subtitle[href].focus, .list-group-subtitle[href]:focus,
+.list-group-subtitle [href].focus,
 .list-group-subtitle [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
@@ -11252,11 +11318,13 @@ label.custom-control-label {
     transition: none;
   }
 }
-.list-group-text[href]:hover,
-.list-group-text [href]:hover {
+.list-group-text[href]:hover, .list-group-text[href].hover,
+.list-group-text [href]:hover,
+.list-group-text [href].hover {
   color: #272833;
 }
-.list-group-text[href]:focus,
+.list-group-text[href].focus, .list-group-text[href]:focus,
+.list-group-text [href].focus,
 .list-group-text [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
@@ -11280,11 +11348,13 @@ label.custom-control-label {
     transition: none;
   }
 }
-.list-group-subtext[href]:hover,
-.list-group-subtext [href]:hover {
+.list-group-subtext[href]:hover, .list-group-subtext[href].hover,
+.list-group-subtext [href]:hover,
+.list-group-subtext [href].hover {
   color: #272833;
 }
-.list-group-subtext[href]:focus,
+.list-group-subtext[href].focus, .list-group-subtext[href]:focus,
+.list-group-subtext [href].focus,
 .list-group-subtext [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
@@ -12368,10 +12438,10 @@ label.custom-control-label {
   padding-top: 0.625rem;
   position: relative;
 }
-.nav-link:hover {
+.nav-link:hover, .nav-link.hover {
   text-decoration: none;
 }
-.nav-link:focus {
+.nav-link.focus, .nav-link:focus {
   text-decoration: none;
   z-index: 1;
 }
@@ -12701,10 +12771,10 @@ label.custom-control-label {
     transition: none;
   }
 }
-.nav-tabs .nav-link:hover {
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link.hover {
   border-color: transparent;
 }
-.nav-tabs .nav-link:focus {
+.nav-tabs .nav-link.focus, .nav-tabs .nav-link:focus {
   border-color: transparent;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
@@ -12803,7 +12873,7 @@ label.custom-control-label {
   right: 0;
   width: auto;
 }
-.nav-underline .nav-link:focus {
+.nav-underline .nav-link.focus, .nav-underline .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
@@ -12955,11 +13025,11 @@ label.custom-control-label {
     transition: none;
   }
 }
-.menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
+.menubar-vertical-expand-md.menubar-transparent .nav-link:hover, .menubar-vertical-expand-md.menubar-transparent .nav-link.hover {
   color: #272833;
   background-color: rgba(11, 95, 255, 0.04);
 }
-.menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
+.menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
   background-color: rgba(11, 95, 255, 0.04);
   box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
   color: #272833;
@@ -12986,11 +13056,11 @@ label.custom-control-label {
     border-radius: 0;
     color: #272833;
   }
-  .menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
+  .menubar-vertical-expand-md.menubar-transparent .nav-link:hover, .menubar-vertical-expand-md.menubar-transparent .nav-link.hover {
     background-color: rgba(11, 95, 255, 0.04);
     color: #1c1d25;
   }
-  .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
+  .menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
     background-color: rgba(11, 95, 255, 0.04);
   }
   .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
@@ -13153,11 +13223,11 @@ label.custom-control-label {
     transition: none;
   }
 }
-.menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
+.menubar-vertical-expand-lg.menubar-transparent .nav-link:hover, .menubar-vertical-expand-lg.menubar-transparent .nav-link.hover {
   color: #272833;
   background-color: rgba(11, 95, 255, 0.04);
 }
-.menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
+.menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
   background-color: rgba(11, 95, 255, 0.04);
   box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
   color: #272833;
@@ -13184,11 +13254,11 @@ label.custom-control-label {
     border-radius: 0;
     color: #272833;
   }
-  .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
+  .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover, .menubar-vertical-expand-lg.menubar-transparent .nav-link.hover {
     background-color: rgba(11, 95, 255, 0.04);
     color: #1c1d25;
   }
-  .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
+  .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
     background-color: rgba(11, 95, 255, 0.04);
   }
   .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
@@ -15199,7 +15269,7 @@ label.custom-control-label {
     transition: none;
   }
 }
-.application-bar .navbar-nav .nav-link:focus {
+.application-bar .navbar-nav .nav-link.focus, .application-bar .navbar-nav .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .application-bar .navbar-nav .nav-link:disabled, .application-bar .navbar-nav .nav-link.disabled {
@@ -15215,7 +15285,7 @@ label.custom-control-label {
     transition: none;
   }
 }
-.application-bar .navbar-brand:focus {
+.application-bar .navbar-brand.focus, .application-bar .navbar-brand:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .application-bar .navbar-brand:disabled, .application-bar .navbar-brand.disabled {
@@ -15237,11 +15307,11 @@ label.custom-control-label {
   color: #fff;
   font-weight: 600;
 }
-.application-bar-dark .navbar-nav .nav-link:hover {
+.application-bar-dark .navbar-nav .nav-link:hover, .application-bar-dark .navbar-nav .nav-link.hover {
   color: #fff;
   background-color: rgba(255, 255, 255, 0.03);
 }
-.application-bar-dark .navbar-nav .nav-link:focus {
+.application-bar-dark .navbar-nav .nav-link.focus, .application-bar-dark .navbar-nav .nav-link:focus {
   background-color: rgba(255, 255, 255, 0.03);
 }
 .application-bar-dark .navbar-nav .nav-link:active {
@@ -15267,7 +15337,7 @@ label.custom-control-label {
 .application-bar-dark .navbar-brand {
   font-weight: 600;
 }
-.application-bar-dark .navbar-brand:focus {
+.application-bar-dark .navbar-brand.focus, .application-bar-dark .navbar-brand:focus {
   background-color: rgba(255, 255, 255, 0.03);
 }
 .application-bar-dark .navbar-brand:active {
@@ -16378,7 +16448,7 @@ label.custom-control-label {
     transition: none;
   }
 }
-.management-bar .navbar-nav .nav-link:focus {
+.management-bar .navbar-nav .nav-link.focus, .management-bar .navbar-nav .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .management-bar .navbar-nav .nav-link:disabled, .management-bar .navbar-nav .nav-link.disabled {
@@ -16394,7 +16464,7 @@ label.custom-control-label {
     transition: none;
   }
 }
-.management-bar .navbar-brand:focus {
+.management-bar .navbar-brand.focus, .management-bar .navbar-brand:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .management-bar .navbar-brand:disabled, .management-bar .navbar-brand.disabled {
@@ -16412,11 +16482,11 @@ label.custom-control-label {
   color: #6b6c7e;
   font-weight: 600;
 }
-.management-bar-light .navbar-nav .nav-link:hover {
+.management-bar-light .navbar-nav .nav-link:hover, .management-bar-light .navbar-nav .nav-link.hover {
   color: #272833;
   background-color: rgba(39, 40, 51, 0.03);
 }
-.management-bar-light .navbar-nav .nav-link:focus {
+.management-bar-light .navbar-nav .nav-link.focus, .management-bar-light .navbar-nav .nav-link:focus {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
@@ -16443,7 +16513,7 @@ label.custom-control-label {
 .management-bar-light .navbar-brand {
   font-weight: 600;
 }
-.management-bar-light .navbar-brand:focus {
+.management-bar-light .navbar-brand.focus, .management-bar-light .navbar-brand:focus {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
@@ -16481,11 +16551,11 @@ label.custom-control-label {
   border-radius: 0.25rem;
   font-weight: 600;
 }
-.management-bar-primary .navbar-nav .nav-link:hover {
+.management-bar-primary .navbar-nav .nav-link:hover, .management-bar-primary .navbar-nav .nav-link.hover {
   color: #272833;
   background-color: rgba(39, 40, 51, 0.03);
 }
-.management-bar-primary .navbar-nav .nav-link:focus {
+.management-bar-primary .navbar-nav .nav-link.focus, .management-bar-primary .navbar-nav .nav-link:focus {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
@@ -16513,7 +16583,7 @@ label.custom-control-label {
   border-radius: 0.25rem;
   font-weight: 600;
 }
-.management-bar-primary .navbar-brand:focus {
+.management-bar-primary .navbar-brand.focus, .management-bar-primary .navbar-brand:focus {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
@@ -16972,20 +17042,24 @@ label.custom-control-label {
   height: 0.25rem;
 }
 .navigation-bar .navbar-nav .nav-link {
+  border-width: 0;
+  font-size: inherit;
   border-radius: 0px;
   outline: 0;
 }
-.navigation-bar .navbar-nav .nav-link:focus {
+.navigation-bar .navbar-nav .nav-link.focus, .navigation-bar .navbar-nav .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .navigation-bar .navbar-nav .nav-link:disabled, .navigation-bar .navbar-nav .nav-link.disabled {
   box-shadow: none;
 }
 .navigation-bar .navbar-brand {
+  border-width: 0;
+  font-size: inherit;
   border-radius: 0px;
   outline: 0;
 }
-.navigation-bar .navbar-brand:focus {
+.navigation-bar .navbar-brand.focus, .navigation-bar .navbar-brand:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .navigation-bar .navbar-brand:disabled, .navigation-bar .navbar-brand.disabled {
@@ -16999,10 +17073,10 @@ label.custom-control-label {
   color: #6b6c7e;
   font-weight: 600;
 }
-.navigation-bar-light .navbar-nav .nav-link:hover {
+.navigation-bar-light .navbar-nav .nav-link:hover, .navigation-bar-light .navbar-nav .nav-link.hover {
   color: #272833;
 }
-.navigation-bar-light .navbar-nav .nav-link:focus {
+.navigation-bar-light .navbar-nav .nav-link.focus, .navigation-bar-light .navbar-nav .nav-link:focus {
   color: #272833;
 }
 .navigation-bar-light .navbar-nav .nav-link:active {
@@ -17024,7 +17098,7 @@ label.custom-control-label {
 .navigation-bar-light .navbar-brand {
   font-weight: 600;
 }
-.navigation-bar-light .navbar-brand:focus {
+.navigation-bar-light .navbar-brand.focus, .navigation-bar-light .navbar-brand:focus {
   color: #272833;
 }
 .navigation-bar-light .navbar-brand:active {
@@ -17052,10 +17126,10 @@ label.custom-control-label {
     color: #6b6c7e;
     font-weight: 600;
   }
-  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
+  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.hover {
     color: #272833;
   }
-  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
+  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
     color: #272833;
   }
   .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
@@ -17081,10 +17155,10 @@ label.custom-control-label {
   color: #cdced9;
   font-weight: 600;
 }
-.navigation-bar-secondary .navbar-nav .nav-link:hover {
+.navigation-bar-secondary .navbar-nav .nav-link:hover, .navigation-bar-secondary .navbar-nav .nav-link.hover {
   color: #fff;
 }
-.navigation-bar-secondary .navbar-nav .nav-link:focus {
+.navigation-bar-secondary .navbar-nav .nav-link.focus, .navigation-bar-secondary .navbar-nav .nav-link:focus {
   color: #fff;
 }
 .navigation-bar-secondary .navbar-nav .nav-link:active {
@@ -17107,10 +17181,10 @@ label.custom-control-label {
   color: rgba(255, 255, 255, 0.9);
   font-weight: 600;
 }
-.navigation-bar-secondary .navbar-brand:hover {
+.navigation-bar-secondary .navbar-brand:hover, .navigation-bar-secondary .navbar-brand.hover {
   color: rgba(255, 255, 255, 0.9);
 }
-.navigation-bar-secondary .navbar-brand:focus {
+.navigation-bar-secondary .navbar-brand.focus, .navigation-bar-secondary .navbar-brand:focus {
   color: #fff;
 }
 .navigation-bar-secondary .navbar-brand:active {
@@ -17138,10 +17212,10 @@ label.custom-control-label {
     color: #cdced9;
     font-weight: 600;
   }
-  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
+  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.hover {
     color: #fff;
   }
-  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
+  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
     color: #fff;
   }
   .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
@@ -17191,6 +17265,7 @@ label.custom-control-label {
   border-style: solid;
   border-width: 0.0625rem;
   color: #6b6c7e;
+  cursor: pointer;
   display: inline-flex;
   height: 2rem;
   justify-content: center;
@@ -17208,32 +17283,32 @@ label.custom-control-label {
     transition: none;
   }
 }
-.page-link:hover {
-  background-color: rgba(0, 0, 0, 0.02);
+.page-link:hover, .page-link.hover {
+  background-color: rgba(39, 40, 41, 0.04);
   border-color: transparent;
   color: #272833;
   text-decoration: none;
   z-index: 2;
 }
-.page-link:focus {
+.page-link.focus, .page-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
   z-index: 4;
-  background-color: rgba(0, 0, 0, 0.02);
+  background-color: rgba(39, 40, 41, 0.04);
   border-color: transparent;
   color: #272833;
 }
 .page-link:active {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
   cursor: default;
   z-index: 3;
 }
 .page-link.active {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
   z-index: 3;
 }
 .page-link:disabled, .page-link.disabled {
@@ -17250,9 +17325,9 @@ label.custom-control-label {
   pointer-events: none;
 }
 .page-link[aria-expanded=true], .page-link.show {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
   z-index: 3;
 }
 .page-link > .c-inner {
@@ -17270,9 +17345,9 @@ label.custom-control-label {
   margin-right: 0.25rem;
 }
 .page-item.active .page-link {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
   cursor: default;
   z-index: 3;
 }
@@ -17328,31 +17403,33 @@ label.custom-control-label {
     transition: none;
   }
 }
-.pagination-items-per-page > a:hover,
-.pagination-items-per-page > button:hover {
-  background-color: rgba(0, 0, 0, 0.02);
+.pagination-items-per-page > a:hover, .pagination-items-per-page > a.hover,
+.pagination-items-per-page > button:hover,
+.pagination-items-per-page > button.hover {
+  background-color: rgba(39, 40, 41, 0.04);
   border-color: transparent;
   color: #272833;
 }
-.pagination-items-per-page > a:focus,
+.pagination-items-per-page > a.focus, .pagination-items-per-page > a:focus,
+.pagination-items-per-page > button.focus,
 .pagination-items-per-page > button:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
-  background-color: rgba(0, 0, 0, 0.02);
+  background-color: rgba(39, 40, 41, 0.04);
   border-color: transparent;
   color: #272833;
 }
 .pagination-items-per-page > a:active,
 .pagination-items-per-page > button:active {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
 }
 .pagination-items-per-page > a.active,
 .pagination-items-per-page > button.active {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
 }
 .pagination-items-per-page > a:disabled, .pagination-items-per-page > a.disabled,
 .pagination-items-per-page > button:disabled,
@@ -17368,9 +17445,9 @@ label.custom-control-label {
 .pagination-items-per-page > a[aria-expanded=true], .pagination-items-per-page > a.show,
 .pagination-items-per-page > button[aria-expanded=true],
 .pagination-items-per-page > button.show {
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #6b6c7e;
   border-color: transparent;
-  color: #272833;
+  color: #fff;
 }
 .pagination-items-per-page > a > .c-inner,
 .pagination-items-per-page > button > .c-inner {
@@ -17566,11 +17643,11 @@ label.custom-control-label {
     transition: none;
   }
 }
-.panel-header-link:hover {
+.panel-header-link:hover, .panel-header-link.hover {
   color: inherit;
   text-decoration: none;
 }
-.panel-header-link:focus {
+.panel-header-link.focus, .panel-header-link:focus {
   z-index: 1;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
@@ -17793,7 +17870,7 @@ label.custom-control-label {
 .panel-unstyled .panel-header.panel-header-link {
   border-radius: 1px;
 }
-.panel-unstyled .panel-header.panel-header-link:focus {
+.panel-unstyled .panel-header.panel-header-link.focus, .panel-unstyled .panel-header.panel-header-link:focus {
   box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #80acff;
 }
 .panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
@@ -18535,10 +18612,10 @@ a.sheet-subtitle {
     transition: none;
   }
 }
-a.sheet-subtitle:hover {
+a.sheet-subtitle:hover, a.sheet-subtitle.hover {
   text-decoration: none;
 }
-a.sheet-subtitle:focus {
+a.sheet-subtitle.focus, a.sheet-subtitle:focus {
   box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #80acff;
   outline: 0;
 }
@@ -18741,6 +18818,7 @@ a.sheet-subtitle:focus {
 }
 .sidebar:focus, .sidebar.focus {
   box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  outline: 0;
 }
 .sidebar .container-fluid {
   padding-left: 1rem;
@@ -18866,6 +18944,11 @@ a.sheet-subtitle:focus {
 .sidenav-left .sidebar-light {
   box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1);
 }
+.sidenav-start .sidebar-light:focus, .sidenav-start .sidebar-light.focus,
+.sidenav-left .sidebar-light: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 #80acff, inset 0 0 0 0.25rem #fff;
+}
 
 .sidebar-light .sidebar-list-group .list-group-title {
   font-size: 1rem;
@@ -18884,7 +18967,7 @@ a.sheet-subtitle:focus {
 .sidebar-light .sidebar-dd [href] {
   color: #272833;
 }
-.sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
+.sidebar-light .panel-unstyled .panel-header.panel-header-link.focus, .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
   box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #80acff;
 }
 .sidebar-light .component-navigation-bar {
@@ -18894,7 +18977,7 @@ a.sheet-subtitle:focus {
 .sidebar-light .component-navigation-bar .navbar-nav .nav-link {
   color: #6b6c7e;
 }
-.sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover {
+.sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover, .sidebar-light .component-navigation-bar .navbar-nav .nav-link.hover {
   color: #6b6c7e;
 }
 .sidebar-light .component-navigation-bar .navbar-nav .nav-link:active {
@@ -18961,10 +19044,10 @@ a.sheet-subtitle:focus {
     transition: none;
   }
 }
-.sidebar-dark .nav-nested .nav-link:hover {
+.sidebar-dark .nav-nested .nav-link:hover, .sidebar-dark .nav-nested .nav-link.hover {
   color: #fff;
 }
-.sidebar-dark .nav-nested .nav-link:focus {
+.sidebar-dark .nav-nested .nav-link.focus, .sidebar-dark .nav-nested .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
@@ -19019,10 +19102,10 @@ a.sheet-subtitle:focus {
     transition: none;
   }
 }
-.sidebar-dark-l2 .nav-nested .nav-link:hover {
+.sidebar-dark-l2 .nav-nested .nav-link:hover, .sidebar-dark-l2 .nav-nested .nav-link.hover {
   color: #fff;
 }
-.sidebar-dark-l2 .nav-nested .nav-link:focus {
+.sidebar-dark-l2 .nav-nested .nav-link.focus, .sidebar-dark-l2 .nav-nested .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
@@ -19230,10 +19313,10 @@ caption {
     transition: none;
   }
 }
-.table thead th [href]:hover {
+.table thead th [href]:hover, .table thead th [href].hover {
   color: #272833;
 }
-.table thead th [href]:focus {
+.table thead th [href].focus, .table thead th [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
@@ -19642,11 +19725,13 @@ caption {
     transition: none;
   }
 }
-.table-title[href]:hover,
-.table-title [href]:hover {
+.table-title[href]:hover, .table-title[href].hover,
+.table-title [href]:hover,
+.table-title [href].hover {
   color: #272833;
 }
-.table-title[href]:focus,
+.table-title[href].focus, .table-title[href]:focus,
+.table-title [href].focus,
 .table-title [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
@@ -19663,10 +19748,10 @@ caption {
     transition: none;
   }
 }
-.table-link:hover {
+.table-link:hover, .table-link.hover {
   color: #272833;
 }
-.table-link:focus {
+.table-link.focus, .table-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
@@ -19687,12 +19772,12 @@ caption {
     transition: none;
   }
 }
-.table-action-link:hover {
+.table-action-link:hover, .table-action-link.hover {
   text-decoration: none;
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
 }
-.table-action-link:focus {
+.table-action-link.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 #80acff;
@@ -19983,11 +20068,13 @@ caption {
     transition: none;
   }
 }
-.table-list-title[href]:hover,
-.table-list-title [href]:hover {
+.table-list-title[href]:hover, .table-list-title[href].hover,
+.table-list-title [href]:hover,
+.table-list-title [href].hover {
   color: #272833;
 }
-.table-list-title[href]:focus,
+.table-list-title[href].focus, .table-list-title[href]:focus,
+.table-list-title [href].focus,
 .table-list-title [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
@@ -20004,10 +20091,10 @@ caption {
     transition: none;
   }
 }
-.table-list-link:hover {
+.table-list-link:hover, .table-list-link.hover {
   color: #272833;
 }
-.table-list-link:focus {
+.table-list-link.focus, .table-list-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
@@ -20027,12 +20114,12 @@ caption {
     transition: none;
   }
 }
-.table-list-action-link:hover {
+.table-list-action-link:hover, .table-list-action-link.hover {
   text-decoration: none;
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
 }
-.table-list-action-link:focus {
+.table-list-action-link.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 #80acff;
@@ -20471,7 +20558,7 @@ caption {
   color: #0b5fff;
   font-weight: 600;
 }
-.subnav-tbar .component-link:hover {
+.subnav-tbar .component-link:hover, .subnav-tbar .component-link.hover {
   color: #004ad7;
 }
 .subnav-tbar .component-link:disabled, .subnav-tbar .component-link.disabled {
@@ -20568,7 +20655,7 @@ caption {
 .subnav-tbar-primary .component-link {
   color: #272833;
 }
-.subnav-tbar-primary .component-link:hover {
+.subnav-tbar-primary .component-link:hover, .subnav-tbar-primary .component-link.hover {
   color: #272833;
 }
 .subnav-tbar-primary .component-link:disabled, .subnav-tbar-primary .component-link.disabled {
@@ -21790,10 +21877,10 @@ caption {
   -webkit-user-select: none;
   user-select: none;
 }
-.treeview-link:hover {
+.treeview-link:hover, .treeview-link.hover {
   text-decoration: none;
 }
-.treeview-link:focus {
+.treeview-link.focus, .treeview-link:focus {
   box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
   outline: 0;
 }
@@ -21858,7 +21945,7 @@ caption {
 .treeview-light .treeview-link {
   color: #6b6c7e;
 }
-.treeview-light .treeview-link:hover {
+.treeview-light .treeview-link:hover, .treeview-light .treeview-link.hover {
   background-color: #f7f8f9;
   color: #272833;
 }
@@ -21874,7 +21961,7 @@ caption {
   background-color: transparent;
   color: rgba(107, 108, 126, 0.5);
 }
-.treeview-light .treeview-link.treeview-no-hover:hover {
+.treeview-light .treeview-link.treeview-no-hover:hover, .treeview-light .treeview-link.treeview-no-hover.hover {
   background-color: transparent;
   color: #6b6c7e;
 }
@@ -21891,7 +21978,7 @@ caption {
 .treeview-dark .treeview-link {
   color: #a7a9bc;
 }
-.treeview-dark .treeview-link:hover {
+.treeview-dark .treeview-link:hover, .treeview-dark .treeview-link.hover {
   background-color: rgba(255, 255, 255, 0.04);
 }
 .treeview-dark .treeview-link.active {
@@ -21902,7 +21989,7 @@ caption {
   background-color: transparent;
   color: rgba(167, 169, 188, 0.5);
 }
-.treeview-dark .treeview-link.treeview-no-hover:hover {
+.treeview-dark .treeview-link.treeview-no-hover:hover, .treeview-dark .treeview-link.treeview-no-hover.hover {
   background-color: transparent;
   color: #a7a9bc;
 }
@@ -32321,7 +32408,9 @@ a.text-dark:hover, a.text-dark:focus {
 .text-decoration-none {
   text-decoration: none !important;
 }
-
+.text-decoration-underline {
+  text-decoration: underline !important;
+}
 .text-break {
   overflow-wrap: break-word !important;
   word-wrap: break-word !important;