@clayui/css 3.42.0 → 3.44.2

package/lib/css/atlas.css

@@ -1360,10 +1360,6 @@ input[type=button].btn-block {
   padding: 0;
   width: 100%;
 }
-.btn-monospaced.btn .lexicon-icon {
-  margin-top: 0;
-}
-
 .btn-group-vertical > .btn-monospaced.btn-lg, .btn-group-lg .btn-monospaced, .btn-monospaced.btn-lg {
   height: 3rem;
   width: 3rem;
@@ -1407,6 +1403,11 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
+.form-file-input:focus + .btn-primary {
+  background-color: #0053f0;
+  border-color: #004ad7;
+  color: #fff;
+}
 .btn-secondary {
   background-color: #fff;
   border-color: #cdced9;
@@ -1442,6 +1443,11 @@ input[type=button].btn-block {
   border-color: #cdced9;
   color: #272833;
 }
+.form-file-input:focus + .btn-secondary {
+  background-color: #f7f8f9;
+  border-color: #cdced9;
+  color: #272833;
+}
 .btn-success {
   background-color: #287d3c;
   border-color: #287d3c;
@@ -1477,6 +1483,11 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
+.form-file-input:focus + .btn-success {
+  background-color: #226a33;
+  border-color: transparent;
+  color: #fff;
+}
 .btn-info {
   background-color: #2e5aac;
   border-color: #2e5aac;
@@ -1547,6 +1558,11 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
+.form-file-input:focus + .btn-warning {
+  background-color: #9f4500;
+  border-color: transparent;
+  color: #fff;
+}
 .btn-danger {
   background-color: #da1414;
   border-color: #da1414;
@@ -1582,6 +1598,11 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
+.form-file-input:focus + .btn-danger {
+  background-color: #c31212;
+  border-color: transparent;
+  color: #fff;
+}
 .btn-light {
   background-color: #f1f2f5;
   border-color: #f1f2f5;
@@ -1617,6 +1638,11 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #272833;
 }
+.form-file-input:focus + .btn-light {
+  background-color: #e2e4ea;
+  border-color: transparent;
+  color: #272833;
+}
 .btn-dark {
   background-color: #272833;
   border-color: #272833;
@@ -1652,6 +1678,11 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
+.form-file-input:focus + .btn-dark {
+  background-color: #1c1c24;
+  border-color: transparent;
+  color: #fff;
+}
 .btn-link {
   border-radius: 1px;
   box-shadow: [none];
@@ -1774,6 +1805,7 @@ input[type=button].btn-block {
 }
 .btn-outline-success:disabled, .disabled.btn-outline-success {
   background-color: transparent;
+  color: #287d3c;
 }
 [aria-expanded=true].btn-outline-success, .show.btn-outline-success {
   background-color: #1c5629;
@@ -1805,6 +1837,7 @@ input[type=button].btn-block {
 }
 .btn-outline-info:disabled, .disabled.btn-outline-info {
   background-color: transparent;
+  color: #2e5aac;
 }
 [aria-expanded=true].btn-outline-info, .show.btn-outline-info {
   background-color: #234584;
@@ -1836,6 +1869,7 @@ input[type=button].btn-block {
 }
 .btn-outline-warning:disabled, .disabled.btn-outline-warning {
   background-color: transparent;
+  color: #b95000;
 }
 [aria-expanded=true].btn-outline-warning, .show.btn-outline-warning {
   background-color: #863a00;
@@ -1856,17 +1890,21 @@ input[type=button].btn-block {
   color: #fff;
 }
 .btn-outline-danger:active {
+  background-color: #ab1010;
   border-color: #da1414;
   color: #fff;
 }
 .active.btn-outline-danger {
+  background-color: #ab1010;
   border-color: #da1414;
   color: #fff;
 }
 .btn-outline-danger:disabled, .disabled.btn-outline-danger {
   background-color: transparent;
+  color: #da1414;
 }
 [aria-expanded=true].btn-outline-danger, .show.btn-outline-danger {
+  background-color: #ab1010;
   border-color: #da1414;
   color: #fff;
 }
@@ -1895,6 +1933,7 @@ input[type=button].btn-block {
 }
 .btn-outline-light:disabled, .disabled.btn-outline-light {
   background-color: transparent;
+  color: #f1f2f5;
 }
 [aria-expanded=true].btn-outline-light, .show.btn-outline-light {
   background-color: #d3d6e0;
@@ -1926,6 +1965,7 @@ input[type=button].btn-block {
 }
 .btn-outline-dark:disabled, .disabled.btn-outline-dark {
   background-color: transparent;
+  color: #272833;
 }
 [aria-expanded=true].btn-outline-dark, .show.btn-outline-dark {
   background-color: #111116;
@@ -3250,6 +3290,7 @@ input[type=button].btn-block {
   margin-bottom: 1rem;
   padding: 0.9375rem 1rem;
   position: relative;
+  white-space: normal;
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
@@ -5684,31 +5725,22 @@ input[type=button].btn-block {
   margin-top: 0;
   padding-left: 0;
 }
-.form-check-card .card {
-  margin-bottom: 0;
-}
-.form-check-card .custom-control {
-  display: inline;
-  margin-right: 0;
-  position: static;
-}
-.form-check-card .custom-control > label {
-  font-weight: 400;
-  padding-left: 0;
+.form-check-card:hover .card {
+  box-shadow: 0 0 0 2px #80acff;
 }
-.form-check-card .custom-control-input {
-  z-index: 2;
+.form-check-card.active .card {
+  box-shadow: 0 0 0 2px #80acff;
 }
-.form-check-card .custom-control-label {
-  position: absolute;
-  z-index: 1;
+.form-check-card.checked .card {
+  box-shadow: 0 0 0 2px #80acff;
 }
-.form-check-card .custom-control-label::before, .form-check-card .custom-control-label::after {
-  top: 0;
+.form-check-card .card {
+  margin-bottom: 0;
 }
 .form-check-card .form-check-input {
   margin-left: 0;
   margin-top: 0;
+  opacity: 0;
   position: absolute;
   z-index: 1;
 }
@@ -5719,21 +5751,35 @@ input[type=button].btn-block {
   padding-left: 0;
   position: static;
 }
-.form-check-card.active .card,
-.form-check-card .custom-control-input:checked ~ .card,
-.form-check-card .form-check-input:checked ~ .card {
-  box-shadow: 0 0 0 2px #80acff;
+.form-check-card .custom-control {
+  display: inline;
+  margin-right: 0;
+  position: static;
 }
-
-.form-check-card:hover .card {
+.form-check-card .custom-control label {
+  font-weight: 400;
+  padding-left: 0;
+}
+.form-check-card .custom-control .custom-control-label {
+  opacity: 0;
+  position: absolute;
+  z-index: 1;
+}
+.form-check-card .custom-control .custom-control-label::before {
+  top: 0;
+}
+.form-check-card .custom-control .custom-control-label::after {
+  top: 0;
+}
+.form-check-card .custom-control .custom-control-input {
+  z-index: 2;
+}
+.form-check-card .custom-control .custom-control-input:checked ~ .card {
   box-shadow: 0 0 0 2px #80acff;
 }
-
-.custom-control-input:hover ~ .card,
-.form-check-input:hover ~ .card {
+.form-check-card .form-check-input:checked ~ .card {
   box-shadow: 0 0 0 2px #80acff;
 }
-
 .form-check-bottom-left .card-horizontal > .card-body,
 .form-check-middle-left .card-horizontal > .card-body,
 .form-check-top-left .card-horizontal > .card-body {
@@ -5746,61 +5792,129 @@ input[type=button].btn-block {
   padding-right: 50px;
 }
 
-.form-check-bottom-left .custom-control-input,
-.form-check-bottom-left .custom-control-label,
 .form-check-bottom-left .form-check-input {
+  bottom: 1rem;
+  left: 1rem;
+  opacity: 1;
+  top: auto;
+  transform: none;
+}
+.form-check-bottom-left .custom-control .custom-control-label {
+  bottom: 1rem;
+  left: 1rem;
+  opacity: 1;
+  top: auto;
+  transform: none;
+}
+.form-check-bottom-left .custom-control .custom-control-input {
   bottom: 1rem;
   left: 1rem;
   top: auto;
   transform: none;
 }
-
-.form-check-bottom-right .custom-control-input,
-.form-check-bottom-right .custom-control-label,
 .form-check-bottom-right .form-check-input {
+  bottom: 1rem;
+  left: auto;
+  opacity: 1;
+  right: 1rem;
+  top: auto;
+  transform: none;
+}
+.form-check-bottom-right .custom-control .custom-control-label {
+  bottom: 1rem;
+  left: auto;
+  opacity: 1;
+  right: 1rem;
+  top: auto;
+  transform: none;
+}
+.form-check-bottom-right .custom-control .custom-control-input {
   bottom: 1rem;
   left: auto;
   right: 1rem;
   top: auto;
   transform: none;
 }
-
-.form-check-middle-left .custom-control-input,
-.form-check-middle-left .custom-control-label,
 .form-check-middle-left .form-check-input {
+  left: 1rem;
+  margin-top: 0;
+  opacity: 1;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.form-check-middle-left .custom-control .custom-control-label {
+  left: 1rem;
+  margin-top: 0;
+  opacity: 1;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.form-check-middle-left .custom-control .custom-control-input {
   left: 1rem;
   margin-top: 0;
   top: 50%;
   transform: translateY(-50%);
 }
-
-.form-check-middle-right .custom-control-input,
-.form-check-middle-right .custom-control-label,
 .form-check-middle-right .form-check-input {
+  left: auto;
+  margin-top: 0;
+  opacity: 1;
+  right: 1rem;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.form-check-middle-right .custom-control .custom-control-label {
+  left: auto;
+  margin-top: 0;
+  opacity: 1;
+  right: 1rem;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.form-check-middle-right .custom-control .custom-control-input {
   left: auto;
   margin-top: 0;
   right: 1rem;
   top: 50%;
   transform: translateY(-50%);
 }
-
-.form-check-top-left .custom-control-input,
-.form-check-top-left .custom-control-label,
 .form-check-top-left .form-check-input {
+  left: 1rem;
+  opacity: 1;
+  top: 1rem;
+  transform: none;
+}
+.form-check-top-left .custom-control .custom-control-label {
+  left: 1rem;
+  opacity: 1;
+  top: 1rem;
+  transform: none;
+}
+.form-check-top-left .custom-control .custom-control-input {
   left: 1rem;
   top: 1rem;
   transform: none;
 }
-
-.form-check-top-right .custom-control-input,
-.form-check-top-right .custom-control-label,
 .form-check-top-right .form-check-input {
+  left: auto;
+  opacity: 1;
+  right: 1rem;
+  top: 1rem;
+  transform: none;
+}
+.form-check-top-right .custom-control .custom-control-label {
+  left: auto;
+  opacity: 1;
+  right: 1rem;
+  top: 1rem;
+  transform: none;
+}
+.form-check-top-right .custom-control .custom-control-input {
   left: auto;
   right: 1rem;
   top: 1rem;
   transform: none;
 }
-
 .card-page.card-page-equal-height .card-page-item,
 .card-page.card-page-equal-height .card-page-item-asset,
 .card-page.card-page-equal-height .card-page-item-directory {
@@ -6221,7 +6335,6 @@ input[type=button].btn-block {
   position: relative;
   text-align: inherit;
   transition: none;
-  white-space: normal;
   width: 100%;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -6300,6 +6413,23 @@ input[type=button].btn-block {
   margin-top: -0.5rem;
   width: auto;
 }
+.dropdown-item.autofit-row {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.dropdown-item.autofit-row > .autofit-col {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+.dropdown-item .autofit-row {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+  width: auto;
+}
+.dropdown-item .autofit-row > .autofit-col {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
 .dropdown-item .c-kbd-inline {
   line-height: 1.3125rem;
   color: #a7a9bc;
@@ -6778,6 +6908,10 @@ input[type=button].btn-block {
   }
 }
 
+.dropdown-menu-width-shrink {
+  min-width: 0;
+  white-space: nowrap;
+}
 .dropdown-menu-width-full {
   left: 12px !important;
   right: 12px !important;
@@ -9275,7 +9409,6 @@ label.custom-control-label {
   padding-right: 0.25rem;
   background-color: transparent;
 }
-
 .date-picker-dropdown-menu {
   max-height: none;
   max-width: 368px;
@@ -10126,15 +10259,36 @@ label.custom-control-label {
 .input-group .btn-unstyled {
   color: inherit;
 }
-
 .input-group-item {
   display: flex;
   flex-grow: 1;
   flex-wrap: wrap;
   margin-left: 0.5rem;
   width: 1%;
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
+.input-group-item.focus {
+  border-radius: 0.25rem;
+  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;
+  border-top-right-radius: 0;
+  z-index: 1;
+}
+.input-group-item.focus.input-group-append {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.input-group-item.focus > .form-control {
+  background-color: #f0f5ff;
+  border-color: #80acff;
+}
+.input-group-item.focus > .input-group-inset-item {
+  background-color: #f0f5ff;
+  border-color: #80acff;
+}
 .input-group-item:first-child {
   margin-left: 0;
 }
@@ -10144,25 +10298,24 @@ label.custom-control-label {
 .input-group-item > .dropdown {
   display: flex;
   flex-wrap: wrap;
+  overflow-wrap: break-word;
   word-wrap: break-word;
   width: 100%;
 }
-
 .input-group-item-shrink {
   flex-grow: 0;
   width: auto;
 }
-
 .input-group-text {
   align-items: center;
   background-color: #e7e7ed;
-  border-color: #e7e7ed;
-  border-style: solid;
   border-bottom-width: 0.0625rem;
+  border-color: #e7e7ed;
   border-left-width: 0.0625rem;
+  border-radius: 0.25rem;
   border-right-width: 0.0625rem;
+  border-style: solid;
   border-top-width: 0.0625rem;
-  border-radius: 0.25rem;
   color: #6b6c7e;
   display: flex;
   font-size: 1rem;
@@ -10182,18 +10335,19 @@ label.custom-control-label {
 .input-group-text label {
   color: #6b6c7e;
 }
-.input-group-text input[type=radio],
-.input-group-text input[type=checkbox] {
-  margin-top: 0;
+.input-group-text .custom-control {
+  margin-bottom: 0;
 }
-.input-group-text .custom-control,
 .input-group-text .form-check {
   margin-bottom: 0;
 }
+.input-group-text .form-check input[type=radio],
+.input-group-text .form-check input[type=checkbox] {
+  margin-top: 0;
+}
 .input-group-text .lexicon-icon {
   margin-top: 0;
 }
-
 .input-group-text-secondary {
   background-color: #fff;
   border-color: #cdced9;
@@ -10204,7 +10358,6 @@ label.custom-control-label {
 .input-group-text-secondary label {
   color: #6b6c7e;
 }
-
 @media (max-width: 575.98px) {
   .input-group-stacked-sm-down > .input-group-item {
     margin-bottom: 0.5rem;
@@ -10219,6 +10372,17 @@ label.custom-control-label {
 
 .input-group-lg > .input-group-item > .btn {
   font-size: 1.125rem;
+  line-height: 1.5;
+  padding-bottom: 0.59375rem;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 0.59375rem;
+}
+.input-group-lg > .input-group-item > .btn .c-inner {
+  margin-bottom: -0.59375rem;
+  margin-left: -1.5rem;
+  margin-right: -1.5rem;
+  margin-top: -0.59375rem;
 }
 .input-group-lg > .input-group-item > .btn .inline-item {
   font-size: 1.125rem;
@@ -10231,7 +10395,17 @@ label.custom-control-label {
   line-height: 1;
   width: 3rem;
 }
-.input-group-lg > .input-group-item > .form-control,
+.input-group-lg > .input-group-item > .form-control {
+  border-radius: 0.375rem;
+  font-size: 1.125rem;
+  height: auto;
+  line-height: 1.5;
+  min-height: 3rem;
+  padding-bottom: 0.4375rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.4375rem;
+}
 .input-group-lg > .input-group-item > .form-file .btn {
   border-radius: 0.375rem;
   font-size: 1.125rem;
@@ -10242,6 +10416,12 @@ label.custom-control-label {
   padding-right: 1rem;
   padding-top: 0.4375rem;
 }
+.input-group-lg > .input-group-item > .form-file .btn .c-inner {
+  margin-bottom: -0.4375rem;
+  margin-left: -1rem;
+  margin-right: -1rem;
+  margin-top: -0.4375rem;
+}
 .input-group-lg > .input-group-item > textarea.form-control,
 .input-group-lg > .input-group-item > .form-control-textarea {
   height: 120px;
@@ -10261,25 +10441,39 @@ label.custom-control-label {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.input-group-lg > .input-group-item > .input-group-inset-item > .form-file {
-  height: 75%;
-}
 .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn {
-  height: 100%;
-  line-height: 1;
-  padding-bottom: 0;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  padding-top: 0;
+  border-radius: 0.375rem;
+  font-size: 1.125rem;
+  height: 3rem;
+  line-height: 1.5;
+  padding-bottom: 0.4375rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.4375rem;
 }
 .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
+  margin-bottom: -0.4375rem;
+  margin-left: -1rem;
+  margin-right: -1rem;
+  margin-top: -0.4375rem;
+}
+.input-group-lg > .input-group-item .form-control-inset {
   margin-bottom: 0;
-  margin-left: -0.75rem;
-  margin-right: -0.75rem;
   margin-top: 0;
 }
 .form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
   font-size: 0.875rem;
+  line-height: 1.15;
+  padding-bottom: 0.4375rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.4375rem;
+}
+.form-group-sm .input-group > .input-group-item > .btn .c-inner, .input-group-sm > .input-group-item > .btn .c-inner {
+  margin-bottom: -0.4375rem;
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
+  margin-top: -0.4375rem;
 }
 .form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section {
   font-size: 0.5625rem;
@@ -10289,30 +10483,49 @@ label.custom-control-label {
   line-height: 1;
   width: 2rem;
 }
-.form-group-sm .input-group > .input-group-item > .form-control, .input-group-sm > .input-group-item > .form-control,
-.form-group-sm .input-group > .input-group-item > .form-file .btn,
-.input-group-sm > .input-group-item > .form-file .btn {
+.form-group-sm .input-group > .input-group-item > .form-control, .input-group-sm > .input-group-item > .form-control {
   border-radius: 0.25rem;
   font-size: 0.875rem;
-  height: 2rem;
+  height: auto;
   line-height: 1.5;
-  padding-bottom: 0.25rem;
+  min-height: 2rem;
+  padding-bottom: 0;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
-  padding-top: 0.25rem;
+  padding-top: 0;
 }
-.form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
+.form-group-sm .input-group > .input-group-item > .form-control .label, .input-group-sm > .input-group-item > .form-control .label {
+  margin-bottom: 0.1875rem;
+  margin-top: 0.1875rem;
+}
+.form-group-sm .input-group > .input-group-item > .form-file .btn, .input-group-sm > .input-group-item > .form-file .btn {
+  border-radius: 0.25rem;
   font-size: 0.875rem;
   height: 2rem;
   line-height: 1.5;
   padding-bottom: 0.25rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
   padding-top: 0.25rem;
 }
+.form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .form-file .btn .c-inner {
+  margin-bottom: -0.25rem;
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
+  margin-top: -0.25rem;
+}
 .form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control,
 .form-group-sm .input-group > .input-group-item > .form-control-textarea,
 .input-group-sm > .input-group-item > .form-control-textarea {
   height: 80px;
 }
+.form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
+  font-size: 0.875rem;
+  height: 2rem;
+  line-height: 1.5;
+  padding-bottom: 0.25rem;
+  padding-top: 0.25rem;
+}
 .form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text {
   border-radius: 0.25rem;
   font-size: 0.875rem;
@@ -10340,61 +10553,39 @@ label.custom-control-label {
   margin-right: 0.25rem;
   width: 1.5rem;
 }
-.form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file {
-  height: 75%;
-}
 .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn {
-  height: 100%;
-  line-height: 1;
-  padding-bottom: 0;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  padding-top: 0;
-}
-.form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
-  margin-bottom: 0;
-  margin-left: -0.5rem;
-  margin-right: -0.5rem;
-  margin-top: 0;
-}
-.input-group-item.focus {
   border-radius: 0.25rem;
-  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
-}
-.input-group-item.focus .form-control,
-.input-group-item.focus .form-control[readonly] ~ .input-group-inset-item,
-.input-group-item.focus .input-group-inset-item {
-  background-color: #f0f5ff;
-  border-color: #80acff;
+  font-size: 0.875rem;
+  height: 2rem;
+  line-height: 1.5;
+  padding-bottom: 0.25rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.25rem;
 }
-
-.input-group-item.input-group-prepend.focus {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-  z-index: 1;
+.form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
+  margin-bottom: -0.25rem;
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
+  margin-top: -0.25rem;
 }
-
-.input-group-item.input-group-append.focus {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
+.form-group-sm .input-group > .input-group-item .form-control-inset, .input-group-sm > .input-group-item .form-control-inset {
+  margin-bottom: 0.125rem;
+  margin-top: 0.1875rem;
 }
-
 .input-group-inset {
   flex-grow: 1;
   order: 5;
   width: 1%;
 }
-.input-group-inset[readonly] ~ .input-group-inset-item {
-  background-color: #fff;
-}
-.input-group-inset:focus {
+.input-group-inset:focus, .input-group-inset.focus {
   box-shadow: none;
 }
-.input-group-inset:focus ~ .input-group-inset-item {
+.input-group-inset:focus ~ .input-group-inset-item, .input-group-inset.focus ~ .input-group-inset-item {
   background-color: #f0f5ff;
   border-color: #80acff;
 }
-.input-group-inset:disabled ~ .input-group-inset-item {
+.input-group-inset:disabled ~ .input-group-inset-item, .input-group-inset.disabled ~ .input-group-inset-item {
   background-color: #f1f2f5;
   border-color: #f1f2f5;
 }
@@ -10402,6 +10593,9 @@ label.custom-control-label {
   order: 13;
 }
 
+.input-group-inset[readonly] ~ .input-group-inset-item {
+  background-color: #fff;
+}
 .input-group .input-group-inset-item {
   align-items: center;
   background-color: #f1f2f5;
@@ -12079,7 +12273,6 @@ label.custom-control-label {
   margin-left: 0;
   margin-right: 0;
 }
-
 .nav-btn-monospaced {
   padding: 0;
 }
@@ -12101,6 +12294,7 @@ label.custom-control-label {
 }
 
 .nav-item {
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
 
@@ -12110,6 +12304,41 @@ label.custom-control-label {
   text-align: center;
 }
 
+.nav-divider {
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  position: relative;
+}
+.nav-divider::before {
+  background-color: #6b6c7e;
+  content: "";
+  display: block;
+  height: 1rem;
+  left: 0;
+  margin-top: -0.5rem;
+  position: absolute;
+  top: 50%;
+  width: 1px;
+  z-index: 2;
+}
+.nav-divider-end {
+  margin-right: 0.5rem;
+  padding-right: 0.5rem;
+  position: relative;
+}
+.nav-divider-end::after {
+  background-color: #6b6c7e;
+  content: "";
+  display: block;
+  height: 1rem;
+  margin-top: -0.5rem;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  width: 1px;
+  z-index: 2;
+}
+
 .nav-text-truncate {
   display: inline-block;
   margin-bottom: -6px;
@@ -12123,13 +12352,6 @@ label.custom-control-label {
   max-width: calc(100% - 24px);
 }
 
-.nav-form {
-  padding-bottom: 0.625rem;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  padding-top: 0.625rem;
-}
-
 .nav .nav-form {
   padding-bottom: 0;
   padding-left: 1rem;
@@ -12141,17 +12363,15 @@ label.custom-control-label {
   flex: 1 1 auto;
   text-align: center;
 }
-
+.nav-justified .nav-link {
+  text-align: center;
+  width: 100%;
+}
 .nav-justified .nav-item {
   flex-basis: 0;
   flex-grow: 1;
   text-align: center;
 }
-.nav-justified button.nav-link {
-  text-align: center;
-  width: 100%;
-}
-
 .nav-stacked {
   display: block;
 }
@@ -12165,18 +12385,35 @@ label.custom-control-label {
 .nav-unstyled {
   flex-wrap: nowrap;
 }
-.nav-unstyled .nav-btn {
-  margin: 0 4px;
-  padding: 0 4px;
-}
 .nav-unstyled .nav-link {
   line-height: 2rem;
-  padding: 0 4px;
+  padding-bottom: 0;
+  padding-left: 4px;
+  padding-right: 4px;
+  padding-top: 0;
+}
+.nav-unstyled .nav-link > .c-inner {
+  margin-bottom: 0;
+  margin-left: -4px;
+  margin-right: -4px;
+  margin-top: 0;
 }
 .nav-unstyled .nav-link-monospaced {
   margin: 0 4px;
 }
-
+.nav-unstyled .nav-btn {
+  margin: 0 4px;
+  padding-bottom: 0;
+  padding-left: 4px;
+  padding-right: 4px;
+  padding-top: 0;
+}
+.nav-unstyled .nav-btn .c-inner {
+  margin-bottom: 0;
+  margin-left: -4px;
+  margin-right: -4px;
+  margin-top: 0;
+}
 .nav-nested {
   flex-direction: column;
   flex-wrap: nowrap;
@@ -12284,9 +12521,6 @@ label.custom-control-label {
   border-bottom: 0.0625rem solid transparent;
   font-size: 0.875rem;
 }
-.nav-tabs .nav-item {
-  margin-bottom: -0.0625rem;
-}
 .nav-tabs .nav-link {
   border-color: transparent;
   border-style: solid;
@@ -12319,8 +12553,8 @@ label.custom-control-label {
 }
 .nav-tabs .nav-link.active {
   background-color: #fff;
-  border-color: transparent transparent #fff;
   color: #272833;
+  border-color: transparent transparent #fff;
 }
 .nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
   background-color: transparent;
@@ -12328,19 +12562,20 @@ label.custom-control-label {
   color: #a7a9bc;
   box-shadow: none;
 }
+.nav-tabs .nav-link:disabled:active, .nav-tabs .nav-link.disabled:active {
+  box-shadow: none;
+}
 .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show {
-  background-color: #fff;
-  border-color: transparent transparent #fff;
+  background-color: transparent;
   color: #272833;
+  border-color: transparent transparent transparent transparent;
 }
 .nav-tabs .nav-link > .c-inner {
   margin-bottom: -0.28125rem;
   margin-top: -0.28125rem;
 }
-.nav-tabs .nav-item.show .nav-link {
-  background-color: transparent;
-  border-color: transparent transparent transparent transparent;
-  color: #272833;
+.nav-tabs .nav-item {
+  margin-bottom: -0.0625rem;
 }
 .nav-tabs .dropdown-menu {
   border-top-left-radius: 0;
@@ -12397,6 +12632,14 @@ label.custom-control-label {
     transition: none;
   }
 }
+.nav-underline .nav-link::after {
+  bottom: 0;
+  display: block;
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: auto;
+}
 .nav-underline .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
   outline: 0;
@@ -12404,6 +12647,11 @@ label.custom-control-label {
 .nav-underline .nav-link.active {
   color: #272833;
 }
+.nav-underline .nav-link.active::after {
+  background-color: #80acff;
+  content: "";
+  height: 0.125rem;
+}
 .nav-underline .nav-link:disabled, .nav-underline .nav-link.disabled {
   color: #a7a9bc;
   box-shadow: none;
@@ -12411,29 +12659,14 @@ label.custom-control-label {
 .nav-underline .nav-link[aria-expanded=true], .nav-underline .nav-link.show {
   color: #272833;
 }
+.nav-underline .nav-link[aria-expanded=true]::after, .nav-underline .nav-link.show::after {
+  content: "";
+  height: 0.125rem;
+}
 .nav-underline .nav-link > .c-inner {
   margin-bottom: -0.5625rem;
   margin-top: -0.5625rem;
 }
-.nav-underline .nav-item.show .nav-link {
-  color: #272833;
-}
-.nav-underline .nav-link::after {
-  bottom: 0;
-  display: block;
-  position: absolute;
-  left: 0;
-  right: 0;
-  width: auto;
-}
-.nav-underline .nav-item .nav-link.active:after {
-  background-color: #80acff;
-}
-.nav-underline .nav-link.active:after,
-.nav-underline .nav-item.show .nav-link:after {
-  content: "";
-  height: 0.125rem;
-}
 .menubar {
   position: relative;
 }