@clayui/css 3.83.1 → 3.85.0

package/lib/css/base.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>
@@ -155,11 +155,22 @@ sup {
 a {
   color: #007bff;
   text-decoration: none;
+  text-underline-offset: 0.23em;
 }
-a:hover {
+a:hover, a.hover {
   color: #0056b3;
   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,
@@ -3374,11 +3385,13 @@ input[type=button].btn-block {
 .alert-link.btn-unstyled {
   font-weight: 700;
 }
-.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: underline;
 }
-.alert-link:focus,
+.alert-link.focus, .alert-link:focus,
+.alert-link.btn-unstyled.focus,
 .alert-link.btn-unstyled:focus {
   text-decoration: underline;
 }
@@ -3910,10 +3923,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.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
@@ -3921,10 +3934,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 {
@@ -4035,11 +4048,11 @@ input[type=button].btn-block {
   background-color: #007bff;
   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: #0062cc;
   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: #0062cc;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
   color: #fff;
@@ -4048,11 +4061,11 @@ input[type=button].btn-block {
   background-color: #6c757d;
   color: #fff;
 }
-[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: #545b62;
   color: #fff;
 }
-[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: #545b62;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
@@ -4061,11 +4074,11 @@ input[type=button].btn-block {
   background-color: #28a745;
   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: #1e7e34;
   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: #1e7e34;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
@@ -4074,11 +4087,11 @@ input[type=button].btn-block {
   background-color: #17a2b8;
   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: #117a8b;
   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: #117a8b;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
@@ -4087,11 +4100,11 @@ input[type=button].btn-block {
   background-color: #ffc107;
   color: #212529;
 }
-[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: #d39e00;
   color: #212529;
 }
-[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: #d39e00;
   color: #212529;
   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
@@ -4100,11 +4113,11 @@ input[type=button].btn-block {
   background-color: #dc3545;
   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: #bd2130;
   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: #bd2130;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
@@ -4113,11 +4126,11 @@ input[type=button].btn-block {
   background-color: #f8f9fa;
   color: #212529;
 }
-[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: #dae0e5;
   color: #212529;
 }
-[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: #dae0e5;
   color: #212529;
   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
@@ -4126,11 +4139,11 @@ input[type=button].btn-block {
   background-color: #343a40;
   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: #1d2124;
   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: #1d2124;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
@@ -4150,11 +4163,11 @@ input[type=button].btn-block {
   display: block;
   text-decoration: none;
 }
-.breadcrumb-link:hover {
+.breadcrumb-link:hover, .breadcrumb-link.hover {
   color: #0056b3;
   text-decoration: underline;
 }
-.breadcrumb-link:focus {
+.breadcrumb-link.focus, .breadcrumb-link:focus {
   color: #0056b3;
   text-decoration: underline;
 }
@@ -4442,12 +4455,14 @@ input[type=button].btn-block {
   display: inline-block;
   text-decoration: underline;
 }
-.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: none;
 }
-.label a:focus,
+.label a.focus, .label a:focus,
+.label .btn-unstyled.focus,
 .label .btn-unstyled:focus {
   color: inherit;
   text-decoration: none;
@@ -4578,15 +4593,16 @@ input[type=button].btn-block {
   border-color: #007bff;
   color: #007bff;
 }
-[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: #0062cc;
   color: #0062cc;
 }
-[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: #0062cc;
 }
-.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: #0062cc;
 }
 .label-primary .close:hover {
@@ -4600,15 +4616,16 @@ input[type=button].btn-block {
   border-color: #6c757d;
   color: #6c757d;
 }
-[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: #545b62;
   color: #545b62;
 }
-[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: #545b62;
 }
-.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: #545b62;
 }
 .label-secondary .close:hover {
@@ -4622,15 +4639,16 @@ input[type=button].btn-block {
   border-color: #28a745;
   color: #28a745;
 }
-[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: #1e7e34;
   color: #1e7e34;
 }
-[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: #1e7e34;
 }
-.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: #1e7e34;
 }
 .label-success .close:hover {
@@ -4644,15 +4662,16 @@ input[type=button].btn-block {
   border-color: #17a2b8;
   color: #17a2b8;
 }
-[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: #117a8b;
   color: #117a8b;
 }
-[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: #117a8b;
 }
-.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: #117a8b;
 }
 .label-info .close:hover {
@@ -4666,15 +4685,16 @@ input[type=button].btn-block {
   border-color: #ffc107;
   color: #ffc107;
 }
-[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: #d39e00;
   color: #d39e00;
 }
-[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: #d39e00;
 }
-.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: #d39e00;
 }
 .label-warning .close:hover {
@@ -4688,15 +4708,16 @@ input[type=button].btn-block {
   border-color: #dc3545;
   color: #dc3545;
 }
-[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: #bd2130;
   color: #bd2130;
 }
-[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: #bd2130;
 }
-.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: #bd2130;
 }
 .label-danger .close:hover {
@@ -4710,15 +4731,16 @@ input[type=button].btn-block {
   border-color: #343a40;
   color: #343a40;
 }
-[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: #1d2124;
   color: #1d2124;
 }
-[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: #1d2124;
 }
-.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: #1d2124;
 }
 .label-dark .close:hover {
@@ -4732,15 +4754,16 @@ input[type=button].btn-block {
   border-color: #f8f9fa;
   color: #f8f9fa;
 }
-[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: #dae0e5;
   color: #dae0e5;
 }
-[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: #dae0e5;
 }
-.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: #dae0e5;
 }
 .label-light .close:hover {
@@ -4754,13 +4777,14 @@ input[type=button].btn-block {
   border-color: #007bff;
   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 {
   background-color: #0062cc;
   border-color: #0062cc;
   color: #fff;
 }
-.label-inverse-primary a:hover,
-.label-inverse-primary .btn-unstyled:hover {
+.label-inverse-primary a:hover, .label-inverse-primary a.hover,
+.label-inverse-primary .btn-unstyled:hover,
+.label-inverse-primary .btn-unstyled.hover {
   color: #e6e6e6;
 }
 .label-inverse-primary .close:hover {
@@ -4771,13 +4795,14 @@ input[type=button].btn-block {
   border-color: #6c757d;
   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 {
   background-color: #545b62;
   border-color: #545b62;
   color: #fff;
 }
-.label-inverse-secondary a:hover,
-.label-inverse-secondary .btn-unstyled:hover {
+.label-inverse-secondary a:hover, .label-inverse-secondary a.hover,
+.label-inverse-secondary .btn-unstyled:hover,
+.label-inverse-secondary .btn-unstyled.hover {
   color: #e6e6e6;
 }
 .label-inverse-secondary .close:hover {
@@ -4788,13 +4813,14 @@ input[type=button].btn-block {
   border-color: #28a745;
   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 {
   background-color: #1e7e34;
   border-color: #1e7e34;
   color: #fff;
 }
-.label-inverse-success a:hover,
-.label-inverse-success .btn-unstyled:hover {
+.label-inverse-success a:hover, .label-inverse-success a.hover,
+.label-inverse-success .btn-unstyled:hover,
+.label-inverse-success .btn-unstyled.hover {
   color: #e6e6e6;
 }
 .label-inverse-success .close:hover {
@@ -4805,13 +4831,14 @@ input[type=button].btn-block {
   border-color: #17a2b8;
   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 {
   background-color: #117a8b;
   border-color: #117a8b;
   color: #fff;
 }
-.label-inverse-info a:hover,
-.label-inverse-info .btn-unstyled:hover {
+.label-inverse-info a:hover, .label-inverse-info a.hover,
+.label-inverse-info .btn-unstyled:hover,
+.label-inverse-info .btn-unstyled.hover {
   color: #e6e6e6;
 }
 .label-inverse-info .close:hover {
@@ -4822,13 +4849,14 @@ input[type=button].btn-block {
   border-color: #ffc107;
   color: #212529;
 }
-[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 {
   background-color: #d39e00;
   border-color: #d39e00;
   color: #212529;
 }
-.label-inverse-warning a:hover,
-.label-inverse-warning .btn-unstyled:hover {
+.label-inverse-warning a:hover, .label-inverse-warning a.hover,
+.label-inverse-warning .btn-unstyled:hover,
+.label-inverse-warning .btn-unstyled.hover {
   color: #4e5862;
 }
 .label-inverse-warning .close:hover {
@@ -4839,13 +4867,14 @@ input[type=button].btn-block {
   border-color: #dc3545;
   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 {
   background-color: #bd2130;
   border-color: #bd2130;
   color: #fff;
 }
-.label-inverse-danger a:hover,
-.label-inverse-danger .btn-unstyled:hover {
+.label-inverse-danger a:hover, .label-inverse-danger a.hover,
+.label-inverse-danger .btn-unstyled:hover,
+.label-inverse-danger .btn-unstyled.hover {
   color: #e6e6e6;
 }
 .label-inverse-danger .close:hover {
@@ -4856,13 +4885,14 @@ input[type=button].btn-block {
   border-color: #f8f9fa;
   color: #212529;
 }
-[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 {
   background-color: #dae0e5;
   border-color: #dae0e5;
   color: #212529;
 }
-.label-inverse-light a:hover,
-.label-inverse-light .btn-unstyled:hover {
+.label-inverse-light a:hover, .label-inverse-light a.hover,
+.label-inverse-light .btn-unstyled:hover,
+.label-inverse-light .btn-unstyled.hover {
   color: #383f45;
 }
 .label-inverse-light .close:hover {
@@ -4873,13 +4903,14 @@ input[type=button].btn-block {
   border-color: #343a40;
   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 {
   background-color: #1d2124;
   border-color: #1d2124;
   color: #fff;
 }
-.label-inverse-dark a:hover,
-.label-inverse-dark .btn-unstyled:hover {
+.label-inverse-dark a:hover, .label-inverse-dark a.hover,
+.label-inverse-dark .btn-unstyled:hover,
+.label-inverse-dark .btn-unstyled.hover {
   color: #e6e6e6;
 }
 .label-inverse-dark .close:hover {
@@ -5218,8 +5249,9 @@ input[type=button].btn-block {
 .card-subtitle [href] {
   color: #6c757d;
 }
-.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: #494f54;
 }
 .card-text:last-child {
@@ -5228,7 +5260,7 @@ input[type=button].btn-block {
 .card-link {
   color: #007bff;
 }
-.card-link:hover {
+.card-link:hover, .card-link.hover {
   color: #0056b3;
   text-decoration: none;
 }
@@ -6635,11 +6667,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;
 }
@@ -6690,11 +6722,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;
 }
@@ -7767,10 +7799,43 @@ 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.2rem rgba(0, 123, 255, 0.25);
+  outline: 0;
+}
+.c-link.text-secondary {
+  color: #212529 !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: #212529 !important;
+}
+.c-link.text-tertiary:hover, .c-link.text-tertiary.hover {
+  color: #000 !important;
+  text-decoration: underline;
+}
 .component-link {
   color: #6c757d;
 }
-.component-link:hover {
+.component-link:hover, .component-link.hover {
   color: #494f54;
 }
 .single-link {
@@ -7780,13 +7845,13 @@ textarea.form-control-lg,
 .link-primary {
   color: #007bff;
 }
-.link-primary:hover {
+.link-primary:hover, .link-primary.hover {
   color: #0056b3;
 }
 .link-secondary {
   color: #6c757d;
 }
-.link-secondary:hover {
+.link-secondary:hover, .link-secondary.hover {
   color: #494f54;
 }
 button.link-outline {
@@ -7817,10 +7882,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.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
@@ -7844,7 +7909,7 @@ button.link-outline {
   border-color: #007bff;
   color: #007bff;
 }
-.link-outline-primary:hover {
+.link-outline-primary:hover, .link-outline-primary.hover {
   background-color: #007bff;
   color: #fff;
 }
@@ -7870,7 +7935,7 @@ button.link-outline {
   border-color: #6c757d;
   color: #6c757d;
 }
-.link-outline-secondary:hover {
+.link-outline-secondary:hover, .link-outline-secondary.hover {
   background-color: #6c757d;
   color: #fff;
 }
@@ -7931,8 +7996,9 @@ button.link-outline {
 .component-title [href] {
   color: #212529;
 }
-.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: black;
 }
 .component-subtitle {
@@ -7943,8 +8009,9 @@ button.link-outline {
 .component-subtitle [href] {
   color: #6c757d;
 }
-.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: #494f54;
 }
 .component-action {
@@ -7968,11 +8035,11 @@ button.link-outline {
     transition: none;
   }
 }
-.component-action:hover {
+.component-action:hover, .component-action.hover {
   background-color: #6c757d;
   color: #fff;
 }
-.component-action:focus {
+.component-action.focus, .component-action:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
@@ -10575,8 +10642,9 @@ label.custom-control-label {
   color: #212529;
   max-width: 100%;
 }
-.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: black;
 }
 .list-group-subtitle {
@@ -10587,8 +10655,9 @@ label.custom-control-label {
 .list-group-subtitle [href] {
   color: #6c757d;
 }
-.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: #494f54;
 }
 .list-group-text {
@@ -10599,8 +10668,9 @@ label.custom-control-label {
 .list-group-text [href] {
   color: #212529;
 }
-.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: black;
 }
 .list-group-subtext {
@@ -10611,8 +10681,9 @@ label.custom-control-label {
 .list-group-subtext [href] {
   color: #6c757d;
 }
-.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: #494f54;
 }
 .show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu {
@@ -11663,10 +11734,10 @@ label.custom-control-label {
   padding-top: 0.5rem;
   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;
 }
@@ -11978,10 +12049,10 @@ label.custom-control-label {
   border-radius: 0.25rem 0.25rem 0 0;
   white-space: nowrap;
 }
-.nav-tabs .nav-link:hover {
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link.hover {
   border-color: #e9ecef #e9ecef #dee2e6;
 }
-.nav-tabs .nav-link:focus {
+.nav-tabs .nav-link.focus, .nav-tabs .nav-link:focus {
   border-color: #e9ecef #e9ecef #dee2e6;
 }
 .nav-tabs .nav-link:active {
@@ -12153,7 +12224,7 @@ label.custom-control-label {
 .menubar-vertical-expand-md.menubar-transparent .nav-link {
   color: #6c757d;
 }
-.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: #494f54;
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link:active {
@@ -12170,7 +12241,7 @@ label.custom-control-label {
     border-radius: 0;
     color: #212529;
   }
-  .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: #f8f9fa;
     color: #16181b;
   }
@@ -12307,7 +12378,7 @@ label.custom-control-label {
 .menubar-vertical-expand-lg.menubar-transparent .nav-link {
   color: #6c757d;
 }
-.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: #494f54;
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link:active {
@@ -12324,7 +12395,7 @@ label.custom-control-label {
     border-radius: 0;
     color: #212529;
   }
-  .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: #f8f9fa;
     color: #16181b;
   }
@@ -14341,7 +14412,7 @@ label.custom-control-label {
 .application-bar-dark .navbar-nav .nav-link {
   color: rgba(255, 255, 255, 0.5);
 }
-.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: rgba(255, 255, 255, 0.75);
 }
 .application-bar-dark .navbar-nav .nav-link:active {
@@ -15461,7 +15532,7 @@ label.custom-control-label {
 .management-bar-light .navbar-nav .nav-link {
   color: rgba(0, 0, 0, 0.5);
 }
-.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: rgba(0, 0, 0, 0.7);
 }
 .management-bar-light .navbar-nav .nav-link:active {
@@ -15504,7 +15575,7 @@ label.custom-control-label {
 .management-bar-primary .navbar-nav .nav-link {
   color: rgba(0, 0, 0, 0.5);
 }
-.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: rgba(0, 0, 0, 0.7);
 }
 .management-bar-primary .navbar-nav .nav-link:active {
@@ -16016,13 +16087,21 @@ label.custom-control-label {
 					) * 0.5)) * -1);
   height: 0.25rem;
 }
+.navigation-bar .navbar-nav .nav-link {
+  border-width: 0;
+  font-size: inherit;
+}
+.navigation-bar .navbar-brand {
+  border-width: 0;
+  font-size: inherit;
+}
 .navigation-bar-light {
   background-color: #f8f9fa;
 }
 .navigation-bar-light .navbar-nav .nav-link {
   color: rgba(0, 0, 0, 0.5);
 }
-.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: rgba(0, 0, 0, 0.7);
 }
 .navigation-bar-light .navbar-nav .nav-link:active {
@@ -16061,7 +16140,7 @@ label.custom-control-label {
   .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
     color: rgba(0, 0, 0, 0.5);
   }
-  .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: rgba(0, 0, 0, 0.7);
   }
   .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
@@ -16086,7 +16165,7 @@ label.custom-control-label {
 .navigation-bar-secondary .navbar-nav .nav-link {
   color: rgba(255, 255, 255, 0.65);
 }
-.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: rgba(255, 255, 255, 0.9);
 }
 .navigation-bar-secondary .navbar-nav .nav-link:active {
@@ -16105,7 +16184,7 @@ label.custom-control-label {
 .navigation-bar-secondary .navbar-brand {
   color: rgba(255, 255, 255, 0.9);
 }
-.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:active {
@@ -16131,7 +16210,7 @@ label.custom-control-label {
   .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
     color: rgba(255, 255, 255, 0.65);
   }
-  .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: rgba(255, 255, 255, 0.9);
   }
   .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
@@ -16180,6 +16259,7 @@ label.custom-control-label {
   border-style: solid;
   border-width: 0.0625rem;
   color: #007bff;
+  cursor: pointer;
   display: inline-flex;
   height: 2.375rem;
   justify-content: center;
@@ -16191,14 +16271,14 @@ label.custom-control-label {
   padding-top: 0.5rem;
   position: relative;
 }
-.page-link:hover {
+.page-link:hover, .page-link.hover {
   background-color: #e9ecef;
   border-color: #dee2e6;
   color: #0056b3;
   text-decoration: none;
   z-index: 2;
 }
-.page-link:focus {
+.page-link.focus, .page-link:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
   z-index: 4;
@@ -16300,13 +16380,15 @@ label.custom-control-label {
   padding-top: 0.5rem;
   text-decoration: none;
 }
-.pagination-items-per-page > a:hover,
-.pagination-items-per-page > button:hover {
+.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: #e9ecef;
   border-color: #dee2e6;
   color: #0056b3;
 }
-.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.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
@@ -16527,10 +16609,10 @@ label.custom-control-label {
     transition: none;
   }
 }
-.panel-header-link:hover {
+.panel-header-link:hover, .panel-header-link.hover {
   color: inherit;
 }
-.panel-header-link:focus {
+.panel-header-link.focus, .panel-header-link:focus {
   z-index: 1;
 }
 .panel-header-link.panel-header.collapsed {
@@ -17404,7 +17486,7 @@ fieldset + .sheet-footer {
   text-transform: none;
 }
 
-a.sheet-subtitle:hover {
+a.sheet-subtitle:hover, a.sheet-subtitle.hover {
   text-decoration: none;
 }
 .sheet-tertiary-title {
@@ -17582,6 +17664,7 @@ a.sheet-subtitle:hover {
 }
 .sidebar:focus, .sidebar.focus {
   box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+  outline: 0;
 }
 .sidebar .container-fluid {
   padding-left: 1rem;
@@ -17723,7 +17806,7 @@ a.sheet-subtitle:hover {
 .sidebar-light .component-navigation-bar .navbar-nav .nav-link {
   color: rgba(0, 0, 0, 0.5);
 }
-.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: rgba(0, 0, 0, 0.7);
 }
 .sidebar-light .component-navigation-bar .navbar-nav .nav-link:active {
@@ -17790,10 +17873,10 @@ a.sheet-subtitle:hover {
     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.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
@@ -17848,10 +17931,10 @@ a.sheet-subtitle:hover {
     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.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
@@ -18422,14 +18505,15 @@ caption {
 .table-title [href] {
   color: #212529;
 }
-.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: #212529;
 }
 .table-link {
   color: #495057;
 }
-.table-link:hover {
+.table-link:hover, .table-link.hover {
   color: #262a2d;
 }
 .table-action-link {
@@ -18441,7 +18525,7 @@ caption {
   vertical-align: middle;
   width: 2rem;
 }
-.table-action-link:hover {
+.table-action-link:hover, .table-action-link.hover {
   text-decoration: none;
 }
 .table-action-link .lexicon-icon {
@@ -18708,14 +18792,15 @@ caption {
 .table-list-title [href] {
   color: #212529;
 }
-.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: #212529;
 }
 .table-list-link {
   color: #495057;
 }
-.table-list-link:hover {
+.table-list-link:hover, .table-list-link.hover {
   color: #262a2d;
 }
 .table-list-action-link {
@@ -18726,7 +18811,7 @@ caption {
   vertical-align: middle;
   width: 2rem;
 }
-.table-list-action-link:hover {
+.table-list-action-link:hover, .table-list-action-link.hover {
   text-decoration: none;
 }
 .table-list-action-link .lexicon-icon {
@@ -19152,7 +19237,7 @@ caption {
   color: #007bff;
   font-weight: 500;
 }
-.subnav-tbar .component-link:hover {
+.subnav-tbar .component-link:hover, .subnav-tbar .component-link.hover {
   color: #0056b3;
 }
 .subnav-tbar .component-link:disabled, .subnav-tbar .component-link.disabled {
@@ -19249,7 +19334,7 @@ caption {
 .subnav-tbar-primary .component-link {
   color: #212529;
 }
-.subnav-tbar-primary .component-link:hover {
+.subnav-tbar-primary .component-link:hover, .subnav-tbar-primary .component-link.hover {
   color: #212529;
 }
 .subnav-tbar-primary .component-link:disabled, .subnav-tbar-primary .component-link.disabled {
@@ -20469,10 +20554,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.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
@@ -20537,7 +20622,7 @@ caption {
 .treeview-light .treeview-link {
   color: #6c757d;
 }
-.treeview-light .treeview-link:hover {
+.treeview-light .treeview-link:hover, .treeview-light .treeview-link.hover {
   background-color: #f8f9fa;
   color: #212529;
 }
@@ -20553,7 +20638,7 @@ caption {
   background-color: transparent;
   color: rgba(108, 117, 125, 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: #6c757d;
 }
@@ -20570,7 +20655,7 @@ caption {
 .treeview-dark .treeview-link {
   color: #a9afb5;
 }
-.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 {
@@ -20581,7 +20666,7 @@ caption {
   background-color: transparent;
   color: rgba(169, 175, 181, 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: #a9afb5;
 }
@@ -29527,7 +29612,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;