@clayui/css 3.84.0 → 3.86.0

package/lib/css/base.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.84.0
+ * Clay 3.86.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,8 +3385,9 @@ 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,
@@ -3911,7 +3923,7 @@ 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[href]:focus, .badge[type].focus, .badge[type]:focus {
@@ -3922,7 +3934,7 @@ 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 {
@@ -4036,7 +4048,7 @@ 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;
 }
@@ -4049,7 +4061,7 @@ 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;
 }
@@ -4062,7 +4074,7 @@ 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;
 }
@@ -4075,7 +4087,7 @@ 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;
 }
@@ -4088,7 +4100,7 @@ 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;
 }
@@ -4101,7 +4113,7 @@ 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;
 }
@@ -4114,7 +4126,7 @@ 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;
 }
@@ -4127,7 +4139,7 @@ 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;
 }
@@ -4151,7 +4163,7 @@ input[type=button].btn-block {
   display: block;
   text-decoration: none;
 }
-.breadcrumb-link:hover {
+.breadcrumb-link:hover, .breadcrumb-link.hover {
   color: #0056b3;
   text-decoration: underline;
 }
@@ -4345,16 +4357,14 @@ input[type=button].btn-block {
 }
 
 .c-empty-state-animation {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
+  display: block;
   margin: 5rem auto 1.5rem;
   max-width: 340px;
   text-align: center;
 }
 
 .c-empty-state-image {
-  margin-bottom: -0.5rem;
+  margin: 0 auto 2rem;
   max-width: 250px;
   width: 100%;
   overflow-wrap: break-word;
@@ -4443,8 +4453,9 @@ 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;
 }
@@ -4580,15 +4591,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].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 {
@@ -4602,15 +4614,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].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 {
@@ -4624,15 +4637,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].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 {
@@ -4646,15 +4660,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].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 {
@@ -4668,15 +4683,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].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 {
@@ -4690,15 +4706,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].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 {
@@ -4712,15 +4729,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].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 {
@@ -4734,15 +4752,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].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 {
@@ -4756,13 +4775,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 {
@@ -4773,13 +4793,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 {
@@ -4790,13 +4811,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 {
@@ -4807,13 +4829,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 {
@@ -4824,13 +4847,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 {
@@ -4841,13 +4865,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 {
@@ -4858,13 +4883,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 {
@@ -4875,13 +4901,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 {
@@ -5220,8 +5247,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 {
@@ -5230,7 +5258,7 @@ input[type=button].btn-block {
 .card-link {
   color: #007bff;
 }
-.card-link:hover {
+.card-link:hover, .card-link.hover {
   color: #0056b3;
   text-decoration: none;
 }
@@ -6637,7 +6665,7 @@ 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;
 }
@@ -6692,7 +6720,7 @@ 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;
 }
@@ -7769,10 +7797,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 {
@@ -7782,13 +7843,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 {
@@ -7819,7 +7880,7 @@ button.link-outline {
     transition: none;
   }
 }
-.link-outline:hover {
+.link-outline:hover, .link-outline.hover {
   text-decoration: none;
 }
 .link-outline.focus, .link-outline:focus {
@@ -7846,7 +7907,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;
 }
@@ -7872,7 +7933,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;
 }
@@ -7933,8 +7994,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 {
@@ -7945,8 +8007,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 {
@@ -7970,7 +8033,7 @@ button.link-outline {
     transition: none;
   }
 }
-.component-action:hover {
+.component-action:hover, .component-action.hover {
   background-color: #6c757d;
   color: #fff;
 }
@@ -10577,8 +10640,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 {
@@ -10589,8 +10653,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 {
@@ -10601,8 +10666,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 {
@@ -10613,8 +10679,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 {
@@ -11665,7 +11732,7 @@ 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 {
@@ -11980,7 +12047,7 @@ 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 {
@@ -12155,7 +12222,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 {
@@ -12172,7 +12239,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;
   }
@@ -12309,7 +12376,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 {
@@ -12326,7 +12393,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;
   }
@@ -14343,7 +14410,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 {
@@ -15463,7 +15530,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 {
@@ -15506,7 +15573,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 {
@@ -16018,13 +16085,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 {
@@ -16063,7 +16138,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 {
@@ -16088,7 +16163,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 {
@@ -16107,7 +16182,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 {
@@ -16133,7 +16208,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 {
@@ -16182,6 +16257,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;
@@ -16193,7 +16269,7 @@ 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;
@@ -16302,8 +16378,9 @@ 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;
@@ -16530,7 +16607,7 @@ 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 {
@@ -17407,7 +17484,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 {
@@ -17727,7 +17804,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 {
@@ -17794,7 +17871,7 @@ 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 {
@@ -17852,7 +17929,7 @@ 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 {
@@ -18426,14 +18503,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 {
@@ -18445,7 +18523,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 {
@@ -18712,14 +18790,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 {
@@ -18730,7 +18809,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 {
@@ -19156,7 +19235,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 {
@@ -19253,7 +19332,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 {
@@ -20473,7 +20552,7 @@ 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 {
@@ -20541,7 +20620,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;
 }
@@ -20557,7 +20636,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;
 }
@@ -20574,7 +20653,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 {
@@ -20585,7 +20664,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;
 }
@@ -29528,10 +29607,12 @@ a.text-dark:hover, a.text-dark:focus {
   text-shadow: none;
 }
 
-.text-decoration-none {
+.text-none, .text-decoration-none {
   text-decoration: none !important;
 }
-
+.text-underline, .text-decoration-underline {
+  text-decoration: underline !important;
+}
 .text-break {
   overflow-wrap: break-word !important;
   word-wrap: break-word !important;