@clayui/css 3.106.0-alpha.0 → 3.106.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.106.0-alpha.0
+ * Clay 3.106.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -16,7 +16,7 @@
  * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
  */
 /**
- * Clay 3.106.0-alpha.0
+ * Clay 3.106.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -982,30 +982,34 @@ html:not(#__):not(#___) .cadmin fieldset:disabled a.btn:focus {
 html:not(#__):not(#___) .cadmin fieldset:disabled a.btn:active {
   pointer-events: none;
 }
-html:not(#__):not(#___) .cadmin .btn-xs {
+html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs, html:not(#__):not(#___) .cadmin .btn-xs {
   font-size: 0.75rem;
+  line-height: 1.5;
   padding-bottom: 0.125rem;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 0.125rem;
 }
-html:not(#__):not(#___) .cadmin .btn-xs .c-inner {
+html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .c-inner, html:not(#__):not(#___) .cadmin .btn-xs .c-inner {
   margin-bottom: -0.125rem;
   margin-left: -0.5rem;
   margin-right: -0.5rem;
   margin-top: -0.125rem;
 }
-html:not(#__):not(#___) .cadmin .btn-xs .inline-item {
+html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .lexicon-icon, html:not(#__):not(#___) .cadmin .btn-xs .lexicon-icon {
+  font-size: inherit;
+}
+html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .inline-item, html:not(#__):not(#___) .cadmin .btn-xs .inline-item {
   font-size: inherit;
   margin-top: -0.16em;
 }
-html:not(#__):not(#___) .cadmin .btn-xs .inline-item-before {
+html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .inline-item-before, html:not(#__):not(#___) .cadmin .btn-xs .inline-item-before {
   margin-right: 0.25rem;
 }
-html:not(#__):not(#___) .cadmin .btn-xs .inline-item-after {
+html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .inline-item-after, html:not(#__):not(#___) .cadmin .btn-xs .inline-item-after {
   margin-left: 0.25rem;
 }
-html:not(#__):not(#___) .cadmin .btn-xs .btn-section {
+html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .btn-section, html:not(#__):not(#___) .cadmin .btn-xs .btn-section {
   font-size: 0.375rem;
 }
 html:not(#__):not(#___) .cadmin .btn-group-lg > .btn,
@@ -1033,7 +1037,7 @@ html:not(#__):not(#___) .cadmin .btn-group-lg > .btn .btn-section,
 html:not(#__):not(#___) .cadmin .btn-group-lg .btn-group > .btn .btn-section, html:not(#__):not(#___) .cadmin .btn-lg .btn-section {
   font-size: 13px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .btn, html:not(#__):not(#___) .cadmin .btn-group-sm > .btn,
+html:not(#__):not(#___) .cadmin .sidebar-sm .btn, html:not(#__):not(#___) .cadmin .form-group-sm .btn, html:not(#__):not(#___) .cadmin .btn-group-sm > .btn,
 html:not(#__):not(#___) .cadmin .btn-group-sm .btn-group > .btn, html:not(#__):not(#___) .cadmin .btn-sm {
   border-radius: 3px;
   font-size: 14px;
@@ -1043,14 +1047,14 @@ html:not(#__):not(#___) .cadmin .btn-group-sm .btn-group > .btn, html:not(#__):n
   padding-right: 12px;
   padding-top: 7px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .btn .c-inner, html:not(#__):not(#___) .cadmin .btn-group-sm > .btn .c-inner,
+html:not(#__):not(#___) .cadmin .sidebar-sm .btn .c-inner, html:not(#__):not(#___) .cadmin .form-group-sm .btn .c-inner, html:not(#__):not(#___) .cadmin .btn-group-sm > .btn .c-inner,
 html:not(#__):not(#___) .cadmin .btn-group-sm .btn-group > .btn .c-inner, html:not(#__):not(#___) .cadmin .btn-sm .c-inner {
   margin-bottom: -7px;
   margin-left: -12px;
   margin-right: -12px;
   margin-top: -7px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .btn .btn-section, html:not(#__):not(#___) .cadmin .btn-group-sm > .btn .btn-section,
+html:not(#__):not(#___) .cadmin .sidebar-sm .btn .btn-section, html:not(#__):not(#___) .cadmin .form-group-sm .btn .btn-section, html:not(#__):not(#___) .cadmin .btn-group-sm > .btn .btn-section,
 html:not(#__):not(#___) .cadmin .btn-group-sm .btn-group > .btn .btn-section, html:not(#__):not(#___) .cadmin .btn-sm .btn-section {
   font-size: 9px;
 }
@@ -1083,12 +1087,12 @@ html:not(#__):not(#___) .cadmin .menubar-toggler .c-inner, html:not(#__):not(#__
   margin: 0;
   max-width: none;
 }
-html:not(#__):not(#___) .cadmin .btn-monospaced.btn-xs {
+html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-monospaced.btn-xs, html:not(#__):not(#___) .cadmin .btn-monospaced.btn-xs {
   font-size: 0.75rem;
   height: 1.5rem;
   width: 1.4rem;
 }
-html:not(#__):not(#___) .cadmin .btn-monospaced.btn-xs .lexicon-icon {
+html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-monospaced.btn-xs .lexicon-icon, html:not(#__):not(#___) .cadmin .btn-monospaced.btn-xs .lexicon-icon {
   font-size: inherit;
 }
 html:not(#__):not(#___) .cadmin .btn-monospaced {
@@ -1133,7 +1137,7 @@ html:not(#__):not(#___) .cadmin .btn-group-vertical > .btn-monospaced.btn-lg, ht
   height: 48px;
   width: 48px;
 }
-html:not(#__):not(#___) .cadmin .btn-group-vertical > .btn-monospaced.btn-sm, html:not(#__):not(#___) .cadmin .btn-group-sm .btn-monospaced, html:not(#__):not(#___) .cadmin .btn-monospaced.btn-sm {
+html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-monospaced, html:not(#__):not(#___) .cadmin .btn-group-vertical > .btn-monospaced.btn-sm, html:not(#__):not(#___) .cadmin .btn-group-sm .btn-monospaced, html:not(#__):not(#___) .cadmin .btn-monospaced.btn-sm {
   font-size: 14px;
   height: 32px;
   width: 32px;
@@ -5985,6 +5989,9 @@ html:not(#__):not(#___) .cadmin .dropdown-section .custom-control-label {
   color: #6b6c7e;
 }
 html:not(#__):not(#___) .cadmin .dropdown-section .custom-control-label-text {
+  padding-left: 16px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-section .custom-control-outside label {
   padding-left: 28px;
 }
 html:not(#__):not(#___) .cadmin .dropdown-section.active .custom-control-label {
@@ -7048,7 +7055,7 @@ html:not(#__):not(#___) .cadmin .form-control-lg {
   line-height: 1.5;
   padding: 7px 16px;
 }
-html:not(#__):not(#___) .cadmin .input-group-sm .form-control, html:not(#__):not(#___) .cadmin .form-group-sm .form-control,
+html:not(#__):not(#___) .cadmin .sidebar-sm .form-control, html:not(#__):not(#___) .cadmin .input-group-sm .form-control, html:not(#__):not(#___) .cadmin .form-group-sm .form-control,
 html:not(#__):not(#___) .cadmin .form-group-sm .form-control-plaintext, html:not(#__):not(#___) .cadmin .form-control-sm {
   border-radius: 4px;
   font-size: 14px;
@@ -7058,7 +7065,8 @@ html:not(#__):not(#___) .cadmin .form-group-sm .form-control-plaintext, html:not
   padding-right: 12px;
   padding-top: 4px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm select.form-control, html:not(#__):not(#___) .cadmin .form-control-select.form-control-sm {
+html:not(#__):not(#___) .cadmin .sidebar-sm select.form-control,
+html:not(#__):not(#___) .cadmin .sidebar-sm .form-control-select, html:not(#__):not(#___) .cadmin .form-group-sm select.form-control, html:not(#__):not(#___) .cadmin .form-control-select.form-control-sm {
   height: 32px;
   padding-right: 2em;
 }
@@ -7070,7 +7078,7 @@ html:not(#__):not(#___) .cadmin textarea.form-control-sm,
 html:not(#__):not(#___) .cadmin .form-control-sm.form-control-textarea {
   height: 80px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control {
+html:not(#__):not(#___) .cadmin .sidebar-sm .form-control-tag-group, html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control {
   border-radius: 4px;
   font-size: 14px;
   height: auto;
@@ -7081,16 +7089,16 @@ html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-gr
   padding-right: 4px;
   padding-top: 0;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group .inline-item, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group .inline-item, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group .inline-item, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm .inline-item, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control .inline-item {
+html:not(#__):not(#___) .cadmin .sidebar-sm .form-control-tag-group .inline-item, html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group .inline-item, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group .inline-item, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group .inline-item, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm .inline-item, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control .inline-item {
   margin-bottom: 0;
   margin-top: 0;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group .label, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group .label, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group .label, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm .label, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control .label {
+html:not(#__):not(#___) .cadmin .sidebar-sm .form-control-tag-group .label, html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group .label, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group .label, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group .label, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm .label, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control .label {
   margin-bottom: 3px;
   margin-right: 4px;
   margin-top: 3px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group .form-control-inset, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group .form-control-inset, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group .form-control-inset, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm .form-control-inset, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control .form-control-inset {
+html:not(#__):not(#___) .cadmin .sidebar-sm .form-control-tag-group .form-control-inset, html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group .form-control-inset, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group .form-control-inset, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group .form-control-inset, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm .form-control-inset, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control .form-control-inset {
   margin-bottom: 2px;
   margin-left: 8px;
   margin-top: 3px;
@@ -8376,13 +8384,13 @@ html:not(#__):not(#___) .cadmin .clay-color-form-group .input-group .input-group
   padding-right: 0;
   min-width: 18px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .clay-color.input-group > .input-group-item > .input-group-inset-item-before, html:not(#__):not(#___) .cadmin .clay-color.input-group-sm > .input-group-item > .input-group-inset-item-before {
+html:not(#__):not(#___) .cadmin .sidebar-sm .clay-color.input-group > .input-group-item > .input-group-inset-item-before, html:not(#__):not(#___) .cadmin .form-group-sm .clay-color.input-group > .input-group-item > .input-group-inset-item-before, html:not(#__):not(#___) .cadmin .clay-color.input-group-sm > .input-group-item > .input-group-inset-item-before {
   padding-left: 12px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text, html:not(#__):not(#___) .cadmin .clay-color.input-group-sm > .input-group-item > .input-group-text {
+html:not(#__):not(#___) .cadmin .sidebar-sm .clay-color.input-group > .input-group-item > .input-group-text, html:not(#__):not(#___) .cadmin .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text, html:not(#__):not(#___) .cadmin .clay-color.input-group-sm > .input-group-item > .input-group-text {
   padding: 0;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text > .clay-color-btn, html:not(#__):not(#___) .cadmin .clay-color.input-group-sm > .input-group-item > .input-group-text > .clay-color-btn {
+html:not(#__):not(#___) .cadmin .sidebar-sm .clay-color.input-group > .input-group-item > .input-group-text > .clay-color-btn, html:not(#__):not(#___) .cadmin .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text > .clay-color-btn, html:not(#__):not(#___) .cadmin .clay-color.input-group-sm > .input-group-item > .input-group-text > .clay-color-btn {
   border-radius: 2px;
   height: 20px;
   padding: 0;
@@ -8460,7 +8468,7 @@ html:not(#__):not(#___) .cadmin .custom-control-label {
 }
 html:not(#__):not(#___) .cadmin .custom-control-label::before {
   background-color: #fff;
-  border-color: #6b6c7e;
+  border-color: #cdced9;
   border-style: solid;
   border-width: 1px;
   box-shadow: none;
@@ -8500,8 +8508,7 @@ html:not(#__):not(#___) .cadmin label.custom-control-label {
   font-size: 14px;
 }
 html:not(#__):not(#___) .cadmin .custom-control-label-text {
-  display: block;
-  padding-left: calc( 				16px + 8px 			);
+  padding-left: 8px;
 }
 html:not(#__):not(#___) .cadmin .custom-control-label-text small,
 html:not(#__):not(#___) .cadmin .custom-control-label-text .small {
@@ -8512,7 +8519,7 @@ html:not(#__):not(#___) .cadmin .custom-control-primary .custom-control-label-te
 }
 html:not(#__):not(#___) .cadmin .custom-control-label::before {
   background-color: #fff;
-  border-color: #6b6c7e;
+  border-color: #cdced9;
   border-style: solid;
   border-width: 1px;
   box-shadow: none;
@@ -8560,12 +8567,12 @@ html:not(#__):not(#___) .cadmin .custom-control-input {
 }
 html:not(#__):not(#___) .cadmin .custom-control-input:focus-visible ~ .custom-control-label::before,
 html:not(#__):not(#___) .c-prefers-focus .cadmin .custom-control-input ~ .custom-control-label::before {
-  border-color: #6b6c7e;
+  border-color: #cdced9;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .custom-control-input:active ~ .custom-control-label::before {
   background-color: #fff;
-  border-color: #6b6c7e;
+  border-color: #cdced9;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .custom-control-input[disabled], html:not(#__):not(#___) .cadmin .custom-control-input:disabled {
@@ -8678,6 +8685,16 @@ html:not(#__):not(#___) .cadmin .custom-radio .custom-control-input:checked[disa
   background-color: #b3cdff;
   border-color: #b3cdff;
 }
+html:not(#__):not(#___) .cadmin .custom-control-outside label {
+  display: block;
+  padding-left: calc( 					16px + 8px 				);
+}
+html:not(#__):not(#___) .cadmin .custom-control-outside .custom-control-label-text {
+  padding-left: 0;
+}
+html:not(#__):not(#___) .cadmin .custom-control-outside .custom-control-input ~ .custom-control-label::before {
+  position: absolute;
+}
 html:not(#__):not(#___) .cadmin .custom-control-inline {
   display: inline-flex;
 }
@@ -9695,18 +9712,18 @@ html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item .form-contro
   margin-bottom: 0;
   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 {
+html:not(#__):not(#___) .cadmin .sidebar-sm .input-group > .input-group-item > .btn, html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .btn, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .btn {
   font-size: 14px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .btn .btn-section, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .btn .btn-section {
+html:not(#__):not(#___) .cadmin .sidebar-sm .input-group > .input-group-item > .btn .btn-section, html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .btn .btn-section, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .btn .btn-section {
   font-size: 9px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .btn-monospaced, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .btn-monospaced {
+html:not(#__):not(#___) .cadmin .sidebar-sm .input-group > .input-group-item > .btn-monospaced, html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .btn-monospaced, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .btn-monospaced {
   height: 32px;
   line-height: 1;
   width: 32px;
 }
-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 .sidebar-sm .input-group > .input-group-item > .form-file .btn, 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;
@@ -9716,25 +9733,26 @@ html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item
   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 {
+html:not(#__):not(#___) .cadmin .sidebar-sm .input-group > .input-group-item > .form-file .btn .c-inner, 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 .sidebar-sm .input-group > .input-group-item > textarea.form-control, 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 .sidebar-sm .input-group > .input-group-item > .form-control-textarea,
 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 {
+html:not(#__):not(#___) .cadmin .sidebar-sm .input-group > .input-group-item > .form-control-plaintext, 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 {
+html:not(#__):not(#___) .cadmin .sidebar-sm .input-group > .input-group-item > .input-group-text, 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;
   height: 32px;
@@ -9742,26 +9760,26 @@ 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-item > .input-group-inset-item > .btn, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .input-group-inset-item > .btn {
+html:not(#__):not(#___) .cadmin .sidebar-sm .input-group > .input-group-item > .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-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 {
+html:not(#__):not(#___) .cadmin .sidebar-sm .input-group > .input-group-item > .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-item > .input-group-inset-item > .btn-monospaced, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .input-group-inset-item > .btn-monospaced {
+html:not(#__):not(#___) .cadmin .sidebar-sm .input-group > .input-group-item > .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-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 {
+html:not(#__):not(#___) .cadmin .sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn, 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;
   font-size: 14px;
   height: 32px;
@@ -9771,7 +9789,7 @@ html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item
   padding-right: 12px;
   padding-top: 4px;
 }
-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 {
+html:not(#__):not(#___) .cadmin .sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, 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;
@@ -11644,10 +11662,7 @@ html:not(#__):not(#___) .cadmin .nav-nested-margins > li .nav > li {
   margin-left: 16px;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs {
-  background-color: #f7f8f9;
-  border-color: #cdced9;
-  border-style: solid;
-  border-width: 1px 0;
+  border-bottom: 1px solid #cdced9;
   padding-left: 24px;
   padding-right: 24px;
   padding-top: 7px;
@@ -14585,25 +14600,26 @@ html:not(#__):not(#___) .cadmin .panel-group-flush .collapse-icon-closed,
 html:not(#__):not(#___) .cadmin .panel-group-flush .collapse-icon-open {
   right: 0;
 }
-html:not(#__):not(#___) .cadmin .panel-group-sm .panel {
+html:not(#__):not(#___) .cadmin .sidebar-sm .panel-group .panel, html:not(#__):not(#___) .cadmin .panel-group-sm .panel {
   font-size: 14px;
 }
-html:not(#__):not(#___) .cadmin .panel-group-sm .panel .panel-header {
+html:not(#__):not(#___) .cadmin .sidebar-sm .panel-group .panel .panel-header, html:not(#__):not(#___) .cadmin .panel-group-sm .panel .panel-header {
   padding-bottom: 8px;
   padding-top: 8px;
 }
-html:not(#__):not(#___) .cadmin .panel-group-sm .panel .panel-header .c-inner {
+html:not(#__):not(#___) .cadmin .sidebar-sm .panel-group .panel .panel-header .c-inner, html:not(#__):not(#___) .cadmin .panel-group-sm .panel .panel-header .c-inner {
   margin-bottom: -8px;
   margin-top: -8px;
 }
-html:not(#__):not(#___) .cadmin .panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
+html:not(#__):not(#___) .cadmin .sidebar-sm .panel-group .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed, html:not(#__):not(#___) .cadmin .panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
+html:not(#__):not(#___) .cadmin .sidebar-sm .panel-group .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-open,
 html:not(#__):not(#___) .cadmin .panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
   top: 11px;
 }
-html:not(#__):not(#___) .cadmin .panel-group-sm .panel .panel-title {
+html:not(#__):not(#___) .cadmin .sidebar-sm .panel-group .panel .panel-title, html:not(#__):not(#___) .cadmin .panel-group-sm .panel .panel-title {
   font-size: 12px;
 }
-html:not(#__):not(#___) .cadmin .panel-group-sm .panel-unstyled {
+html:not(#__):not(#___) .cadmin .sidebar-sm .panel-group .panel-unstyled, html:not(#__):not(#___) .cadmin .panel-group-sm .panel-unstyled {
   margin-bottom: 16px;
 }
 html:not(#__):not(#___) .cadmin .panel-secondary {
@@ -15685,6 +15701,9 @@ html:not(#__):not(#___) .cadmin .sidebar-dd {
   font-size: 14px;
   margin-bottom: 12px;
 }
+html:not(#__):not(#___) .cadmin .sidebar-sm {
+  font-size: 0.875rem;
+}
 html:not(#__):not(#___) .cadmin .sidebar-light {
   background-color: #fff;
   border-color: #e7e7ed;