@clayui/css 3.42.0 → 3.44.2

package/lib/css/cadmin.css

@@ -2970,6 +2970,7 @@ html:not(#__):not(#___) .cadmin .alert {
   margin-bottom: 16px;
   padding: 15px 16px;
   position: relative;
+  white-space: normal;
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
@@ -3072,7 +3073,7 @@ html:not(#__):not(#___) .cadmin .alert-fluid {
 }
 html:not(#__):not(#___) .cadmin .alert-fluid.alert-dismissible .container,
 html:not(#__):not(#___) .cadmin .alert-fluid.alert-dismissible .container-fluid {
-  padding-right: calc( 				40px + 12px 			);
+  padding-right: calc( 				40px + 24px * 					0.5 			);
   position: relative;
 }
 html:not(#__):not(#___) .cadmin .alert-fluid .close {
@@ -5622,7 +5623,6 @@ html:not(#__):not(#___) .cadmin .dropdown-item {
   position: relative;
   text-align: inherit;
   transition: none;
-  white-space: normal;
   width: 100%;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -5700,6 +5700,23 @@ html:not(#__):not(#___) .cadmin .dropdown-item .c-inner {
   margin-top: -8px;
   width: auto;
 }
+html:not(#__):not(#___) .cadmin .dropdown-item.autofit-row {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+html:not(#__):not(#___) .cadmin .dropdown-item.autofit-row > .autofit-col {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+html:not(#__):not(#___) .cadmin .dropdown-item .autofit-row {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+  width: auto;
+}
+html:not(#__):not(#___) .cadmin .dropdown-item .autofit-row > .autofit-col {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
 html:not(#__):not(#___) .cadmin .dropdown-item .c-kbd-inline {
   color: #a7a9bc;
   line-height: 21px;
@@ -6132,6 +6149,10 @@ html:not(#__):not(#___) .cadmin .dropdown-wide .dropdown-menu > .row {
     min-width: 500px;
   }
 }
+html:not(#__):not(#___) .cadmin .dropdown-menu-width-shrink {
+  min-width: 0;
+  white-space: nowrap;
+}
 html:not(#__):not(#___) .cadmin .dropdown-menu-width-full {
   left: 12px !important;
   right: 12px !important;
@@ -8518,8 +8539,30 @@ html:not(#__):not(#___) .cadmin .input-group-item {
   flex-wrap: wrap;
   margin-left: 8px;
   width: 1%;
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
+html:not(#__):not(#___) .cadmin .input-group-item.focus {
+  border-radius: 4px;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+}
+html:not(#__):not(#___) .cadmin .input-group-item.focus.input-group-prepend {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  z-index: 1;
+}
+html:not(#__):not(#___) .cadmin .input-group-item.focus.input-group-append {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+html:not(#__):not(#___) .cadmin .input-group-item.focus > .form-control {
+  background-color: #f0f5ff;
+  border-color: #80acff;
+}
+html:not(#__):not(#___) .cadmin .input-group-item.focus > .input-group-inset-item {
+  background-color: #f0f5ff;
+  border-color: #80acff;
+}
 html:not(#__):not(#___) .cadmin .input-group-item:first-child {
   margin-left: 0;
 }
@@ -8529,6 +8572,7 @@ html:not(#__):not(#___) .cadmin .input-group-item > .btn {
 html:not(#__):not(#___) .cadmin .input-group-item > .dropdown {
   display: flex;
   flex-wrap: wrap;
+  overflow-wrap: break-word;
   word-wrap: break-word;
   width: 100%;
 }
@@ -8539,13 +8583,13 @@ html:not(#__):not(#___) .cadmin .input-group-item-shrink {
 html:not(#__):not(#___) .cadmin .input-group-text {
   align-items: center;
   background-color: #e7e7ed;
-  border-color: #e7e7ed;
-  border-style: solid;
   border-bottom-width: 1px;
+  border-color: #e7e7ed;
   border-left-width: 1px;
+  border-radius: 4px;
   border-right-width: 1px;
+  border-style: solid;
   border-top-width: 1px;
-  border-radius: 4px;
   color: #6b6c7e;
   display: flex;
   font-size: 16px;
@@ -8565,14 +8609,16 @@ html:not(#__):not(#___) .cadmin .input-group-text {
 html:not(#__):not(#___) .cadmin .input-group-text label {
   color: #6b6c7e;
 }
-html:not(#__):not(#___) .cadmin .input-group-text input[type=radio],
-html:not(#__):not(#___) .cadmin .input-group-text input[type=checkbox] {
-  margin-top: 0;
+html:not(#__):not(#___) .cadmin .input-group-text .custom-control {
+  margin-bottom: 0;
 }
-html:not(#__):not(#___) .cadmin .input-group-text .custom-control,
 html:not(#__):not(#___) .cadmin .input-group-text .form-check {
   margin-bottom: 0;
 }
+html:not(#__):not(#___) .cadmin .input-group-text .form-check input[type=radio],
+html:not(#__):not(#___) .cadmin .input-group-text .form-check input[type=checkbox] {
+  margin-top: 0;
+}
 html:not(#__):not(#___) .cadmin .input-group-text .lexicon-icon {
   margin-top: 0;
 }
@@ -8611,7 +8657,16 @@ html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .btn-monos
   line-height: 1;
   width: 48px;
 }
-html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .form-control,
+html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .form-control {
+  border-radius: 6px;
+  font-size: 18px;
+  height: 48px;
+  line-height: 1.5;
+  padding-bottom: 7px;
+  padding-left: 16px;
+  padding-right: 16px;
+  padding-top: 7px;
+}
 html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .form-file .btn {
   border-radius: 6px;
   font-size: 18px;
@@ -8622,6 +8677,12 @@ html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .form-file
   padding-right: 16px;
   padding-top: 7px;
 }
+html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .form-file .btn .c-inner {
+  margin-bottom: -7px;
+  margin-left: -16px;
+  margin-right: -16px;
+  margin-top: -7px;
+}
 html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > textarea.form-control,
 html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .form-control-textarea {
   height: 120px;
@@ -8641,21 +8702,24 @@ html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .input-gro
   padding-left: 16px;
   padding-right: 16px;
 }
-html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-inset-item > .form-file {
-  height: 75%;
+html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn {
+  border-radius: 6px;
+  font-size: 18px;
+  height: 48px;
+  line-height: 1.5;
+  padding-bottom: 7px;
+  padding-left: 16px;
+  padding-right: 16px;
+  padding-top: 7px;
 }
-html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-inset-item > .form-file .btn {
-  height: 100%;
-  line-height: 1;
-  padding-bottom: 0;
-  padding-left: 12px;
-  padding-right: 12px;
-  padding-top: 0;
+html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
+  margin-bottom: -7px;
+  margin-left: -16px;
+  margin-right: -16px;
+  margin-top: -7px;
 }
-html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-inset-item > .form-file .btn .c-inner {
+html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item .form-control-inset {
   margin-bottom: 0;
-  margin-left: -12px;
-  margin-right: -12px;
   margin-top: 0;
 }
 html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .btn, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .btn {
@@ -8669,9 +8733,7 @@ html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item
   line-height: 1;
   width: 32px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-control, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-control,
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-file .btn,
-html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-file .btn {
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-control, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-control {
   border-radius: 4px;
   font-size: 14px;
   height: 32px;
@@ -8681,18 +8743,38 @@ html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-file
   padding-right: 12px;
   padding-top: 4px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-control-plaintext, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-control-plaintext {
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-control .label, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-control .label {
+  margin-bottom: 0.1875rem;
+  margin-top: 0.1875rem;
+}
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-file .btn, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-file .btn {
+  border-radius: 4px;
   font-size: 14px;
   height: 32px;
   line-height: 1.5;
   padding-bottom: 4px;
+  padding-left: 12px;
+  padding-right: 12px;
   padding-top: 4px;
 }
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-file .btn .c-inner {
+  margin-bottom: -4px;
+  margin-left: -12px;
+  margin-right: -12px;
+  margin-top: -4px;
+}
 html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > textarea.form-control, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > textarea.form-control,
 html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-control-textarea,
 html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-control-textarea {
   height: 80px;
 }
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-control-plaintext, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-control-plaintext {
+  font-size: 14px;
+  height: 32px;
+  line-height: 1.5;
+  padding-bottom: 4px;
+  padding-top: 4px;
+}
 html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .input-group-text, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .input-group-text {
   border-radius: 4px;
   font-size: 14px;
@@ -8701,87 +8783,71 @@ html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item
   padding-left: 12px;
   padding-right: 12px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-inset-item > .btn, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-inset-item > .btn {
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .input-group-inset-item > .btn {
   line-height: 1;
   padding-bottom: 0;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 0;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-inset-item > .btn .c-inner, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-inset-item > .btn .c-inner {
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn .c-inner, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .input-group-inset-item > .btn .c-inner {
   margin-bottom: 0;
   margin-left: -8px;
   margin-right: -8px;
   margin-top: 0;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-inset-item > .btn-monospaced, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-inset-item > .btn-monospaced {
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn-monospaced, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .input-group-inset-item > .btn-monospaced {
   height: 24px;
   margin-left: 4px;
   margin-right: 4px;
   width: 24px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-inset-item > .form-file, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-inset-item > .form-file {
-  height: 75%;
-}
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-inset-item > .form-file .btn, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-inset-item > .form-file .btn {
-  height: 100%;
-  line-height: 1;
-  padding-bottom: 0;
-  padding-left: 8px;
-  padding-right: 8px;
-  padding-top: 0;
-}
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-inset-item > .form-file .btn .c-inner, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-inset-item > .form-file .btn .c-inner {
-  margin-bottom: 0;
-  margin-left: -8px;
-  margin-right: -8px;
-  margin-top: 0;
-}
-html:not(#__):not(#___) .cadmin .input-group-item.focus {
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn {
   border-radius: 4px;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
-}
-html:not(#__):not(#___) .cadmin .input-group-item.focus .form-control,
-html:not(#__):not(#___) .cadmin .input-group-item.focus .form-control[readonly] ~ .input-group-inset-item,
-html:not(#__):not(#___) .cadmin .input-group-item.focus .input-group-inset-item {
-  background-color: #f0f5ff;
-  border-color: #80acff;
+  font-size: 14px;
+  height: 32px;
+  line-height: 1.5;
+  padding-bottom: 4px;
+  padding-left: 12px;
+  padding-right: 12px;
+  padding-top: 4px;
 }
-html:not(#__):not(#___) .cadmin .input-group-item.input-group-prepend.focus {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-  z-index: 1;
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
+  margin-bottom: -4px;
+  margin-left: -12px;
+  margin-right: -12px;
+  margin-top: -4px;
 }
-html:not(#__):not(#___) .cadmin .input-group-item.input-group-append.focus {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item .form-control-inset, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item .form-control-inset {
+  margin-bottom: 0.125rem;
+  margin-top: 0.1875rem;
 }
 html:not(#__):not(#___) .cadmin .input-group-inset {
   flex-grow: 1;
   order: 5;
   width: 1%;
 }
-html:not(#__):not(#___) .cadmin .input-group-inset[readonly]:focus ~ .input-group-inset-item {
-  border-color: #80acff;
-}
-html:not(#__):not(#___) .cadmin .input-group-inset[readonly] ~ .input-group-inset-item {
-  background-color: #fff;
-  border-color: #e7e7ed;
-}
-html:not(#__):not(#___) .cadmin .input-group-inset:focus {
+html:not(#__):not(#___) .cadmin .input-group-inset:focus, html:not(#__):not(#___) .cadmin .input-group-inset.focus {
   box-shadow: none;
 }
-html:not(#__):not(#___) .cadmin .input-group-inset:focus ~ .input-group-inset-item {
+html:not(#__):not(#___) .cadmin .input-group-inset:focus ~ .input-group-inset-item, html:not(#__):not(#___) .cadmin .input-group-inset.focus ~ .input-group-inset-item {
   background-color: #f0f5ff;
   border-color: #80acff;
 }
-html:not(#__):not(#___) .cadmin .input-group-inset:disabled ~ .input-group-inset-item {
+html:not(#__):not(#___) .cadmin .input-group-inset:disabled ~ .input-group-inset-item, html:not(#__):not(#___) .cadmin .input-group-inset.disabled ~ .input-group-inset-item {
   background-color: #f1f2f5;
   border-color: #f1f2f5;
 }
 html:not(#__):not(#___) .cadmin .input-group-inset ~ .form-feedback-group {
   order: 13;
 }
+html:not(#__):not(#___) .cadmin .input-group-inset[readonly] ~ .input-group-inset-item {
+  background-color: #fff;
+  border-color: #e7e7ed;
+}
+html:not(#__):not(#___) .cadmin .input-group-inset[readonly]:focus ~ .input-group-inset-item, html:not(#__):not(#___) .cadmin .input-group-inset[readonly].focus ~ .input-group-inset-item {
+  border-color: #80acff;
+}
 html:not(#__):not(#___) .cadmin .input-group .input-group-inset-item {
   align-items: center;
   background-color: #f1f2f5;
@@ -10193,8 +10259,8 @@ html:not(#__):not(#___) .cadmin .nav-link:focus {
   z-index: 1;
 }
 html:not(#__):not(#___) .cadmin .nav-link:disabled, html:not(#__):not(#___) .cadmin .nav-link.disabled {
-  box-shadow: none;
   color: #a7a9bc;
+  box-shadow: none;
   cursor: not-allowed;
 }
 html:not(#__):not(#___) .cadmin .nav-link:disabled:active, html:not(#__):not(#___) .cadmin .nav-link.disabled:active {
@@ -10273,6 +10339,7 @@ html:not(#__):not(#___) .cadmin .nav-link-monospaced .lexicon-icon {
   margin-top: 0;
 }
 html:not(#__):not(#___) .cadmin .nav-item {
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
 html:not(#__):not(#___) .cadmin .nav-item[class*=col-] {
@@ -10280,6 +10347,40 @@ html:not(#__):not(#___) .cadmin .nav-item[class*=col-] {
   padding-right: 0;
   text-align: center;
 }
+html:not(#__):not(#___) .cadmin .nav-divider {
+  margin-left: 8px;
+  padding-left: 8px;
+  position: relative;
+}
+html:not(#__):not(#___) .cadmin .nav-divider::before {
+  background-color: #6b6c7e;
+  content: "";
+  display: block;
+  height: 16px;
+  left: 0;
+  margin-top: -8px;
+  position: absolute;
+  top: 50%;
+  width: 1px;
+  z-index: 2;
+}
+html:not(#__):not(#___) .cadmin .nav-divider-end {
+  margin-right: 8px;
+  padding-right: 8px;
+  position: relative;
+}
+html:not(#__):not(#___) .cadmin .nav-divider-end::after {
+  background-color: #6b6c7e;
+  content: "";
+  display: block;
+  height: 16px;
+  margin-top: -8px;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  width: 1px;
+  z-index: 2;
+}
 html:not(#__):not(#___) .cadmin .nav-text-truncate {
   display: inline-block;
   margin-bottom: -6px;
@@ -10291,12 +10392,6 @@ html:not(#__):not(#___) .cadmin .nav-text-truncate {
 html:not(#__):not(#___) .cadmin .dropdown-toggle .nav-text-truncate {
   max-width: calc(100% - 24px);
 }
-html:not(#__):not(#___) .cadmin .nav-form {
-  padding-bottom: 10px;
-  padding-left: 8px;
-  padding-right: 8px;
-  padding-top: 10px;
-}
 html:not(#__):not(#___) .cadmin .nav .nav-form {
   padding-bottom: 0;
   padding-left: 16px;
@@ -10328,17 +10423,35 @@ html:not(#__):not(#___) .cadmin .nav-stacked .nav-form {
 html:not(#__):not(#___) .cadmin .nav-unstyled {
   flex-wrap: nowrap;
 }
-html:not(#__):not(#___) .cadmin .nav-unstyled .nav-btn {
-  margin: 0 4px;
-  padding: 0 4px;
-}
 html:not(#__):not(#___) .cadmin .nav-unstyled .nav-link {
   line-height: 32px;
-  padding: 0 4px;
+  padding-bottom: 0;
+  padding-left: 4px;
+  padding-right: 4px;
+  padding-top: 0;
+}
+html:not(#__):not(#___) .cadmin .nav-unstyled .nav-link > .c-inner {
+  margin-bottom: 0;
+  margin-left: -4px;
+  margin-right: -4px;
+  margin-top: 0;
 }
 html:not(#__):not(#___) .cadmin .nav-unstyled .nav-link-monospaced {
   margin: 0 4px;
 }
+html:not(#__):not(#___) .cadmin .nav-unstyled .nav-btn {
+  margin: 0 4px;
+  padding-bottom: 0;
+  padding-left: 4px;
+  padding-right: 4px;
+  padding-top: 0;
+}
+html:not(#__):not(#___) .cadmin .nav-unstyled .nav-btn .c-inner {
+  margin-bottom: 0;
+  margin-left: -4px;
+  margin-right: -4px;
+  margin-top: 0;
+}
 html:not(#__):not(#___) .cadmin .nav-nested {
   flex-direction: column;
   flex-wrap: nowrap;
@@ -10444,9 +10557,6 @@ html:not(#__):not(#___) .cadmin .nav-tabs {
   border-bottom: 1px solid transparent;
   font-size: 14px;
 }
-html:not(#__):not(#___) .cadmin .nav-tabs .nav-item {
-  margin-bottom: -1px;
-}
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link {
   border-color: transparent;
   border-style: solid;
@@ -10479,8 +10589,8 @@ html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:active {
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.active {
   background-color: #fff;
-  border-color: transparent transparent #fff;
   color: #272833;
+  border-color: transparent transparent #fff;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:disabled, html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.disabled {
   background-color: transparent;
@@ -10489,18 +10599,16 @@ html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:disabled, html:not(#__):not(
   color: #a7a9bc;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.show {
-  background-color: #fff;
-  border-color: transparent transparent #fff;
+  background-color: transparent;
   color: #272833;
+  border-color: transparent transparent transparent transparent;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link > .c-inner {
   margin-bottom: -4.5px;
   margin-top: -4.5px;
 }
-html:not(#__):not(#___) .cadmin .nav-tabs .nav-item.show .nav-link {
-  border-color: transparent transparent transparent transparent;
-  color: #272833;
-  background-color: transparent;
+html:not(#__):not(#___) .cadmin .nav-tabs .nav-item {
+  margin-bottom: -1px;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .dropdown-menu {
   border-top-left-radius: 0;
@@ -10545,6 +10653,14 @@ html:not(#__):not(#___) .cadmin .nav-underline .nav-link {
     transition: none;
   }
 }
+html:not(#__):not(#___) .cadmin .nav-underline .nav-link::after {
+  bottom: 0;
+  display: block;
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: auto;
+}
 html:not(#__):not(#___) .cadmin .nav-underline .nav-link:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   outline: 0;
@@ -10552,6 +10668,11 @@ html:not(#__):not(#___) .cadmin .nav-underline .nav-link:focus {
 html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active {
   color: #272833;
 }
+html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active::after {
+  background-color: #80acff;
+  content: "";
+  height: 2px;
+}
 html:not(#__):not(#___) .cadmin .nav-underline .nav-link:disabled, html:not(#__):not(#___) .cadmin .nav-underline .nav-link.disabled {
   box-shadow: none;
   color: #a7a9bc;
@@ -10563,25 +10684,6 @@ html:not(#__):not(#___) .cadmin .nav-underline .nav-link > .c-inner {
   margin-bottom: -9px;
   margin-top: -9px;
 }
-html:not(#__):not(#___) .cadmin .nav-underline .nav-item.show .nav-link {
-  color: #272833;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link::after {
-  bottom: 0;
-  display: block;
-  position: absolute;
-  left: 0;
-  right: 0;
-  width: auto;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-item .nav-link.active:after {
-  background-color: #80acff;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active:after,
-html:not(#__):not(#___) .cadmin .nav-underline .nav-item.show .nav-link:after {
-  content: "";
-  height: 2px;
-}
 html:not(#__):not(#___) .cadmin .menubar {
   position: relative;
 }
@@ -20660,16 +20762,32 @@ html:not(#__):not(#___) .cadmin .embed-responsive video {
   width: 100%;
 }
 html:not(#__):not(#___) .cadmin .embed-responsive-21by9::before {
-  padding-top: 42.8571428571%;
+  padding-top: calc(
+				9 /
+					21 *
+					100%
+			);
 }
 html:not(#__):not(#___) .cadmin .embed-responsive-16by9::before {
-  padding-top: 56.25%;
+  padding-top: calc(
+				9 /
+					16 *
+					100%
+			);
 }
 html:not(#__):not(#___) .cadmin .embed-responsive-4by3::before {
-  padding-top: 75%;
+  padding-top: calc(
+				3 /
+					4 *
+					100%
+			);
 }
 html:not(#__):not(#___) .cadmin .embed-responsive-1by1::before {
-  padding-top: 100%;
+  padding-top: calc(
+				1 /
+					1 *
+					100%
+			);
 }
 html:not(#__):not(#___) .cadmin .flex-row {
   flex-direction: row !important;