@clayui/css 3.83.0 → 3.84.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.83.0
+ * Clay 3.84.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -3408,7 +3408,8 @@ input[type=button].btn-block {
 .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;
 }
@@ -4058,7 +4059,7 @@ input[type=button].btn-block {
 .badge[href]: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;
 }
@@ -4069,7 +4070,7 @@ input[type=button].btn-block {
 .badge a:hover {
   text-decoration: none;
 }
-.badge a:focus {
+.badge a.focus, .badge a:focus {
   text-decoration: none;
 }
 .badge > .c-inner {
@@ -4184,7 +4185,7 @@ input[type=button].btn-block {
   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;
@@ -4197,7 +4198,7 @@ input[type=button].btn-block {
   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);
@@ -4213,7 +4214,7 @@ input[type=button].btn-block {
   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);
@@ -4226,7 +4227,7 @@ input[type=button].btn-block {
   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);
@@ -4239,7 +4240,7 @@ input[type=button].btn-block {
   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);
@@ -4252,7 +4253,7 @@ input[type=button].btn-block {
   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);
@@ -4265,7 +4266,7 @@ input[type=button].btn-block {
   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);
@@ -4281,7 +4282,7 @@ input[type=button].btn-block {
   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);
@@ -4313,7 +4314,7 @@ input[type=button].btn-block {
   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;
@@ -4618,7 +4619,7 @@ input[type=button].btn-block {
 .label[href]:hover, .label[type]: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;
 }
@@ -4633,7 +4634,8 @@ input[type=button].btn-block {
   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;
@@ -4787,7 +4789,7 @@ input[type=button].btn-block {
   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,
@@ -4809,7 +4811,7 @@ input[type=button].btn-block {
   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,
@@ -4831,7 +4833,7 @@ input[type=button].btn-block {
   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,
@@ -4853,7 +4855,7 @@ input[type=button].btn-block {
   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,
@@ -4875,7 +4877,7 @@ input[type=button].btn-block {
   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,
@@ -4897,7 +4899,7 @@ input[type=button].btn-block {
   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,
@@ -4919,7 +4921,7 @@ input[type=button].btn-block {
   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,
@@ -4941,7 +4943,7 @@ input[type=button].btn-block {
   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,
@@ -6836,7 +6838,7 @@ input[type=button].btn-block {
   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;
 }
@@ -6891,7 +6893,7 @@ input[type=button].btn-block {
   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;
 }
@@ -7589,6 +7591,9 @@ select.form-control:disabled, select.form-control.disabled {
 select.form-control:disabled > option, select.form-control.disabled > option {
   cursor: not-allowed;
 }
+select.form-control option {
+  cursor: pointer;
+}
 select.form-control::-ms-expand {
   display: none;
 }
@@ -7623,6 +7628,7 @@ select.form-control:focus::-ms-value {
 select.form-control[size] {
   background-image: none;
   height: auto;
+  margin-left: 0;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   scrollbar-width: thin;
@@ -7636,6 +7642,12 @@ select.form-control[size]:focus > option:checked, select.form-control[size].focu
   color: #fff;
   filter: invert(100%);
 }
+select.form-control[size] option {
+  padding: 0.4375rem 0.5rem;
+}
+select.form-control[size] option:checked {
+  background-image: linear-gradient(#e7e7ed, #e7e7ed);
+}
 @-moz-document url-prefix() {
   select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
     background-image: linear-gradient(#004ad7, #004ad7);
@@ -7649,6 +7661,7 @@ select.form-control[size]:focus > option:checked, select.form-control[size].focu
 select.form-control[multiple] {
   background-image: none;
   height: auto;
+  margin-left: 0;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   scrollbar-width: thin;
@@ -7662,6 +7675,12 @@ select.form-control[multiple]:focus > option:checked, select.form-control[multip
   color: #fff;
   filter: invert(100%);
 }
+select.form-control[multiple] option {
+  padding: 0.4375rem 0.5rem;
+}
+select.form-control[multiple] option:checked {
+  background-image: linear-gradient(#e7e7ed, #e7e7ed);
+}
 @-moz-document url-prefix() {
   select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
     background-image: linear-gradient(#004ad7, #004ad7);
@@ -8090,7 +8109,7 @@ textarea.form-control-lg,
 .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;
@@ -8112,7 +8131,7 @@ textarea.form-control-lg,
 .link-primary:hover {
   color: #0041be;
 }
-.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;
@@ -8130,7 +8149,7 @@ textarea.form-control-lg,
 .link-secondary:hover {
   color: #272833;
 }
-.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;
@@ -8166,7 +8185,7 @@ button.link-outline {
 .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;
 }
@@ -8194,7 +8213,7 @@ button.link-outline {
   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;
@@ -8226,7 +8245,7 @@ button.link-outline {
   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;
@@ -8300,7 +8319,8 @@ button.link-outline {
 .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;
@@ -8328,7 +8348,8 @@ button.link-outline {
 .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;
@@ -8360,7 +8381,7 @@ button.link-outline {
   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);
@@ -11184,7 +11205,8 @@ label.custom-control-label {
 .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;
@@ -11211,7 +11233,8 @@ label.custom-control-label {
 .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;
@@ -11239,7 +11262,8 @@ label.custom-control-label {
 .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;
@@ -11267,7 +11291,8 @@ label.custom-control-label {
 .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;
@@ -12354,7 +12379,7 @@ label.custom-control-label {
 .nav-link:hover {
   text-decoration: none;
 }
-.nav-link:focus {
+.nav-link.focus, .nav-link:focus {
   text-decoration: none;
   z-index: 1;
 }
@@ -12687,7 +12712,7 @@ label.custom-control-label {
 .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;
@@ -12786,7 +12811,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;
 }
@@ -12942,7 +12967,7 @@ label.custom-control-label {
   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;
@@ -12973,7 +12998,7 @@ label.custom-control-label {
     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 {
@@ -13140,7 +13165,7 @@ label.custom-control-label {
   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;
@@ -13171,7 +13196,7 @@ label.custom-control-label {
     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 {
@@ -15182,7 +15207,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 {
@@ -15198,7 +15223,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 {
@@ -15224,7 +15249,7 @@ label.custom-control-label {
   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 {
@@ -15250,7 +15275,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 {
@@ -16361,7 +16386,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 {
@@ -16377,7 +16402,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 {
@@ -16399,7 +16424,7 @@ label.custom-control-label {
   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;
 }
@@ -16426,7 +16451,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;
 }
@@ -16468,7 +16493,7 @@ label.custom-control-label {
   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;
 }
@@ -16496,7 +16521,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;
 }
@@ -16958,7 +16983,7 @@ label.custom-control-label {
   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 {
@@ -16968,7 +16993,7 @@ label.custom-control-label {
   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 {
@@ -16985,7 +17010,7 @@ label.custom-control-label {
 .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 {
@@ -17007,7 +17032,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 {
@@ -17038,7 +17063,7 @@ label.custom-control-label {
   .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 {
@@ -17067,7 +17092,7 @@ label.custom-control-label {
 .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 {
@@ -17093,7 +17118,7 @@ label.custom-control-label {
 .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 {
@@ -17124,7 +17149,7 @@ label.custom-control-label {
   .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 {
@@ -17198,7 +17223,7 @@ label.custom-control-label {
   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;
@@ -17317,7 +17342,8 @@ label.custom-control-label {
   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;
@@ -17553,7 +17579,7 @@ label.custom-control-label {
   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;
@@ -17776,7 +17802,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,
@@ -18521,7 +18547,7 @@ a.sheet-subtitle {
 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;
 }
@@ -18724,6 +18750,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;
@@ -18849,6 +18876,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;
@@ -18867,7 +18899,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 {
@@ -18947,7 +18979,7 @@ a.sheet-subtitle:focus {
 .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;
 }
@@ -19005,7 +19037,7 @@ a.sheet-subtitle:focus {
 .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;
 }
@@ -19216,7 +19248,7 @@ caption {
 .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;
 }
@@ -19629,7 +19661,8 @@ caption {
 .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;
@@ -19649,7 +19682,7 @@ caption {
 .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;
 }
@@ -19675,7 +19708,7 @@ caption {
   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;
@@ -19970,7 +20003,8 @@ caption {
 .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;
@@ -19990,7 +20024,7 @@ caption {
 .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;
 }
@@ -20015,7 +20049,7 @@ caption {
   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;
@@ -21776,7 +21810,7 @@ caption {
 .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;
 }