npm - @clayui/css - Versions diffs - 3.83.0 → 3.84.0 - Mend

@clayui/css 3.83.0 → 3.84.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/lib/css/atlas.css +113 -79
package/lib/css/atlas.css.map +1 -1
package/lib/css/base.css +49 -34
package/lib/css/base.css.map +1 -1
package/lib/css/cadmin.css +100 -77
package/lib/css/cadmin.css.map +1 -1
package/lib/images/icons/icons.svg +1 -1
package/package.json +2 -2
package/src/scss/_license-text.scss +1 -1
package/src/scss/atlas/variables/_sidebar.scss +4 -0
package/src/scss/mixins/_forms.scss +2 -2
package/src/scss/mixins/_links.scss +1 -0
package/src/scss/mixins/_sidebar.scss +16 -2
package/src/scss/variables/_forms.scss +1 -0
package/src/scss/variables/_sidebar.scss +1 -0

package/lib/css/cadmin.css CHANGED Viewed

@@ -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>
@@ -16,7 +16,7 @@
  * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
  */
 /**
- * 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>
@@ -3136,7 +3136,8 @@ html:not(#__):not(#___) .cadmin .alert-link:hover,
 html:not(#__):not(#___) .cadmin .alert-link.btn-unstyled:hover {
   text-decoration: none;
 }
-html:not(#__):not(#___) .cadmin .alert-link:focus,
+html:not(#__):not(#___) .cadmin .alert-link.focus, html:not(#__):not(#___) .cadmin .alert-link:focus,
+html:not(#__):not(#___) .cadmin .alert-link.btn-unstyled.focus,
 html:not(#__):not(#___) .cadmin .alert-link.btn-unstyled:focus {
   text-decoration: none;
 }
@@ -3755,7 +3756,7 @@ html:not(#__):not(#___) .cadmin .badge:empty {
 html:not(#__):not(#___) .cadmin .badge[href]:hover, html:not(#__):not(#___) .cadmin .badge[type]:hover {
   text-decoration: none;
 }
-html:not(#__):not(#___) .cadmin .badge[href]:focus, html:not(#__):not(#___) .cadmin .badge[type]:focus {
+html:not(#__):not(#___) .cadmin .badge[href].focus, html:not(#__):not(#___) .cadmin .badge[href]:focus, html:not(#__):not(#___) .cadmin .badge[type].focus, html:not(#__):not(#___) .cadmin .badge[type]:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
 }
@@ -3766,7 +3767,7 @@ html:not(#__):not(#___) .cadmin .badge a {
 html:not(#__):not(#___) .cadmin .badge a:hover {
   text-decoration: none;
 }
-html:not(#__):not(#___) .cadmin .badge a:focus {
+html:not(#__):not(#___) .cadmin .badge a.focus, html:not(#__):not(#___) .cadmin .badge a:focus {
   text-decoration: none;
 }
 html:not(#__):not(#___) .cadmin .badge > .c-inner {
@@ -3838,7 +3839,7 @@ html:not(#__):not(#___) .cadmin [href].badge-primary:hover, html:not(#__):not(#_
   background-color: #0b5fff;
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin [href].badge-primary:focus, html:not(#__):not(#___) .cadmin [type].badge-primary:focus {
+html:not(#__):not(#___) .cadmin [href].focus.badge-primary, html:not(#__):not(#___) .cadmin [href].badge-primary:focus, html:not(#__):not(#___) .cadmin [type].focus.badge-primary, html:not(#__):not(#___) .cadmin [type].badge-primary:focus {
   background-color: #0b5fff;
   color: #fff;
 }
@@ -3850,7 +3851,7 @@ html:not(#__):not(#___) .cadmin [href].badge-secondary:hover, html:not(#__):not(
   background-color: #e7e7ed;
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin [href].badge-secondary:focus, html:not(#__):not(#___) .cadmin [type].badge-secondary:focus {
+html:not(#__):not(#___) .cadmin [href].focus.badge-secondary, html:not(#__):not(#___) .cadmin [href].badge-secondary:focus, html:not(#__):not(#___) .cadmin [type].focus.badge-secondary, html:not(#__):not(#___) .cadmin [type].badge-secondary:focus {
   background-color: #e7e7ed;
   color: #272833;
 }
@@ -3865,7 +3866,7 @@ html:not(#__):not(#___) .cadmin [href].badge-success:hover, html:not(#__):not(#_
   background-color: #287d3c;
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin [href].badge-success:focus, html:not(#__):not(#___) .cadmin [type].badge-success:focus {
+html:not(#__):not(#___) .cadmin [href].focus.badge-success, html:not(#__):not(#___) .cadmin [href].badge-success:focus, html:not(#__):not(#___) .cadmin [type].focus.badge-success, html:not(#__):not(#___) .cadmin [type].badge-success:focus {
   background-color: #287d3c;
   color: #fff;
 }
@@ -3877,7 +3878,7 @@ html:not(#__):not(#___) .cadmin [href].badge-info:hover, html:not(#__):not(#___)
   background-color: #2e5aac;
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin [href].badge-info:focus, html:not(#__):not(#___) .cadmin [type].badge-info:focus {
+html:not(#__):not(#___) .cadmin [href].focus.badge-info, html:not(#__):not(#___) .cadmin [href].badge-info:focus, html:not(#__):not(#___) .cadmin [type].focus.badge-info, html:not(#__):not(#___) .cadmin [type].badge-info:focus {
   background-color: #2e5aac;
   color: #fff;
 }
@@ -3889,7 +3890,7 @@ html:not(#__):not(#___) .cadmin [href].badge-warning:hover, html:not(#__):not(#_
   background-color: #b95000;
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin [href].badge-warning:focus, html:not(#__):not(#___) .cadmin [type].badge-warning:focus {
+html:not(#__):not(#___) .cadmin [href].focus.badge-warning, html:not(#__):not(#___) .cadmin [href].badge-warning:focus, html:not(#__):not(#___) .cadmin [type].focus.badge-warning, html:not(#__):not(#___) .cadmin [type].badge-warning:focus {
   background-color: #b95000;
   color: #fff;
 }
@@ -3901,7 +3902,7 @@ html:not(#__):not(#___) .cadmin [href].badge-danger:hover, html:not(#__):not(#__
   background-color: #da1414;
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin [href].badge-danger:focus, html:not(#__):not(#___) .cadmin [type].badge-danger:focus {
+html:not(#__):not(#___) .cadmin [href].focus.badge-danger, html:not(#__):not(#___) .cadmin [href].badge-danger:focus, html:not(#__):not(#___) .cadmin [type].focus.badge-danger, html:not(#__):not(#___) .cadmin [type].badge-danger:focus {
   background-color: #da1414;
   color: #fff;
 }
@@ -3913,7 +3914,7 @@ html:not(#__):not(#___) .cadmin [href].badge-light:hover, html:not(#__):not(#___
   background-color: #f1f2f5;
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin [href].badge-light:focus, html:not(#__):not(#___) .cadmin [type].badge-light:focus {
+html:not(#__):not(#___) .cadmin [href].focus.badge-light, html:not(#__):not(#___) .cadmin [href].badge-light:focus, html:not(#__):not(#___) .cadmin [type].focus.badge-light, html:not(#__):not(#___) .cadmin [type].badge-light:focus {
   background-color: #f1f2f5;
   color: #272833;
 }
@@ -3928,7 +3929,7 @@ html:not(#__):not(#___) .cadmin [href].badge-dark:hover, html:not(#__):not(#___)
   background-color: #272833;
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin [href].badge-dark:focus, html:not(#__):not(#___) .cadmin [type].badge-dark:focus {
+html:not(#__):not(#___) .cadmin [href].focus.badge-dark, html:not(#__):not(#___) .cadmin [href].badge-dark:focus, html:not(#__):not(#___) .cadmin [type].focus.badge-dark, html:not(#__):not(#___) .cadmin [type].badge-dark:focus {
   background-color: #272833;
   color: #fff;
 }
@@ -3958,7 +3959,7 @@ html:not(#__):not(#___) .cadmin .breadcrumb-link:hover {
   color: #6b6c7e;
   text-decoration: underline;
 }
-html:not(#__):not(#___) .cadmin .breadcrumb-link:focus {
+html:not(#__):not(#___) .cadmin .breadcrumb-link.focus, html:not(#__):not(#___) .cadmin .breadcrumb-link:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   color: #6b6c7e;
   outline: 0;
@@ -4227,7 +4228,7 @@ html:not(#__):not(#___) .cadmin .label[href], html:not(#__):not(#___) .cadmin .l
 html:not(#__):not(#___) .cadmin .label[href]:hover, html:not(#__):not(#___) .cadmin .label[type]:hover, html:not(#__):not(#___) .cadmin .label[tabindex]:hover {
   text-decoration: underline;
 }
-html:not(#__):not(#___) .cadmin .label[href]:focus, html:not(#__):not(#___) .cadmin .label[type]:focus, html:not(#__):not(#___) .cadmin .label[tabindex]:focus {
+html:not(#__):not(#___) .cadmin .label[href].focus, html:not(#__):not(#___) .cadmin .label[href]:focus, html:not(#__):not(#___) .cadmin .label[type].focus, html:not(#__):not(#___) .cadmin .label[type]:focus, html:not(#__):not(#___) .cadmin .label[tabindex].focus, html:not(#__):not(#___) .cadmin .label[tabindex]:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   text-decoration: underline;
 }
@@ -4242,7 +4243,8 @@ html:not(#__):not(#___) .cadmin .label .btn-unstyled:hover {
   color: inherit;
   text-decoration: underline;
 }
-html:not(#__):not(#___) .cadmin .label a:focus,
+html:not(#__):not(#___) .cadmin .label a.focus, html:not(#__):not(#___) .cadmin .label a:focus,
+html:not(#__):not(#___) .cadmin .label .btn-unstyled.focus,
 html:not(#__):not(#___) .cadmin .label .btn-unstyled:focus {
   color: inherit;
   text-decoration: underline;
@@ -4364,7 +4366,7 @@ html:not(#__):not(#___) .cadmin [href].label-primary:hover, html:not(#__):not(#_
   border-color: #80acff;
   color: #004ad7;
 }
-html:not(#__):not(#___) .cadmin [href].label-primary:focus, html:not(#__):not(#___) .cadmin [type].label-primary:focus, html:not(#__):not(#___) .cadmin [tabindex].label-primary:focus {
+html:not(#__):not(#___) .cadmin [href].focus.label-primary, html:not(#__):not(#___) .cadmin [href].label-primary:focus, html:not(#__):not(#___) .cadmin [type].focus.label-primary, html:not(#__):not(#___) .cadmin [type].label-primary:focus, html:not(#__):not(#___) .cadmin [tabindex].focus.label-primary, html:not(#__):not(#___) .cadmin [tabindex].label-primary:focus {
   color: #004ad7;
 }
 html:not(#__):not(#___) .cadmin .label-primary a:hover,
@@ -4386,7 +4388,7 @@ html:not(#__):not(#___) .cadmin [href].label-secondary:hover, html:not(#__):not(
   border-color: #cdced9;
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin [href].label-secondary:focus, html:not(#__):not(#___) .cadmin [type].label-secondary:focus, html:not(#__):not(#___) .cadmin [tabindex].label-secondary:focus {
+html:not(#__):not(#___) .cadmin [href].focus.label-secondary, html:not(#__):not(#___) .cadmin [href].label-secondary:focus, html:not(#__):not(#___) .cadmin [type].focus.label-secondary, html:not(#__):not(#___) .cadmin [type].label-secondary:focus, html:not(#__):not(#___) .cadmin [tabindex].focus.label-secondary, html:not(#__):not(#___) .cadmin [tabindex].label-secondary:focus {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .label-secondary a:hover,
@@ -4408,7 +4410,7 @@ html:not(#__):not(#___) .cadmin [href].label-success:hover, html:not(#__):not(#_
   border-color: #5aca75;
   color: #1c5629;
 }
-html:not(#__):not(#___) .cadmin [href].label-success:focus, html:not(#__):not(#___) .cadmin [type].label-success:focus, html:not(#__):not(#___) .cadmin [tabindex].label-success:focus {
+html:not(#__):not(#___) .cadmin [href].focus.label-success, html:not(#__):not(#___) .cadmin [href].label-success:focus, html:not(#__):not(#___) .cadmin [type].focus.label-success, html:not(#__):not(#___) .cadmin [type].label-success:focus, html:not(#__):not(#___) .cadmin [tabindex].focus.label-success, html:not(#__):not(#___) .cadmin [tabindex].label-success:focus {
   color: #1c5629;
 }
 html:not(#__):not(#___) .cadmin .label-success a:hover,
@@ -4430,7 +4432,7 @@ html:not(#__):not(#___) .cadmin [href].label-info:hover, html:not(#__):not(#___)
   border-color: #89a7e0;
   color: #234584;
 }
-html:not(#__):not(#___) .cadmin [href].label-info:focus, html:not(#__):not(#___) .cadmin [type].label-info:focus, html:not(#__):not(#___) .cadmin [tabindex].label-info:focus {
+html:not(#__):not(#___) .cadmin [href].focus.label-info, html:not(#__):not(#___) .cadmin [href].label-info:focus, html:not(#__):not(#___) .cadmin [type].focus.label-info, html:not(#__):not(#___) .cadmin [type].label-info:focus, html:not(#__):not(#___) .cadmin [tabindex].focus.label-info, html:not(#__):not(#___) .cadmin [tabindex].label-info:focus {
   color: #234584;
 }
 html:not(#__):not(#___) .cadmin .label-info a:hover,
@@ -4452,7 +4454,7 @@ html:not(#__):not(#___) .cadmin [href].label-warning:hover, html:not(#__):not(#_
   border-color: #ff8f39;
   color: #863a00;
 }
-html:not(#__):not(#___) .cadmin [href].label-warning:focus, html:not(#__):not(#___) .cadmin [type].label-warning:focus, html:not(#__):not(#___) .cadmin [tabindex].label-warning:focus {
+html:not(#__):not(#___) .cadmin [href].focus.label-warning, html:not(#__):not(#___) .cadmin [href].label-warning:focus, html:not(#__):not(#___) .cadmin [type].focus.label-warning, html:not(#__):not(#___) .cadmin [type].label-warning:focus, html:not(#__):not(#___) .cadmin [tabindex].focus.label-warning, html:not(#__):not(#___) .cadmin [tabindex].label-warning:focus {
   color: #863a00;
 }
 html:not(#__):not(#___) .cadmin .label-warning a:hover,
@@ -4474,7 +4476,7 @@ html:not(#__):not(#___) .cadmin [href].label-danger:hover, html:not(#__):not(#__
   border-color: #f48989;
   color: #ab1010;
 }
-html:not(#__):not(#___) .cadmin [href].label-danger:focus, html:not(#__):not(#___) .cadmin [type].label-danger:focus, html:not(#__):not(#___) .cadmin [tabindex].label-danger:focus {
+html:not(#__):not(#___) .cadmin [href].focus.label-danger, html:not(#__):not(#___) .cadmin [href].label-danger:focus, html:not(#__):not(#___) .cadmin [type].focus.label-danger, html:not(#__):not(#___) .cadmin [type].label-danger:focus, html:not(#__):not(#___) .cadmin [tabindex].focus.label-danger, html:not(#__):not(#___) .cadmin [tabindex].label-danger:focus {
   color: #ab1010;
 }
 html:not(#__):not(#___) .cadmin .label-danger a:hover,
@@ -4496,7 +4498,7 @@ html:not(#__):not(#___) .cadmin [href].label-dark:hover, html:not(#__):not(#___)
   border-color: #272833;
   color: #393a4a;
 }
-html:not(#__):not(#___) .cadmin [href].label-dark:focus, html:not(#__):not(#___) .cadmin [type].label-dark:focus, html:not(#__):not(#___) .cadmin [tabindex].label-dark:focus {
+html:not(#__):not(#___) .cadmin [href].focus.label-dark, html:not(#__):not(#___) .cadmin [href].label-dark:focus, html:not(#__):not(#___) .cadmin [type].focus.label-dark, html:not(#__):not(#___) .cadmin [type].label-dark:focus, html:not(#__):not(#___) .cadmin [tabindex].focus.label-dark, html:not(#__):not(#___) .cadmin [tabindex].label-dark:focus {
   color: #393a4a;
 }
 html:not(#__):not(#___) .cadmin .label-dark a:hover,
@@ -4518,7 +4520,7 @@ html:not(#__):not(#___) .cadmin [href].label-light:hover, html:not(#__):not(#___
   border-color: #f1f2f5;
   color: #d3d6e0;
 }
-html:not(#__):not(#___) .cadmin [href].label-light:focus, html:not(#__):not(#___) .cadmin [type].label-light:focus, html:not(#__):not(#___) .cadmin [tabindex].label-light:focus {
+html:not(#__):not(#___) .cadmin [href].focus.label-light, html:not(#__):not(#___) .cadmin [href].label-light:focus, html:not(#__):not(#___) .cadmin [type].focus.label-light, html:not(#__):not(#___) .cadmin [type].label-light:focus, html:not(#__):not(#___) .cadmin [tabindex].focus.label-light, html:not(#__):not(#___) .cadmin [tabindex].label-light:focus {
   color: #d3d6e0;
 }
 html:not(#__):not(#___) .cadmin .label-light a:hover,
@@ -6085,7 +6087,7 @@ html:not(#__):not(#___) .cadmin .dropdown-item-indicator-text-start:hover {
   color: inherit;
   text-decoration: inherit;
 }
-html:not(#__):not(#___) .cadmin .dropdown-item-indicator-text-start:focus {
+html:not(#__):not(#___) .cadmin .dropdown-item-indicator-text-start.focus, html:not(#__):not(#___) .cadmin .dropdown-item-indicator-text-start:focus {
   color: inherit;
   text-decoration: inherit;
 }
@@ -6139,7 +6141,7 @@ html:not(#__):not(#___) .cadmin .dropdown-item-indicator-text-end:hover {
   color: inherit;
   text-decoration: inherit;
 }
-html:not(#__):not(#___) .cadmin .dropdown-item-indicator-text-end:focus {
+html:not(#__):not(#___) .cadmin .dropdown-item-indicator-text-end.focus, html:not(#__):not(#___) .cadmin .dropdown-item-indicator-text-end:focus {
   color: inherit;
   text-decoration: inherit;
 }
@@ -6634,6 +6636,9 @@ html:not(#__):not(#___) .cadmin select.form-control:disabled, html:not(#__):not(
 html:not(#__):not(#___) .cadmin select.form-control:disabled > option, html:not(#__):not(#___) .cadmin select.form-control.disabled > option {
   cursor: not-allowed;
 }
+html:not(#__):not(#___) .cadmin select.form-control option {
+  cursor: pointer;
+}
 html:not(#__):not(#___) .cadmin select.form-control::-ms-expand {
   display: none;
 }
@@ -6678,6 +6683,12 @@ html:not(#__):not(#___) .cadmin select.form-control[size]:focus > option:checked
   background-image: linear-gradient(#ffa700, #ffa700);
   filter: invert(100%);
 }
+html:not(#__):not(#___) .cadmin select.form-control[size] option {
+  padding: 7px 8px;
+}
+html:not(#__):not(#___) .cadmin select.form-control[size] option:checked {
+  background-image: linear-gradient(#e7e7ed, #e7e7ed);
+}
 @-moz-document url-prefix() {
   html:not(#__):not(#___) .cadmin select.form-control[size]:focus > option:checked, html:not(#__):not(#___) .cadmin select.form-control[size].focus > option:checked {
     background-image: linear-gradient(#004ad7, #004ad7);
@@ -6702,6 +6713,12 @@ html:not(#__):not(#___) .cadmin select.form-control[multiple]:focus > option:che
   background-image: linear-gradient(#ffa700, #ffa700);
   filter: invert(100%);
 }
+html:not(#__):not(#___) .cadmin select.form-control[multiple] option {
+  padding: 7px 8px;
+}
+html:not(#__):not(#___) .cadmin select.form-control[multiple] option:checked {
+  background-image: linear-gradient(#e7e7ed, #e7e7ed);
+}
 @-moz-document url-prefix() {
   html:not(#__):not(#___) .cadmin select.form-control[multiple]:focus > option:checked, html:not(#__):not(#___) .cadmin select.form-control[multiple].focus > option:checked {
     background-image: linear-gradient(#004ad7, #004ad7);
@@ -7036,7 +7053,7 @@ html:not(#__):not(#___) .cadmin .component-link {
 html:not(#__):not(#___) .cadmin .component-link:hover {
   color: #484955;
 }
-html:not(#__):not(#___) .cadmin .component-link:focus {
+html:not(#__):not(#___) .cadmin .component-link.focus, html:not(#__):not(#___) .cadmin .component-link:focus {
   color: #484955;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
@@ -7057,7 +7074,7 @@ html:not(#__):not(#___) .cadmin .link-primary {
 html:not(#__):not(#___) .cadmin .link-primary:hover {
   color: #0041be;
 }
-html:not(#__):not(#___) .cadmin .link-primary:focus {
+html:not(#__):not(#___) .cadmin .link-primary.focus, html:not(#__):not(#___) .cadmin .link-primary:focus {
   color: #0041be;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
@@ -7075,7 +7092,7 @@ html:not(#__):not(#___) .cadmin .link-secondary {
 html:not(#__):not(#___) .cadmin .link-secondary:hover {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .link-secondary:focus {
+html:not(#__):not(#___) .cadmin .link-secondary.focus, html:not(#__):not(#___) .cadmin .link-secondary:focus {
   color: #272833;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
@@ -7110,7 +7127,7 @@ html:not(#__):not(#___) .cadmin .link-outline {
 html:not(#__):not(#___) .cadmin .link-outline:hover {
   text-decoration: none;
 }
-html:not(#__):not(#___) .cadmin .link-outline:focus {
+html:not(#__):not(#___) .cadmin .link-outline.focus, html:not(#__):not(#___) .cadmin .link-outline:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
 }
@@ -7137,7 +7154,7 @@ html:not(#__):not(#___) .cadmin .link-outline-primary:hover {
   background-color: #f0f5ff;
   color: #0b5fff;
 }
-html:not(#__):not(#___) .cadmin .link-outline-primary:focus {
+html:not(#__):not(#___) .cadmin .link-outline-primary.focus, html:not(#__):not(#___) .cadmin .link-outline-primary:focus {
   background-color: #f0f5ff;
   color: #0b5fff;
 }
@@ -7167,7 +7184,7 @@ html:not(#__):not(#___) .cadmin .link-outline-secondary:hover {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .link-outline-secondary:focus {
+html:not(#__):not(#___) .cadmin .link-outline-secondary.focus, html:not(#__):not(#___) .cadmin .link-outline-secondary:focus {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
@@ -7238,7 +7255,8 @@ html:not(#__):not(#___) .cadmin .component-title[href]:hover,
 html:not(#__):not(#___) .cadmin .component-title [href]:hover {
   color: #060608;
 }
-html:not(#__):not(#___) .cadmin .component-title[href]:focus,
+html:not(#__):not(#___) .cadmin .component-title[href].focus, html:not(#__):not(#___) .cadmin .component-title[href]:focus,
+html:not(#__):not(#___) .cadmin .component-title [href].focus,
 html:not(#__):not(#___) .cadmin .component-title [href]:focus {
   color: #060608;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
@@ -7266,7 +7284,8 @@ html:not(#__):not(#___) .cadmin .component-subtitle[href]:hover,
 html:not(#__):not(#___) .cadmin .component-subtitle [href]:hover {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .component-subtitle[href]:focus,
+html:not(#__):not(#___) .cadmin .component-subtitle[href].focus, html:not(#__):not(#___) .cadmin .component-subtitle[href]:focus,
+html:not(#__):not(#___) .cadmin .component-subtitle [href].focus,
 html:not(#__):not(#___) .cadmin .component-subtitle [href]:focus {
   color: #272833;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
@@ -7298,7 +7317,7 @@ html:not(#__):not(#___) .cadmin .component-action:hover {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .component-action:focus {
+html:not(#__):not(#___) .cadmin .component-action.focus, html:not(#__):not(#___) .cadmin .component-action:focus {
   background-color: rgba(39, 40, 51, 0.03);
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   color: #272833;
@@ -9305,7 +9324,8 @@ html:not(#__):not(#___) .cadmin .list-group-title[href]:hover,
 html:not(#__):not(#___) .cadmin .list-group-title [href]:hover {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .list-group-title[href]:focus,
+html:not(#__):not(#___) .cadmin .list-group-title[href].focus, html:not(#__):not(#___) .cadmin .list-group-title[href]:focus,
+html:not(#__):not(#___) .cadmin .list-group-title [href].focus,
 html:not(#__):not(#___) .cadmin .list-group-title [href]:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
@@ -9332,7 +9352,8 @@ html:not(#__):not(#___) .cadmin .list-group-subtitle[href]:hover,
 html:not(#__):not(#___) .cadmin .list-group-subtitle [href]:hover {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .list-group-subtitle[href]:focus,
+html:not(#__):not(#___) .cadmin .list-group-subtitle[href].focus, html:not(#__):not(#___) .cadmin .list-group-subtitle[href]:focus,
+html:not(#__):not(#___) .cadmin .list-group-subtitle [href].focus,
 html:not(#__):not(#___) .cadmin .list-group-subtitle [href]:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
@@ -9360,7 +9381,8 @@ html:not(#__):not(#___) .cadmin .list-group-text[href]:hover,
 html:not(#__):not(#___) .cadmin .list-group-text [href]:hover {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .list-group-text[href]:focus,
+html:not(#__):not(#___) .cadmin .list-group-text[href].focus, html:not(#__):not(#___) .cadmin .list-group-text[href]:focus,
+html:not(#__):not(#___) .cadmin .list-group-text [href].focus,
 html:not(#__):not(#___) .cadmin .list-group-text [href]:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
@@ -9388,7 +9410,8 @@ html:not(#__):not(#___) .cadmin .list-group-subtext[href]:hover,
 html:not(#__):not(#___) .cadmin .list-group-subtext [href]:hover {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .list-group-subtext[href]:focus,
+html:not(#__):not(#___) .cadmin .list-group-subtext[href].focus, html:not(#__):not(#___) .cadmin .list-group-subtext[href]:focus,
+html:not(#__):not(#___) .cadmin .list-group-subtext [href].focus,
 html:not(#__):not(#___) .cadmin .list-group-subtext [href]:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
@@ -10403,7 +10426,7 @@ html:not(#__):not(#___) .cadmin .nav-link {
 html:not(#__):not(#___) .cadmin .nav-link:hover {
   text-decoration: none;
 }
-html:not(#__):not(#___) .cadmin .nav-link:focus {
+html:not(#__):not(#___) .cadmin .nav-link.focus, html:not(#__):not(#___) .cadmin .nav-link:focus {
   text-decoration: none;
   z-index: 1;
 }
@@ -10726,7 +10749,7 @@ html:not(#__):not(#___) .cadmin .nav-tabs .nav-link {
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:hover {
   border-color: transparent;
 }
-html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:focus {
+html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.focus, html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:focus {
   border-color: transparent;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
@@ -10810,7 +10833,7 @@ html:not(#__):not(#___) .cadmin .nav-underline .nav-link::after {
   right: 0;
   width: auto;
 }
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link:focus {
+html:not(#__):not(#___) .cadmin .nav-underline .nav-link.focus, html:not(#__):not(#___) .cadmin .nav-underline .nav-link:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
 }
@@ -10960,7 +10983,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
   background-color: rgba(11, 95, 255, 0.04);
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
+html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.focus, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
   background-color: rgba(11, 95, 255, 0.04);
   box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
   color: #272833;
@@ -10991,7 +11014,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
     background-color: rgba(11, 95, 255, 0.04);
     color: #272833;
   }
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.focus, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
     background-color: rgba(11, 95, 255, 0.04);
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:active {
@@ -11156,7 +11179,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
   background-color: rgba(11, 95, 255, 0.04);
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
+html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
   background-color: rgba(11, 95, 255, 0.04);
   box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
   color: #272833;
@@ -11187,7 +11210,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
     background-color: rgba(11, 95, 255, 0.04);
     color: #272833;
   }
-  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
+  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
     background-color: rgba(11, 95, 255, 0.04);
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:active {
@@ -12301,7 +12324,7 @@ html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link {
     transition: none;
   }
 }
-html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link:focus {
+html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link.focus, html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
 }
 html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link:disabled, html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link.disabled {
@@ -12317,7 +12340,7 @@ html:not(#__):not(#___) .cadmin .management-bar .navbar-brand {
     transition: none;
   }
 }
-html:not(#__):not(#___) .cadmin .management-bar .navbar-brand:focus {
+html:not(#__):not(#___) .cadmin .management-bar .navbar-brand.focus, html:not(#__):not(#___) .cadmin .management-bar .navbar-brand:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
 }
 html:not(#__):not(#___) .cadmin .management-bar .navbar-brand:disabled, html:not(#__):not(#___) .cadmin .management-bar .navbar-brand.disabled {
@@ -12341,7 +12364,7 @@ html:not(#__):not(#___) .cadmin .management-bar-light .navbar-nav .nav-link:hove
   color: #272833;
   background-color: rgba(39, 40, 51, 0.03);
 }
-html:not(#__):not(#___) .cadmin .management-bar-light .navbar-nav .nav-link:focus {
+html:not(#__):not(#___) .cadmin .management-bar-light .navbar-nav .nav-link.focus, html:not(#__):not(#___) .cadmin .management-bar-light .navbar-nav .nav-link:focus {
   color: #272833;
   background-color: rgba(39, 40, 51, 0.03);
 }
@@ -12368,7 +12391,7 @@ html:not(#__):not(#___) .cadmin .management-bar-light .navbar-nav .nav-btn {
 html:not(#__):not(#___) .cadmin .management-bar-light .navbar-brand {
   font-weight: 600;
 }
-html:not(#__):not(#___) .cadmin .management-bar-light .navbar-brand:focus {
+html:not(#__):not(#___) .cadmin .management-bar-light .navbar-brand.focus, html:not(#__):not(#___) .cadmin .management-bar-light .navbar-brand:focus {
   color: #272833;
   background-color: rgba(39, 40, 51, 0.03);
 }
@@ -12410,7 +12433,7 @@ html:not(#__):not(#___) .cadmin .management-bar-primary .navbar-nav .nav-link:ho
   color: #272833;
   background-color: rgba(39, 40, 51, 0.03);
 }
-html:not(#__):not(#___) .cadmin .management-bar-primary .navbar-nav .nav-link:focus {
+html:not(#__):not(#___) .cadmin .management-bar-primary .navbar-nav .nav-link.focus, html:not(#__):not(#___) .cadmin .management-bar-primary .navbar-nav .nav-link:focus {
   color: #272833;
   background-color: rgba(39, 40, 51, 0.03);
 }
@@ -12438,7 +12461,7 @@ html:not(#__):not(#___) .cadmin .management-bar-primary .navbar-brand {
   border-radius: 4px;
   font-weight: 600;
 }
-html:not(#__):not(#___) .cadmin .management-bar-primary .navbar-brand:focus {
+html:not(#__):not(#___) .cadmin .management-bar-primary .navbar-brand.focus, html:not(#__):not(#___) .cadmin .management-bar-primary .navbar-brand:focus {
   color: #272833;
   background-color: rgba(39, 40, 51, 0.03);
 }
@@ -12643,7 +12666,7 @@ html:not(#__):not(#___) .cadmin .navigation-bar .navbar-nav .nav-link {
   border-radius: 0;
   outline: 0;
 }
-html:not(#__):not(#___) .cadmin .navigation-bar .navbar-nav .nav-link:focus {
+html:not(#__):not(#___) .cadmin .navigation-bar .navbar-nav .nav-link.focus, html:not(#__):not(#___) .cadmin .navigation-bar .navbar-nav .nav-link:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar .navbar-nav .nav-link:disabled, html:not(#__):not(#___) .cadmin .navigation-bar .navbar-nav .nav-link.disabled {
@@ -12653,7 +12676,7 @@ html:not(#__):not(#___) .cadmin .navigation-bar .navbar-brand {
   border-radius: 0;
   outline: 0;
 }
-html:not(#__):not(#___) .cadmin .navigation-bar .navbar-brand:focus {
+html:not(#__):not(#___) .cadmin .navigation-bar .navbar-brand.focus, html:not(#__):not(#___) .cadmin .navigation-bar .navbar-brand:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar .navbar-brand:disabled, html:not(#__):not(#___) .cadmin .navigation-bar .navbar-brand.disabled {
@@ -12709,7 +12732,7 @@ html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-nav .nav-link {
 html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-nav .nav-link:hover {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-nav .nav-link:focus {
+html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-nav .nav-link.focus, html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-nav .nav-link:focus {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-nav .nav-link:active {
@@ -12731,7 +12754,7 @@ html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-nav .nav-btn {
 html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-brand {
   font-weight: 600;
 }
-html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-brand:focus {
+html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-brand.focus, html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-brand:focus {
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-brand:active {
@@ -12762,7 +12785,7 @@ html:not(#__):not(#___) .cadmin .navigation-bar-light .navbar-overlay {
   html:not(#__):not(#___) .cadmin .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
     color: #272833;
   }
-  html:not(#__):not(#___) .cadmin .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
+  html:not(#__):not(#___) .cadmin .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, html:not(#__):not(#___) .cadmin .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
     color: #272833;
   }
   html:not(#__):not(#___) .cadmin .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
@@ -12790,7 +12813,7 @@ html:not(#__):not(#___) .cadmin .navigation-bar-secondary .navbar-nav .nav-link
 html:not(#__):not(#___) .cadmin .navigation-bar-secondary .navbar-nav .nav-link:hover {
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin .navigation-bar-secondary .navbar-nav .nav-link:focus {
+html:not(#__):not(#___) .cadmin .navigation-bar-secondary .navbar-nav .nav-link.focus, html:not(#__):not(#___) .cadmin .navigation-bar-secondary .navbar-nav .nav-link:focus {
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar-secondary .navbar-nav .nav-link:active {
@@ -12816,7 +12839,7 @@ html:not(#__):not(#___) .cadmin .navigation-bar-secondary .navbar-brand {
 html:not(#__):not(#___) .cadmin .navigation-bar-secondary .navbar-brand:hover {
   color: rgba(255, 255, 255, 0.9);
 }
-html:not(#__):not(#___) .cadmin .navigation-bar-secondary .navbar-brand:focus {
+html:not(#__):not(#___) .cadmin .navigation-bar-secondary .navbar-brand.focus, html:not(#__):not(#___) .cadmin .navigation-bar-secondary .navbar-brand:focus {
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar-secondary .navbar-brand:active {
@@ -12847,7 +12870,7 @@ html:not(#__):not(#___) .cadmin .navigation-bar-secondary .navbar-overlay {
   html:not(#__):not(#___) .cadmin .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
     color: #fff;
   }
-  html:not(#__):not(#___) .cadmin .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
+  html:not(#__):not(#___) .cadmin .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, html:not(#__):not(#___) .cadmin .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
     color: #fff;
   }
   html:not(#__):not(#___) .cadmin .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
@@ -12919,7 +12942,7 @@ html:not(#__):not(#___) .cadmin .page-link:hover {
   text-decoration: none;
   z-index: 2;
 }
-html:not(#__):not(#___) .cadmin .page-link:focus {
+html:not(#__):not(#___) .cadmin .page-link.focus, html:not(#__):not(#___) .cadmin .page-link:focus {
   background-color: rgba(0, 0, 0, 0.02);
   border-color: transparent;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
@@ -13029,7 +13052,8 @@ html:not(#__):not(#___) .cadmin .pagination-items-per-page > button:hover {
   border-color: transparent;
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .pagination-items-per-page > a:focus,
+html:not(#__):not(#___) .cadmin .pagination-items-per-page > a.focus, html:not(#__):not(#___) .cadmin .pagination-items-per-page > a:focus,
+html:not(#__):not(#___) .cadmin .pagination-items-per-page > button.focus,
 html:not(#__):not(#___) .cadmin .pagination-items-per-page > button:focus {
   border-color: transparent;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
@@ -13267,7 +13291,7 @@ html:not(#__):not(#___) .cadmin .panel-header-link:hover {
   color: inherit;
   text-decoration: none;
 }
-html:not(#__):not(#___) .cadmin .panel-header-link:focus {
+html:not(#__):not(#___) .cadmin .panel-header-link.focus, html:not(#__):not(#___) .cadmin .panel-header-link:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
   z-index: 1;
@@ -13483,7 +13507,7 @@ html:not(#__):not(#___) .cadmin .panel-unstyled .panel-header.collapsed {
 html:not(#__):not(#___) .cadmin .panel-unstyled .panel-header.panel-header-link {
   border-radius: 1px;
 }
-html:not(#__):not(#___) .cadmin .panel-unstyled .panel-header.panel-header-link:focus {
+html:not(#__):not(#___) .cadmin .panel-unstyled .panel-header.panel-header-link.focus, html:not(#__):not(#___) .cadmin .panel-unstyled .panel-header.panel-header-link:focus {
   box-shadow: 0 0 0 4px #fff, 0 0 0 6px #80acff;
 }
 html:not(#__):not(#___) .cadmin .panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
@@ -14202,7 +14226,7 @@ html:not(#__):not(#___) .cadmin a.sheet-subtitle {
 html:not(#__):not(#___) .cadmin a.sheet-subtitle:hover {
   text-decoration: none;
 }
-html:not(#__):not(#___) .cadmin a.sheet-subtitle:focus {
+html:not(#__):not(#___) .cadmin a.sheet-subtitle.focus, html:not(#__):not(#___) .cadmin a.sheet-subtitle:focus {
   box-shadow: 0 0 0 4px #fff, 0 0 0 6px #80acff;
   outline: 0;
 }
@@ -14502,7 +14526,6 @@ html:not(#__):not(#___) .cadmin .sidenav-start .sidebar-light,
 html:not(#__):not(#___) .cadmin .sidenav-left .sidebar-light {
   box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.1);
 }
 html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-panel {
   background-color: #f1f2f5;
 }
@@ -14513,7 +14536,7 @@ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd[href],
 html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd [href] {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
+html:not(#__):not(#___) .cadmin .sidebar-light .panel-unstyled .panel-header.panel-header-link.focus, html:not(#__):not(#___) .cadmin .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
   box-shadow: 0 0 0 4px #fff, 0 0 0 6px #80acff;
 }
 html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar {
@@ -14593,7 +14616,7 @@ html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link {
 html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:hover {
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:focus {
+html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link.focus, html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
 }
@@ -14651,7 +14674,7 @@ html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link {
 html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:hover {
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:focus {
+html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link.focus, html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
 }
@@ -14851,7 +14874,7 @@ html:not(#__):not(#___) .cadmin .table thead th [href] {
 html:not(#__):not(#___) .cadmin .table thead th [href]:hover {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .table thead th [href]:focus {
+html:not(#__):not(#___) .cadmin .table thead th [href].focus, html:not(#__):not(#___) .cadmin .table thead th [href]:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
 }
@@ -15073,7 +15096,7 @@ html:not(#__):not(#___) .cadmin .table-title a {
 html:not(#__):not(#___) .cadmin .table-title a:hover {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .table-title a:focus {
+html:not(#__):not(#___) .cadmin .table-title a.focus, html:not(#__):not(#___) .cadmin .table-title a:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
 }
@@ -15092,7 +15115,7 @@ html:not(#__):not(#___) .cadmin .table-link {
 html:not(#__):not(#___) .cadmin .table-link:hover {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .table-link:focus {
+html:not(#__):not(#___) .cadmin .table-link.focus, html:not(#__):not(#___) .cadmin .table-link:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
 }
@@ -15118,7 +15141,7 @@ html:not(#__):not(#___) .cadmin .table-action-link:hover {
   color: #272833;
   text-decoration: none;
 }
-html:not(#__):not(#___) .cadmin .table-action-link:focus {
+html:not(#__):not(#___) .cadmin .table-action-link.focus, html:not(#__):not(#___) .cadmin .table-action-link:focus {
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
@@ -15401,7 +15424,7 @@ html:not(#__):not(#___) .cadmin .table-list-title a {
 html:not(#__):not(#___) .cadmin .table-list-title a:hover {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .table-list-title a:focus {
+html:not(#__):not(#___) .cadmin .table-list-title a.focus, html:not(#__):not(#___) .cadmin .table-list-title a:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
 }
@@ -15420,7 +15443,7 @@ html:not(#__):not(#___) .cadmin .table-list-link {
 html:not(#__):not(#___) .cadmin .table-list-link:hover {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .table-list-link:focus {
+html:not(#__):not(#___) .cadmin .table-list-link.focus, html:not(#__):not(#___) .cadmin .table-list-link:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
 }
@@ -15445,7 +15468,7 @@ html:not(#__):not(#___) .cadmin .table-list-action-link:hover {
   color: #272833;
   text-decoration: none;
 }
-html:not(#__):not(#___) .cadmin .table-list-action-link:focus {
+html:not(#__):not(#___) .cadmin .table-list-action-link.focus, html:not(#__):not(#___) .cadmin .table-list-action-link:focus {
   background-color: rgba(0, 0, 0, 0.02);
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   color: #272833;
@@ -17185,7 +17208,7 @@ html:not(#__):not(#___) .cadmin .treeview-link {
 html:not(#__):not(#___) .cadmin .treeview-link:hover {
   text-decoration: none;
 }
-html:not(#__):not(#___) .cadmin .treeview-link:focus {
+html:not(#__):not(#___) .cadmin .treeview-link.focus, html:not(#__):not(#___) .cadmin .treeview-link:focus {
   box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
   outline: 0;
 }