amis 1.6.5-beta.3 → 1.8.0-beta.0

package/lib/themes/default-ie11.css

@@ -10735,11 +10735,11 @@ svg.r90 {
 }
 
 svg.icon-success {
-  color: #0bc286;
+  color: #30bf13;
 }
 
 svg.icon-fail {
-  color: #e8684a;
+  color: #f33e3e;
 }
 
 /**
@@ -10788,7 +10788,7 @@ h6 {
 }
 
 .is-matched {
-  color: #e8684a;
+  color: #f33e3e;
 }
 
 pre,
@@ -12201,10 +12201,10 @@ img.cxd-AsideNav-itemIcon {
   filter: grayscale(100%);
   box-shadow: none;
   cursor: not-allowed;
-  color: #b4b6ba;
+  color: #b8babf;
   pointer-events: auto;
-  border: 0.0625rem solid #e6e6e8;
-  background: #e6e6e8;
+  border: 0.0625rem solid #f2f2f4;
+  background: #f2f2f4;
 }
 .cxd-Button.is-disabled > svg, .cxd-Button.is-disabled > svg path, .cxd-Button:disabled > svg, .cxd-Button:disabled > svg path {
   fill: currentColor;
@@ -12240,13 +12240,13 @@ fieldset:disabled a.cxd-Button {
 }
 .cxd-Button--primary:not(:disabled):not(.is-disabled):hover {
   color: #ffffff;
-  background: #4f86f4;
-  border-color: #4f86f4;
+  background: #528eff;
+  border-color: #528eff;
 }
 .cxd-Button--primary:not(:disabled):not(.is-disabled):hover:active {
   color: #ffffff;
-  background: #1c53c1;
-  border-color: #1c53c1;
+  background: #144bcc;
+  border-color: #144bcc;
 }
 .cxd-Button--primary:hover:focus {
   box-shadow: none;
@@ -12254,20 +12254,20 @@ fieldset:disabled a.cxd-Button {
 
 .cxd-Button--secondary {
   color: #fff;
-  background: #b4b6ba;
-  border-color: #b4b6ba;
+  background: #b8babf;
+  border-color: #b8babf;
   box-shadow: none;
   text-shadow: none;
 }
 .cxd-Button--secondary:not(:disabled):not(.is-disabled):hover {
   color: #fff;
-  background: #a0a3a8;
-  border-color: #999ca2;
+  background: #a4a6ad;
+  border-color: #9da0a7;
 }
 .cxd-Button--secondary:not(:disabled):not(.is-disabled):hover:active {
   color: #fff;
-  background: #999ca2;
-  border-color: #93969b;
+  background: #9da0a7;
+  border-color: #9699a1;
 }
 .cxd-Button--secondary:hover:focus {
   box-shadow: none;
@@ -12275,20 +12275,20 @@ fieldset:disabled a.cxd-Button {
 
 .cxd-Button--success {
   color: #fff;
-  background: #0bc286;
-  border-color: #0bc286;
+  background: #30bf13;
+  border-color: #30bf13;
   box-shadow: none;
   text-shadow: none;
 }
 .cxd-Button--success:not(:disabled):not(.is-disabled):hover {
   color: #fff;
-  background: #099e6d;
-  border-color: #089265;
+  background: #279c10;
+  border-color: #24910e;
 }
 .cxd-Button--success:not(:disabled):not(.is-disabled):hover:active {
   color: #fff;
-  background: #089265;
-  border-color: #08865c;
+  background: #24910e;
+  border-color: #21850d;
 }
 .cxd-Button--success:hover:focus {
   box-shadow: none;
@@ -12338,20 +12338,20 @@ fieldset:disabled a.cxd-Button {
 
 .cxd-Button--warning {
   color: #fff;
-  background: #ffb200;
-  border-color: #ffb200;
+  background: #ff9326;
+  border-color: #ff9326;
   box-shadow: none;
   text-shadow: none;
 }
 .cxd-Button--warning:not(:disabled):not(.is-disabled):hover {
   color: #fff;
-  background: #d99700;
-  border-color: #cc8e00;
+  background: #ff8000;
+  border-color: #f27a00;
 }
 .cxd-Button--warning:not(:disabled):not(.is-disabled):hover:active {
   color: #fff;
-  background: #cc8e00;
-  border-color: #bf8600;
+  background: #f27a00;
+  border-color: #e57300;
 }
 .cxd-Button--warning:hover:focus {
   box-shadow: none;
@@ -12421,9 +12421,9 @@ fieldset:disabled a.cxd-Button {
 }
 
 .cxd-Button--default {
-  color: #151a26;
+  color: #151b26;
   background: #ffffff;
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
   box-shadow: none;
   text-shadow: none;
 }
@@ -12433,9 +12433,9 @@ fieldset:disabled a.cxd-Button {
   border-color: #2468f2;
 }
 .cxd-Button--default:not(:disabled):not(.is-disabled):hover:active {
-  color: #1c53c1;
+  color: #144bcc;
   background: #ffffff;
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-Button--default:hover:focus {
   box-shadow: none;
@@ -12634,9 +12634,9 @@ fieldset:disabled a.cxd-Button {
   box-shadow: none;
 }
 .cxd-Button--link:disabled, .cxd-Button--link.is-disabled {
-  color: #b4b6ba;
+  color: #b8babf;
   pointer-events: none;
-  background: #e6e6e8;
+  background: #f2f2f4;
 }
 
 .cxd-Button--block {
@@ -12720,12 +12720,93 @@ input[type=button].cxd-Button--block {
   transform: scale(1.1);
 }
 
+.cxd-Breadcrumb {
+  font-size: 0.875rem;
+  font-weight: 400;
+  color: #84868c;
+}
 .cxd-Breadcrumb-icon {
   margin-right: 0.125rem;
+  min-width: 0.25rem;
+}
+.cxd-Breadcrumb-item {
+  position: relative;
+}
+.cxd-Breadcrumb-item-default {
+  cursor: pointer;
+  color: #84868c;
+}
+.cxd-Breadcrumb-item-dropdown {
+  cursor: pointer;
+  color: #151b26;
+}
+.cxd-Breadcrumb-item a:hover {
+  color: #2468f2;
+}
+.cxd-Breadcrumb-item a:active {
+  color: #144bcc;
+}
+.cxd-Breadcrumb-item-last .cxd-Breadcrumb-item-default {
+  font-weight: 500;
+  color: #151a26;
+}
+.cxd-Breadcrumb-item-caret {
+  margin-left: 0.5rem;
+  cursor: pointer;
+  display: inline-block;
+  transition: transform 0.2s ease;
+}
+.cxd-Breadcrumb-item-caret > svg {
+  width: 0.625rem;
+  height: 0.625rem;
+  top: 0.0625rem;
+}
+.cxd-Breadcrumb-item.is-opened .cxd-Breadcrumb-item-caret {
+  transform: translateY(0.125rem) rotate(180deg);
+  color: #2468f2;
+}
+.cxd-Breadcrumb-item.is-opened .cxd-Breadcrumb-item-default {
+  color: #2468f2;
 }
 .cxd-Breadcrumb-separator {
   user-select: none;
-  margin: 0 0.25rem;
+  margin: 0 0.5rem;
+  text-align: center;
+  min-width: 0.25rem;
+}
+.cxd-Breadcrumb-dropdown {
+  position: absolute;
+  z-index: 1000;
+  top: 100%;
+  left: 0;
+  margin: 0.0625rem 0;
+  background: #fff;
+  list-style: none;
+  padding: 0.25rem 0;
+  border: 0.0625rem solid #eceff8;
+  border-radius: 0.25rem;
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  min-width: 100%;
+  text-align: left;
+  font-size: 0.75rem;
+}
+.cxd-Breadcrumb-dropdown > li {
+  padding: 0.5rem calc(
+    (2rem - 0.75rem) / 2
+  );
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding-left: 0.75rem;
+  vertical-align: middle;
+  user-select: none;
+  color: #151b26;
+  background-color: #ffffff;
+}
+.cxd-Breadcrumb-dropdown > li:hover {
+  background: #e6f0ff;
+}
+.cxd-Breadcrumb-dropdown > li:hover a {
+  color: #2468f2;
 }
 
 .cxd-Badge {
@@ -12733,7 +12814,7 @@ input[type=button].cxd-Button--block {
   position: relative;
 }
 .cxd-Badge-text, .cxd-Badge-dot, .cxd-Badge-ribbon {
-  background: #e8684a;
+  background: #f33e3e;
   position: absolute;
   top: 0;
   right: 0;
@@ -12763,16 +12844,16 @@ input[type=button].cxd-Button--block {
   transform: translate(50%, 50%);
 }
 .cxd-Badge--danger {
-  background: #e8684a;
+  background: #f33e3e;
 }
 .cxd-Badge--info {
   background: #2468f2;
 }
 .cxd-Badge--success {
-  background: #0bc286;
+  background: #30bf13;
 }
 .cxd-Badge--warning {
-  background: #ffb200;
+  background: #ff9326;
 }
 .cxd-Badge-text {
   color: #fff;
@@ -12934,11 +13015,11 @@ input[type=button].cxd-Button--block {
 .cxd-Modal-title {
   font-size: 14px;
   color: #333;
-  font-weight: #151a26;
+  font-weight: #151b26;
 }
 .cxd-Modal-close {
   float: right;
-  color: #b4b6ba;
+  color: #b8babf;
   line-height: inherit;
   text-decoration: none;
   vertical-align: middle;
@@ -12946,7 +13027,7 @@ input[type=button].cxd-Button--block {
 .cxd-Modal-close svg {
   width: 0.75rem;
   height: 0.75rem;
-  fill: #b4b6ba;
+  fill: #b8babf;
 }
 .cxd-Modal-close:not(.is-disabled) {
   cursor: pointer;
@@ -13053,7 +13134,7 @@ input[type=button].cxd-Button--block {
 }
 
 .cxd-Dialog-error {
-  color: #e8684a;
+  color: #f33e3e;
   white-space: pre-wrap;
 }
 
@@ -13191,7 +13272,7 @@ input[type=button].cxd-Button--block {
   align-self: center;
 }
 .cxd-Drawer-footer .cxd-Drawer-error {
-  color: #e8684a;
+  color: #f33e3e;
   white-space: pre-wrap;
 }
 .cxd-Drawer.cxd-Drawer--noOverlay {
@@ -13316,7 +13397,7 @@ input[type=button].cxd-Button--block {
   text-align: right;
 }
 .cxd-Drawer--right .cxd-Drawer-footer .cxd-Drawer-error {
-  color: #e8684a;
+  color: #f33e3e;
 }
 .cxd-Drawer--right .cxd-Drawer-resizeCtrl {
   left: -0.375rem;
@@ -13517,6 +13598,7 @@ input[type=button].cxd-Button--block {
   border-bottom: 0.0625rem solid #ebebeb;
   border-top-left-radius: calc( 0.428rem - 0.0625rem );
   border-top-right-radius: calc( 0.428rem - 0.0625rem );
+  font-weight: bold;
 }
 .cxd-Tooltip-title:empty {
   display: none;
@@ -13525,6 +13607,50 @@ input[type=button].cxd-Button--block {
   color: #151a26;
   padding: 0.5rem 0.5rem;
 }
+.cxd-Tooltip--dark {
+  background: rgba(7, 12, 20, 0.85);
+  border: none;
+  box-shadow: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
+}
+.cxd-Tooltip--dark .cxd-Tooltip-title {
+  color: #fff;
+  background: transparent;
+  border-bottom: none;
+}
+.cxd-Tooltip--dark .cxd-Tooltip-title::before {
+  border-bottom-color: transparent;
+}
+.cxd-Tooltip--dark .cxd-Tooltip-body {
+  color: #fff;
+}
+.cxd-Tooltip--dark.cxd-Tooltip--top .cxd-Tooltip-arrow::before {
+  border-width: 0;
+}
+.cxd-Tooltip--dark.cxd-Tooltip--top .cxd-Tooltip-arrow::after {
+  border-top-color: rgba(7, 12, 20, 0.85);
+}
+.cxd-Tooltip--dark.cxd-Tooltip--bottom .cxd-Tooltip-arrow::before {
+  border-width: 0;
+}
+.cxd-Tooltip--dark.cxd-Tooltip--bottom .cxd-Tooltip-arrow::after {
+  border-bottom-color: rgba(7, 12, 20, 0.85);
+}
+.cxd-Tooltip--dark.cxd-Tooltip--left .cxd-Tooltip-arrow::before {
+  border-width: 0;
+}
+.cxd-Tooltip--dark.cxd-Tooltip--left .cxd-Tooltip-arrow::after {
+  border-left-color: rgba(7, 12, 20, 0.85);
+}
+.cxd-Tooltip--dark.cxd-Tooltip--right .cxd-Tooltip-arrow::before {
+  border-width: 0;
+}
+.cxd-Tooltip--dark.cxd-Tooltip--right .cxd-Tooltip-arrow::after {
+  border-right-color: rgba(7, 12, 20, 0.85);
+}
+
+.cxd-TooltipWrapper--inline {
+  display: inline-block;
+}
 
 @keyframes tooltipIn {
   from {
@@ -13731,6 +13857,18 @@ input[type=button].cxd-Button--block {
   display: flex;
   flex-direction: column;
 }
+.cxd-PopUp-closeBox {
+  width: 3rem;
+  height: 3rem;
+  position: absolute;
+  z-index: 1;
+  cursor: pointer;
+  right: 0;
+  top: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 .cxd-PopUp-closeWrap {
   position: relative;
   text-align: center;
@@ -13738,12 +13876,9 @@ input[type=button].cxd-Button--block {
   line-height: 3rem;
 }
 .cxd-PopUp-closeWrap .cxd-PopUp-close {
-  position: absolute;
   z-index: 1;
   color: #999;
   cursor: pointer;
-  top: 0.9375rem;
-  right: 0.9375rem;
 }
 .cxd-PopUp-toolbar {
   display: flex;
@@ -14044,22 +14179,22 @@ input[type=button].cxd-Button--block {
   color: inherit;
 }
 .cxd-Toast--error {
-  color: #151a26;
+  color: #151b26;
   border-color: #ffffff;
   background: #ffffff;
 }
 .cxd-Toast--warning {
-  color: #151a26;
+  color: #151b26;
   border-color: #ffffff;
   background: #ffffff;
 }
 .cxd-Toast--info {
-  color: #151a26;
+  color: #151b26;
   border-color: #ffffff;
   background: #ffffff;
 }
 .cxd-Toast--success {
-  color: #151a26;
+  color: #151b26;
   border-color: #ffffff;
   background: #ffffff;
 }
@@ -14136,7 +14271,7 @@ input[type=button].cxd-Button--block {
   border-radius: 0.25rem;
   margin-bottom: var(--Alert-md);
   position: relative;
-  color: #5e626a;
+  color: #5c5f66;
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
@@ -14181,23 +14316,23 @@ input[type=button].cxd-Button--block {
   opacity: 0.5;
 }
 .cxd-Alert--danger {
-  color: #5e626a;
-  background: #fdf0ee;
+  color: #5c5f66;
+  background: #ffe8e6;
   border-color: transparent;
 }
 .cxd-Alert--info {
-  color: #5e626a;
-  background: #e9f0fd;
+  color: #5c5f66;
+  background: #e6f0ff;
   border-color: transparent;
 }
 .cxd-Alert--success {
-  color: #5e626a;
-  background: #e7f9f2;
+  color: #5c5f66;
+  background: #ecffe6;
   border-color: transparent;
 }
 .cxd-Alert--warning {
-  color: #5e626a;
-  background: #fff7e6;
+  color: #5c5f66;
+  background: #fff4e6;
   border-color: transparent;
 }
 
@@ -14235,7 +14370,7 @@ input[type=button].cxd-Button--block {
 }
 
 .cxd-ArrayInput-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   padding-top: calc(
     (
         2rem - 1.4285714286 *
@@ -14314,7 +14449,7 @@ input[type=button].cxd-Button--block {
   padding-left: 29px;
 }
 .cxd-ArrayInput-sortTip {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-ArrayInput-item {
   display: flex;
@@ -14357,56 +14492,104 @@ input[type=button].cxd-Button--block {
   cursor: move;
 }
 
-.cxd-Tabs-linksContainer {
+.cxd-Tabs-drag-tip {
+  display: none;
+}
+.cxd-Tabs-linksWrapper {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  border-bottom: 0.0625rem solid #f2f2f4;
+}
+.cxd-Tabs-linksContainer-wrapper {
   position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
 }
-.cxd-Tabs-linksContainer-arrow {
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable {
+  display: flex;
+  margin-left: 1.25rem;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 0 0 10px;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable-icon {
+  width: 0.9375rem;
+  height: 0.9375rem;
+  padding: 0.0625rem;
+  margin-right: 0.25rem;
+}
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable span {
+  margin-left: 4px;
+  line-height: 1;
+}
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable:hover {
+  color: #2468f2;
+  fill: #2468f2;
+}
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer {
+  flex-grow: 1;
+  position: relative;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow {
+  margin: 0 0 10px;
+  width: 16px;
   height: 100%;
   display: flex;
   align-items: center;
-  top: 0;
   cursor: pointer;
-  position: absolute;
+  box-sizing: content-box;
 }
-.cxd-Tabs-linksContainer-arrow .iconfont {
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow .iconfont {
   font-size: 0.75rem;
 }
-.cxd-Tabs-linksContainer-arrow:hover {
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow:hover {
   color: #2468f2;
 }
-.cxd-Tabs-linksContainer-arrow--left {
-  left: 4px;
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--left {
+  padding-right: 16px;
 }
-.cxd-Tabs-linksContainer-arrow--right {
-  right: 4px;
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--right {
+  padding-left: 16px;
 }
-.cxd-Tabs-linksContainer-arrow--disabled .iconfont {
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--disabled .iconfont {
   cursor: not-allowed;
   color: #999;
 }
-.cxd-Tabs-linksContainer-arrow--disabled:hover {
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--disabled:hover {
   color: #999;
 }
-.cxd-Tabs-linksContainer-main {
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-main {
+  position: relative;
   overflow-y: auto;
   scrollbar-width: none;
   width: 100%;
 }
-.cxd-Tabs-linksContainer-main::-webkit-scrollbar {
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-main::-webkit-scrollbar {
   display: none;
 }
-.cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
-  white-space: nowrap;
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-main .cxd-Tabs-links {
   min-width: 100%;
-  display: inline-block;
+  max-width: 0;
+  height: 100%;
+  overflow-x: hidden;
 }
-.cxd-Tabs .cxd-Tabs-linksContainer--overflow {
-  padding: 0 20px;
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-main .cxd-Tabs-links .cxd-Tabs-links-drag {
+  position: absolute;
+  height: 100%;
+  top: 0;
+  box-shadow: 0 0 0 1px red;
 }
 .cxd-Tabs-links {
+  display: flex;
   margin: 0;
   padding: 0;
-  border-bottom: 0.0625rem solid #eceff8;
   list-style: none;
   user-select: none;
 }
@@ -14418,9 +14601,24 @@ input[type=button].cxd-Button--block {
   clear: both;
 }
 .cxd-Tabs-links > .cxd-Tabs-link {
-  margin-bottom: calc(0.0625rem * -1);
-  display: inline-block;
   position: relative;
+  flex: none;
+  display: flex;
+  max-width: 10rem;
+  overflow: hidden;
+}
+.cxd-Tabs-links > .cxd-Tabs-link .cxd-Tabs-link-edit {
+  max-width: 10rem;
+  border: none;
+  outline: none;
+}
+.cxd-Tabs-links > .cxd-Tabs-link .cxd-Tabs-link-close {
+  margin: 0.0625rem 0 0 0.25rem;
+  fill: #83868c;
+  cursor: pointer;
+}
+.cxd-Tabs-links > .cxd-Tabs-link .cxd-Tabs-link-close .cxd-Tabs-link-close-icon {
+  width: 0.75rem;
 }
 .cxd-Tabs-links > .cxd-Tabs-link > a:first-child {
   font-size: 0.875rem;
@@ -14434,6 +14632,9 @@ input[type=button].cxd-Button--block {
   text-decoration: none;
   cursor: pointer;
   display: block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 .cxd-Tabs-links > .cxd-Tabs-link > .cxd-Combo-toolbarBtn {
   position: absolute;
@@ -14447,14 +14648,13 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs-links > .cxd-Tabs-link:hover > a:first-child,
 .cxd-Tabs-links > .cxd-Tabs-link > a:first-child:focus {
-  border-color: #e5e7eb;
   text-decoration: none;
 }
 .cxd-Tabs-links > .cxd-Tabs-link.disabled, .cxd-Tabs-links > .cxd-Tabs-link.is-disabled {
   cursor: not-allowed;
 }
 .cxd-Tabs-links > .cxd-Tabs-link.disabled > a:first-child, .cxd-Tabs-links > .cxd-Tabs-link.is-disabled > a:first-child {
-  color: #4b5563;
+  color: #b8babf;
   background: transparent;
   border-color: transparent;
   pointer-events: none;
@@ -14469,7 +14669,7 @@ input[type=button].cxd-Button--block {
   background: #fff;
   border-style: solid;
   border-width: 0 0.0625rem 0.0625rem;
-  border-color: #eceff8;
+  border-color: #f2f2f4;
 }
 .cxd-Tabs-pane {
   display: none;
@@ -14483,30 +14683,63 @@ input[type=button].cxd-Button--block {
 .cxd-Tabs-pane.in {
   opacity: 1;
 }
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper {
+  border-bottom: 0.0625rem solid #f2f2f4;
+}
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper--toolbar .cxd-Tabs-link {
+  padding-top: 10px;
+}
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper--toolbar .cxd-Tabs-addable {
+  padding: 0;
+}
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper--toolbar .cxd-Tabs-linksContainer-arrow {
+  margin: 0;
+}
 .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow {
   top: -4px;
 }
-.cxd-Tabs--line > .cxd-Tabs-links, .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
+.cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links,
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
   border-bottom-color: #eceff8;
 }
-.cxd-Tabs--line > .cxd-Tabs-links > li > a:first-child, .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
+.cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li,
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:first-of-type,
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:first-of-type {
+  padding-left: 0;
+}
+.cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:last-of-type,
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:last-of-type {
+  padding-right: 0;
+}
+.cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child,
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
   border-width: 0 0 0.125rem 0;
   padding: 0 0 8px;
-  margin: 0 40px 0 0;
 }
-.cxd-Tabs--line > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--line > .cxd-Tabs-links > li > a:first-child:focus, .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:focus {
+.cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover a:first-child,
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover a:first-child {
   color: #2468f2;
   background: transparent;
   border-color: transparent;
 }
-.cxd-Tabs--line > .cxd-Tabs-links > li:last-child > a, .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:last-child > a {
+.cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover .cxd-Tabs-link-close,
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover .cxd-Tabs-link-close {
+  fill: #2468f2;
+}
+.cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:last-child > a,
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:last-child > a {
   margin: 0;
 }
-.cxd-Tabs--line > .cxd-Tabs-links > li.is-active > a:first-child,
-.cxd-Tabs--line > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.cxd-Tabs--line > .cxd-Tabs-links > li.is-active > a:first-child:focus, .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child,
-.cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus {
+.cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child,
+.cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:hover,
+.cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:focus,
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child,
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover,
+.cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus {
   border-color: #2468f2;
   color: #2468f2;
   background: transparent;
@@ -14519,142 +14752,212 @@ input[type=button].cxd-Button--block {
 .cxd-Tabs--card > .cxd-Tabs-linksContainer {
   background: #f5f5f5;
 }
-.cxd-Tabs--card > .cxd-Tabs-links, .cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
-  padding: 0.375rem 0 0 0.625rem;
+.cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper {
   background: #f5f5f5;
+}
+.cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-addable {
+  margin-left: 0;
+  padding: 0;
+  padding-top: 0.4375rem;
+  margin-right: 1rem;
+}
+.cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-addable {
+  padding: 0;
+}
+.cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow {
+  padding: 0.5rem 1rem 0;
+  margin-bottom: 0;
+}
+.cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
+  padding: 0.375rem 0 0 0.625rem;
   border-top: 0.0625rem solid #eceff8;
 }
-.cxd-Tabs--card > .cxd-Tabs-links > li.is-active > a:first-child,
-.cxd-Tabs--card > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.cxd-Tabs--card > .cxd-Tabs-links > li.is-active > a:first-child:focus, .cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child,
-.cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus {
+.cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
+  padding: 0.625rem 0.625rem;
+  margin: 0 10px 0 0;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+  cursor: pointer;
+}
+.cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active {
   border-color: #fff;
   color: #2468f2;
   border-bottom-color: #fff;
   background: #fff;
 }
-.cxd-Tabs--card > .cxd-Tabs-links > li > a:first-child, .cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
-  padding: 0.625rem 0.625rem;
-  margin: 0 10px 0 0;
-}
-.cxd-Tabs--card > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--card > .cxd-Tabs-links > li > a:first-child:focus, .cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:focus {
-  color: #666;
+.cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover, .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:focus {
   background: #fff;
   border-bottom-color: transparent;
 }
+.cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
+  padding: 0;
+  border: none;
+}
+.cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-toolbar {
+  padding: 0.375rem 0 0 0.625rem;
+  margin: 0;
+}
 .cxd-Tabs--card > .cxd-Tabs-content {
   border-width: 0;
 }
-.cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow {
-  top: -4px;
+.cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper {
+  margin-bottom: 0.625rem;
+}
+.cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable {
+  padding: 0;
+}
+.cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow {
+  margin-bottom: 0;
 }
-.cxd-Tabs--radio > .cxd-Tabs-links, .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
+.cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
   border: 0;
-  margin-bottom: 0.625rem;
 }
-.cxd-Tabs--radio > .cxd-Tabs-links > li, .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
+.cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
   margin: 0;
-}
-.cxd-Tabs--radio > .cxd-Tabs-links > li > a:first-child, .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
+  align-items: center;
   border-width: 0.0625rem;
-  border-color: #eceff8;
-  font-size: 0.75rem;
+  border-color: #f2f2f4;
   text-align: center;
   margin: 0;
   padding: 0 0.625rem;
   min-width: 68px;
   height: 1.875rem;
-  line-height: 1.875rem;
-  border-radius: 0;
   background: #fff;
+  border-style: solid;
 }
-.cxd-Tabs--radio > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--radio > .cxd-Tabs-links > li > a:first-child:focus, .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:focus {
+.cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover, .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:focus {
   color: #2468f2;
 }
-.cxd-Tabs--radio > .cxd-Tabs-links > li.is-active > a:first-child,
-.cxd-Tabs--radio > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.cxd-Tabs--radio > .cxd-Tabs-links > li.is-active > a:first-child:focus, .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child,
-.cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus {
-  color: #fff;
+.cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
+  padding: 0;
+  border-radius: 0;
+  line-height: 1.875rem;
+  font-size: 0.75rem;
+  border: none;
+}
+.cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active {
   background: #2468f2;
   border-color: #2468f2;
   position: relative;
   z-index: 1;
 }
-.cxd-Tabs--radio > .cxd-Tabs-links > li + li, .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li + li {
+.cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child {
+  background: #2468f2;
+  color: #fff;
+}
+.cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > .cxd-Tabs-link-close {
+  fill: #fff;
+}
+.cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li + li {
   margin-left: -1px;
 }
 .cxd-Tabs--radio > .cxd-Tabs-content {
-  border-top: 0.0625rem solid #eceff8;
+  border-top: 0.0625rem solid #f2f2f4;
+}
+.cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper {
+  align-items: stretch;
+  border-bottom: none;
+}
+.cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer {
+  flex: 1;
+  align-items: stretch;
+}
+.cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow {
+  margin-bottom: 0;
+  padding: 0 10px;
+  height: auto;
+  align-items: center;
+  justify-content: center;
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: #f2f2f4;
+}
+.cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:first-of-type {
+  border-left-width: 0;
+}
+.cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:last-of-type {
+  border-right-width: 0;
+}
+.cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable {
+  padding: 0 0.75rem;
+  margin-left: 0;
+  white-space: nowrap;
+  border-style: solid;
+  border-color: #f2f2f4;
+  border-width: 0.0625rem;
+  border-left-width: 0;
 }
-.cxd-Tabs--tiled > .cxd-Tabs-links, .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
+.cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
   width: 100%;
   display: flex;
   flex-direction: row;
   padding-left: 0.0625rem;
   border-bottom: 0;
 }
-.cxd-Tabs--tiled > .cxd-Tabs-links > li, .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
+.cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
+  max-width: unset;
   flex-grow: 1;
   text-align: center;
   margin: 0 0 0 calc(0.0625rem * -1);
-}
-.cxd-Tabs--tiled > .cxd-Tabs-links > li > a:first-child, .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
-  margin: 0;
-  border-radius: 0;
   border-style: solid;
-  border-color: #eceff8;
+  border-color: #f2f2f4;
   border-width: 0.0625rem;
+  padding: 0.5rem 0.75rem;
+  cursor: pointer;
 }
-.cxd-Tabs--tiled > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--tiled > .cxd-Tabs-links > li > a:first-child:focus, .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:focus {
+.cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover, .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:focus {
   position: relative;
   z-index: 1;
   border-color: #eceff8;
   color: #2468f2;
 }
-.cxd-Tabs--tiled > .cxd-Tabs-links > li.is-active > a:first-child,
-.cxd-Tabs--tiled > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.cxd-Tabs--tiled > .cxd-Tabs-links > li.is-active > a:first-child:focus, .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child,
-.cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus {
+.cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  flex: 1;
+  border: none;
+}
+.cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active {
   cursor: default;
   color: #2468f2;
-  border-color: #eceff8;
+  border-color: #f2f2f4;
   border-top-color: #2468f2;
   border-bottom-color: transparent;
 }
 .cxd-Tabs--vertical {
   display: flex;
   min-height: 12.5rem;
-  border: 0.0625rem solid #eceff8;
+  border: 0.0625rem solid #f2f2f4;
   border-radius: 0;
 }
-.cxd-Tabs--vertical > .cxd-Tabs-links {
-  width: 8.75rem;
+.cxd-Tabs--vertical > .cxd-Tabs-linksWrapper {
+  flex-direction: column;
   background: #f5f5f5;
+}
+.cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links {
+  width: 8.75rem;
   border: none;
   border-right: none;
-  padding-bottom: 3.75rem;
+  flex-direction: column;
 }
-.cxd-Tabs--vertical > .cxd-Tabs-links > li {
+.cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li {
   margin: 0 0 0 -1px;
   display: block;
 }
-.cxd-Tabs--vertical > .cxd-Tabs-links > li > a:first-child {
+.cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child {
   border-color: transparent;
   border-radius: 0;
   border-width: 0 0 0 0.25rem;
   margin: 0;
 }
-.cxd-Tabs--vertical > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--vertical > .cxd-Tabs-links > li > a:first-child:focus {
+.cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child:focus {
   color: #2468f2;
   border-color: transparent;
 }
-.cxd-Tabs--vertical > .cxd-Tabs-links > li.is-active > a:first-child,
-.cxd-Tabs--vertical > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.cxd-Tabs--vertical > .cxd-Tabs-links > li.is-active > a:first-child:focus {
+.cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child,
+.cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:hover,
+.cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:focus {
   color: #2468f2;
   background: #f5f5f5;
   border-color: #2468f2;
@@ -14666,14 +14969,87 @@ input[type=button].cxd-Button--block {
 .cxd-Tabs--vertical > .cxd-Tabs-content > .cxd-Tabs-pane {
   height: 100%;
 }
-.cxd-Tabs--chrome > .cxd-Tabs-links {
+.cxd-Tabs--sidebar {
+  display: flex;
+  height: 100%;
+}
+.cxd-Tabs--sidebar.sidebar--left {
+  flex-direction: row;
+}
+.cxd-Tabs--sidebar.sidebar--left > .cxd-Tabs-content {
+  border-right: none;
+}
+.cxd-Tabs--sidebar.sidebar--right {
+  flex-direction: row-reverse;
+}
+.cxd-Tabs--sidebar.sidebar--right > .cxd-Tabs-content {
+  border-left: none;
+}
+.cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper {
+  flex: 0 0 3.875rem;
+  align-items: flex-start;
+  border: none;
+}
+.cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links {
+  position: relative;
+  margin: 0;
+  padding-top: 1.6875rem;
+  flex-grow: 1;
+  border: none;
+  flex-direction: column;
+  border: 0;
+}
+.cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li {
+  display: flex;
+  margin: 0 0 1.375rem 0;
+  padding: 0;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  border: 0;
+}
+.cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: #83868c;
+}
+.cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child .cxd-Icon {
+  font-size: 1.5rem;
+  height: 1.5rem;
+  margin-bottom: 0.3125rem;
+}
+.cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child,
+.cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child:hover,
+.cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child:focus {
+  color: #2468f2;
+}
+.cxd-Tabs--sidebar > .cxd-Tabs-content {
+  flex-grow: 1;
+  border-bottom: none;
+}
+.cxd-Tabs--sidebar > .cxd-Tabs-content > .cxd-Tabs-pane {
+  height: 100%;
+}
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper {
   background: #f5f5f5;
+  border-bottom: none;
+}
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-addable {
+  margin-left: 0;
+  padding: 0;
+  padding-top: 10px;
+}
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links {
   border-bottom: 0;
   padding: 0 0.625rem;
   padding-top: 0.5rem;
   display: flex;
 }
-.cxd-Tabs--chrome > .cxd-Tabs-links > li {
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li {
   position: relative;
   margin-bottom: 0;
   white-space: nowrap;
@@ -14682,25 +15058,27 @@ input[type=button].cxd-Button--block {
   padding: 0.4375rem 1.25rem 0.375rem;
   cursor: pointer;
   flex: 1;
+  overflow: inherit;
 }
-.cxd-Tabs--chrome > .cxd-Tabs-links > li > a:first-child {
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child {
   background: none;
   border: none;
   position: relative;
   z-index: 5;
   overflow: hidden;
   padding: 0;
+  text-overflow: unset;
 }
-.cxd-Tabs--chrome > .cxd-Tabs-links > li.is-active > a:first-child,
-.cxd-Tabs--chrome > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.cxd-Tabs--chrome > .cxd-Tabs-links > li.is-active > a:first-child:focus {
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child,
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:hover,
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:focus {
   background: none;
   border: none;
 }
-.cxd-Tabs--chrome > .cxd-Tabs-links > li.is-active:after {
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active:after {
   display: none;
 }
-.cxd-Tabs--chrome > .cxd-Tabs-links > li:after {
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:after {
   content: "";
   width: 1px;
   height: calc(100% - 0.5rem * 2);
@@ -14709,22 +15087,22 @@ input[type=button].cxd-Button--block {
   background: #b4bbc5;
   top: 0.5rem;
 }
-.cxd-Tabs--chrome > .cxd-Tabs-links > li:hover .chrome-tab-background {
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover .chrome-tab-background {
   z-index: 3;
   display: block;
   background-color: #fcfcfc;
 }
-.cxd-Tabs--chrome > .cxd-Tabs-links > li:hover .chrome-tab-background > svg {
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover .chrome-tab-background > svg {
   fill: #fcfcfc;
 }
-.cxd-Tabs--chrome > .cxd-Tabs-links > li:hover:after {
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover:after {
   display: none;
 }
-.cxd-Tabs--chrome > .cxd-Tabs-links > li.is-active .chrome-tab-background {
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active .chrome-tab-background {
   display: block;
   background-color: #fff;
 }
-.cxd-Tabs--chrome > .cxd-Tabs-links > li.is-active .chrome-tab-background > svg {
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active .chrome-tab-background > svg {
   fill: #fff;
 }
 .cxd-Tabs--chrome .chrome-tab-background {
@@ -14750,10 +15128,148 @@ input[type=button].cxd-Button--block {
 .cxd-Tabs--chrome .chrome-tab-background > .chrome-tab-background--left {
   left: calc(0.5rem * -1);
 }
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper {
+  border-bottom: none;
+}
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable {
+  padding: 0;
+}
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow {
+  margin-bottom: 0;
+}
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
+  border: none;
+}
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
+  position: relative;
+  border: none;
+  padding: 0.25rem 1rem;
+}
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  right: 0;
+  width: 0.0625rem;
+  height: 0.9375rem;
+  transform: translateY(-50%);
+  background-color: #f2f2f4;
+}
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > .cxd-Tabs-link-close {
+  padding-top: 0.0625rem;
+  cursor: pointer;
+}
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:last-of-type::after {
+  content: none;
+}
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child,
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover,
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus, .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover > a:first-child,
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover > a:first-child:hover,
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover > a:first-child:focus {
+  color: #2468f2;
+  border: none;
+}
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover .cxd-Tabs-link-close {
+  fill: #2468f2;
+}
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
+  padding: 0;
+}
+.cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child, .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:hover, .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:focus {
+  border: none;
+}
+.cxd-Tabs--simple > .cxd-Tabs-content {
+  border: none;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper {
+  align-items: stretch;
+  border-bottom: 0.0625rem solid #f2f2f4;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable {
+  width: 2rem;
+  margin-left: 0.5rem;
+  padding: 0;
+  margin-bottom: calc(0.0625rem * -1);
+  align-items: center;
+  justify-content: center;
+  font-size: 0;
+  border: 0.0625rem solid #f2f2f4;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+  flex: none;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable > .cxd-Tabs-addable-icon {
+  margin-right: 0;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable:hover {
+  color: #2468f2;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer {
+  margin-bottom: calc(0.0625rem * -1);
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:first-of-type {
+  border-left-width: 0;
+  border-top-left-radius: 0;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:last-of-type {
+  border-right-width: 0;
+  border-top-right-radius: 0;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-linksContainer-arrow {
+  width: 1.5rem;
+  margin-bottom: 0;
+  padding: 0;
+  justify-content: center;
+  border: 0.0625rem solid #f2f2f4;
+  border-top-right-radius: 0.25rem;
+  box-sizing: border-box;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-linksContainer-arrow--left {
+  padding-right: 0;
+  border-right-width: 0;
+  border-top-left-radius: 0.25rem;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-linksContainer-arrow--right {
+  padding-left: 0;
+  border-left-width: 0;
+  border-top-right-radius: 0.25rem;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link {
+  margin-right: 0.5rem;
+  padding: 0.5rem 1rem;
+  background: #fff;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+  border: 0.0625rem solid #f2f2f4;
+  cursor: pointer;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active {
+  border-bottom-color: #fff;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active > a:first-child,
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active > a:first-child:hover,
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active > a:first-child:focus, .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:hover > a:first-child,
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:hover > a:first-child:hover,
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:hover > a:first-child:focus {
+  color: #2468f2;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:hover .cxd-Tabs-link-close {
+  fill: #2468f2;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:last-of-type {
+  margin-right: 0;
+}
+.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link > a:first-child {
+  padding: 0;
+  margin: 0;
+  border: none;
+}
 .cxd-Tabs-toolbar {
-  display: inline-block;
-  float: right;
-  padding-top: 0.25rem;
+  margin-left: 0.75rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
 }
 
 .cxd-Nav {
@@ -14854,7 +15370,7 @@ input[type=button].cxd-Button--block {
   font-size: 12px;
   text-align: center;
   color: #fff;
-  background: #0bc286;
+  background: #30bf13;
 }
 .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Nav-item-atcions {
   display: flex;
@@ -14905,7 +15421,7 @@ input[type=button].cxd-Button--block {
   display: block;
 }
 .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.disabled > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-disabled > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.disabled > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-disabled > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.disabled > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-disabled > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.disabled > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-disabled > .cxd-Badge > a {
-  color: #b4b6ba;
+  color: #b8babf;
   background: transparent;
   pointer-events: none;
 }
@@ -15169,7 +15685,7 @@ input[type=button].cxd-Button--block {
   display: block;
   width: 100%;
   padding: 5px 10px;
-  color: #e8684a;
+  color: #f33e3e;
   background: rgba(255, 255, 255, 0.4);
   text-align: center;
   top: 0;
@@ -15376,19 +15892,19 @@ input[type=button].cxd-Button--block {
   border-color: #2468f2;
 }
 .cxd-Panel--success {
-  border-color: #0bc286;
+  border-color: #30bf13;
 }
 .cxd-Panel--success > .cxd-Panel-heading {
-  background: #0bc286;
+  background: #30bf13;
   color: #fff;
 }
 .cxd-Panel--success > .cxd-Panel-heading .badge {
-  color: #0bc286;
+  color: #30bf13;
   background: #fff;
 }
 .cxd-Panel--success > .cxd-Panel-heading,
 .cxd-Panel--success > .cxd-Panel-footer {
-  border-color: #0bc286;
+  border-color: #30bf13;
 }
 .cxd-Panel--info {
   border-color: #2468f2;
@@ -15406,34 +15922,34 @@ input[type=button].cxd-Button--block {
   border-color: #2468f2;
 }
 .cxd-Panel--warning {
-  border-color: #ffb200;
+  border-color: #ff9326;
 }
 .cxd-Panel--warning > .cxd-Panel-heading {
-  background: #ffb200;
+  background: #ff9326;
   color: #fff;
 }
 .cxd-Panel--warning > .cxd-Panel-heading .badge {
-  color: #ffb200;
+  color: #ff9326;
   background: #fff;
 }
 .cxd-Panel--warning > .cxd-Panel-heading,
 .cxd-Panel--warning > .cxd-Panel-footer {
-  border-color: #ffb200;
+  border-color: #ff9326;
 }
 .cxd-Panel--danger {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 .cxd-Panel--danger > .cxd-Panel-heading {
-  background: #e8684a;
+  background: #f33e3e;
   color: #fff;
 }
 .cxd-Panel--danger > .cxd-Panel-heading .badge {
-  color: #e8684a;
+  color: #f33e3e;
   background: #fff;
 }
 .cxd-Panel--danger > .cxd-Panel-heading,
 .cxd-Panel--danger > .cxd-Panel-footer {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 .cxd-Panel-heading {
   padding: 0.5rem 0.75rem;
@@ -15674,11 +16190,15 @@ input[type=button].cxd-Button--block {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
+.cxd-ButtonGroup > .cxd-ButtonGroup:last-child > .cxd-Button:not(:last-child) {
+  border-top-right-radius: 0;
+}
 
 .cxd-ButtonGroup--vertical {
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
+  /* 修正头尾的圆角 */
 }
 .cxd-ButtonGroup--vertical .cxd-Button,
 .cxd-ButtonGroup--vertical .cxd-ButtonGroup {
@@ -15701,6 +16221,14 @@ input[type=button].cxd-Button--block {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
+.cxd-ButtonGroup--vertical > .cxd-Button:first-child,
+.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:first-child > .cxd-Button:first-child {
+  border-top-right-radius: 0.25rem;
+}
+.cxd-ButtonGroup--vertical > .cxd-Button:last-child,
+.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:last-child > .cxd-Button:last-child {
+  border-bottom-left-radius: 0.25rem;
+}
 
 .cxd-ButtonGroup--tiled {
   display: flex;
@@ -15833,7 +16361,7 @@ input[type=button].cxd-Button--block {
 }
 
 .cxd-Each-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   text-align: left;
   padding: 0.5rem;
 }
@@ -16172,7 +16700,7 @@ input[type=button].cxd-Button--block {
 }
 
 .cxd-Collapse {
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   padding: 0;
   line-height: 1.25rem;
 }
@@ -16183,7 +16711,7 @@ input[type=button].cxd-Button--block {
   padding: 1rem;
   margin: 0;
   cursor: pointer;
-  background: #f2f2f4;
+  background: #f7f7f9;
 }
 .cxd-Collapse-header-wrapper {
   display: inline-flex;
@@ -16193,7 +16721,7 @@ input[type=button].cxd-Button--block {
   margin-right: 0.5rem;
 }
 .cxd-Collapse-header:hover {
-  background: #e6e6e8;
+  background: #f2f2f4;
 }
 .cxd-Collapse-arrow {
   display: inline-block;
@@ -16233,13 +16761,13 @@ input[type=button].cxd-Button--block {
 .cxd-Collapse--disabled .cxd-Collapse-header {
   cursor: not-allowed;
   user-select: none;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-Collapse--disabled .cxd-Collapse-header:hover {
-  background-color: #f2f2f4;
+  background-color: #f7f7f9;
 }
 .cxd-Collapse--disabled .cxd-Collapse-arrow:before {
-  border-color: #b4b6ba;
+  border-color: #b8babf;
 }
 .cxd-Collapse--title-bottom .cxd-Collapse-header {
   text-align: center;
@@ -16346,10 +16874,10 @@ input[type=button].cxd-Button--block {
   transition: transform 0.2s ease-out;
   margin: 5px;
   display: flex;
-  color: #83868c;
+  color: #84868c;
 }
 .cxd-CBGroup-fieldCaret:hover, .cxd-CBGroup-operatorCaret:hover {
-  color: #83868c;
+  color: #84868c;
 }
 .cxd-CBGroup-fieldCaret > svg, .cxd-CBGroup-operatorCaret > svg {
   width: 0.625rem;
@@ -16360,7 +16888,7 @@ input[type=button].cxd-Button--block {
   transform: rotate(180deg);
 }
 .cxd-CBGroup-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   position: relative;
   margin-left: 30px;
   padding: 10px;
@@ -16528,7 +17056,7 @@ input[type=button].cxd-Button--block {
   position: relative;
 }
 .cxd-CBFunc-error {
-  color: #e8684a;
+  color: #f33e3e;
 }
 .cxd-CBFunc-args {
   display: inline-block;
@@ -16556,8 +17084,8 @@ input[type=button].cxd-Button--block {
   margin: 0.1875rem;
 }
 .cxd-CBFormula-label {
-  background: #f2f2f4;
-  color: #b4b6ba;
+  background: #f7f7f9;
+  color: #b8babf;
   display: block;
   font-size: 0.75rem;
   align-self: center;
@@ -17145,13 +17673,13 @@ input[type=button].cxd-Button--block {
   overflow: hidden;
 }
 .cxd-Table-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   text-align: center;
   height: 6.25rem;
   background: transparent !important;
 }
 .cxd-Table-placeholder:hover {
-  color: #b4b6ba;
+  color: #b8babf;
   background: transparent !important;
 }
 .cxd-Table-placeholder > td {
@@ -17497,26 +18025,26 @@ input[type=button].cxd-Button--block {
   color: #425278 !important;
 }
 .cxd-Table-table > tbody > tr.bg-success {
-  background-color: #0bc286;
-  color: #a4f5da;
+  background-color: #30bf13;
+  color: #b8f2ac;
 }
 .cxd-Table-table > tbody > tr.bg-success.lt, .cxd-Table-table > tbody > tr.bg-success .lt {
-  background: #0fd796;
+  background: #38d318;
 }
 .cxd-Table-table > tbody > tr.bg-success.lter, .cxd-Table-table > tbody > tr.bg-success .lter {
-  background: #15eba5;
+  background: #43e223;
 }
 .cxd-Table-table > tbody > tr.bg-success.dk, .cxd-Table-table > tbody > tr.bg-success .dk {
-  background: #07ac76;
+  background: #29aa0e;
 }
 .cxd-Table-table > tbody > tr.bg-success.dker, .cxd-Table-table > tbody > tr.bg-success .dker {
-  background: #049666;
+  background: #22950a;
 }
 .cxd-Table-table > tbody > tr.bg-success.bg, .cxd-Table-table > tbody > tr.bg-success .bg {
-  background-color: #0bc286;
+  background-color: #30bf13;
 }
 .cxd-Table-table > tbody > tr.bg-success a, .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link {
-  color: #d2faed;
+  color: #def9d8;
 }
 .cxd-Table-table > tbody > tr.bg-success a:hover, .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link:hover {
   color: #fff;
@@ -17565,23 +18093,23 @@ input[type=button].cxd-Button--block {
   color: #425278 !important;
 }
 .cxd-Table-table > tbody > tr.bg-warning {
-  background-color: #ffb200;
-  color: #fcefcf;
+  background-color: #ff9326;
+  color: #fef9f3;
 }
 .cxd-Table-table > tbody > tr.bg-warning.lt, .cxd-Table-table > tbody > tr.bg-warning .lt {
-  background: #fcb91c;
+  background: #fda042;
 }
 .cxd-Table-table > tbody > tr.bg-warning.lter, .cxd-Table-table > tbody > tr.bg-warning .lter {
-  background: #fabf38;
+  background: #fbac5d;
 }
 .cxd-Table-table > tbody > tr.bg-warning.dk, .cxd-Table-table > tbody > tr.bg-warning .dk {
-  background: #e6a000;
+  background: #ff860d;
 }
 .cxd-Table-table > tbody > tr.bg-warning.dker, .cxd-Table-table > tbody > tr.bg-warning .dker {
-  background: #cc8e00;
+  background: #f27a00;
 }
 .cxd-Table-table > tbody > tr.bg-warning.bg, .cxd-Table-table > tbody > tr.bg-warning .bg {
-  background-color: #ffb200;
+  background-color: #ff9326;
 }
 .cxd-Table-table > tbody > tr.bg-warning a, .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link {
   color: white;
@@ -17599,23 +18127,23 @@ input[type=button].cxd-Button--block {
   color: #425278 !important;
 }
 .cxd-Table-table > tbody > tr.bg-danger {
-  background-color: #e8684a;
-  color: white;
+  background-color: #f33e3e;
+  color: #fffefe;
 }
 .cxd-Table-table > tbody > tr.bg-danger.lt, .cxd-Table-table > tbody > tr.bg-danger .lt {
-  background: #e97c63;
+  background: #f25858;
 }
 .cxd-Table-table > tbody > tr.bg-danger.lter, .cxd-Table-table > tbody > tr.bg-danger .lter {
-  background: #ea907b;
+  background: #f27272;
 }
 .cxd-Table-table > tbody > tr.bg-danger.dk, .cxd-Table-table > tbody > tr.bg-danger .dk {
-  background: #e85331;
+  background: #f42323;
 }
 .cxd-Table-table > tbody > tr.bg-danger.dker, .cxd-Table-table > tbody > tr.bg-danger .dker {
-  background: #e93e16;
+  background: #f50909;
 }
 .cxd-Table-table > tbody > tr.bg-danger.bg, .cxd-Table-table > tbody > tr.bg-danger .bg {
-  background-color: #e8684a;
+  background-color: #f33e3e;
 }
 .cxd-Table-table > tbody > tr.bg-danger a, .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link {
   color: white;
@@ -18116,7 +18644,7 @@ input[type=button].cxd-Button--block {
   display: inline-block;
 }
 .cxd-TableCell-sortBtn--default.is-active {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-TableCell-sortBtn--default.is-active:hover {
   color: #151a26;
@@ -18130,7 +18658,7 @@ input[type=button].cxd-Button--block {
   right: 0.25rem;
   top: 50%;
   transform: translateY(-50%);
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-TableCell-searchBtn svg.icon {
   width: 12px;
@@ -18157,7 +18685,7 @@ input[type=button].cxd-Button--block {
   right: calc( 0.625rem - 1rem / 2 );
   top: 50%;
   transform: translateY(-50%);
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-TableCell-filterBtn svg.icon {
   width: 12px;
@@ -18235,7 +18763,7 @@ input[type=button].cxd-Button--block {
 .cxd-Table-itemActions a.is-disabled {
   pointer-events: none;
   opacity: 0.65;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-Table-dragTip {
   color: #333;
@@ -18640,7 +19168,7 @@ input[type=button].cxd-Button--block {
   margin-top: 0.25rem;
 }
 .cxd-List-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   text-align: center;
   min-height: 1.875rem;
   line-height: 1.875rem;
@@ -18675,7 +19203,7 @@ input[type=button].cxd-Button--block {
   z-index: 2;
 }
 .cxd-ListGroup-item.is-disabled {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-ListGroup--expanded .cxd-ListGroup-item {
   border-radius: 0.25rem;
@@ -18745,7 +19273,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ListItem-fieldLabel {
   width: 9.375rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-ListItem.is-checked {
   background: #f0f6ff;
@@ -18843,7 +19371,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Cards-placeholder {
   background: #fff;
-  color: #b4b6ba;
+  color: #b8babf;
   text-align: center;
   height: 6.25rem;
   line-height: 6.25rem;
@@ -18975,7 +19503,7 @@ input[type=button].cxd-Button--block {
   max-height: calc(0.875rem * 1.5 * 2);
   overflow: hidden;
   text-overflow: ellipsis;
-  color: #b4b6ba;
+  color: #b8babf;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   display: -webkit-box;
@@ -19030,7 +19558,7 @@ input[type=button].cxd-Button--block {
   text-align: right;
 }
 .cxd-Card-highlight {
-  background: #0bc286;
+  background: #30bf13;
   width: 0.5rem;
   height: 0.5rem;
   border-radius: 100%;
@@ -19059,7 +19587,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Card-fieldLabel {
   width: 3.75rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-Card-actions {
   border-top: 0.0625rem solid #f5f7fb;
@@ -19092,7 +19620,7 @@ input[type=button].cxd-Button--block {
   border: none;
 }
 .cxd-Card-actions > a.is-disabled {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-Card-actions > a.is-disabled:hover {
   text-decoration: none;
@@ -19446,16 +19974,16 @@ input[type=button].cxd-Button--block {
   font-size: 1.2em;
 }
 .cxd-Progress-circle .bg-warning-circle-path {
-  stroke: #ffb200;
+  stroke: #ff9326;
 }
 .cxd-Progress-circle .bg-danger-circle-path {
-  stroke: #e8684a;
+  stroke: #f33e3e;
 }
 .cxd-Progress-circle .bg-info-circle-path {
   stroke: #2468f2;
 }
 .cxd-Progress-circle .bg-success-circle-path {
-  stroke: #0bc286;
+  stroke: #30bf13;
 }
 .cxd-Progress-circle .bg-primary-circle-path {
   stroke: #2468f2;
@@ -19697,7 +20225,7 @@ input[type=button].cxd-Button--block {
 .cxd-StatusField .cxd-Status-icon.rolling::before {
   content: "";
   display: inline-block;
-  border: 5px solid #e8684a;
+  border: 5px solid #f33e3e;
   border-radius: 500px;
   position: absolute;
   top: 0;
@@ -19717,19 +20245,19 @@ input[type=button].cxd-Button--block {
   animation-iteration-count: infinite;
 }
 .cxd-StatusField .cxd-Status-icon.icon-warning {
-  color: #ffb200;
+  color: #ff9326;
 }
 .cxd-Status-icon.rolling + .cxd-StatusField-label {
-  color: #ffb200;
+  color: #ff9326;
 }
 .cxd-Status-icon.icon-success + .cxd-StatusField-label {
-  color: #0bc286;
+  color: #30bf13;
 }
 .cxd-Status-icon.icon-fail + .cxd-StatusField-label {
-  color: #e8684a;
+  color: #f33e3e;
 }
 .cxd-Status-icon.icon-warning + .cxd-StatusField-label {
-  color: #ffb200;
+  color: #ff9326;
 }
 
 .cxd-Carousel {
@@ -20250,7 +20778,7 @@ input[type=button].cxd-Button--block {
 .cxd-InputBox {
   display: flex;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -20269,16 +20797,16 @@ input[type=button].cxd-Button--block {
   outline: none;
   background: transparent;
   border: none;
-  color: #151a26;
+  color: #151b26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 .cxd-InputBox input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 .cxd-InputBox:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-InputBox--borderHalf {
   border-left-color: transparent !important;
@@ -20295,26 +20823,26 @@ input[type=button].cxd-Button--block {
   cursor: inherit;
 }
 .cxd-InputBox.is-error {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
 }
 .cxd-InputBox.is-focused {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
 .cxd-InputBox.is-clickable:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   cursor: pointer;
 }
 .cxd-InputBox.is-error.is-focused {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 .cxd-InputBox.is-disabled {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
 }
 .cxd-InputBox-clear {
   padding: 0.1875rem;
@@ -20326,16 +20854,16 @@ input[type=button].cxd-Button--block {
   text-decoration: none;
 }
 .cxd-InputBox-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-InputBox-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-InputBox-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 .cxd-InputBox > svg {
   display: inline-block;
@@ -20349,7 +20877,7 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox {
   display: flex;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -20374,16 +20902,16 @@ input[type=button].cxd-Button--block {
   outline: none;
   background: transparent;
   border: none;
-  color: #151a26;
+  color: #151b26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 .cxd-ResultBox input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 .cxd-ResultBox:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-ResultBox--borderHalf {
   border-left-color: transparent !important;
@@ -20397,12 +20925,12 @@ input[type=button].cxd-Button--block {
   padding-right: 3.4375rem;
 }
 .cxd-ResultBox.is-error {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
 }
 .cxd-ResultBox.is-focused, .cxd-ResultBox.is-active, .cxd-ResultBox:focus {
   outline: none;
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
@@ -20410,17 +20938,17 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
 }
 .cxd-ResultBox.is-clickable:not(.is-disabled):hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
 .cxd-ResultBox.is-error.is-focused {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 .cxd-ResultBox.is-disabled {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
   pointer-events: none;
 }
 .cxd-ResultBox-singleValue {
@@ -20463,16 +20991,16 @@ input[type=button].cxd-Button--block {
   background-color: unset;
 }
 .cxd-ResultBox-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-ResultBox-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-ResultBox-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 .cxd-ResultBox-clear-wrap {
   width: 1rem;
@@ -20494,7 +21022,7 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
 }
 .cxd-ResultBox-value {
-  background: #f2f2f4;
+  background: #f7f7f9;
   color: #000;
   font-size: 0.875rem;
   padding: 0 0.25rem;
@@ -20531,7 +21059,7 @@ input[type=button].cxd-Button--block {
   color: #ebebeb;
 }
 .cxd-ResultBox-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
   margin-left: 8px;
 }
@@ -20543,10 +21071,10 @@ input[type=button].cxd-Button--block {
   padding: 0;
 }
 .cxd-ResultBox.cxd-TransferDropDown > .cxd-ResultBox-value {
-  background: #f2f2f4;
+  background: #f7f7f9;
 }
 .cxd-ResultBox.cxd-TransferDropDown > .cxd-ResultBox-value:hover {
-  background: #dadbdd;
+  background: #e8e9eb;
 }
 .cxd-ResultBox.is-mobile {
   min-height: calc(1.4285714286 * 1rem);
@@ -20576,16 +21104,16 @@ input[type=button].cxd-Button--block {
   background-color: unset;
 }
 .cxd-ResultBox.is-mobile .cxd-ResultBox-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-ResultBox.is-mobile .cxd-ResultBox-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-ResultBox.is-mobile .cxd-ResultBox-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 .cxd-ResultBox.is-mobile .cxd-ResultBox-arrow {
   margin-right: 0.25rem;
@@ -20600,7 +21128,7 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox.is-mobile .cxd-ResultBox-arrow > svg {
   transition: transform 0.2s;
   display: inline-block;
-  color: #83868c;
+  color: #84868c;
   width: 10px;
   height: 10px;
   top: 0;
@@ -20628,7 +21156,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-SearchBox.is-active {
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   width: 150px;
 }
 .cxd-SearchBox.is-active > input {
@@ -20649,12 +21177,12 @@ input[type=button].cxd-Button--block {
   outline: none;
   border: none;
   background: transparent;
-  color: #151a26;
+  color: #151b26;
   width: 0;
   height: calc(1.4285714286 * 0.875rem);
 }
 .cxd-SearchBox > input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 
@@ -20666,7 +21194,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ListMenu-groupLabel {
   font-size: 0.6875rem;
-  color: #b4b6ba;
+  color: #b8babf;
   padding: calc( ( 1.875rem - 1.4285714286 * 0.875rem - 0.5rem ) / 2 ) 0 0 calc(0.625rem - 0.25rem);
 }
 .cxd-ListMenu-group:not(:first-child) > .cxd-ListMenu-groupLabel {
@@ -20690,13 +21218,13 @@ input[type=button].cxd-Button--block {
   background: #eaf6fe;
 }
 .cxd-ListMenu-item.is-disabled {
-  color: #b4b6ba;
+  color: #b8babf;
   background: transparent;
 }
 .cxd-ListMenu-placeholder {
   display: block;
   min-height: 1.875rem;
-  color: #b4b6ba;
+  color: #b8babf;
   line-height: 1.4285714286;
   font-size: 0.875rem;
   cursor: pointer;
@@ -20912,14 +21440,14 @@ input[type=button].cxd-Button--block {
   border: 1px solid #b4bbc5;
 }
 .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-icon {
-  background-color: #e8684a;
+  background-color: #f33e3e;
   color: #fff;
-  border: 1px solid #e8684a;
+  border: 1px solid #f33e3e;
 }
 .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-title,
 .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-subTitle,
 .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-description {
-  color: #e8684a;
+  color: #f33e3e;
 }
 .cxd-Steps .cxd-StepsItem.is-finish .cxd-StepsItem-icon,
 .cxd-Steps .cxd-StepsItem.is-process .cxd-StepsItem-icon {
@@ -21385,7 +21913,7 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-InputGroup-addOn {
   background: #fff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   line-height: calc( 2rem - calc(
     (
         2rem - 1.4285714286 *
@@ -21414,7 +21942,7 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-InputGroup-btn .cxd-Button {
   border-radius: 0;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
 }
 .cxd-InputGroup-btn:not(:last-child) .cxd-Button {
   border-right: 0;
@@ -21443,7 +21971,7 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-InputGroup .cxd-SelectControl .cxd-Select {
   background: #fff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   color: #333;
 }
 .cxd-InputGroup .cxd-SelectControl:not(:last-child) .cxd-Select {
@@ -21473,7 +22001,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-InputGroup.is-focused .cxd-TextControl-input,
 .cxd-InputGroup.is-focused .cxd-Select,
 .cxd-InputGroup.is-focused .cxd-InputGroup-btn .cxd-Button {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-InputGroup.is-focused .cxd-Select {
   background: #eaf6fe;
@@ -21503,7 +22031,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-TextControl-input {
   display: flex;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -21522,16 +22050,16 @@ fieldset.cxd-Collapse--lg:after {
   outline: none;
   background: transparent;
   border: none;
-  color: #151a26;
+  color: #151b26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 .cxd-TextControl-input input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 .cxd-TextControl-input:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-TextControl-input--borderHalf {
   border-left-color: transparent !important;
@@ -21542,23 +22070,23 @@ fieldset.cxd-Collapse--lg:after {
   border-color: transparent !important;
 }
 .cxd-TextControl.is-error > .cxd-TextControl-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
   transition: all 0.2s;
 }
 .cxd-TextControl.is-focused > .cxd-TextControl-input {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
   transition: all 0.2s;
 }
 .cxd-TextControl.is-error.is-focused > .cxd-TextControl-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 .cxd-TextControl.is-disabled > .cxd-TextControl-input {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
   transition: all 0.2s;
 }
 .cxd-TextControl-spinner {
@@ -21574,16 +22102,16 @@ fieldset.cxd-Collapse--lg:after {
   text-decoration: none;
 }
 .cxd-TextControl-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-TextControl-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-TextControl-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 @media (min-width: 576px) {
   .cxd-TextControl.cxd-Form-control--sizeXs > .cxd-TextControl-input, .cxd-TextControl.cxd-Form-control--sizeSm > .cxd-TextControl-input, .cxd-TextControl.cxd-Form-control--sizeMd > .cxd-TextControl-input, .cxd-TextControl.cxd-Form-control--sizeLg > .cxd-TextControl-input {
@@ -21592,7 +22120,7 @@ fieldset.cxd-Collapse--lg:after {
   }
 }
 .cxd-TextControl-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
   position: absolute;
   left: 0.625rem;
@@ -21639,7 +22167,7 @@ fieldset.cxd-Collapse--lg:after {
   padding-right: 0.625rem;
   background: #fff;
   color: #666;
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
   border-style: solid;
   border-width: 0.0625rem 0;
 }
@@ -21655,7 +22183,7 @@ fieldset.cxd-Collapse--lg:after {
   position: relative;
   border-radius: 0;
   margin-left: -0.0625rem;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
 }
 .cxd-TextControl--withAddOn > .cxd-TextControl-button:not(:last-child) .cxd-Button {
   border-right: 0;
@@ -21669,18 +22197,18 @@ fieldset.cxd-Collapse--lg:after {
   border-bottom-right-radius: 0.25rem;
 }
 .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-button .cxd-Button {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-TextControl--withAddOn.is-error > .cxd-TextControl-addOn {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-addOn {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   color: #2468f2;
   box-shadow: none;
 }
 .cxd-TextControl--withAddOn.is-disabled > .cxd-TextControl-addOn {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-TextControl--withAddOn.is-inline {
   display: inline-block;
@@ -21700,8 +22228,8 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-TextControl-sugs {
   position: absolute;
   background: #fff;
-  color: #151a26;
-  border: 0.0625rem solid #1c53c1;
+  color: #151b26;
+  border: 0.0625rem solid #144bcc;
   left: -0.0625rem;
   right: -0.0625rem;
   top: 100%;
@@ -21722,8 +22250,8 @@ fieldset.cxd-Collapse--lg:after {
   cursor: pointer;
 }
 .cxd-TextControl-sugItem.is-highlight {
-  color: #151a26;
-  background: #e9f0fd;
+  color: #151b26;
+  background: #e6f0ff;
 }
 .cxd-TextControl-value {
   user-select: none;
@@ -21776,17 +22304,17 @@ fieldset.cxd-Collapse--lg:after {
   padding: 0 0.25rem;
 }
 .cxd-TextControl-counter {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .has-error--maxLength .cxd-TextControl-counter {
-  color: #e8684a;
+  color: #f33e3e;
 }
 .cxd-TextControl-input:hover {
   border-color: #2468f2;
 }
 
 .cxd-TextControl.is-disabled-input input {
-  color: #83868c;
+  color: #84868c;
 }
 
 .cxd-TextareaControl {
@@ -21794,7 +22322,7 @@ fieldset.cxd-Collapse--lg:after {
   position: relative;
 }
 .cxd-TextareaControl > textarea {
-  border: 1px solid #dadbdd;
+  border: 1px solid #e8e9eb;
   border-radius: 0.25rem;
   background: #ffffff;
   padding: calc(
@@ -21819,24 +22347,24 @@ fieldset.cxd-Collapse--lg:after {
   border-color: transparent !important;
 }
 .cxd-TextareaControl > textarea::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-TextareaControl > textarea:hover {
   border-color: #2468f2;
 }
 .cxd-TextareaControl > textarea:focus, .cxd-TextareaControl.is-focused > textarea {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
 }
 .cxd-TextareaControl > textarea:focus:hover, .cxd-TextareaControl.is-focused > textarea:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-TextareaControl.is-disabled > textarea, .cxd-TextareaControl > textarea[disabled] {
   background: #e5e7eb;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-TextareaControl.is-error > textarea {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 .cxd-TextareaControl-counter {
   position: absolute;
@@ -21861,7 +22389,7 @@ fieldset.cxd-Collapse--lg:after {
   right: calc( 0.625rem + 0.875rem + 0.1875rem * 2 + 0.3125rem );
 }
 .has-error--maxLength .cxd-TextareaControl-counter {
-  background: #e8684a;
+  background: #f33e3e;
 }
 .cxd-TextareaControl-clear {
   padding: 0.1875rem;
@@ -21881,16 +22409,16 @@ fieldset.cxd-Collapse--lg:after {
   );
 }
 .cxd-TextareaControl-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-TextareaControl-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-TextareaControl-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .cxd-Checkbox {
@@ -21971,17 +22499,17 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-Checkbox--checkbox input[disabled] + i + span {
   cursor: not-allowed;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-Checkbox--checkbox > i {
   width: 0.875rem;
   height: 0.875rem;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   margin-left: calc(0.875rem * -1);
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox:not(:disabled) + i:hover {
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked + i {
   border-color: #2468f2;
@@ -22036,16 +22564,16 @@ fieldset.cxd-Collapse--lg:after {
   border-radius: 50%;
 }
 .cxd-Checkbox--radio input[disabled] + i {
-  border-color: #b4b6ba;
+  border-color: #b8babf;
   background: #e5e7eb;
   cursor: not-allowed;
 }
 .cxd-Checkbox--radio input[disabled] + i:before {
-  background: #b4b6ba;
+  background: #b8babf;
 }
 .cxd-Checkbox--radio input[disabled] + i + span {
   cursor: not-allowed;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-Checkbox--radio input:focus + i {
   box-shadow: none;
@@ -22054,7 +22582,7 @@ fieldset.cxd-Collapse--lg:after {
   cursor: pointer;
   width: 1rem;
   height: 1rem;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   margin-left: calc(1rem * -1);
   margin-top: -0.125rem;
   border-radius: 50%;
@@ -22083,7 +22611,7 @@ fieldset.cxd-Collapse--lg:after {
   height: calc(0.625rem / 2);
 }
 .cxd-Checkbox-desc {
-  color: #b4b6ba;
+  color: #b8babf;
   margin-left: 0.25rem;
   margin-top: 0.25rem;
   pointer-events: all;
@@ -22161,7 +22689,7 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-GroupedSelection-group > .cxd-GroupedSelection-itemLabel {
   padding: 0.25rem 0.75rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-GroupedSelection-item {
   display: flex;
@@ -22184,7 +22712,7 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-GroupedSelection-item.is-disabled {
   pointer-events: none;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-GroupedSelection-group > .cxd-GroupedSelection-items > .cxd-GroupedSelection-item {
   padding-left: calc(0.75rem * 2);
@@ -22201,7 +22729,7 @@ fieldset.cxd-Collapse--lg:after {
   line-height: 1.4285714286;
   font-size: 0.875rem;
   padding: calc( ( 2rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .cxd-TableSelection .cxd-Table-content {
@@ -22306,7 +22834,7 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-TreeSelection-itemInner.is-disabled {
   pointer-events: none;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-TreeSelection-itemLabel {
   flex-grow: 1;
@@ -22320,7 +22848,7 @@ fieldset.cxd-Collapse--lg:after {
   line-height: 1.4285714286;
   font-size: 0.875rem;
   padding: calc( ( 2rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .cxd-ChainedSelection {
@@ -22338,7 +22866,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-ChainedSelection-subTitle {
   font-size: 0.75rem;
   padding: 0.25rem 0.25rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-ChainedSelection-item {
   display: flex;
@@ -22361,7 +22889,7 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-ChainedSelection-item.is-disabled {
   pointer-events: none;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-ChainedSelection-itemLabel {
   flex-grow: 1;
@@ -22375,7 +22903,7 @@ fieldset.cxd-Collapse--lg:after {
   line-height: 1.4285714286;
   font-size: 0.875rem;
   padding: calc( ( 2rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .cxd-AssociatedSelection {
@@ -22403,7 +22931,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-AssociatedSelection-box {
   line-height: 1.4285714286;
   font-size: 0.75rem;
-  color: #b4b6ba;
+  color: #b8babf;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
@@ -22414,7 +22942,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-AssociatedSelection-box > p {
   text-align: center;
   margin: 10px 0 20px;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .cxd-CityPicker .cxd-Select {
@@ -22424,7 +22952,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-CityPicker-input {
   outline: none;
   vertical-align: top;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -22436,11 +22964,11 @@ fieldset.cxd-Collapse--lg:after {
   font-size: 0.875rem;
 }
 .cxd-CityPicker-input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 .cxd-CityPicker-input:focus {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
@@ -22449,6 +22977,9 @@ fieldset.cxd-Collapse--lg:after {
   display: inline-block;
 }
 
+.cxd-CityArea {
+  text-align: right;
+}
 .cxd-CityArea-popup {
   height: 17.5rem;
 }
@@ -22456,7 +22987,7 @@ fieldset.cxd-Collapse--lg:after {
   margin-top: 0.25rem;
   outline: none;
   vertical-align: top;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -22469,11 +23000,11 @@ fieldset.cxd-Collapse--lg:after {
   display: inline-flex !important;
 }
 .cxd-CityArea-Input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 .cxd-CityArea-Input:focus {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
@@ -22486,7 +23017,7 @@ fieldset.cxd-Collapse--lg:after {
   min-width: 2.75rem;
   overflow: hidden;
   border-radius: 1.875rem;
-  background: #cecfd1;
+  background: #d4d6d9;
   margin: 0;
   vertical-align: middle;
   text-align: left;
@@ -22498,7 +23029,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-Switch .text {
   margin: 0 0.4375rem 0 1.5625rem;
   color: #ffffff;
-  text-indent: calc(2.75rem / 2);
+  text-indent: 0.25rem;
   text-transform: uppercase;
   font-size: 0.75rem;
   line-height: 1.25rem;
@@ -22523,7 +23054,7 @@ fieldset.cxd-Collapse--lg:after {
   transition: margin-left 0.2s;
 }
 .cxd-Switch.is-checked {
-  background: #b4b6ba;
+  background: #b8babf;
 }
 .cxd-Switch.is-checked .slider::before {
   left: auto;
@@ -22531,9 +23062,7 @@ fieldset.cxd-Collapse--lg:after {
   border-width: 0;
 }
 .cxd-Switch.is-checked .text {
-  margin: 0 25px 0 7px;
   color: #fff;
-  text-indent: 0.25rem;
 }
 .cxd-Switch.is-checked.is-disabled .slider:before {
   color: #ffffff;
@@ -22574,8 +23103,9 @@ fieldset.cxd-Collapse--lg:after {
   display: inline-block;
   vertical-align: middle;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
+  overflow: hidden;
 }
 .cxd-Number--borderHalf {
   border-left-color: transparent !important;
@@ -22589,7 +23119,7 @@ fieldset.cxd-Collapse--lg:after {
   display: none;
 }
 .cxd-Number-focused {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
 }
 .cxd-Number-handler {
@@ -22607,18 +23137,18 @@ fieldset.cxd-Collapse--lg:after {
   display: inline-block;
 }
 .cxd-Number:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-Number:hover .cxd-Number-handler-up,
 .cxd-Number:hover .cxd-Number-handler-wrap {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-Number-disabled:hover {
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
 }
 .cxd-Number-disabled:hover .cxd-Number-handler-up,
 .cxd-Number-disabled:hover .cxd-Number-handler-wrap {
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
 }
 .cxd-Number-input-wrap {
   overflow: hidden;
@@ -22636,6 +23166,7 @@ fieldset.cxd-Collapse--lg:after {
   transition: all 0.2s ease;
   border: 0;
   border-radius: 0.25rem;
+  color: #151b26;
   padding: 0 0.625rem;
 }
 .cxd-Number-handler {
@@ -22662,7 +23193,7 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-Number-handler-wrap {
   float: right;
-  border-left: 0.0625rem solid #dadbdd;
+  border-left: 0.0625rem solid #e8e9eb;
   width: 1rem;
   height: 100%;
 }
@@ -22688,8 +23219,8 @@ fieldset.cxd-Collapse--lg:after {
   opacity: 0.72;
 }
 .cxd-Number-disabled .cxd-Number-handler:hover {
-  color: #b4b6ba;
-  border-color: #dadbdd;
+  color: #b8babf;
+  border-color: #e8e9eb;
 }
 
 .cxd-NumberControl:not(.is-inline) > .cxd-Number {
@@ -22719,7 +23250,7 @@ fieldset.cxd-Collapse--lg:after {
   outline: none;
   position: relative;
   font-size: 0.875rem;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   background: #fff;
   border-radius: 0.25rem;
   min-height: 2rem;
@@ -22732,12 +23263,12 @@ fieldset.cxd-Collapse--lg:after {
   border-color: #2468f2;
 }
 .cxd-Select:hover .cxd-Select-arrow:before {
-  color: #83868c;
+  color: #84868c;
 }
 .cxd-Select.is-disabled {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
 }
 .cxd-Select:focus {
   box-shadow: none;
@@ -22777,7 +23308,7 @@ fieldset.cxd-Collapse--lg:after {
   text-overflow: ellipsis;
 }
 .cxd-Select-value.is-disabled {
-  color: #83868c;
+  color: #84868c;
 }
 .cxd-Select--multi {
   height: auto;
@@ -22802,14 +23333,14 @@ fieldset.cxd-Collapse--lg:after {
   display: inline-block;
   vertical-align: middle;
   font-size: 0.75rem;
-  background: #f2f2f4;
-  border: 0.0625rem solid #e6e6e8;
+  background: #f7f7f9;
+  border: 0.0625rem solid #f2f2f4;
   border-radius: 0.125rem;
   margin-right: 0.25rem;
   margin-bottom: 0.25rem;
 }
 .cxd-Select--multi .cxd-Select-value:hover {
-  background-color: #dadbdd;
+  background-color: #e8e9eb;
 }
 .cxd-Select--multi .cxd-Select-valueLabel {
   display: inline-block;
@@ -22823,7 +23354,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-Select-valueIcon {
   cursor: pointer;
   padding: 1px 5px;
-  color: #5e626a;
+  color: #5c5f66;
 }
 .cxd-Select-valueIcon:hover {
   color: #000;
@@ -22846,7 +23377,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-Select-arrow > svg {
   transition: transform 0.2s;
   display: inline-block;
-  color: #83868c;
+  color: #84868c;
   width: 10px;
   height: 10px;
   top: 0;
@@ -22925,15 +23456,15 @@ fieldset.cxd-Collapse--lg:after {
   background: transparent;
 }
 .cxd-Select-option.is-highlight {
-  color: #151a26;
-  background: #e9f0fd;
+  color: #151b26;
+  background: #e6f0ff;
 }
 .cxd-Select-option.is-disabled {
-  color: #b4b6ba;
+  color: #b8babf;
   background: transparent;
 }
 .cxd-Select-option--placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-Select-option > label {
   display: block;
@@ -22970,7 +23501,7 @@ fieldset.cxd-Collapse--lg:after {
   margin-right: 0.25rem;
 }
 .cxd-Select.is-focused:not(.is-mobile), .cxd-Select.is-opened:not(.is-mobile) {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   color: #000;
 }
 .cxd-Select-spinner {
@@ -22986,13 +23517,13 @@ fieldset.cxd-Collapse--lg:after {
   z-index: 2;
 }
 .cxd-Select-clear svg {
-  fill: #83868c;
+  fill: #84868c;
   width: 0.875rem;
   height: 0.875rem;
   top: 0;
 }
 .cxd-Select-clear svg:hover > path:first-of-type {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-Select-popup {
   height: 20rem;
@@ -23001,8 +23532,8 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-Select-popover {
   margin-top: calc(0 * -1);
   background: #fff;
-  color: #151a26;
-  border: 0 solid #1c53c1;
+  color: #151b26;
+  border: 0 solid #144bcc;
   box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -23016,7 +23547,7 @@ fieldset.cxd-Collapse--lg:after {
   display: flex;
 }
 .cxd-SelectControl.is-error > .cxd-Select {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
 }
 
@@ -23050,7 +23581,7 @@ fieldset.cxd-Collapse--lg:after {
   padding: calc( ( 2rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
 }
 .cxd-Selections-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   text-align: center;
   width: 100%;
   flex-basis: 2rem;
@@ -23116,7 +23647,7 @@ fieldset.cxd-Collapse--lg:after {
   border: 0.0625rem solid #ccc;
   background: #ffffff;
   padding: 0.375rem 0.625rem;
-  color: #151a26;
+  color: #151b26;
   transition: none;
   max-width: calc(12.5rem + 2 * 0.625rem);
   border-radius: 0.25rem;
@@ -23125,7 +23656,7 @@ fieldset.cxd-Collapse--lg:after {
   cursor: pointer;
 }
 .cxd-ListControl-item .b-inherit {
-  border-color: #151a26;
+  border-color: #151b26;
 }
 .cxd-ListControl-item:hover {
   background: #ffffff;
@@ -23137,21 +23668,21 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-ListControl-item:hover:active, .cxd-ListControl-item.is-active {
   background: #ffffff;
-  border-color: #1c53c1;
-  color: #1c53c1;
+  border-color: #144bcc;
+  color: #144bcc;
 }
 .cxd-ListControl-item:hover:active:hover, .cxd-ListControl-item.is-active:hover {
   background: #ffffff;
 }
 .cxd-ListControl-item:hover:active .b-inherit, .cxd-ListControl-item.is-active .b-inherit {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-ListControl-item:hover:active:before, .cxd-ListControl-item.is-active:before {
   content: "";
   position: absolute;
   width: 0.875rem;
   height: 0.875rem;
-  background: #1c53c1;
+  background: #144bcc;
   right: 0;
   bottom: 0;
 }
@@ -23170,15 +23701,15 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-ListControl-item.is-disabled {
   pointer-events: none;
   opacity: 1;
-  border-color: #e6e6e8;
-  background: #e6e6e8;
-  color: #b4b6ba;
+  border-color: #f2f2f4;
+  background: #f2f2f4;
+  color: #b8babf;
 }
 .cxd-ListControl-item.is-disabled:before {
-  background: #b4b6ba;
+  background: #b8babf;
 }
 .cxd-ListControl-item.is-disabled .b-inherit {
-  border-color: #e6e6e8;
+  border-color: #f2f2f4;
 }
 .cxd-ListControl-itemImage {
   margin: calc(0.375rem * -1) calc(0.625rem * -1);
@@ -23194,14 +23725,14 @@ fieldset.cxd-Collapse--lg:after {
   margin-top: 0.375rem;
 }
 .cxd-ListControl-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .cxd-LocationPicker {
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   font-size: 0.875rem;
   padding: calc(
     (
@@ -23227,14 +23758,14 @@ fieldset.cxd-Collapse--lg:after {
   color: #2468f2;
 }
 .cxd-LocationPicker.is-focused, .cxd-LocationPicker.is-active {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
 }
 .cxd-LocationPicker.is-disabled {
   background: #e5e7eb;
 }
 .cxd-LocationPicker.is-disabled > cxd-LocationPicker-input {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-LocationPicker-placeholder {
   color: #999;
@@ -23267,16 +23798,16 @@ fieldset.cxd-Collapse--lg:after {
   margin-right: 0.25rem;
 }
 .cxd-LocationPicker-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-LocationPicker-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-LocationPicker-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .cxd-LocationControl {
@@ -23293,7 +23824,7 @@ fieldset.cxd-Collapse--lg:after {
   width: 100%;
   max-width: 100%;
   margin-top: -1px;
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .cxd-MapPicker-search {
@@ -23343,7 +23874,7 @@ fieldset.cxd-Collapse--lg:after {
   display: inline-flex;
   flex-wrap: nowrap;
   white-space: nowrap;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   font-size: 0.875rem;
   padding: calc(
     (
@@ -23380,7 +23911,7 @@ fieldset.cxd-Collapse--lg:after {
   color: #999;
 }
 .cxd-ColorPicker.is-focused {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
 }
 .cxd-ColorPicker.is-disabled {
@@ -23416,16 +23947,16 @@ fieldset.cxd-Collapse--lg:after {
   text-decoration: none;
 }
 .cxd-ColorPicker-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-ColorPicker-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-ColorPicker-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 .cxd-ColorPicker-arrow {
   margin-right: 0.25rem;
@@ -23439,7 +23970,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-ColorPicker-arrow > svg {
   transition: transform 0.2s;
   display: inline-block;
-  color: #83868c;
+  color: #84868c;
   width: 10px;
   height: 10px;
   top: 0;
@@ -23467,7 +23998,7 @@ fieldset.cxd-Collapse--lg:after {
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   font-size: 0.875rem;
   padding: calc(
     (
@@ -23501,14 +24032,14 @@ fieldset.cxd-Collapse--lg:after {
   color: #2468f2;
 }
 .cxd-DatePicker.is-focused {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
 }
 .cxd-DatePicker.is-disabled {
   background: #e5e7eb;
 }
 .cxd-DatePicker.is-disabled > .cxd-DatePicker-input {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-DatePicker-placeholder {
   color: #999;
@@ -23534,16 +24065,16 @@ fieldset.cxd-Collapse--lg:after {
   line-height: 1;
 }
 .cxd-DatePicker-toggler svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-DatePicker-toggler:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-DatePicker-toggler:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 .cxd-DatePicker-toggler svg polyline,
 .cxd-DatePicker-toggler svg circle {
@@ -23565,16 +24096,16 @@ fieldset.cxd-Collapse--lg:after {
   margin-right: 0.25rem;
 }
 .cxd-DatePicker-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-DatePicker-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-DatePicker-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .cxd-DateControl:not(.is-inline) > .cxd-DatePicker {
@@ -23733,8 +24264,8 @@ fieldset.cxd-Collapse--lg:after {
   list-style: none;
   position: absolute;
   background: #fff;
-  color: #151a26;
-  border: 0.0625rem solid #1c53c1;
+  color: #151b26;
+  border: 0.0625rem solid #144bcc;
   left: -0.0625rem;
   right: -0.0625rem;
   top: 100%;
@@ -23746,8 +24277,8 @@ fieldset.cxd-Collapse--lg:after {
   padding-left: 4px;
 }
 .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsItem.is-highlight, .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsItem:hover {
-  color: #151a26;
-  background: #e9f0fd;
+  color: #151b26;
+  background: #e6f0ff;
 }
 
 .cxd-CalendarInput {
@@ -23788,7 +24319,7 @@ fieldset.cxd-Collapse--lg:after {
   color: #2468f2;
 }
 .cxd-CalendarCounter-btn:hover {
-  color: #1c53c1;
+  color: #144bcc;
 }
 .cxd-CalendarCounter-btn > svg {
   width: 16px;
@@ -23841,7 +24372,7 @@ fieldset.cxd-Collapse--lg:after {
   text-decoration: none;
 }
 .rdtBtn.is-disabled {
-  border-color: #e6e6e8;
+  border-color: #f2f2f4;
   opacity: 0.6;
   pointer-events: none;
 }
@@ -23868,7 +24399,7 @@ fieldset.cxd-Collapse--lg:after {
 .rdtBtnCancel {
   color: #151a26;
   background: #eaf6fe;
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
   box-shadow: none;
   text-shadow: none;
 }
@@ -23878,9 +24409,9 @@ fieldset.cxd-Collapse--lg:after {
   border-color: #2468f2;
 }
 .rdtBtnCancel:not(:disabled):not(.is-disabled):hover:active {
-  color: #1c53c1;
+  color: #144bcc;
   background: #ffffff;
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .rdtBtnCancel:hover:focus {
   box-shadow: none;
@@ -23988,7 +24519,7 @@ td.rdtQuarter.rdtDisabled > span {
 
 .cxd-DateCalendar {
   display: inline-block;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   background: #fff;
   border-radius: 0.25rem;
 }
@@ -23997,7 +24528,7 @@ td.rdtQuarter.rdtDisabled > span {
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   font-size: 0.875rem;
   padding: calc(
     (
@@ -24030,14 +24561,14 @@ td.rdtQuarter.rdtDisabled > span {
   color: #2468f2;
 }
 .cxd-DateRangePicker.is-focused {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
 }
 .cxd-DateRangePicker.is-disabled {
   background: #e5e7eb;
 }
 .cxd-DateRangePicker.is-disabled > .cxd-DateRangePicker-input {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-DateRangePicker-placeholder {
   color: #999;
@@ -24062,16 +24593,16 @@ td.rdtQuarter.rdtDisabled > span {
   line-height: 1;
 }
 .cxd-DateRangePicker-toggler svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-DateRangePicker-toggler:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-DateRangePicker-toggler:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 .cxd-DateRangePicker-toggler svg polyline,
 .cxd-DateRangePicker-toggler svg circle {
@@ -24093,16 +24624,16 @@ td.rdtQuarter.rdtDisabled > span {
   margin-right: 0.25rem;
 }
 .cxd-DateRangePicker-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-DateRangePicker-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-DateRangePicker-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .cxd-DateRangePicker-wrap {
@@ -24172,7 +24703,7 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-DateRangeCalendar {
   display: inline-block;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   background: #fff;
   border-radius: 0.25rem;
 }
@@ -24286,6 +24817,31 @@ td.rdtQuarter.rdtDisabled > span {
   position: relative;
   width: 7.5rem;
 }
+.cxd-ImageControl-item.is-invalid {
+  padding: 0;
+  border-color: #f33e3e;
+}
+.cxd-ImageControl-item svg.icon-refresh {
+  transform: rotate(180deg);
+}
+.cxd-ImageControl-filename {
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  color: #f33e3e;
+}
+.cxd-ImageControl-filename > svg.icon-image {
+  margin-bottom: 8px;
+  width: 24px;
+  height: 24px;
+}
+.cxd-ImageControl-filename > span {
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 .cxd-ImageControl-image {
   width: 100%;
   height: 100%;
@@ -24340,30 +24896,8 @@ td.rdtQuarter.rdtDisabled > span {
 .cxd-ImageControl-item.is-invalid:hover .cxd-ImageControl-itemClear {
   display: block;
 }
-.cxd-ImageControl-retryBtn {
-  margin: 0;
-  width: 6.875rem;
-  height: 6.875rem;
-  display: inline-flex;
-  cursor: pointer;
-  justify-content: center;
-  align-items: center;
-  align-content: center;
-  flex-wrap: wrap;
-  color: #666;
-}
-.cxd-ImageControl-retryBtn:hover {
-  color: #333;
-  text-decoration: none;
-}
-.cxd-ImageControl-retryBtn > p {
-  width: 100%;
-  text-align: center;
-  color: #e8684a;
-  margin: 10px 0 0;
-}
 .cxd-ImageControl-errorMsg {
-  color: #e8684a;
+  color: #f33e3e;
   margin: 5px 0 0;
 }
 .cxd-ImageControl-uploadBtn {
@@ -24436,43 +24970,58 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-FileControl-selectBtn {
   display: inline-flex;
-  align-items: center;
   margin-right: 10px;
 }
 .cxd-FileControl-selectBtn > svg {
-  width: 0.875rem;
-  height: 0.875rem;
+  margin-right: 4px !important;
+  width: 1rem;
+  height: 1rem;
+}
+.cxd-FileControl-selectBtn > span {
+  font-size: 0.75rem;
+  line-height: 20px;
 }
 .cxd-FileControl-description {
   color: #999;
   font-size: 12px;
 }
+.cxd-FileControl-sizeTip {
+  margin-top: 4px;
+  line-height: 20px;
+  font-size: 0.75rem;
+  color: #84868c;
+}
 .cxd-FileControl-list {
   list-style: none;
-  margin: 10px 0;
+  margin: 8px 0;
   padding: 0;
+  max-height: 144px;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .cxd-FileControl-list > li {
-  color: #333;
+  margin-bottom: 4px;
   font-size: 12px;
 }
 .cxd-FileControl-list > li:hover {
-  color: #108cee;
-  background: #f3f3f3;
+  border-radius: 2px;
+  background: #f2f2f4;
+}
+.cxd-FileControl-list-tooltip span {
+  font-size: 0.75rem;
+  color: #f33e3e;
 }
 .cxd-FileControl-itemInfo {
-  padding: 0px 6px;
-  line-height: 26px;
+  padding: 2px 4px;
+  display: flex;
+  line-height: 24px;
   height: auto;
 }
 .cxd-FileControl-itemInfo span {
   word-break: break-all;
 }
 .cxd-FileControl-itemInfo.is-invalid {
-  color: #999;
-}
-.cxd-FileControl-itemInfo > svg:first-child {
-  margin-right: 10px;
+  color: #f33e3e;
 }
 .cxd-FileControl-itemInfo > svg:not(:first-child) {
   margin-left: 10px;
@@ -24480,22 +25029,23 @@ td.rdtQuarter.rdtDisabled > span {
   height: 1rem;
   top: 0.25rem;
 }
+.cxd-FileControl-itemInfoIcon {
+  margin-right: 4px;
+}
 .cxd-FileControl-itemInfoText {
   white-space: nowrap;
-  max-width: 170px;
   overflow: hidden;
   text-overflow: ellipsis;
-  display: inline-block;
   vertical-align: middle;
 }
 .cxd-FileControl-clear {
   float: right;
-  color: #999;
+  color: #84868c;
   display: none;
   cursor: pointer;
 }
 .cxd-FileControl-clear:hover {
-  color: #333;
+  color: #5c5f66;
 }
 .cxd-FileControl-list:empty {
   display: none;
@@ -24538,14 +25088,46 @@ td.rdtQuarter.rdtDisabled > span {
   min-width: 10%;
   transition: ease-out width 0.2s;
 }
+.cxd-FileControl-dropzone.disabled > .cxd-FileControl-acceptTip {
+  filter: grayscale(100%);
+  box-shadow: none;
+  cursor: not-allowed;
+  color: #b8babf;
+  pointer-events: auto;
+  background: #f7f7f9;
+}
+.cxd-FileControl-dropzone.disabled > .cxd-FileControl-acceptTip:hover {
+  border-color: #e8e9eb;
+}
+.cxd-FileControl-dropzone.disabled > .cxd-FileControl-acceptTip > div,
+.cxd-FileControl-dropzone.disabled > .cxd-FileControl-acceptTip > span {
+  color: #b8babf;
+}
 .cxd-FileControl-acceptTip {
-  height: 120px;
-  color: #999;
-  border: 2px dashed #2468f2;
-  border-radius: 0.25rem;
-  background: #f3f9fe;
-  line-height: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-flow: column;
+  height: 180px;
   text-align: center;
+  border: 1px dashed #e8e9eb;
+  border-radius: 0.25rem;
+  background: #fff;
+  cursor: pointer;
+}
+.cxd-FileControl-acceptTip:hover {
+  border-color: #2468f2;
+}
+.cxd-FileControl-acceptTip > span {
+  margin-top: 8px;
+  line-height: 20px;
+  font-size: 0.75rem;
+  color: #303540;
+}
+.cxd-FileControl-acceptTip > svg {
+  width: 48px;
+  height: 48px;
+  top: 0;
 }
 .cxd-FileControl-sum {
   font-size: 0.75rem;
@@ -24593,7 +25175,7 @@ td.rdtQuarter.rdtDisabled > span {
   max-height: 25rem;
   overflow: visible;
   height: auto;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   max-width: 100%;
   box-sizing: content-box;
 }
@@ -24602,10 +25184,10 @@ td.rdtQuarter.rdtDisabled > span {
   min-height: 12.375rem;
 }
 .cxd-EditorControl.is-error {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 .cxd-EditorControl.is-focused {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-EditorControl .cxd-MonacoEditor {
   position: relative;
@@ -24627,7 +25209,7 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-EditorControl .cxd-MonacoEditor-fullscreen {
   cursor: pointer;
-  color: #b4b6ba;
+  color: #b8babf;
   line-height: inherit;
   text-decoration: none;
   text-align: center;
@@ -24692,7 +25274,7 @@ td.rdtQuarter.rdtDisabled > span {
 .cxd-RichTextControl {
   min-height: 12.5rem;
   height: auto;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   width: 100%;
 }
 .cxd-RichTextControl > .tox-tinymce {
@@ -24726,7 +25308,7 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-RichTextControl .fr-toolbar .fr-command.fr-btn,
 .cxd-RichTextControl .fr-popup .fr-command.fr-btn {
-  color: #151a26;
+  color: #151b26;
 }
 .cxd-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-active,
 .cxd-RichTextControl .fr-popup .fr-command.fr-btn.fr-active {
@@ -24746,7 +25328,7 @@ td.rdtQuarter.rdtDisabled > span {
   color: #fff;
 }
 .cxd-RichTextControl.is-focused {
-  border: 0.0625rem solid #1c53c1;
+  border: 0.0625rem solid #144bcc;
 }
 .cxd-RichTextControl .fr-box.fr-basic .fr-element {
   min-height: 150px;
@@ -24755,12 +25337,12 @@ td.rdtQuarter.rdtDisabled > span {
   position: absolute;
 }
 .cxd-RichTextControl.is-disabled {
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
   pointer-events: none;
   opacity: 0.6;
 }
 .cxd-RichTextControl.is-disabled .fr-box.fr-basic.fr-top .fr-wrapper {
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
 }
 
 .tox-tinymce-aux {
@@ -24830,7 +25412,7 @@ td.rdtQuarter.rdtDisabled > span {
   cursor: not-allowed;
 }
 .cxd-InputRange.is-disabled .cxd-Number-handler-up-inner:hover, .cxd-InputRange.is-disabled .cxd-Number-handler-down-inner:hover {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-InputRange-handle {
   position: absolute;
@@ -25021,7 +25603,7 @@ td.rdtQuarter.rdtDisabled > span {
   }
 }
 .cxd-TreeControl {
-  border: 1px solid #dadbdd;
+  border: 1px solid #e8e9eb;
   padding: 6px 12px;
   border-radius: 2px;
   max-height: 300px;
@@ -25148,18 +25730,18 @@ td.rdtQuarter.rdtDisabled > span {
   width: 100%;
   outline: none;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc( ( calc(2rem * 0.85) - 1.4285714286 * 0.875rem - 0.125rem ) / 2 ) 0.625rem;
   font-size: 0.875rem;
 }
 .cxd-Tree-itemInput > input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 .cxd-Tree-itemInput > input:focus {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
@@ -25174,7 +25756,7 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-Tree-addTopBtn.is-disabled {
   pointer-events: none;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-Tree-addTopBtn > svg {
   width: 0.875rem;
@@ -25226,7 +25808,7 @@ td.rdtQuarter.rdtDisabled > span {
   color: #2468f2;
 }
 .cxd-Tree-itemLabel.is-disabled {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-Tree-itemLabel > .cxd-Checkbox {
   display: inline-flex;
@@ -25239,7 +25821,7 @@ td.rdtQuarter.rdtDisabled > span {
   padding: 0.25rem 0;
 }
 .cxd-Tree-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-Tree-dropIndicator {
   position: absolute;
@@ -25286,7 +25868,7 @@ td.rdtQuarter.rdtDisabled > span {
 .cxd-TreeSelect-input {
   display: flex;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -25305,16 +25887,16 @@ td.rdtQuarter.rdtDisabled > span {
   outline: none;
   background: transparent;
   border: none;
-  color: #151a26;
+  color: #151b26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 .cxd-TreeSelect-input input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 .cxd-TreeSelect-input:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-TreeSelect-input--borderHalf {
   border-left-color: transparent !important;
@@ -25325,23 +25907,23 @@ td.rdtQuarter.rdtDisabled > span {
   border-color: transparent !important;
 }
 .cxd-TreeSelect.is-error > .cxd-TreeSelect-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
   transition: all 0.2s;
 }
 .cxd-TreeSelect.is-focused > .cxd-TreeSelect-input {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
   transition: all 0.2s;
 }
 .cxd-TreeSelect.is-error.is-focused > .cxd-TreeSelect-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 .cxd-TreeSelect.is-disabled > .cxd-TreeSelect-input {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
   transition: all 0.2s;
 }
 .cxd-TreeSelect-spinner {
@@ -25357,16 +25939,16 @@ td.rdtQuarter.rdtDisabled > span {
   text-decoration: none;
 }
 .cxd-TreeSelect-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-TreeSelect-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-TreeSelect-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 @media (min-width: 576px) {
   .cxd-TreeSelect.cxd-Form-control--sizeXs > .cxd-TreeSelect-input, .cxd-TreeSelect.cxd-Form-control--sizeSm > .cxd-TreeSelect-input, .cxd-TreeSelect.cxd-Form-control--sizeMd > .cxd-TreeSelect-input, .cxd-TreeSelect.cxd-Form-control--sizeLg > .cxd-TreeSelect-input {
@@ -25375,7 +25957,7 @@ td.rdtQuarter.rdtDisabled > span {
   }
 }
 .cxd-TreeSelect.is-opened {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
@@ -25390,7 +25972,7 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-TreeSelect-popover > .cxd-Tree {
   background: #fff;
-  border: 0.0625rem solid #1c53c1;
+  border: 0.0625rem solid #144bcc;
   padding: 0.25rem 0.625rem;
   border-radius: 0;
   margin-top: -1px;
@@ -25399,7 +25981,7 @@ td.rdtQuarter.rdtDisabled > span {
 }
 
 .cxd-Combo-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   padding-top: calc(
     (
         2rem - 1.4285714286 *
@@ -25659,7 +26241,7 @@ td.rdtQuarter.rdtDisabled > span {
 }
 
 .cxd-Combo-dragableTip {
-  color: #b4b6ba;
+  color: #b8babf;
   font-size: 0.75rem;
   margin-left: 0.25rem;
 }
@@ -25688,7 +26270,7 @@ td.rdtQuarter.rdtDisabled > span {
   display: none;
 }
 .cxd-SubForm-value {
-  background: #f2f2f4;
+  background: #f7f7f9;
   color: #000;
   font-size: 0.875rem;
   padding: 0 0.25rem;
@@ -25769,12 +26351,12 @@ td.rdtQuarter.rdtDisabled > span {
   top: 0;
 }
 .cxd-SubForm-addBtn:disabled, .cxd-SubForm-addBtn.is-disabled {
-  color: #b4b6ba;
+  color: #b8babf;
   pointer-events: none;
   background: transparent;
 }
 .cxd-SubForm-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
   padding: 4px;
 }
@@ -25795,7 +26377,7 @@ td.rdtQuarter.rdtDisabled > span {
 .cxd-Picker-input {
   display: flex;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -25814,16 +26396,16 @@ td.rdtQuarter.rdtDisabled > span {
   outline: none;
   background: transparent;
   border: none;
-  color: #151a26;
+  color: #151b26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 .cxd-Picker-input input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 .cxd-Picker-input:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-Picker-input--borderHalf {
   border-left-color: transparent !important;
@@ -25834,23 +26416,23 @@ td.rdtQuarter.rdtDisabled > span {
   border-color: transparent !important;
 }
 .cxd-Picker.is-error > .cxd-Picker-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
   transition: all 0.2s;
 }
 .cxd-Picker.is-focused > .cxd-Picker-input {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
   transition: all 0.2s;
 }
 .cxd-Picker.is-error.is-focused > .cxd-Picker-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 .cxd-Picker.is-disabled > .cxd-Picker-input {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
   transition: all 0.2s;
 }
 .cxd-Picker-spinner {
@@ -25866,16 +26448,16 @@ td.rdtQuarter.rdtDisabled > span {
   text-decoration: none;
 }
 .cxd-Picker-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-Picker-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-Picker-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 @media (min-width: 576px) {
   .cxd-Picker.cxd-Form-control--sizeXs > .cxd-Picker-input, .cxd-Picker.cxd-Form-control--sizeSm > .cxd-Picker-input, .cxd-Picker.cxd-Form-control--sizeMd > .cxd-Picker-input, .cxd-Picker.cxd-Form-control--sizeLg > .cxd-Picker-input {
@@ -25884,7 +26466,7 @@ td.rdtQuarter.rdtDisabled > span {
   }
 }
 .cxd-Picker.is-focus > .cxd-Picker-input {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
@@ -25893,7 +26475,7 @@ td.rdtQuarter.rdtDisabled > span {
   opacity: 0.65;
 }
 .cxd-Picker-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
   position: absolute;
   line-height: 1.4285714286;
@@ -25962,16 +26544,16 @@ td.rdtQuarter.rdtDisabled > span {
   margin-right: 0.25rem;
 }
 .cxd-Picker-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-Picker-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-Picker-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .cxd-PickerControl.is-inline .cxd-Picker {
@@ -26036,9 +26618,9 @@ td.rdtQuarter.rdtDisabled > span {
   line-height: 18 / 12;
   border-radius: 0.25rem;
   height: 1.875rem;
-  color: #151a26;
+  color: #151b26;
   background: #ffffff;
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
   box-shadow: none;
   text-shadow: none;
 }
@@ -26065,12 +26647,12 @@ td.rdtQuarter.rdtDisabled > span {
   vertical-align: middle;
 }
 .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover {
-  color: #151a26;
+  color: #151b26;
   background: #ececec;
   border-color: #b4bbc5;
 }
 .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover:active {
-  color: #151a26;
+  color: #151b26;
   background: #e6e6e6;
   border-color: #adb4bf;
 }
@@ -26115,7 +26697,7 @@ td.rdtQuarter.rdtDisabled > span {
   line-height: 1;
   cursor: pointer;
   user-select: none;
-  color: #e6e6e8;
+  color: #f2f2f4;
 }
 .cxd-Rating-star-half > svg.icon, .cxd-Rating-star > svg.icon {
   display: block;
@@ -26189,7 +26771,7 @@ td.rdtQuarter.rdtDisabled > span {
   min-width: 12.5rem;
   max-height: 25rem;
   flex-grow: 1;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   display: flex;
   flex-direction: column;
   border-radius: 0.25rem;
@@ -26243,7 +26825,7 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-Transfer-checkAll.is-disabled, .cxd-Transfer-clearAll.is-disabled {
   pointer-events: none;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .cxd-TabsTransfer .cxd-Transfer-title {
@@ -26254,7 +26836,7 @@ td.rdtQuarter.rdtDisabled > span {
   line-height: 1.4285714286;
   font-size: 0.875rem;
   padding: calc( ( 2rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-TabsTransfer-tab {
   padding: 0;
@@ -26319,10 +26901,10 @@ td.rdtQuarter.rdtDisabled > span {
   transition: transform 0.2s ease-out;
   margin: 5px 5px 5px auto;
   display: flex;
-  color: #83868c;
+  color: #84868c;
 }
 .cxd-TransferPicker-icon:hover {
-  color: #83868c;
+  color: #84868c;
 }
 .cxd-TransferPicker-icon > svg {
   width: 0.75rem;
@@ -26334,10 +26916,10 @@ td.rdtQuarter.rdtDisabled > span {
   transition: transform 0.2s ease-out;
   margin: 5px 5px 5px auto;
   display: flex;
-  color: #83868c;
+  color: #84868c;
 }
 .cxd-TransferDropDown-icon:hover {
-  color: #83868c;
+  color: #84868c;
 }
 .cxd-TransferDropDown-icon > svg {
   width: 0.625rem;
@@ -26386,7 +26968,7 @@ td.rdtQuarter.rdtDisabled > span {
 .cxd-NestedSelect-optionArrowRight svg {
   width: 0.75rem;
   height: 0.75rem;
-  fill: #83868c;
+  fill: #84868c;
 }
 .cxd-NestedSelect-menuOuter {
   display: flex;
@@ -26404,8 +26986,8 @@ td.rdtQuarter.rdtDisabled > span {
   width: 10rem;
   height: 10.9375rem;
   background: #fff;
-  color: #151a26;
-  border: 0 solid #1c53c1;
+  color: #151b26;
+  border: 0 solid #144bcc;
   box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
   overflow-y: auto;
   overflow-x: hidden;
@@ -26427,7 +27009,7 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-NestedSelect-menu .cxd-NestedSelect-option > .cxd-NestedSelect-optionLabel.is-disabled {
   cursor: not-allowed;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 .cxd-NestedSelect-menu .cxd-NestedSelect-option .cxd-NestedSelect-optionLabel-highlight {
   color: #2468f2;
@@ -26437,8 +27019,8 @@ td.rdtQuarter.rdtDisabled > span {
   background: transparent;
 }
 .cxd-NestedSelect-menu .cxd-NestedSelect-option:hover {
-  color: #151a26;
-  background: #e9f0fd;
+  color: #151b26;
+  background: #e6f0ff;
 }
 .cxd-NestedSelect-menu .cxd-NestedSelect-option:hover > .cxd-NestedSelect-childrenOuter {
   display: block;
@@ -26566,7 +27148,7 @@ td.rdtQuarter.rdtDisabled > span {
 .cxd-IconPickerControl-input {
   display: flex;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -26585,16 +27167,16 @@ td.rdtQuarter.rdtDisabled > span {
   outline: none;
   background: transparent;
   border: none;
-  color: #151a26;
+  color: #151b26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 .cxd-IconPickerControl-input input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 .cxd-IconPickerControl-input:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-IconPickerControl-input--borderHalf {
   border-left-color: transparent !important;
@@ -26605,23 +27187,23 @@ td.rdtQuarter.rdtDisabled > span {
   border-color: transparent !important;
 }
 .cxd-IconPickerControl.is-error > .cxd-IconPickerControl-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
   transition: all 0.2s;
 }
 .cxd-IconPickerControl.is-focused > .cxd-IconPickerControl-input {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
   transition: all 0.2s;
 }
 .cxd-IconPickerControl.is-error.is-focused > .cxd-IconPickerControl-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 .cxd-IconPickerControl.is-disabled > .cxd-IconPickerControl-input {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
   transition: all 0.2s;
 }
 .cxd-IconPickerControl-spinner {
@@ -26637,16 +27219,16 @@ td.rdtQuarter.rdtDisabled > span {
   text-decoration: none;
 }
 .cxd-IconPickerControl-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-IconPickerControl-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 .cxd-IconPickerControl-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 @media (min-width: 576px) {
   .cxd-IconPickerControl.cxd-Form-control--sizeXs > .cxd-IconPickerControl-input, .cxd-IconPickerControl.cxd-Form-control--sizeSm > .cxd-IconPickerControl-input, .cxd-IconPickerControl.cxd-Form-control--sizeMd > .cxd-IconPickerControl-input, .cxd-IconPickerControl.cxd-Form-control--sizeLg > .cxd-IconPickerControl-input {
@@ -26655,7 +27237,7 @@ td.rdtQuarter.rdtDisabled > span {
   }
 }
 .cxd-IconPickerControl-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
   position: absolute;
   left: 0.625rem;
@@ -26690,8 +27272,8 @@ td.rdtQuarter.rdtDisabled > span {
 .cxd-IconPickerControl-sugsPanel {
   position: absolute;
   background: #fff;
-  color: #151a26;
-  border: 0.0625rem solid #1c53c1;
+  color: #151b26;
+  border: 0.0625rem solid #144bcc;
   left: -0.0625rem;
   right: -0.0625rem;
   top: 100%;
@@ -26729,7 +27311,7 @@ td.rdtQuarter.rdtDisabled > span {
   cursor: pointer;
 }
 .cxd-IconPickerControl-sugItem:hover {
-  background: #e9f0fd;
+  background: #e6f0ff;
 }
 .cxd-IconPickerControl-sugItem.is-active {
   color: #fff;
@@ -26788,7 +27370,7 @@ td.rdtQuarter.rdtDisabled > span {
   vertical-align: top;
 }
 .cxd-Form-static--borderFull {
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   padding: calc(
     (
@@ -26798,7 +27380,7 @@ td.rdtQuarter.rdtDisabled > span {
   ) 0.625rem;
 }
 .cxd-Form-static--borderHalf {
-  border-bottom: 0.0625rem solid #dadbdd;
+  border-bottom: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   padding: calc(
     (
@@ -26813,20 +27395,20 @@ td.rdtQuarter.rdtDisabled > span {
   margin-bottom: 0.25rem;
   position: relative;
   font-size: 0.875rem;
-  color: #5e626a;
+  color: #5c5f66;
 }
 .cxd-Form-label > span {
   position: relative;
 }
 
 .cxd-Form-star {
-  color: #e8684a;
+  color: #f33e3e;
   font-size: 0.6875rem;
   line-height: 1;
 }
 
 .cxd-Form-feedback {
-  color: #e8684a;
+  color: #f33e3e;
   margin: 0.375rem 0 0;
   padding-left: 0.75rem;
   font-size: 0.75rem;
@@ -26890,11 +27472,11 @@ td.rdtQuarter.rdtDisabled > span {
   top: 0.1875rem;
 }
 .cxd-Form-item.is-error > .cxd-Form-label {
-  color: #e8684a;
+  color: #f33e3e;
 }
 
 .cxd-Form-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .cxd-Form-caption {
@@ -27269,7 +27851,7 @@ td.rdtQuarter.rdtDisabled > span {
   .cxd-Form .cxd-Form-item .cxd-Form-hint {
     font-size: 0.875rem;
     margin-left: 0;
-    color: #b4b6ba;
+    color: #b8babf;
   }
   .cxd-Form .cxd-Form-item .cxd-TextControl-placeholder {
     top: 0;
@@ -27654,7 +28236,7 @@ td.rdtQuarter.rdtDisabled > span {
 
 .cxd-Link.is-disabled {
   cursor: not-allowed;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .cxd-MappingField {
@@ -27673,7 +28255,7 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .cxd-FormulaEditor-content {
   border-radius: 0.25rem;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
 }
 .cxd-FormulaEditor-header {
   width: 100%;
@@ -27683,7 +28265,7 @@ td.rdtQuarter.rdtDisabled > span {
   box-sizing: border-box;
   background: #fafafa;
   border-radius: 0.25rem 0.25rem 0 0;
-  border-bottom: 0.0625rem solid #dadbdd;
+  border-bottom: 0.0625rem solid #e8e9eb;
   font-weight: 500;
 }
 .cxd-FormulaEditor-editor {
@@ -27704,10 +28286,10 @@ td.rdtQuarter.rdtDisabled > span {
   height: 100%;
 }
 .cxd-FormulaEditor.is-error .cxd-FormulaEditor-editor {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 .cxd-FormulaEditor.is-focused .cxd-FormulaEditor-editor {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 .cxd-FormulaEditor-settings {
   display: flex;
@@ -27725,7 +28307,7 @@ td.rdtQuarter.rdtDisabled > span {
   height: 15.625rem;
   width: 13.75rem;
   border-radius: 0.25rem;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
 }
 .cxd-FormulaEditor-panel:not(:last-child) {
   margin-right: 0.625rem;
@@ -27741,7 +28323,7 @@ td.rdtQuarter.rdtDisabled > span {
   box-sizing: border-box;
   background: #fafafa;
   border-radius: 0.25rem 0.25rem 0 0;
-  border-bottom: 0.0625rem solid #dadbdd;
+  border-bottom: 0.0625rem solid #e8e9eb;
   font-weight: 500;
 }
 .cxd-FormulaEditor-panel-body {
@@ -27890,7 +28472,7 @@ td.rdtQuarter.rdtDisabled > span {
 .cxd-FormulaEditor-FuncList-doc pre {
   white-space: pre-wrap;
   word-wrap: break-word;
-  background: #f2f2f4;
+  background: #f7f7f9;
   padding: 0.3125rem 0.625rem;
   border-radius: 0.25rem;
   margin-top: 0;
@@ -27992,16 +28574,16 @@ td.rdtQuarter.rdtDisabled > span {
   border-radius: 50%;
 }
 .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-round--danger {
-  background: #e8684a;
+  background: #f33e3e;
 }
 .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-round--info {
   background: #2468f2;
 }
 .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-round--success {
-  background: #0bc286;
+  background: #30bf13;
 }
 .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-round--warning {
-  background: #ffb200;
+  background: #ff9326;
 }
 .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-icon {
   position: absolute;
@@ -28098,16 +28680,16 @@ td.rdtQuarter.rdtDisabled > span {
   border-radius: 50%;
 }
 .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-round--danger {
-  background: #e8684a;
+  background: #f33e3e;
 }
 .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-round--info {
   background: #2468f2;
 }
 .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-round--success {
-  background: #0bc286;
+  background: #30bf13;
 }
 .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-round--warning {
-  background: #ffb200;
+  background: #ff9326;
 }
 .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-icon {
   position: absolute;
@@ -28397,26 +28979,26 @@ td.rdtQuarter.rdtDisabled > span {
 }
 
 .bg-success {
-  background-color: #0bc286;
-  color: #a4f5da;
+  background-color: #30bf13;
+  color: #b8f2ac;
 }
 .bg-success.lt, .bg-success .lt {
-  background: #0fd796;
+  background: #38d318;
 }
 .bg-success.lter, .bg-success .lter {
-  background: #15eba5;
+  background: #43e223;
 }
 .bg-success.dk, .bg-success .dk {
-  background: #07ac76;
+  background: #29aa0e;
 }
 .bg-success.dker, .bg-success .dker {
-  background: #049666;
+  background: #22950a;
 }
 .bg-success.bg, .bg-success .bg {
-  background-color: #0bc286;
+  background-color: #30bf13;
 }
 .bg-success a, .bg-success .cxd-Button--link {
-  color: #d2faed;
+  color: #def9d8;
 }
 .bg-success a:hover, .bg-success .cxd-Button--link:hover {
   color: #fff;
@@ -28467,23 +29049,23 @@ td.rdtQuarter.rdtDisabled > span {
 }
 
 .bg-warning {
-  background-color: #ffb200;
-  color: #fcefcf;
+  background-color: #ff9326;
+  color: #fef9f3;
 }
 .bg-warning.lt, .bg-warning .lt {
-  background: #fcb91c;
+  background: #fda042;
 }
 .bg-warning.lter, .bg-warning .lter {
-  background: #fabf38;
+  background: #fbac5d;
 }
 .bg-warning.dk, .bg-warning .dk {
-  background: #e6a000;
+  background: #ff860d;
 }
 .bg-warning.dker, .bg-warning .dker {
-  background: #cc8e00;
+  background: #f27a00;
 }
 .bg-warning.bg, .bg-warning .bg {
-  background-color: #ffb200;
+  background-color: #ff9326;
 }
 .bg-warning a, .bg-warning .cxd-Button--link {
   color: white;
@@ -28502,23 +29084,23 @@ td.rdtQuarter.rdtDisabled > span {
 }
 
 .bg-danger {
-  background-color: #e8684a;
-  color: white;
+  background-color: #f33e3e;
+  color: #fffefe;
 }
 .bg-danger.lt, .bg-danger .lt {
-  background: #e97c63;
+  background: #f25858;
 }
 .bg-danger.lter, .bg-danger .lter {
-  background: #ea907b;
+  background: #f27272;
 }
 .bg-danger.dk, .bg-danger .dk {
-  background: #e85331;
+  background: #f42323;
 }
 .bg-danger.dker, .bg-danger .dker {
-  background: #e93e16;
+  background: #f50909;
 }
 .bg-danger.bg, .bg-danger .bg {
-  background-color: #e8684a;
+  background-color: #f33e3e;
 }
 .bg-danger a, .bg-danger .cxd-Button--link {
   color: white;
@@ -28621,87 +29203,87 @@ a.text-info:hover {
 }
 
 a.bg-success:hover {
-  background: #0aaa75;
+  background: #2aa811;
 }
 
 a.text-success:hover {
-  color: #0aaa75;
+  color: #2aa811;
 }
 
 .text-success {
-  color: #0bc286;
+  color: #30bf13;
 }
 
 .text-success-lt {
-  color: #0aaa75;
+  color: #2aa811;
 }
 
 .text-success-lter {
-  color: #089265;
+  color: #24910e;
 }
 
 .text-success-dk {
-  color: #0aaa75;
+  color: #2aa811;
 }
 
 .text-success-dker {
-  color: #089265;
+  color: #24910e;
 }
 
 a.bg-warning:hover {
-  background: #e6a000;
+  background: #ff860d;
 }
 
 a.text-warning:hover {
-  color: #e6a000;
+  color: #ff860d;
 }
 
 .text-warning {
-  color: #ffb200;
+  color: #ff9326;
 }
 
 .text-warning-lt {
-  color: #e6a000;
+  color: #ff860d;
 }
 
 .text-warning-lter {
-  color: #cc8e00;
+  color: #f27a00;
 }
 
 .text-warning-dk {
-  color: #e6a000;
+  color: #ff860d;
 }
 
 .text-warning-dker {
-  color: #cc8e00;
+  color: #f27a00;
 }
 
 a.bg-danger:hover {
-  background: #e55533;
+  background: #f22626;
 }
 
 a.text-danger:hover {
-  color: #e55533;
+  color: #f22626;
 }
 
 .text-danger {
-  color: #e8684a;
+  color: #f33e3e;
 }
 
 .text-danger-lt {
-  color: #e55533;
+  color: #f22626;
 }
 
 .text-danger-lter {
-  color: #e2421d;
+  color: #ef0f0f;
 }
 
 .text-danger-dk {
-  color: #e55533;
+  color: #f22626;
 }
 
 .text-danger-dker {
-  color: #e2421d;
+  color: #ef0f0f;
 }
 
 a.bg-dark:hover {
@@ -28789,7 +29371,7 @@ a.text-black:hover {
 }
 
 .text-muted {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .text-loud {
@@ -29198,7 +29780,7 @@ a.text-black:hover {
 }
 
 .b-success {
-  border-color: #0bc286;
+  border-color: #30bf13;
 }
 
 .b-info {
@@ -29206,11 +29788,11 @@ a.text-black:hover {
 }
 
 .b-warning {
-  border-color: #ffb200;
+  border-color: #ff9326;
 }
 
 .b-danger {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .b-white {
@@ -29238,7 +29820,7 @@ a.text-black:hover {
 }
 
 .b-l-success {
-  border-left-color: #0bc286;
+  border-left-color: #30bf13;
 }
 
 .b-l-info {
@@ -29246,11 +29828,11 @@ a.text-black:hover {
 }
 
 .b-l-warning {
-  border-left-color: #ffb200;
+  border-left-color: #ff9326;
 }
 
 .b-l-danger {
-  border-left-color: #e8684a;
+  border-left-color: #f33e3e;
 }
 
 .b-l-white {
@@ -29831,16 +30413,16 @@ a.text-black:hover {
   bottom: 0;
 }
 .avatar i.on {
-  background: #0bc286;
+  background: #30bf13;
 }
 .avatar i.off {
-  background: #b4b6ba;
+  background: #b8babf;
 }
 .avatar i.busy {
-  background: #e8684a;
+  background: #f33e3e;
 }
 .avatar i.away {
-  background: #ffb200;
+  background: #ff9326;
 }
 .avatar.thumb-md i {
   width: 12px;
@@ -30247,7 +30829,7 @@ a.label:hover, a.label:focus {
 }
 
 .label-success {
-  background: #0bc286;
+  background: #30bf13;
 }
 
 .label-info {
@@ -30255,11 +30837,11 @@ a.label:hover, a.label:focus {
 }
 
 .label-warning {
-  background: #ffb200;
+  background: #ff9326;
 }
 
 .label-danger {
-  background: #e8684a;
+  background: #f33e3e;
 }
 
 @keyframes apearSensor {
@@ -30422,7 +31004,7 @@ a.label:hover, a.label:focus {
   border-radius: 10px;
 }
 .cxd-Switch:hover {
-  background: #b4b6ba;
+  background: #b8babf;
 }
 .cxd-Switch.is-checked {
   background: #2468f2;
@@ -30434,10 +31016,10 @@ a.label:hover, a.label:focus {
   margin: 0 1.5625rem 0 0.5rem;
 }
 .cxd-Switch.is-checked:hover {
-  background: #1c53c1;
+  background: #144bcc;
 }
 .cxd-Switch.is-checked:active {
-  background: #1c53c1;
+  background: #144bcc;
 }
 
 .cxd-TextControl-sugs {
@@ -30494,13 +31076,13 @@ a.label:hover, a.label:focus {
 }
 .cxd-Alert .cxd-Alert-close {
   opacity: 1;
-  color: #83868c;
+  color: #84868c;
 }
 .cxd-Alert .cxd-Alert-close:hover {
-  color: #5e626a;
+  color: #5c5f66;
 }
 .cxd-Alert .cxd-Alert-close:active {
-  color: #2d323c;
+  color: #303540;
 }
 
 .cxd-IconPickerControl .cxd-IconPickerControl-input--withAC .cxd-IconPickerControl-sugsPanel {
@@ -30618,9 +31200,9 @@ a.label:hover, a.label:focus {
   background-color: #fff;
 }
 .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-icon {
-  color: #e8684a;
+  color: #f33e3e;
   background-color: #fff;
-  border: 1px solid #e8684a;
+  border: 1px solid #f33e3e;
 }
 
 .cxd-Form-feedback {