@clayui/css 3.54.0 → 3.57.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.37.0
+ * Clay 3.57.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -494,7 +494,7 @@ strong {
 }
 
 .c-kbd > .c-kbd {
-  border-width: 0;
+  border-width: 0px;
   font-size: inherit;
   font-weight: inherit;
   height: auto;
@@ -526,7 +526,7 @@ strong {
 }
 
 .c-kbd-inline {
-  border-width: 0;
+  border-width: 0px;
   font-weight: 300;
   height: auto;
   line-height: inherit;
@@ -1205,17 +1205,11 @@ button.collapse-icon .c-inner {
   text-decoration: none;
 }
 .btn:focus, .btn.focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
-.btn:active {
-  box-shadow: none;
-}
 .btn:active:focus {
-  box-shadow: [0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff];
-}
-.btn.active {
-  box-shadow: [none];
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .btn:disabled, .btn.disabled {
   cursor: not-allowed;
@@ -1227,9 +1221,6 @@ button.collapse-icon .c-inner {
 .btn:disabled:active, .btn.disabled:active {
   pointer-events: none;
 }
-.btn[aria-expanded=true], .btn.show {
-  box-shadow: [none];
-}
 .btn .c-inner {
   margin-bottom: -0.4375rem;
   margin-left: -0.9375rem;
@@ -1699,7 +1690,7 @@ input[type=button].btn-block {
 }
 .btn-link {
   border-radius: 1px;
-  box-shadow: [none];
+  box-shadow: none;
   color: #0b5fff;
   font-weight: 400;
   text-decoration: none;
@@ -1709,26 +1700,17 @@ input[type=button].btn-block {
   text-decoration: underline;
 }
 .btn-link:focus, .focus.btn-link {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   text-decoration: none;
 }
-.btn-link:active {
-  box-shadow: [none];
-}
 .btn-link:active:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
-}
-.active.btn-link {
-  box-shadow: [none];
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .btn-link:disabled, .disabled.btn-link {
   box-shadow: none;
   color: #0b5fff;
   text-decoration: none;
 }
-[aria-expanded=true].btn-link, .show.btn-link {
-  box-shadow: [none];
-}
 .btn-outline-primary {
   border-color: #0b5fff;
   color: #0b5fff;
@@ -4042,7 +4024,7 @@ input[type=button].btn-block {
   text-decoration: none;
 }
 .badge[href]:focus, .badge[type]:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .badge a {
@@ -4299,16 +4281,9 @@ input[type=button].btn-block {
 .breadcrumb-link:focus {
   color: #6b6c7e;
   text-decoration: underline;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
-.breadcrumb-link > .breadcrumb-text-truncate {
-  text-decoration: none;
-}
-.breadcrumb-link > .breadcrumb-text-truncate:hover, .breadcrumb-link > .breadcrumb-text-truncate:focus {
-  text-decoration: underline;
-}
-
 .breadcrumb-item {
   font-size: 0.875rem;
   margin-right: 0.5em;
@@ -4319,6 +4294,9 @@ input[type=button].btn-block {
   color: #272833;
   font-weight: 600;
 }
+.breadcrumb-item > span {
+  text-transform: inherit;
+}
 .breadcrumb-item + .breadcrumb-item {
   padding-left: 1em;
 }
@@ -4332,9 +4310,7 @@ input[type=button].btn-block {
   content: "";
   height: 0.6em;
   left: 0;
-  margin-top: calc(
-					-0.6em / 2
-				);
+  margin-top: calc(-0.6em / 2);
   padding: 0;
   position: absolute;
   top: 50%;
@@ -4349,17 +4325,20 @@ input[type=button].btn-block {
 .breadcrumb-item .dropdown-toggle {
   text-decoration: none;
 }
-.breadcrumb-item .dropdown-toggle:hover, .breadcrumb-item .dropdown-toggle:focus {
+.breadcrumb-item .dropdown-toggle:hover {
+  text-decoration: none;
+}
+.breadcrumb-item .dropdown-toggle:focus, .breadcrumb-item .dropdown-toggle.focus {
   text-decoration: none;
 }
-
 .breadcrumb-text-truncate {
   display: inline-block;
   max-width: 17.875rem;
   overflow: hidden;
+  text-decoration: inherit;
   text-overflow: ellipsis;
-  white-space: nowrap;
   vertical-align: bottom;
+  white-space: nowrap;
 }
 @media (max-width: 767.98px) {
   .breadcrumb-text-truncate {
@@ -4606,7 +4585,7 @@ input[type=button].btn-block {
 }
 .label[href]:focus, .label[type]:focus, .label[tabindex]:focus {
   text-decoration: underline;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .label a,
 .label .btn-unstyled {
@@ -5573,49 +5552,49 @@ input[type=button].btn-block {
 .rounded-0 .card-header,
 .rounded-0 .card-item-first {
   border-top-left-radius: calc(
-	0 - 0px
+	0px - 0px
 );
   border-top-right-radius: calc(
-	0 - 0px
+	0px - 0px
 );
 }
 .rounded-0 .card-footer,
 .rounded-0 .card-item-last {
   border-bottom-left-radius: calc(
-	0 - 0px
+	0px - 0px
 );
   border-bottom-right-radius: calc(
-	0 - 0px
+	0px - 0px
 );
 }
 .rounded-0 .autofit-col:first-child {
   border-bottom-left-radius: calc(
-	0 - 0px
+	0px - 0px
 );
   border-top-left-radius: calc(
-	0 - 0px
+	0px - 0px
 );
 }
 .rounded-0 .autofit-col:first-child .card-item-first {
   border-radius: calc(
-	0 - 0px
+	0px - 0px
 ) 0 0 calc(
-	0 - 0px
+	0px - 0px
 );
 }
 .rounded-0 .autofit-col:last-child {
   border-bottom-right-radius: calc(
-	0 - 0px
+	0px - 0px
 );
   border-top-right-radius: calc(
-	0 - 0px
+	0px - 0px
 );
 }
 .rounded-0 .autofit-col:last-child .card-item-last {
   border-radius: 0 calc(
-	0 - 0px
+	0px - 0px
 ) calc(
-	0 - 0px
+	0px - 0px
 ) 0;
 }
 
@@ -6258,7 +6237,7 @@ input[type=button].btn-block {
   right: -1px;
 }
 .card-type-template .aspect-ratio {
-  border-width: 0;
+  border-width: 0px;
   color: #6b6c7e;
   text-align: center;
   background-image: none;
@@ -6361,8 +6340,8 @@ input[type=button].btn-block {
 
 .dropdown-item {
   background-color: transparent;
-  border-radius: 0;
-  border-width: 0;
+  border-radius: 0px;
+  border-width: 0px;
   clear: both;
   color: #6b6c7e;
   cursor: pointer;
@@ -6390,7 +6369,7 @@ input[type=button].btn-block {
   background-color: #f0f5ff;
   color: #272833;
   text-decoration: none;
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
   outline: 0;
 }
 .dropdown-item:active {
@@ -6424,7 +6403,7 @@ input[type=button].btn-block {
   color: #272833;
 }
 .dropdown-item.btn:not([disabled]):not(.disabled):active:focus, .dropdown-item.btn:not([disabled]):not(.disabled).active:focus {
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
 }
 .dropdown-item:disabled, .dropdown-item.disabled {
   background-color: transparent;
@@ -6530,7 +6509,7 @@ input[type=button].btn-block {
   border-color: #e7e7ed;
   border-radius: 0.25rem;
   border-style: solid;
-  border-width: 0;
+  border-width: 0px;
   box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
   color: #272833;
   display: none;
@@ -7284,7 +7263,7 @@ fieldset[disabled] label .form-control {
 .form-control:focus, .form-control.focus {
   background-color: #f0f5ff;
   border-color: #80acff;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   color: #272833;
   outline: 0;
 }
@@ -7469,7 +7448,7 @@ div.form-control-sm {
 }
 .form-control-inset {
   background-color: transparent;
-  border-width: 0;
+  border-width: 0px;
   color: #272833;
   flex-grow: 1;
   margin-bottom: 0.3125rem;
@@ -7633,7 +7612,7 @@ textarea.form-control-plaintext,
   box-shadow: none;
 }
 .form-control[type=range]:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .form-control[type=range]::-webkit-slider-thumb {
   border-radius: 100px;
@@ -7983,7 +7962,7 @@ textarea.form-control-lg,
 }
 .component-link:focus {
   color: #484955;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .single-link {
@@ -8005,7 +7984,7 @@ textarea.form-control-lg,
 }
 .link-primary:focus {
   color: #0041be;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .link-secondary {
@@ -8023,7 +8002,7 @@ textarea.form-control-lg,
 }
 .link-secondary:focus {
   color: #272833;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 button.link-outline {
@@ -8194,7 +8173,7 @@ button.link-outline {
 .component-title[href]:focus,
 .component-title [href]:focus {
   color: #060608;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .component-subtitle {
@@ -8222,7 +8201,7 @@ button.link-outline {
 .component-subtitle[href]:focus,
 .component-subtitle [href]:focus {
   color: #272833;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .component-action {
@@ -8230,7 +8209,7 @@ button.link-outline {
   background-color: transparent;
   border-color: transparent;
   border-radius: 0.25rem;
-  border-width: 0;
+  border-width: 0px;
   color: #6b6c7e;
   display: inline-flex;
   height: 2rem;
@@ -8306,7 +8285,7 @@ button.link-outline {
   flex-direction: column;
 }
 .clay-range .input-group-text {
-  border-width: 0;
+  border-width: 0px;
   color: #a7a9bc;
   font-size: 0.875rem;
   font-weight: 600;
@@ -8336,19 +8315,24 @@ button.link-outline {
   text-align: center;
 }
 .clay-range-input {
-  color: #a7a9bc;
   display: block;
   padding-bottom: 0.1px;
   position: relative;
   vertical-align: middle;
   width: 100%;
+  color: #a7a9bc;
 }
 .clay-range-input .tooltip {
-  margin-left: 0.75rem;
+  margin-left: 0.8125rem;
   transition: opacity 0.15s linear;
   visibility: hidden;
   white-space: nowrap;
 }
+@media (prefers-reduced-motion: reduce) {
+  .clay-range-input .tooltip {
+    transition: none;
+  }
+}
 .clay-range-input .tooltip-inner {
   padding: 0.5rem 0.75rem;
 }
@@ -8363,7 +8347,7 @@ button.link-outline {
   transform: translateX(-50%);
 }
 .clay-range-input .clay-tooltip-bottom .tooltip-arrow {
-  margin-left: -0.1875rem;
+  margin-left: -0.25rem;
 }
 .clay-range-input .clay-tooltip-top {
   bottom: 100%;
@@ -8372,9 +8356,12 @@ button.link-outline {
   transform: translateX(-50%);
 }
 .clay-range-input .clay-tooltip-top .tooltip-arrow {
-  margin-left: -0.1875rem;
+  margin-left: -0.25rem;
 }
 .clay-range-input .clay-range-track {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
   background-color: #f1f2f5;
   border-radius: 100px;
   height: 0.25rem;
@@ -8383,19 +8370,22 @@ button.link-outline {
   top: 50%;
   width: 100%;
 }
+.clay-range-input .clay-range-track::-ms-expand {
+  display: none;
+}
 .clay-range-input .clay-range-progress {
   background-color: #0b5fff;
   border-radius: 100px 0 0 100px;
-  height: 0.25rem;
-  margin-top: -0.125rem;
   position: absolute;
   top: 50%;
   width: 50%;
+  height: 0.25rem;
+  margin-top: -0.125rem;
 }
 .clay-range-input .clay-range-thumb {
   background-color: #fff;
   border-radius: 100px;
-  border-width: 0;
+  border-width: 0px;
   box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
   height: 1.5rem;
   margin-top: -0.75rem;
@@ -8410,22 +8400,26 @@ button.link-outline {
   -webkit-appearance: none;
   appearance: none;
   background-color: transparent;
-  content: "1.5rem";
   height: 2.5rem;
   margin: 0;
   padding: 0;
   position: relative;
   z-index: 1;
+  content: "1.5rem";
+}
+.clay-range-input .form-control-range::-ms-expand {
+  display: none;
 }
 .clay-range-input .form-control-range::-moz-focus-outer {
   border-width: 0;
 }
 .clay-range-input .form-control-range::-moz-range-thumb {
   -moz-appearance: none;
+  -webkit-appearance: none;
   appearance: none;
   background-color: #fff;
   border-radius: 100px;
-  border-width: 0;
+  border-width: 0px;
   box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
   height: 1.5rem;
   margin-top: -0.75rem;
@@ -8433,6 +8427,9 @@ button.link-outline {
   top: 50%;
   width: 1.5rem;
 }
+.clay-range-input .form-control-range::-moz-range-thumb::-ms-expand {
+  display: none;
+}
 .clay-range-input .form-control-range::-moz-range-track {
   -moz-appearance: none;
   appearance: none;
@@ -8445,13 +8442,12 @@ button.link-outline {
   background-color: transparent;
 }
 .clay-range-input .form-control-range::-ms-thumb {
+  -moz-appearance: none;
+  -webkit-appearance: none;
   appearance: none;
-  background-color: #fff;
-  border-radius: 100px;
-  border-width: 0;
-  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
-  height: 1.5rem;
-  width: 1.5rem;
+}
+.clay-range-input .form-control-range::-ms-thumb::-ms-expand {
+  display: none;
 }
 .clay-range-input .form-control-range::-ms-tooltip {
   display: none;
@@ -8470,11 +8466,12 @@ button.link-outline {
   height: 100%;
 }
 .clay-range-input .form-control-range::-webkit-slider-thumb {
+  -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   background-color: #fff;
   border-radius: 100px;
-  border-width: 0;
+  border-width: 0px;
   box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
   height: 1.5rem;
   margin-top: -0.75rem;
@@ -8482,6 +8479,9 @@ button.link-outline {
   top: 50%;
   width: 1.5rem;
 }
+.clay-range-input .form-control-range::-webkit-slider-thumb::-ms-expand {
+  display: none;
+}
 .clay-range-input .form-control-range:hover {
   cursor: pointer;
 }
@@ -8505,20 +8505,20 @@ button.link-outline {
   outline: 0;
 }
 .clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb, .clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb {
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
 }
 .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip, .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip {
   visibility: visible;
   opacity: 1;
 }
 .clay-range-input .form-control-range:focus::-moz-range-thumb, .clay-range-input .form-control-range.focus::-moz-range-thumb {
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
 }
 .clay-range-input .form-control-range:focus::-ms-thumb, .clay-range-input .form-control-range.focus::-ms-thumb {
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
 }
 .clay-range-input .form-control-range:focus::-webkit-slider-thumb, .clay-range-input .form-control-range.focus::-webkit-slider-thumb {
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
 }
 .clay-range-input .form-control-range:disabled {
   color: #a7a9bc;
@@ -8690,13 +8690,13 @@ button.link-outline {
   width: 1.5rem;
 }
 .clay-color-btn:active {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .clay-color-btn.active {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .clay-color-btn[aria-expanded=true], .clay-color-btn.show {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .clay-color-btn .c-inner {
   margin-bottom: 0;
@@ -8869,7 +8869,7 @@ button.link-outline {
 }
 .form-file-input:focus + .input-group {
   border-radius: 1px;
-  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .form-file-input:disabled {
   cursor: not-allowed;
@@ -8968,12 +8968,12 @@ label.custom-control-label {
 }
 .custom-control-input:focus ~ .custom-control-label::before {
   border-color: #cdced9;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .custom-control-input:active ~ .custom-control-label::before {
   background-color: #fff;
   border-color: #cdced9;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   color: #fff;
 }
 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
@@ -9154,7 +9154,7 @@ label.custom-control-label {
 }
 .custom-file-input:focus ~ .custom-file-label {
   border-color: #80acff;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
   background-color: #f1f2f5;
@@ -9210,13 +9210,13 @@ label.custom-control-label {
   outline: none;
 }
 .custom-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .custom-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .custom-range:focus::-ms-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .custom-range::-moz-focus-outer {
   border: 0;
@@ -9446,7 +9446,7 @@ label.custom-control-label {
 .clay-time-inner-spin .btn {
   align-items: center;
   border-radius: 8px;
-  border-width: 0;
+  border-width: 0px;
   display: inline-flex;
   font-size: 8px;
   height: auto;
@@ -9592,7 +9592,7 @@ label.custom-control-label {
 
 .date-picker-calendar-item {
   align-items: center;
-  border-width: 0;
+  border-width: 0px;
   display: inline-flex;
   flex-shrink: 0;
   font-weight: 600;
@@ -10012,7 +10012,7 @@ label.custom-control-label {
 }
 .was-validated .form-control:valid:focus,
 .was-validated .form-control.is-valid:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 
 .was-validated .form-control:invalid,
@@ -10024,7 +10024,7 @@ label.custom-control-label {
 }
 .was-validated .form-control:invalid:focus,
 .was-validated .form-control.is-invalid:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 
 .has-error .custom-control-label,
@@ -10038,7 +10038,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-error .form-control:focus, .has-error .form-control.focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .has-error .form-control[readonly] {
   background-color: #fff;
@@ -10063,7 +10063,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-error .input-group-item.focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .has-error .input-group-item.focus .input-group-inset {
   background-color: #feefef;
@@ -10097,7 +10097,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-warning .form-control:focus, .has-warning .form-control.focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .has-warning .form-control[readonly] {
   background-color: #fff;
@@ -10122,7 +10122,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-warning .input-group-item.focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .has-warning .input-group-item.focus .input-group-inset {
   background-color: #fff4ec;
@@ -10156,7 +10156,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-success .form-control:focus, .has-success .form-control.focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .has-success .form-control[readonly] {
   background-color: #fff;
@@ -10181,7 +10181,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-success .input-group-item.focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .has-success .input-group-item.focus .input-group-inset {
   background-color: #edf9f0;
@@ -10331,7 +10331,7 @@ label.custom-control-label {
 }
 .input-group-item.focus {
   border-radius: 0.25rem;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .input-group-item.focus.input-group-prepend {
   border-bottom-right-radius: 0;
@@ -11023,7 +11023,7 @@ label.custom-control-label {
 }
 .list-group-title[href]:focus,
 .list-group-title [href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .list-group-subtitle {
@@ -11050,7 +11050,7 @@ label.custom-control-label {
 }
 .list-group-subtitle[href]:focus,
 .list-group-subtitle [href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .list-group-text {
@@ -11078,7 +11078,7 @@ label.custom-control-label {
 }
 .list-group-text[href]:focus,
 .list-group-text [href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .list-group-subtext {
@@ -11106,7 +11106,7 @@ label.custom-control-label {
 }
 .list-group-subtext[href]:focus,
 .list-group-subtext [href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu {
@@ -11457,8 +11457,8 @@ label.custom-control-label {
 }
 .list-group-notification .list-group-item-primary {
   background-color: #fff;
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
+  border-bottom-left-radius: 0px;
+  border-top-left-radius: 0px;
   box-shadow: inset 0.5rem 0 #80acff, inset -0.0625rem 0 #e7e7ed, inset 0 0.0625rem #e7e7ed, inset 0 -0.0625rem #e7e7ed;
 }
 .list-group-notification .list-group-item-primary.active {
@@ -12052,7 +12052,7 @@ label.custom-control-label {
   color: #fff;
 }
 .multi-step-item.active .multi-step-divider {
-  background-color: #f1f2f5;
+  background-color: #e7e7ed;
 }
 .multi-step-item.active.complete .multi-step-icon {
   background-color: #0b5fff;
@@ -12082,7 +12082,7 @@ label.custom-control-label {
   color: #a7a9bc;
 }
 .multi-step-item.disabled .multi-step-icon {
-  background-color: #f1f2f5;
+  background-color: #e7e7ed;
   background-repeat: no-repeat;
   color: #a7a9bc;
   cursor: not-allowed;
@@ -12095,7 +12095,7 @@ label.custom-control-label {
   color: #a7a9bc;
 }
 .multi-step-item.disabled .multi-step-divider {
-  background-color: #f1f2f5;
+  background-color: #e7e7ed;
 }
 
 .multi-step-title {
@@ -12113,7 +12113,7 @@ label.custom-control-label {
 }
 
 .multi-step-divider {
-  background-color: #f1f2f5;
+  background-color: #e7e7ed;
   height: 0.25rem;
   margin-left: 2rem;
   margin-top: -0.25rem;
@@ -12150,9 +12150,9 @@ label.custom-control-label {
 
 .multi-step-icon {
   align-items: center;
-  background-color: #f1f2f5;
+  background-color: #e7e7ed;
   border-radius: 100px;
-  border-width: 0;
+  border-width: 0px;
   color: #6b6c7e;
   cursor: pointer;
   display: flex;
@@ -12168,13 +12168,13 @@ label.custom-control-label {
   width: 2rem;
 }
 .multi-step-icon:hover {
-  background-color: #f1f2f5;
+  background-color: #e7e7ed;
   color: #6b6c7e;
   text-decoration: none;
 }
 .multi-step-icon:focus {
-  background-color: #f1f2f5;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  background-color: #e7e7ed;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   color: #6b6c7e;
   outline: 0;
   text-decoration: none;
@@ -12307,10 +12307,10 @@ label.custom-control-label {
   width: 100%;
 }
 .nav-link.btn-unstyled:focus, .nav-link.btn-unstyled.focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .nav-link.btn-unstyled:active:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .nav-link.btn-unstyled:disabled, .nav-link.btn-unstyled.disabled {
   opacity: 1;
@@ -12620,7 +12620,7 @@ label.custom-control-label {
 }
 .nav-tabs .nav-link:focus {
   border-color: transparent;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .nav-tabs .nav-link:active {
@@ -12718,7 +12718,7 @@ label.custom-control-label {
   width: auto;
 }
 .nav-underline .nav-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .nav-underline .nav-link.active {
@@ -12845,13 +12845,13 @@ label.custom-control-label {
 }
 @media (max-width: 767.98px) {
   .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:focus, .menubar-vertical-expand-md.menubar-transparent .menubar-toggler.focus {
-    box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+    box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
     outline: 0;
   }
 }
 @media (max-width: 767.98px) {
   .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:active:focus {
-    box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+    box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   }
 }
 @media (max-width: 767.98px) {
@@ -12875,7 +12875,7 @@ label.custom-control-label {
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
   background-color: rgba(39, 40, 51, 0.03);
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
   color: #272833;
   outline: 0;
 }
@@ -13044,13 +13044,13 @@ label.custom-control-label {
 }
 @media (max-width: 991.98px) {
   .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:focus, .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.focus {
-    box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+    box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
     outline: 0;
   }
 }
 @media (max-width: 991.98px) {
   .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:active:focus {
-    box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+    box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   }
 }
 @media (max-width: 991.98px) {
@@ -13074,7 +13074,7 @@ label.custom-control-label {
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
   background-color: rgba(39, 40, 51, 0.03);
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
   color: #272833;
   outline: 0;
 }
@@ -14992,7 +14992,7 @@ label.custom-control-label {
 }
 .application-bar .navbar-nav .nav-link:focus,
 .application-bar .navbar-nav .btn-unstyled:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  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,
 .application-bar .navbar-nav .btn-unstyled:disabled,
@@ -15010,7 +15010,7 @@ label.custom-control-label {
   }
 }
 .application-bar .navbar-brand:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .application-bar .navbar-brand:disabled, .application-bar .navbar-brand.disabled {
   box-shadow: none;
@@ -16059,7 +16059,7 @@ label.custom-control-label {
 }
 .management-bar .navbar-nav .nav-link:focus,
 .management-bar .navbar-nav .btn-unstyled:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  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,
 .management-bar .navbar-nav .btn-unstyled:disabled,
@@ -16077,7 +16077,7 @@ label.custom-control-label {
   }
 }
 .management-bar .navbar-brand:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .management-bar .navbar-brand:disabled, .management-bar .navbar-brand.disabled {
   box-shadow: none;
@@ -16624,12 +16624,12 @@ label.custom-control-label {
 }
 .navigation-bar .navbar-nav .nav-link,
 .navigation-bar .navbar-nav .btn-unstyled {
-  border-radius: 0;
+  border-radius: 0px;
   outline: 0;
 }
 .navigation-bar .navbar-nav .nav-link:focus,
 .navigation-bar .navbar-nav .btn-unstyled:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  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,
 .navigation-bar .navbar-nav .btn-unstyled:disabled,
@@ -16637,11 +16637,11 @@ label.custom-control-label {
   box-shadow: none;
 }
 .navigation-bar .navbar-brand {
-  border-radius: 0;
+  border-radius: 0px;
   outline: 0;
 }
 .navigation-bar .navbar-brand:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .navigation-bar .navbar-brand:disabled, .navigation-bar .navbar-brand.disabled {
   box-shadow: none;
@@ -16889,7 +16889,7 @@ label.custom-control-label {
   z-index: 2;
 }
 .page-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
   z-index: 4;
   background-color: rgba(0, 0, 0, 0.02);
@@ -17009,7 +17009,7 @@ label.custom-control-label {
 }
 .pagination-items-per-page > a:focus,
 .pagination-items-per-page > button:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
   background-color: rgba(0, 0, 0, 0.02);
   border-color: transparent;
@@ -17197,7 +17197,7 @@ label.custom-control-label {
 }
 
 .panel-header {
-  border-bottom: 0 solid transparent;
+  border-bottom: 0px solid transparent;
   border-top-left-radius: calc(
 	0.25rem - 1px
 );
@@ -17245,7 +17245,7 @@ label.custom-control-label {
 }
 .panel-header-link:focus {
   z-index: 1;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .panel-header-link .collapse-icon {
@@ -17263,7 +17263,7 @@ label.custom-control-label {
   border-bottom-right-radius: calc(
 	0.25rem - 1px
 );
-  border-top: 0 solid transparent;
+  border-top: 0px solid transparent;
   padding: 0.75rem 1.25rem;
 }
 
@@ -17311,7 +17311,7 @@ label.custom-control-label {
   border-bottom-width: 0;
 }
 .panel-group .panel-header + .panel-collapse > .panel-body {
-  border-top: 0 solid transparent;
+  border-top: 0px solid transparent;
 }
 .panel-group .panel-unstyled {
   margin-bottom: 1.5rem;
@@ -17446,13 +17446,13 @@ label.custom-control-label {
 }
 .panel-unstyled {
   background-color: transparent;
-  border-radius: 0;
-  border-width: 0;
+  border-radius: 0px;
+  border-width: 0px;
   margin-bottom: 1.5rem;
 }
 .panel-unstyled .panel-header {
   border-color: #a7a9bc;
-  border-radius: 0;
+  border-radius: 0px;
   border-style: solid;
   border-width: 0 0 1px 0;
   padding-left: 0;
@@ -18212,7 +18212,7 @@ a.sheet-subtitle:hover {
   text-decoration: none;
 }
 a.sheet-subtitle:focus {
-  box-shadow: 0 0 0 0.25rem #fff , 0 0 0 0.375rem #80acff;
+  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #80acff;
   outline: 0;
 }
 .sheet-tertiary-title {
@@ -18265,7 +18265,7 @@ a.sheet-subtitle:focus {
 }
 
 .sheet-dataset-content .sheet-header {
-  border-width: 0;
+  border-width: 0px;
   margin: -1.5rem -1.5rem 1.5rem;
   padding: 1rem 1.5rem;
 }
@@ -18425,6 +18425,8 @@ a.sheet-subtitle:focus {
 .sidebar-header .component-title {
   font-size: 1.25rem;
   font-weight: 600;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
 }
 .sidebar-header .component-title[href],
 .sidebar-header .component-title [href] {
@@ -18434,6 +18436,8 @@ a.sheet-subtitle:focus {
   font-size: 0.75rem;
   font-weight: 400;
   margin-bottom: 0;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
 }
 .sidebar-body {
   overflow: auto;
@@ -18517,7 +18521,7 @@ a.sheet-subtitle:focus {
   background-color: #fff;
   border-color: #e7e7ed;
   border-bottom-width: 0;
-  border-left-width: 0;
+  border-left-width: 0px;
   border-right-width: 0;
   border-top-width: 0;
   box-shadow: -0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1);
@@ -18541,7 +18545,7 @@ a.sheet-subtitle:focus {
   color: #272833;
 }
 .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
-  box-shadow: 0 0 0 0.25rem #fff , 0 0 0 0.375rem #80acff;
+  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #80acff;
 }
 .sidebar-light .component-navigation-bar {
   background-color: #fff;
@@ -18633,7 +18637,7 @@ a.sheet-subtitle:focus {
   color: #fff;
 }
 .sidebar-dark .nav-nested .nav-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .sidebar-dark .nav-nested .nav-link:active {
@@ -18827,7 +18831,7 @@ caption {
 .table thead th {
   background-color: #fff;
   border-bottom: 1px solid #e7e7ed;
-  border-top-width: 0;
+  border-top-width: 0px;
   vertical-align: bottom;
 }
 .table thead th a {
@@ -18844,7 +18848,7 @@ caption {
   color: #272833;
 }
 .table thead th a:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .table th {
@@ -18860,8 +18864,8 @@ caption {
 .table td {
   background-clip: padding-box;
   border-bottom-width: 0.0625rem;
-  border-left-width: 0;
-  border-right-width: 0;
+  border-left-width: 0px;
+  border-right-width: 0px;
   border-top-width: 0.0625rem;
   border-color: #e7e7ed;
   border-style: solid;
@@ -18887,7 +18891,7 @@ caption {
   background-color: #fff;
 }
 .table tbody + tbody {
-  border-top: 0.125rem solid #e7e7ed;
+  border-top: calc(2 * 0.0625rem) solid #e7e7ed;
 }
 .table tfoot {
   background-color: #fff;
@@ -18931,8 +18935,7 @@ caption {
 }
 .table-bordered thead td,
 .table-bordered thead th {
-  border-bottom-width: 0.125rem;
-  border-top-width: 0.0625rem;
+  border-bottom-width: calc(2 * 0.0625rem);
 }
 .table-bordered td,
 .table-bordered th {
@@ -19228,7 +19231,7 @@ caption {
 }
 .table-title[href]:focus,
 .table-title [href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .table-link {
@@ -19247,7 +19250,7 @@ caption {
   color: #272833;
 }
 .table-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .table-action-link {
@@ -19275,7 +19278,7 @@ caption {
 .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;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .table-action-link:active {
@@ -19556,7 +19559,7 @@ caption {
 }
 .table-list-title[href]:focus,
 .table-list-title [href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .table-list-link {
@@ -19575,7 +19578,7 @@ caption {
   color: #272833;
 }
 .table-list-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .table-list-action-link {
@@ -19602,7 +19605,7 @@ caption {
 .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;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
 .table-list-action-link:active {
@@ -20201,8 +20204,8 @@ caption {
   padding-right: 0.25rem;
 }
 .subnav-tbar-primary .tbar-link-monospaced {
-  border-radius: 0;
-  border-width: 0;
+  border-radius: 0px;
+  border-width: 0px;
   height: 3rem;
   margin-bottom: -0.625rem;
   margin-top: -0.625rem;
@@ -20290,8 +20293,8 @@ caption {
 }
 .tbar-stacked .tbar-btn-monospaced {
   border-color: transparent;
-  border-radius: 0;
-  border-width: 0;
+  border-radius: 0px;
+  border-width: 0px;
   color: inherit;
   height: 2.5rem;
   margin-bottom: 0;
@@ -20305,10 +20308,10 @@ caption {
   width: 2.5rem;
 }
 .tbar-stacked .tbar-btn-monospaced:focus, .tbar-stacked .tbar-btn-monospaced.focus {
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
 }
 .tbar-stacked .tbar-btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
 }
 .tbar-stacked .tbar-btn-monospaced .c-inner {
   margin-bottom: 0;
@@ -20321,7 +20324,7 @@ caption {
 }
 .tbar-light {
   background-color: #fff;
-  box-shadow: inset 1px 0 0 0 #f1f2f5 , inset -1px 0 0 0 #f1f2f5;
+  box-shadow: inset 1px 0 0 0 #f1f2f5, inset -1px 0 0 0 #f1f2f5;
   color: #6b6c7e;
 }
 .tbar-light .tbar-divider-before::before {
@@ -20356,7 +20359,7 @@ caption {
 }
 .tbar-dark-l2 {
   background-color: #393a4a;
-  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06) , inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
+  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
   border-color: rgba(255, 255, 255, 0.06);
   color: #a7a9bc;
 }
@@ -20392,7 +20395,7 @@ caption {
 }
 .tbar-dark-d1 {
   background-color: #1c1c24;
-  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06) , inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
+  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
   color: #a7a9bc;
 }
 .tbar-dark-d1 .tbar-divider-before::before {
@@ -20845,7 +20848,7 @@ caption {
   opacity: 0;
 }
 .toggle-switch-check:focus ~ .toggle-switch-bar::before {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
 }
 .toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
   cursor: not-allowed;
@@ -21278,26 +21281,30 @@ caption {
   padding: 2px 0;
 }
 .treeview .btn-monospaced {
-  font-size: 14px;
+  font-size: inherit;
   height: 24px;
   width: 24px;
 }
 .treeview .btn-monospaced:focus, .treeview .btn-monospaced.focus {
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
 }
 .treeview .btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
 }
 .treeview .custom-control {
   margin-left: 4px;
   margin-right: 4px;
   margin-top: 1.5px;
 }
+.treeview .component-expander {
+  font-size: 10px;
+}
 .treeview .component-expander .lexicon-icon:not(.component-expanded-d-none) {
   display: none;
 }
 .treeview .component-action {
   display: none;
+  font-size: 16px;
   margin-left: 2px;
   margin-right: 2px;
 }
@@ -21318,12 +21325,16 @@ caption {
   background-color: transparent;
 }
 .treeview .component-icon {
-  display: inline;
+  display: inline-block;
+  font-size: 16px;
   height: auto;
-  margin-left: 4px;
-  margin-right: 4px;
+  margin: auto 4px;
+  vertical-align: middle;
   width: auto;
 }
+.treeview .component-icon .lexicon-icon {
+  display: block;
+}
 .treeview .component-text {
   padding-bottom: 1.5px;
   padding-left: 4px;
@@ -21390,7 +21401,7 @@ caption {
   text-decoration: none;
 }
 .treeview-link:focus {
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
   outline: 0;
 }
 .treeview-link:disabled, .treeview-link.disabled {
@@ -21520,7 +21531,7 @@ caption {
   appearance: none;
   background-color: transparent;
   border-radius: 0.1875rem;
-  border-width: 0;
+  border-width: 0px;
   color: #272833;
   cursor: pointer;
   display: inline-flex;
@@ -21550,7 +21561,7 @@ caption {
   outline: 0;
 }
 .close:focus {
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
   opacity: 0.75;
 }
@@ -21566,7 +21577,7 @@ caption {
 }
 
 .c-focus-inset:focus:not(:disabled):not(.disabled):not([disabled]), .c-focus-inset.focus:not(:disabled):not(.disabled):not([disabled]) {
-  box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
   border-color: #80acff;
   outline: 0;
 }
@@ -24825,7 +24836,7 @@ button.bg-dark:focus {
 }
 
 .rounded-0 {
-  border-radius: 0 !important;
+  border-radius: 0px !important;
 }
 
 .clearfix::after {