@clayui/css 3.35.3 → 3.36.0

package/lib/css/base.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.35.3
+ * Clay 3.36.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -976,7 +976,9 @@ button.collapse-icon {
 
 .btn {
   background-color: transparent;
-  border: 0.0625rem solid transparent;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 0.0625rem;
   border-radius: 0.25rem;
   color: #212529;
   cursor: pointer;
@@ -984,10 +986,16 @@ button.collapse-icon {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  padding: 0.375rem 0.75rem;
+  padding-bottom: 0.375rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.375rem;
   text-align: center;
   text-transform: none;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  -ms-user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
   user-select: none;
   vertical-align: middle; }
   @media (prefers-reduced-motion: reduce) {
@@ -999,29 +1007,34 @@ button.collapse-icon {
   .btn:focus, .btn.focus {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
     outline: 0; }
-  .btn:active:focus, .btn.active:focus {
+  .btn:active:focus {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
-  .btn.disabled, .btn:disabled {
+  .btn:disabled, .btn.disabled {
     cursor: not-allowed;
     opacity: 0.65; }
-    .btn.disabled:focus, .btn.disabled:focus:active, .btn:disabled:focus, .btn:disabled:focus:active {
+    .btn:disabled:focus, .btn.disabled:focus {
       box-shadow: none; }
-    .btn.disabled:active, .btn:disabled:active {
+    .btn:disabled:active, .btn.disabled:active {
       pointer-events: none; }
+  .btn .c-inner {
+    margin-bottom: -0.375rem;
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+    margin-top: -0.375rem; }
+  .btn .btn-section {
+    display: block;
+    font-size: 0.6875rem;
+    font-weight: 400;
+    line-height: 1; }
 
 fieldset:disabled a.btn {
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 0.65; }
+  fieldset:disabled a.btn:focus {
+    box-shadow: none; }
   fieldset:disabled a.btn:active {
     pointer-events: none; }
 
-.btn-section {
-  display: block;
-  font-size: 0.6875rem;
-  font-weight: 400;
-  line-height: 1; }
-
 .btn-lg, .btn-group-lg > .btn,
 .btn-group-lg .btn-group > .btn {
   border-radius: 0.3rem;
@@ -1031,6 +1044,11 @@ fieldset:disabled a.btn {
   padding-left: 1rem;
   padding-right: 1rem;
   padding-top: 0.5rem; }
+  .btn-lg .c-inner, .btn-group-lg > .btn .c-inner, .btn-group-lg .btn-group > .btn .c-inner {
+    margin-bottom: -0.5rem;
+    margin-left: -1rem;
+    margin-right: -1rem;
+    margin-top: -0.5rem; }
   .btn-lg .btn-section, .btn-group-lg > .btn .btn-section, .btn-group-lg .btn-group > .btn .btn-section {
     font-size: 0.8125rem; }
 
@@ -1043,6 +1061,11 @@ fieldset:disabled a.btn {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 0.25rem; }
+  .btn-sm .c-inner, .btn-group-sm > .btn .c-inner, .btn-group-sm .btn-group > .btn .c-inner, .form-group-sm .btn .c-inner {
+    margin-bottom: -0.25rem;
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+    margin-top: -0.25rem; }
   .btn-sm .btn-section, .btn-group-sm > .btn .btn-section, .btn-group-sm .btn-group > .btn .btn-section, .form-group-sm .btn .btn-section {
     font-size: 0.5625rem; }
 
@@ -1069,69 +1092,50 @@ input[type='button'].btn-block {
   text-align: left;
   text-transform: inherit;
   vertical-align: baseline; }
+  .btn-unstyled .c-inner, .menubar-toggler .c-inner {
+    margin: 0;
+    max-width: none; }
 
 .btn-monospaced {
+  align-items: center;
+  display: inline-flex;
+  flex-direction: column;
   height: 2.375rem;
+  justify-content: center;
   line-height: 1;
   overflow: hidden;
-  padding-bottom: 0.1875rem;
+  padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
-  padding-top: 0.1875rem;
+  padding-top: 0;
   text-align: center;
   white-space: normal;
   width: 2.375rem;
+  overflow-wrap: break-word;
   word-wrap: break-word; }
+  .btn-monospaced .c-inner {
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: 0;
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: center;
+    padding: 0;
+    width: 100%; }
   .btn-monospaced.btn .lexicon-icon {
     margin-top: 0; }
 
 .btn-monospaced.btn-lg, .btn-group-lg .btn-monospaced, .btn-group-vertical > .btn-monospaced.btn-lg {
   height: 3rem;
-  padding-bottom: 0.3125rem;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0.3125rem;
   width: 3rem; }
 
 .btn-monospaced.btn-sm, .btn-group-sm .btn-monospaced, .btn-group-vertical > .btn-monospaced.btn-sm {
   height: 1.9375rem;
-  padding-bottom: 0.125rem;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0.125rem;
   width: 1.9375rem; }
 
-.btn .c-inner {
-  margin: -0.375rem -0.75rem; }
-
-.btn-unstyled .c-inner {
-  margin: 0;
-  max-width: none; }
-
-.btn-monospaced .c-inner {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  height: calc(100% + 0.375rem);
-  justify-content: center;
-  margin: -0.1875rem 0;
-  padding: 0;
-  width: 100%; }
-
-.btn-sm .c-inner {
-  margin: -0.25rem -0.5rem; }
-
-.btn-sm.btn-monospaced .c-inner {
-  height: calc(100% + 0.25rem);
-  margin: -0.125rem 0; }
-
-.btn-lg .c-inner {
-  margin: -0.5rem -1rem; }
-
-.btn-lg.btn-monospaced .c-inner {
-  height: calc(100% + 0.625rem);
-  margin: -0.3125rem 0; }
-
 .btn-primary {
   background-color: #007bff;
   border-color: #007bff;
@@ -1140,7 +1144,7 @@ input[type='button'].btn-block {
     background-color: #0069d9;
     border-color: #0062cc;
     color: #fff; }
-  .btn-primary:focus, .btn-primary.focus {
+  .btn-primary:focus, .focus.btn-primary {
     background-color: #0069d9;
     border-color: #0062cc;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
@@ -1151,12 +1155,12 @@ input[type='button'].btn-block {
     color: #fff; }
     .btn-primary:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
-  .btn-primary[aria-expanded='true'], .btn-primary.active, .btn-primary.show,
-  .show > .btn-primary.dropdown-toggle {
+  .btn-primary[aria-expanded='true'], .active.btn-primary, .show.btn-primary,
+  .show > .dropdown-toggle.btn-primary {
     background-color: #0062cc;
     border-color: #005cbf;
     color: #fff; }
-  .btn-primary:disabled, .btn-primary.disabled {
+  .btn-primary:disabled, .disabled.btn-primary {
     background-color: #007bff;
     border-color: #007bff;
     color: #fff; }
@@ -1169,7 +1173,7 @@ input[type='button'].btn-block {
     background-color: #5a6268;
     border-color: #545b62;
     color: #fff; }
-  .btn-secondary:focus, .btn-secondary.focus {
+  .btn-secondary:focus, .focus.btn-secondary {
     background-color: #5a6268;
     border-color: #545b62;
     box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
@@ -1180,12 +1184,12 @@ input[type='button'].btn-block {
     color: #fff; }
     .btn-secondary:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
-  .btn-secondary[aria-expanded='true'], .btn-secondary.active, .btn-secondary.show,
-  .show > .btn-secondary.dropdown-toggle {
+  .btn-secondary[aria-expanded='true'], .active.btn-secondary, .show.btn-secondary,
+  .show > .dropdown-toggle.btn-secondary {
     background-color: #545b62;
     border-color: #4e555b;
     color: #fff; }
-  .btn-secondary:disabled, .btn-secondary.disabled {
+  .btn-secondary:disabled, .disabled.btn-secondary {
     background-color: #6c757d;
     border-color: #6c757d;
     color: #fff; }
@@ -1198,7 +1202,7 @@ input[type='button'].btn-block {
     background-color: #218838;
     border-color: #1e7e34;
     color: #fff; }
-  .btn-success:focus, .btn-success.focus {
+  .btn-success:focus, .focus.btn-success {
     background-color: #218838;
     border-color: #1e7e34;
     box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
@@ -1209,12 +1213,12 @@ input[type='button'].btn-block {
     color: #fff; }
     .btn-success:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
-  .btn-success[aria-expanded='true'], .btn-success.active, .btn-success.show,
-  .show > .btn-success.dropdown-toggle {
+  .btn-success[aria-expanded='true'], .active.btn-success, .show.btn-success,
+  .show > .dropdown-toggle.btn-success {
     background-color: #1e7e34;
     border-color: #1c7430;
     color: #fff; }
-  .btn-success:disabled, .btn-success.disabled {
+  .btn-success:disabled, .disabled.btn-success {
     background-color: #28a745;
     border-color: #28a745;
     color: #fff; }
@@ -1227,7 +1231,7 @@ input[type='button'].btn-block {
     background-color: #138496;
     border-color: #117a8b;
     color: #fff; }
-  .btn-info:focus, .btn-info.focus {
+  .btn-info:focus, .focus.btn-info {
     background-color: #138496;
     border-color: #117a8b;
     box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
@@ -1238,12 +1242,12 @@ input[type='button'].btn-block {
     color: #fff; }
     .btn-info:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
-  .btn-info[aria-expanded='true'], .btn-info.active, .btn-info.show,
-  .show > .btn-info.dropdown-toggle {
+  .btn-info[aria-expanded='true'], .active.btn-info, .show.btn-info,
+  .show > .dropdown-toggle.btn-info {
     background-color: #117a8b;
     border-color: #10707f;
     color: #fff; }
-  .btn-info:disabled, .btn-info.disabled {
+  .btn-info:disabled, .disabled.btn-info {
     background-color: #17a2b8;
     border-color: #17a2b8;
     color: #fff; }
@@ -1256,7 +1260,7 @@ input[type='button'].btn-block {
     background-color: #e0a800;
     border-color: #d39e00;
     color: #212529; }
-  .btn-warning:focus, .btn-warning.focus {
+  .btn-warning:focus, .focus.btn-warning {
     background-color: #e0a800;
     border-color: #d39e00;
     box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
@@ -1267,12 +1271,12 @@ input[type='button'].btn-block {
     color: #212529; }
     .btn-warning:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
-  .btn-warning[aria-expanded='true'], .btn-warning.active, .btn-warning.show,
-  .show > .btn-warning.dropdown-toggle {
+  .btn-warning[aria-expanded='true'], .active.btn-warning, .show.btn-warning,
+  .show > .dropdown-toggle.btn-warning {
     background-color: #d39e00;
     border-color: #c69500;
     color: #212529; }
-  .btn-warning:disabled, .btn-warning.disabled {
+  .btn-warning:disabled, .disabled.btn-warning {
     background-color: #ffc107;
     border-color: #ffc107;
     color: #212529; }
@@ -1285,7 +1289,7 @@ input[type='button'].btn-block {
     background-color: #c82333;
     border-color: #bd2130;
     color: #fff; }
-  .btn-danger:focus, .btn-danger.focus {
+  .btn-danger:focus, .focus.btn-danger {
     background-color: #c82333;
     border-color: #bd2130;
     box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
@@ -1296,12 +1300,12 @@ input[type='button'].btn-block {
     color: #fff; }
     .btn-danger:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
-  .btn-danger[aria-expanded='true'], .btn-danger.active, .btn-danger.show,
-  .show > .btn-danger.dropdown-toggle {
+  .btn-danger[aria-expanded='true'], .active.btn-danger, .show.btn-danger,
+  .show > .dropdown-toggle.btn-danger {
     background-color: #bd2130;
     border-color: #b21f2d;
     color: #fff; }
-  .btn-danger:disabled, .btn-danger.disabled {
+  .btn-danger:disabled, .disabled.btn-danger {
     background-color: #dc3545;
     border-color: #dc3545;
     color: #fff; }
@@ -1314,7 +1318,7 @@ input[type='button'].btn-block {
     background-color: #e2e6ea;
     border-color: #dae0e5;
     color: #212529; }
-  .btn-light:focus, .btn-light.focus {
+  .btn-light:focus, .focus.btn-light {
     background-color: #e2e6ea;
     border-color: #dae0e5;
     box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
@@ -1325,12 +1329,12 @@ input[type='button'].btn-block {
     color: #212529; }
     .btn-light:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
-  .btn-light[aria-expanded='true'], .btn-light.active, .btn-light.show,
-  .show > .btn-light.dropdown-toggle {
+  .btn-light[aria-expanded='true'], .active.btn-light, .show.btn-light,
+  .show > .dropdown-toggle.btn-light {
     background-color: #dae0e5;
     border-color: #d3d9df;
     color: #212529; }
-  .btn-light:disabled, .btn-light.disabled {
+  .btn-light:disabled, .disabled.btn-light {
     background-color: #f8f9fa;
     border-color: #f8f9fa;
     color: #212529; }
@@ -1343,7 +1347,7 @@ input[type='button'].btn-block {
     background-color: #23272b;
     border-color: #1d2124;
     color: #fff; }
-  .btn-dark:focus, .btn-dark.focus {
+  .btn-dark:focus, .focus.btn-dark {
     background-color: #23272b;
     border-color: #1d2124;
     box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
@@ -1354,12 +1358,12 @@ input[type='button'].btn-block {
     color: #fff; }
     .btn-dark:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
-  .btn-dark[aria-expanded='true'], .btn-dark.active, .btn-dark.show,
-  .show > .btn-dark.dropdown-toggle {
+  .btn-dark[aria-expanded='true'], .active.btn-dark, .show.btn-dark,
+  .show > .dropdown-toggle.btn-dark {
     background-color: #1d2124;
     border-color: #171a1d;
     color: #fff; }
-  .btn-dark:disabled, .btn-dark.disabled {
+  .btn-dark:disabled, .disabled.btn-dark {
     background-color: #343a40;
     border-color: #343a40;
     color: #fff; }
@@ -1372,12 +1376,12 @@ input[type='button'].btn-block {
   .btn-link:hover {
     color: #0056b3;
     text-decoration: underline; }
-  .btn-link:focus, .btn-link.focus {
+  .btn-link:focus, .focus.btn-link {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
     text-decoration: none; }
   .btn-link:active:focus {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
-  .btn-link:disabled, .btn-link.disabled {
+  .btn-link:disabled, .disabled.btn-link {
     box-shadow: none;
     color: #6c757d;
     text-decoration: none; }
@@ -1389,18 +1393,18 @@ input[type='button'].btn-block {
     background-color: #007bff;
     border-color: #007bff;
     color: #fff; }
-  .btn-outline-primary:focus, .btn-outline-primary.focus {
+  .btn-outline-primary:focus, .focus.btn-outline-primary {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
   .btn-outline-primary:active {
     background-color: #007bff;
     border-color: #007bff;
     color: #fff; }
-  .btn-outline-primary[aria-expanded='true'], .btn-outline-primary.active, .btn-outline-primary.show,
-  .show > .btn-outline-primary.dropdown-toggle {
+  .btn-outline-primary[aria-expanded='true'], .active.btn-outline-primary, .show.btn-outline-primary,
+  .show > .dropdown-toggle.btn-outline-primary {
     background-color: #007bff;
     border-color: #007bff;
     color: #fff; }
-  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
+  .btn-outline-primary:disabled, .disabled.btn-outline-primary {
     background-color: transparent;
     color: #007bff; }
 
@@ -1411,7 +1415,7 @@ input[type='button'].btn-block {
     background-color: #6c757d;
     border-color: #6c757d;
     color: #fff; }
-  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+  .btn-outline-secondary:focus, .focus.btn-outline-secondary {
     box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
   .btn-outline-secondary:active {
     background-color: #6c757d;
@@ -1419,12 +1423,12 @@ input[type='button'].btn-block {
     color: #fff; }
     .btn-outline-secondary:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
-  .btn-outline-secondary[aria-expanded='true'], .btn-outline-secondary.active, .btn-outline-secondary.show,
-  .show > .btn-outline-secondary.dropdown-toggle {
+  .btn-outline-secondary[aria-expanded='true'], .active.btn-outline-secondary, .show.btn-outline-secondary,
+  .show > .dropdown-toggle.btn-outline-secondary {
     background-color: #6c757d;
     border-color: #6c757d;
     color: #fff; }
-  .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
+  .btn-outline-secondary:disabled, .disabled.btn-outline-secondary {
     background-color: transparent;
     color: #6c757d; }
 
@@ -1435,7 +1439,7 @@ input[type='button'].btn-block {
     background-color: #28a745;
     border-color: #28a745;
     color: #fff; }
-  .btn-outline-success:focus, .btn-outline-success.focus {
+  .btn-outline-success:focus, .focus.btn-outline-success {
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
   .btn-outline-success:active {
     background-color: #28a745;
@@ -1443,12 +1447,12 @@ input[type='button'].btn-block {
     color: #fff; }
     .btn-outline-success:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
-  .btn-outline-success[aria-expanded='true'], .btn-outline-success.active, .btn-outline-success.show,
-  .show > .btn-outline-success.dropdown-toggle {
+  .btn-outline-success[aria-expanded='true'], .active.btn-outline-success, .show.btn-outline-success,
+  .show > .dropdown-toggle.btn-outline-success {
     background-color: #28a745;
     border-color: #28a745;
     color: #fff; }
-  .btn-outline-success:disabled, .btn-outline-success.disabled {
+  .btn-outline-success:disabled, .disabled.btn-outline-success {
     background-color: transparent;
     color: #28a745; }
 
@@ -1459,7 +1463,7 @@ input[type='button'].btn-block {
     background-color: #17a2b8;
     border-color: #17a2b8;
     color: #fff; }
-  .btn-outline-info:focus, .btn-outline-info.focus {
+  .btn-outline-info:focus, .focus.btn-outline-info {
     box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
   .btn-outline-info:active {
     background-color: #17a2b8;
@@ -1467,12 +1471,12 @@ input[type='button'].btn-block {
     color: #fff; }
     .btn-outline-info:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
-  .btn-outline-info[aria-expanded='true'], .btn-outline-info.active, .btn-outline-info.show,
-  .show > .btn-outline-info.dropdown-toggle {
+  .btn-outline-info[aria-expanded='true'], .active.btn-outline-info, .show.btn-outline-info,
+  .show > .dropdown-toggle.btn-outline-info {
     background-color: #17a2b8;
     border-color: #17a2b8;
     color: #fff; }
-  .btn-outline-info:disabled, .btn-outline-info.disabled {
+  .btn-outline-info:disabled, .disabled.btn-outline-info {
     background-color: transparent;
     color: #17a2b8; }
 
@@ -1483,7 +1487,7 @@ input[type='button'].btn-block {
     background-color: #ffc107;
     border-color: #ffc107;
     color: #212529; }
-  .btn-outline-warning:focus, .btn-outline-warning.focus {
+  .btn-outline-warning:focus, .focus.btn-outline-warning {
     box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
   .btn-outline-warning:active {
     background-color: #ffc107;
@@ -1491,12 +1495,12 @@ input[type='button'].btn-block {
     color: #212529; }
     .btn-outline-warning:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
-  .btn-outline-warning[aria-expanded='true'], .btn-outline-warning.active, .btn-outline-warning.show,
-  .show > .btn-outline-warning.dropdown-toggle {
+  .btn-outline-warning[aria-expanded='true'], .active.btn-outline-warning, .show.btn-outline-warning,
+  .show > .dropdown-toggle.btn-outline-warning {
     background-color: #ffc107;
     border-color: #ffc107;
     color: #212529; }
-  .btn-outline-warning:disabled, .btn-outline-warning.disabled {
+  .btn-outline-warning:disabled, .disabled.btn-outline-warning {
     background-color: transparent;
     color: #ffc107; }
 
@@ -1507,7 +1511,7 @@ input[type='button'].btn-block {
     background-color: #dc3545;
     border-color: #dc3545;
     color: #fff; }
-  .btn-outline-danger:focus, .btn-outline-danger.focus {
+  .btn-outline-danger:focus, .focus.btn-outline-danger {
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
   .btn-outline-danger:active {
     background-color: #dc3545;
@@ -1515,12 +1519,12 @@ input[type='button'].btn-block {
     color: #fff; }
     .btn-outline-danger:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
-  .btn-outline-danger[aria-expanded='true'], .btn-outline-danger.active, .btn-outline-danger.show,
-  .show > .btn-outline-danger.dropdown-toggle {
+  .btn-outline-danger[aria-expanded='true'], .active.btn-outline-danger, .show.btn-outline-danger,
+  .show > .dropdown-toggle.btn-outline-danger {
     background-color: #dc3545;
     border-color: #dc3545;
     color: #fff; }
-  .btn-outline-danger:disabled, .btn-outline-danger.disabled {
+  .btn-outline-danger:disabled, .disabled.btn-outline-danger {
     background-color: transparent;
     color: #dc3545; }
 
@@ -1531,7 +1535,7 @@ input[type='button'].btn-block {
     background-color: #f8f9fa;
     border-color: #f8f9fa;
     color: #212529; }
-  .btn-outline-light:focus, .btn-outline-light.focus {
+  .btn-outline-light:focus, .focus.btn-outline-light {
     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
   .btn-outline-light:active {
     background-color: #f8f9fa;
@@ -1539,12 +1543,12 @@ input[type='button'].btn-block {
     color: #212529; }
     .btn-outline-light:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
-  .btn-outline-light[aria-expanded='true'], .btn-outline-light.active, .btn-outline-light.show,
-  .show > .btn-outline-light.dropdown-toggle {
+  .btn-outline-light[aria-expanded='true'], .active.btn-outline-light, .show.btn-outline-light,
+  .show > .dropdown-toggle.btn-outline-light {
     background-color: #f8f9fa;
     border-color: #f8f9fa;
     color: #212529; }
-  .btn-outline-light:disabled, .btn-outline-light.disabled {
+  .btn-outline-light:disabled, .disabled.btn-outline-light {
     background-color: transparent;
     color: #f8f9fa; }
 
@@ -1555,7 +1559,7 @@ input[type='button'].btn-block {
     background-color: #343a40;
     border-color: #343a40;
     color: #fff; }
-  .btn-outline-dark:focus, .btn-outline-dark.focus {
+  .btn-outline-dark:focus, .focus.btn-outline-dark {
     box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
   .btn-outline-dark:active {
     background-color: #343a40;
@@ -1563,18 +1567,20 @@ input[type='button'].btn-block {
     color: #fff; }
     .btn-outline-dark:active:focus {
       box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
-  .btn-outline-dark[aria-expanded='true'], .btn-outline-dark.active, .btn-outline-dark.show,
-  .show > .btn-outline-dark.dropdown-toggle {
+  .btn-outline-dark[aria-expanded='true'], .active.btn-outline-dark, .show.btn-outline-dark,
+  .show > .dropdown-toggle.btn-outline-dark {
     background-color: #343a40;
     border-color: #343a40;
     color: #fff; }
-  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
+  .btn-outline-dark:disabled, .disabled.btn-outline-dark {
     background-color: transparent;
     color: #343a40; }
 
 .btn-outline-borderless {
   border-color: transparent; }
-  .btn-outline-borderless:hover, .btn-outline-borderless:focus {
+  .btn-outline-borderless:hover {
+    border-color: transparent; }
+  .btn-outline-borderless:focus, .btn-outline-borderless.focus {
     border-color: transparent; }
   .btn-outline-borderless:disabled, .btn-outline-borderless.disabled {
     border-color: transparent; }
@@ -4422,6 +4428,10 @@ button.label {
   cursor: pointer;
   outline: 0;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .card-interactive.card,
+    .card-interactive .card {
+      transition: none; } }
   .card-interactive.card:hover,
   .card-interactive .card:hover {
     background-color: #f8f9fa;
@@ -4444,6 +4454,9 @@ button.label {
   position: absolute;
   right: -0.0625rem;
   transition: height 0.15s ease-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .card-interactive::after {
+      transition: none; } }
 
 .card-interactive:hover::after, .card-interactive.hover::after {
   height: 4px; }
@@ -5189,6 +5202,9 @@ button.label {
   flex-grow: 1;
   overflow: hidden;
   transition: height 0.25s ease; }
+  @media (prefers-reduced-motion: reduce) {
+    .drilldown-inner {
+      transition: none; } }
 
 .drilldown-item {
   display: none;
@@ -5341,6 +5357,7 @@ fieldset {
 label {
   margin-bottom: 0.5rem;
   max-width: 100%;
+  overflow-wrap: break-word;
   word-wrap: break-word; }
   label[for] {
     cursor: pointer; }
@@ -5359,12 +5376,14 @@ label {
   display: inline-block;
   margin-bottom: 0.5rem;
   max-width: 100%;
+  overflow-wrap: break-word;
   word-wrap: break-word; }
 
 .form-control {
   background-color: #fff;
   border-color: #ced4da;
   border-style: solid;
+  border-width: 0.0625rem;
   border-bottom-width: 0.0625rem;
   border-left-width: 0.0625rem;
   border-right-width: 0.0625rem;
@@ -5381,8 +5400,8 @@ label {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   padding-top: 0.375rem;
-  width: 100%;
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  width: 100%; }
   @media (prefers-reduced-motion: reduce) {
     .form-control {
       transition: none; } }
@@ -5688,6 +5707,9 @@ fieldset[disabled] .form-control, .form-control[disabled] {
   border-radius: 0.25rem;
   outline: 0;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .form-control-plaintext[readonly] {
+      transition: none; } }
   .form-control-plaintext[readonly]:focus, .form-control-plaintext[readonly].focus {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
 
@@ -5931,6 +5953,9 @@ button.link-outline {
   padding-top: 0.25rem;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   vertical-align: middle; }
+  @media (prefers-reduced-motion: reduce) {
+    .link-outline {
+      transition: none; } }
   .link-outline:hover {
     text-decoration: none; }
   .link-outline:disabled:active, .link-outline.disabled:active {
@@ -6051,6 +6076,9 @@ button.link-outline {
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   vertical-align: middle;
   width: 1.9375rem; }
+  @media (prefers-reduced-motion: reduce) {
+    .component-action {
+      transition: none; } }
   .component-action:hover {
     background-color: #6c757d;
     color: #fff; }
@@ -6404,6 +6432,9 @@ button.link-outline {
   transition: box-shadow 0.15s ease-in-out;
   width: 0.875rem;
   background-color: transparent; }
+  @media (prefers-reduced-motion: reduce) {
+    .clay-color-pointer {
+      transition: none; } }
   .clay-color-pointer:focus, .clay-color-pointer.focus {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
     outline: 0; }
@@ -6688,7 +6719,7 @@ label.custom-control-label {
   -webkit-appearance: none;
   appearance: none;
   background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
-  border: 0.0625rem 0.0625rem 0.0625rem 0.0625rem solid #ced4da;
+  border: 0.0625rem solid #ced4da;
   border-radius: 0.25rem;
   color: #495057;
   display: inline-block;
@@ -6760,7 +6791,7 @@ label.custom-control-label {
 
 .custom-file-label {
   background-color: #fff;
-  border: 0.0625rem 0.0625rem 0.0625rem 0.0625rem solid #ced4da;
+  border: 0.0625rem solid #ced4da;
   border-radius: 0.25rem;
   color: #495057;
   font-weight: 400;
@@ -7023,6 +7054,9 @@ label.custom-control-label {
   .date-picker-nav .nav-btn {
     color: #6c757d;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .date-picker-nav .nav-btn {
+        transition: none; } }
     .date-picker-nav .nav-btn:hover {
       background-color: #e9ecef; }
     .date-picker-nav .nav-btn:focus, .date-picker-nav .nav-btn.focus {
@@ -7101,6 +7135,9 @@ label.custom-control-label {
   white-space: nowrap;
   width: 2rem;
   background-color: transparent; }
+  @media (prefers-reduced-motion: reduce) {
+    .date-picker-calendar-item {
+      transition: none; } }
   .date-picker-calendar-item:disabled, .date-picker-calendar-item.disabled {
     cursor: not-allowed; }
   .date-picker-calendar-item .c-inner {
@@ -7148,9 +7185,6 @@ label.custom-control-label {
   color: #6c757d;
   cursor: pointer;
   position: relative; }
-  a.date-picker-date,
-  button.date-picker-date {
-    cursor: pointer; }
   .date-picker-date:hover {
     background-color: #e9ecef; }
   .date-picker-date:focus, .date-picker-date.focus {
@@ -7545,7 +7579,7 @@ label.custom-control-label {
   .input-group > .custom-file + .form-control,
   .input-group > .custom-file + .custom-select,
   .input-group > .custom-file + .custom-file {
-    margin-left: -0.0625rem 0.0625rem 0.0625rem 0.0625rem; }
+    margin-left: -0.0625rem; }
 
 .input-group > .form-control:focus,
 .input-group > .custom-select:focus,
@@ -7602,7 +7636,7 @@ label.custom-control-label {
 .input-group-append > .btn + .input-group-text,
 .input-group-append > .input-group-text + .input-group-text,
 .input-group-append > .input-group-text + .btn {
-  margin-left: -0.0625rem 0.0625rem 0.0625rem 0.0625rem; }
+  margin-left: -0.0625rem; }
 
 .input-group {
   align-items: stretch;
@@ -7704,16 +7738,7 @@ label.custom-control-label {
 .input-group-lg > .input-group-item > .btn-monospaced {
   height: 3rem;
   line-height: 1;
-  padding-bottom: 0.3125rem;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0.3125rem;
   width: 3rem; }
-  .input-group-lg > .input-group-item > .btn-monospaced .c-inner {
-    margin-bottom: -0.3125rem;
-    margin-left: 0;
-    margin-right: 0;
-    margin-top: -0.3125rem; }
 
 .input-group-lg > .input-group-item > .form-control,
 .input-group-lg > .input-group-item > .form-file .btn {
@@ -7768,16 +7793,7 @@ label.custom-control-label {
 .input-group-sm > .input-group-item > .btn-monospaced, .form-group-sm .input-group > .input-group-item > .btn-monospaced {
   height: 1.9375rem;
   line-height: 1;
-  padding-bottom: 0.125rem;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0.125rem;
   width: 1.9375rem; }
-  .input-group-sm > .input-group-item > .btn-monospaced .c-inner, .form-group-sm .input-group > .input-group-item > .btn-monospaced .c-inner {
-    margin-bottom: -0.125rem;
-    margin-left: 0;
-    margin-right: 0;
-    margin-top: -0.125rem; }
 
 .input-group-sm > .input-group-item > .form-control, .form-group-sm .input-group > .input-group-item > .form-control,
 .input-group-sm > .input-group-item > .form-file .btn,
@@ -12587,6 +12603,9 @@ label.custom-control-label {
   color: inherit;
   display: block;
   transition: border-color 0.1s ease, border-radius 0.5s ease; }
+  @media (prefers-reduced-motion: reduce) {
+    .panel-header-link {
+      transition: none; } }
   .panel-header-link:hover {
     color: inherit; }
   .panel-header-link:focus {
@@ -12594,6 +12613,9 @@ label.custom-control-label {
   .panel-header-link.panel-header.collapsed {
     border-color: transparent;
     transition: border-color 0.75s ease; }
+    @media (prefers-reduced-motion: reduce) {
+      .panel-header-link.panel-header.collapsed {
+        transition: none; } }
   .panel-header-link .collapse-icon {
     padding-right: 2.28125rem; }
 
@@ -13637,6 +13659,9 @@ a.sheet-subtitle:hover {
     border-radius: 0.25rem;
     color: #a9afb5;
     transition: box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .sidebar-dark .nav-nested .nav-link {
+        transition: none; } }
     .sidebar-dark .nav-nested .nav-link:hover {
       color: #fff; }
     .sidebar-dark .nav-nested .nav-link:focus {
@@ -13658,9 +13683,15 @@ a.sheet-subtitle:hover {
 
 .c-slideout-transition-in {
   transition: all 0.3s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .c-slideout-transition-in {
+      transition: none; } }
 
 .c-slideout-transition-out {
   transition: all 0.2s ease-in; }
+  @media (prefers-reduced-motion: reduce) {
+    .c-slideout-transition-out {
+      transition: none; } }
 
 .c-slideout-fixed {
   position: fixed; }
@@ -15612,6 +15643,9 @@ label.toggle-switch {
   width: 2rem; }
   .close::-ms-expand {
     display: none; }
+  @media (prefers-reduced-motion: reduce) {
+    .close {
+      transition: none; } }
   .close:hover {
     color: #000;
     opacity: 0.75;
@@ -18162,6 +18196,9 @@ button.bg-dark:focus {
   .d-xl-inline-flex {
     display: inline-flex !important; } }
 
+.hide {
+  display: none !important; }
+
 @media print {
   .d-print-none {
     display: none !important; }