amis 2.7.3-beta.0 → 2.8.0

package/lib/themes/default-ie11.css

@@ -8629,7 +8629,7 @@ body.video-react-full-window .video-react-fullscreen {
 }
 .rdtPicker td > span {
   display: inline-block;
-  border-radius: 2px;
+  border-radius: 2px 2px 2px 2px;
   height: 24px;
   width: 24px;
 }
@@ -8645,6 +8645,10 @@ body.video-react-full-window .video-react-fullscreen {
 .rdtPicker td.rdtNew {
   color: #b8babf;
 }
+.rdtPicker td.rdtOld span,
+.rdtPicker td.rdtNew span {
+  background: transparent;
+}
 .rdtPicker td.rdtToday {
   position: relative;
 }
@@ -10973,6 +10977,9 @@ img.cxd-AsideNav-itemIcon {
   height: 0.875rem;
   vertical-align: middle;
 }
+.cxd-Button--size-default.cxd-Button--iconOnly {
+  min-width: 2rem;
+}
 .cxd-Button--size-xs {
   font-size: 12px;
   font-weight: 400;
@@ -11009,7 +11016,7 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .cxd-Button--size-xs.cxd-Button--iconOnly {
-  min-width: calc(var(--Button--xs-height) * var(--Button--iconOnly-minWidthRate));
+  min-width: 1.375rem;
 }
 .cxd-Button--size-sm {
   font-size: 12px;
@@ -11047,7 +11054,7 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .cxd-Button--size-sm.cxd-Button--iconOnly {
-  min-width: calc(var(--Button--sm-height) * var(--Button--iconOnly-minWidthRate));
+  min-width: 1.875rem;
 }
 .cxd-Button--size-md {
   font-size: 14px;
@@ -11085,7 +11092,7 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .cxd-Button--size-md.cxd-Button--iconOnly {
-  min-width: calc(var(--Button--md-height) * var(--Button--iconOnly-minWidthRate));
+  min-width: 2rem;
 }
 .cxd-Button--size-lg {
   font-size: 14px;
@@ -11123,15 +11130,14 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .cxd-Button--size-lg.cxd-Button--iconOnly {
-  min-width: calc(var(--Button--lg-height) * var(--Button--iconOnly-minWidthRate));
+  min-width: 2.375rem;
 }
 .cxd-Button--iconOnly {
-  min-width: calc(var(--Button-height) * var(--Button--iconOnly-minWidthRate));
+  padding: 0;
 }
 .cxd-Button--iconOnly:not(.cxd-Button--link) > svg.icon {
   width: 0.875rem;
   height: 0.875rem;
-  top: 0.125rem;
 }
 .cxd-Button--iconOnly:not(.cxd-Button--link) > .fa,
 .cxd-Button--iconOnly:not(.cxd-Button--link) > .iconfont {
@@ -12839,7 +12845,7 @@ input[type=button].cxd-Button--block {
   z-index: 1;
   width: 100%;
   height: 100%;
-  background-image: linear-gradient(180deg, hsla(0deg, 0%, 100%, 0.9), hsla(0deg, 0%, 100%, 0.4)), linear-gradient(0deg, hsla(0deg, 0%, 100%, 0.9), hsla(0deg, 0%, 100%, 0.4));
+  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)), linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
   background-repeat: no-repeat;
   background-position: top, bottom;
   transform: translateZ(0);
@@ -15748,7 +15754,7 @@ input[type=button].cxd-Button--block {
   background: transparent !important;
 }
 .cxd-ScheduleCalendar .rdt .rdtPicker td.rdtActive:hover {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-ScheduleCalendar-large {
   width: 100%;
@@ -15964,7 +15970,7 @@ input[type=button].cxd-Button--block {
   display: none;
 }
 .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtBetween {
-  background: rgba(0, 123, 255, 0.1) !important;
+  background: #e6f0ff !important;
   color: var(--Button--primary-bg);
 }
 .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtBetween::after {
@@ -15980,11 +15986,11 @@ input[type=button].cxd-Button--block {
 }
 .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtRangeHasEnd,
 .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtRangeHasEnd:hover {
-  background: linear-gradient(to right, transparent 0%, transparent 50%, rgba(0, 123, 255, 0.1) 51%, rgba(0, 123, 255, 0.1) 100%) !important;
+  background: linear-gradient(to right, transparent 0%, transparent 50%, #e6f0ff 51%, #e6f0ff 100%) !important;
 }
 .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtRangeEnd,
 .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtRangeEnd:hover {
-  background: linear-gradient(to right, rgba(0, 123, 255, 0.1) 0%, rgba(0, 123, 255, 0.1) 50%, transparent 51%, transparent 100%) !important;
+  background: linear-gradient(to right, #e6f0ff 0%, #e6f0ff 50%, transparent 51%, transparent 100%) !important;
 }
 .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtToday {
   border: none;
@@ -18559,10 +18565,6 @@ input[type=button].cxd-Button--block {
   flex-wrap: wrap;
   justify-content: space-between;
 }
-.cxd-InputTable-toolbar .cxd-Button {
-  border-color: transparent;
-  color: #2468f2;
-}
 .cxd-InputTable-pager {
   margin-left: auto;
 }
@@ -22266,6 +22268,23 @@ input[type=button].cxd-Button--block {
   align-items: center;
   border-radius: 3px;
   position: relative;
+  color: #151b26;
+  font-weight: 400;
+  border-width: 1px
+    1px
+    1px
+    1px;
+  border-style: solid solid solid solid;
+  border-color: #e8e9eb
+    #e8e9eb
+    #e8e9eb
+    #e8e9eb;
+  background: transparent;
+  border-radius: 4px
+    4px
+    4px
+    4px;
+  padding: 0.25rem 0.625rem 0.25rem 0.625rem;
 }
 .cxd-ResultBox input {
   flex-basis: 1.875rem;
@@ -22303,29 +22322,39 @@ input[type=button].cxd-Button--block {
   border-color: #f23d3d;
   background: #ffffff;
 }
-.cxd-ResultBox.is-focused, .cxd-ResultBox.is-active, .cxd-ResultBox:focus {
+.cxd-ResultBox.is-focused, .cxd-ResultBox:focus {
   outline: none;
-  border-color: #2468f2;
-  box-shadow: none;
-  background: #ffffff;
+  background: transparent;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #2468f2 #2468f2 #2468f2 #2468f2;
+}
+.cxd-ResultBox.is-active, .cxd-ResultBox.is-opened {
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #2468f2 #2468f2 #2468f2 #2468f2;
+  box-shadow: 0px 0px 0px 0px transparent;
+  background: transparent;
 }
 .cxd-ResultBox.is-clickable:not(.is-disabled) {
   cursor: pointer;
 }
 .cxd-ResultBox.is-clickable:not(.is-disabled):hover {
-  border-color: #2468f2;
-  box-shadow: none;
-  background: #ffffff;
+  background: transparent;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #2468f2 #2468f2 #2468f2 #2468f2;
 }
 .cxd-ResultBox.is-error.is-focused {
   border-color: #f23d3d;
 }
 .cxd-ResultBox.is-disabled {
   color: #b8babf;
-  background: #f7f8fa;
-  border-color: #e8e9eb;
   pointer-events: none;
-  background: #f7f7f9;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
+  background: #f7f8fa;
 }
 .cxd-ResultBox.is-disabled div.cxd-ResultBox-value {
   background: #e8e9eb;
@@ -22420,19 +22449,18 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ResultBox-value {
   background: #f7f8fa;
-  color: #000;
-  font-size: 14px;
-  padding: 0 0.25rem;
+  color: #151b26;
+  font-size: 12px;
   min-height: 1.5rem;
   flex-wrap: nowrap;
   display: inline-flex;
   align-items: center;
-  margin-right: 0.25rem;
-  margin-bottom: 0.125rem;
+  padding: 0rem 0.25rem 0rem 0.25rem;
+  margin: 0rem 0.25rem 0.125rem 0rem;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  border-radius: 0.125rem;
+  border-radius: 2px 2px 2px 2px;
 }
 .cxd-ResultBox-value > a {
   cursor: pointer;
@@ -22440,7 +22468,7 @@ input[type=button].cxd-Button--block {
   color: #b8babf;
 }
 .cxd-ResultBox-value > a:hover {
-  color: #666666;
+  color: #151b26;
 }
 .cxd-ResultBox-value > a > svg {
   width: 0.625rem;
@@ -22450,7 +22478,7 @@ input[type=button].cxd-Button--block {
   top: 0;
 }
 .cxd-ResultBox-value:hover {
-  background: rgba(0, 145, 255, 0.1);
+  background: #e6f0ff;
 }
 .cxd-ResultBox-value.is-disabled {
   pointer-events: none;
@@ -22473,9 +22501,6 @@ input[type=button].cxd-Button--block {
   padding-left: 8px;
   min-height: 24px;
 }
-.cxd-ResultBox.cxd-TransferDropDown {
-  padding: 0 0.75rem;
-}
 .cxd-ResultBox.cxd-TransferDropDown.is-group > .cxd-TransferDropDown-icon {
   margin-right: 0.5rem;
 }
@@ -22486,7 +22511,7 @@ input[type=button].cxd-Button--block {
   background: #f7f8fa;
 }
 .cxd-ResultBox.cxd-TransferDropDown > .cxd-ResultBox-value:hover {
-  background: #e8e9eb;
+  background: #e6f0ff;
 }
 .cxd-ResultBox-overflow-wrapper {
   display: flex;
@@ -23811,6 +23836,15 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-InputGroup:not(.is-inline) {
   display: flex;
 }
+.cxd-InputGroup-validation--full.is-error > .cxd-Form-control {
+  border-color: #f23d3d;
+  transition: all 0.2s;
+}
+.cxd-InputGroup-validation--partial.is-error > .cxd-Form-control.is-error {
+  border-color: #f23d3d;
+  background: #ffffff;
+  transition: all 0.2s;
+}
 .cxd-TextControl {
   position: relative;
   max-width: 100%;
@@ -23934,6 +23968,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-TextControl .cxd-TextControl-clear svg {
   font-size: 0.875rem;
   fill: #2468f2;
+  color: #2468f2;
   width: 0.875rem;
   height: 0.875rem;
 }
@@ -24002,6 +24037,11 @@ fieldset.cxd-Collapse--lg:after {
   display: flex;
   flex-wrap: nowrap;
 }
+.cxd-TextControl--withAddOn:hover .cxd-TextControl-input,
+.cxd-TextControl--withAddOn:hover .cxd-Button,
+.cxd-TextControl--withAddOn:hover .cxd-TextControl-addOn {
+  border-color: #2468f2;
+}
 @media (min-width: 576px) {
   .cxd-TextControl--withAddOn.cxd-Form-control--sizeXs, .cxd-TextControl--withAddOn.cxd-Form-control--sizeSm, .cxd-TextControl--withAddOn.cxd-Form-control--sizeMd, .cxd-TextControl--withAddOn.cxd-Form-control--sizeLg {
     display: inline-flex;
@@ -24010,17 +24050,17 @@ fieldset.cxd-Collapse--lg:after {
     min-width: unset;
   }
 }
-.cxd-TextControl--withAddOn > .cxd-TextControl-input {
+.cxd-TextControl--withAddOn > .cxd-TextControl-input, .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-input {
   flex-basis: 1;
   flex-grow: 1;
   min-width: 0;
   border-radius: 0;
 }
-.cxd-TextControl--withAddOn > .cxd-TextControl-input:first-child {
+.cxd-TextControl--withAddOn > .cxd-TextControl-input:first-child, .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-input:first-child {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
 }
-.cxd-TextControl--withAddOn > .cxd-TextControl-input:last-child {
+.cxd-TextControl--withAddOn > .cxd-TextControl-input:last-child, .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-input:last-child {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
 }
@@ -24041,6 +24081,8 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-TextControl-addOn:first-child {
   border-left-width: 1px;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
 }
 .cxd-TextControl-addOn:last-child {
   border-right-width: 1px;
@@ -24051,7 +24093,7 @@ fieldset.cxd-Collapse--lg:after {
   position: relative;
   border-radius: 0;
   margin-left: -0.0625rem;
-  border: 1px solid #e8e9eb;
+  transition: none;
 }
 .cxd-TextControl--withAddOn > .cxd-TextControl-button:not(:last-child) .cxd-Button {
   border-right: 0;
@@ -24603,9 +24645,6 @@ input.cxd-TextControl-input-password {
 .cxd-Checkbox--full.cxd-Checkbox--checkbox:active input:checked + i {
   background: #144bcc;
 }
-.cxd-Checkbox--full.cxd-Checkbox--checkbox:active input:checked + i:before {
-  background: #144bcc;
-}
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked + i {
   border-color: #2468f2;
   background: #2468f2;
@@ -24994,15 +25033,20 @@ input.cxd-TextControl-input-password {
   padding: 0.25rem 0;
 }
 .cxd-GroupedSelection-group > .cxd-GroupedSelection-itemLabel {
-  height: 2rem;
-  padding: 0.25rem 0.75rem;
+  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
   color: #84878c;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.5;
 }
 .cxd-GroupedSelection-item {
   display: flex;
-  line-height: 1.5;
+  color: #151b26;
+  background: transparent;
+  line-height: 2rem;
   font-size: 14px;
-  padding: calc((2rem - 1.5 * 14px) / 2) 0.5rem;
+  font-weight: 400;
+  padding: 0rem 0.625rem 0rem 0.625rem;
   flex-direction: row;
   cursor: pointer;
   -webkit-user-select: none;
@@ -25012,18 +25056,21 @@ input.cxd-TextControl-input-password {
 .cxd-GroupedSelection-item > .cxd-Checkbox {
   margin-right: 0.625rem;
 }
-.cxd-GroupedSelection-item.is-active {
-  background: transparent;
-}
 .cxd-GroupedSelection-item:hover {
-  background: #f7f8fa;
+  color: #151b26;
+  background: #e6f0ff;
 }
 .cxd-GroupedSelection-item:hover i {
   border: 1px solid #2468f2;
 }
+.cxd-GroupedSelection-item.is-active, .cxd-GroupedSelection-item.is-focused, .cxd-GroupedSelection-item.is-opened {
+  color: #2468f2;
+  background: transparent;
+}
 .cxd-GroupedSelection-item.is-disabled {
   pointer-events: none;
   color: #b8babf;
+  background: transparent;
 }
 .cxd-GroupedSelection-group > .cxd-GroupedSelection-items > .cxd-GroupedSelection-item {
   padding-left: calc(0.75rem * 2);
@@ -25070,26 +25117,31 @@ input.cxd-TextControl-input-password {
 }
 .cxd-TableSelection .cxd-Table-table > thead > tr > th,
 .cxd-TableSelection .cxd-Table-table > tbody > tr > td {
+  color: #151b26;
   font-size: 12px;
-  padding-top: 0.25rem;
-  padding-bottom: 0.375rem;
   vertical-align: middle;
 }
 .cxd-TableSelection .cxd-Table-table > thead > tr > th {
-  padding-top: 0.375rem;
+  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
 }
-.cxd-TableSelection .cxd-Table-table > thead > tr > th:first-child,
-.cxd-TableSelection .cxd-Table-table > tbody > tr > td:first-child {
-  padding-left: 0.625rem;
+.cxd-TableSelection .cxd-Table-table > tbody > tr > td {
+  padding: 0.375rem 0.75rem 0.5rem 0.75rem;
+}
+.cxd-TableSelection .cxd-Table-table > thead > tr > th:last-child {
+  padding-right: 1.125rem;
 }
-.cxd-TableSelection .cxd-Table-table > thead > tr > th:last-child,
 .cxd-TableSelection .cxd-Table-table > tbody > tr > td:last-child {
-  padding-right: 1rem;
+  padding-right: 1.125rem;
 }
-.cxd-TableSelection .cxd-Table-table > tbody > tr.is-active {
+.cxd-TableSelection .cxd-Table-table > tbody > tr.is-active > td {
   color: #2468f2;
   background: transparent;
 }
+.cxd-TableSelection .cxd-Table-table > tbody > tr:hover > td,
+.cxd-TableSelection .cxd-Table-table > tbody > tr.is-hovered > td {
+  color: #151b26;
+  background: #e6f0ff;
+}
 .cxd-TreeSelection .cxd-Table-expandBtn {
   color: #84878c;
   margin-right: 0.25rem;
@@ -25177,9 +25229,12 @@ input.cxd-TextControl-input-password {
 }
 .cxd-ChainedSelection-item {
   display: flex;
-  line-height: 1.5;
   font-size: 14px;
-  padding: calc((2rem - 1.5 * 14px) / 2) 0.5rem;
+  font-weight: 400;
+  color: #151b26;
+  background: transparent;
+  line-height: 2rem;
+  padding: 0rem 0.625rem 0rem 0.625rem;
   flex-direction: row;
   cursor: pointer;
   -webkit-user-select: none;
@@ -25194,11 +25249,13 @@ input.cxd-TextControl-input-password {
   background: transparent;
 }
 .cxd-ChainedSelection-item:hover {
-  background: #f7f8fa;
+  color: #151b26;
+  background: #e6f0ff;
 }
 .cxd-ChainedSelection-item.is-disabled {
   pointer-events: none;
   color: #b8babf;
+  background: transparent;
 }
 .cxd-ChainedSelection-itemLabel {
   flex-grow: 1;
@@ -25496,6 +25553,7 @@ input.cxd-TextControl-input-password {
   border: 1px solid #e8e9eb;
   border-radius: 4px;
   overflow: hidden;
+  position: relative;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
@@ -25509,6 +25567,9 @@ input.cxd-TextControl-input-password {
   border-radius: 4px 4px 4px 4px;
   background: transparent;
 }
+.cxd-Number:hover .cxd-Number-input {
+  padding-right: calc(1.5rem + 0.75rem);
+}
 .cxd-Number-focused {
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -25612,7 +25673,8 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Number-handler-wrap {
   display: none;
-  float: right;
+  position: absolute;
+  right: 0;
   border-left: 0.0625rem solid #e8e9eb;
   width: 1.5rem;
   height: 100%;
@@ -25637,8 +25699,6 @@ input.cxd-TextControl-input-password {
 .cxd-Number-disabled .cxd-Number-input {
   opacity: 0.72;
   cursor: not-allowed;
-  border-top-right-radius: 0px;
-  border-bottom-right-radius: 0px;
   color: #b8babf;
   background: #f7f8fa;
   border-color: #e8e9eb;
@@ -25677,12 +25737,12 @@ input.cxd-TextControl-input-password {
   padding: calc(
     (
         2rem - 1.5 *
-          14px - 1px * 2
+          14px - 0.0625rem * 2
       ) / 2
   ) 0 calc(
     (
         2rem - 1.5 *
-          14px - 1px * 2
+          14px - 0.0625rem * 2
       ) / 2
   ) 0.625rem;
 }
@@ -25719,6 +25779,9 @@ input.cxd-TextControl-input-password {
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-radius: 4px 4px 4px 4px;
 }
+.cxd-Number--enhance:hover .cxd-Number-input {
+  padding-right: 0.75rem;
+}
 .cxd-Number--enhance:hover .cxd-Number--enhance-input {
   background: transparent;
 }
@@ -25876,11 +25939,23 @@ input.cxd-TextControl-input-password {
   outline: none;
   position: relative;
   font-size: 14px;
-  border: 1px solid #e8e9eb;
-  background: #ffffff;
-  border-radius: 4px;
+  font-weight: 400;
+  border-width: 1px
+    1px
+    1px
+    1px;
+  border-style: solid solid solid solid;
+  border-color: #e8e9eb
+    #e8e9eb
+    #e8e9eb
+    #e8e9eb;
+  background: transparent;
+  border-radius: 4px
+    4px
+    4px
+    4px;
   min-height: 2rem;
-  padding: calc((2rem - 1.5 * 14px - 1px * 2) / 2) 0 calc((2rem - 1.5 * 14px - 1px * 2) / 2) 0.625rem;
+  padding: 0.25rem 0.625rem 0.25rem 0.625rem;
   cursor: pointer;
   color: #151b26;
 }
@@ -25888,19 +25963,34 @@ input.cxd-TextControl-input-password {
   display: flex;
 }
 .cxd-Select:hover {
-  background: #ffffff;
-  border-color: #2468f2;
+  background: transparent;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #2468f2 #2468f2 #2468f2 #2468f2;
 }
 .cxd-Select:hover .cxd-Select-arrow:before {
   color: #84878c;
 }
 .cxd-Select:active {
-  border-color: var(--Button--default-onActive-border);
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #2468f2 #2468f2 #2468f2 #2468f2;
+  box-shadow: 0px 0px 0px 0px transparent;
+  background: transparent;
+}
+.cxd-Select.is-focused:not(.is-mobile), .cxd-Select.is-opened:not(.is-mobile) {
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #2468f2 #2468f2 #2468f2 #2468f2;
+  box-shadow: 0px 0px 0px 0px transparent;
+  background: transparent;
+  color: #151b26;
 }
 .cxd-Select.is-disabled {
-  color: #b8babf;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
   background: #f7f8fa;
-  border-color: #e8e9eb;
 }
 .cxd-Select:focus {
   box-shadow: none;
@@ -25909,12 +25999,10 @@ input.cxd-TextControl-input-password {
   margin-top: 0.25rem;
 }
 .cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Select-option {
-  height: 2rem;
   line-height: 2rem;
 }
 .cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Select-addBtn {
-  height: 2rem;
-  line-height: 1.875rem;
+  line-height: 2rem;
 }
 .cxd-Select--borderHalf {
   border-left-color: transparent !important;
@@ -25950,7 +26038,6 @@ input.cxd-TextControl-input-password {
   white-space: nowrap;
 }
 .cxd-Select-value {
-  line-height: calc(1.5 * 14px);
   white-space: nowrap;
   max-width: 100%;
   overflow: hidden;
@@ -25965,7 +26052,7 @@ input.cxd-TextControl-input-password {
 .cxd-Select--multi {
   height: auto;
   min-height: 2rem;
-  padding: 0.25rem 0 0.25rem 0.25rem;
+  padding: 0.25rem 0.625rem 0.25rem 0.625rem;
 }
 .cxd-Select--multi .cxd-Select-valueWrap > input {
   display: inline-block;
@@ -25990,19 +26077,20 @@ input.cxd-TextControl-input-password {
   display: inline-block;
   vertical-align: middle;
   font-size: 12px;
+  font-weight: 400;
+  color: #151b26;
   background: #f7f8fa;
   border: 0.0625rem solid #f2f3f5;
-  border-radius: 0.125rem;
-  margin-right: 0.25rem;
-  margin-bottom: 0.25rem;
+  border-radius: 2px 2px 2px 2px;
+  padding: 0rem 0.25rem 0rem 0.25rem;
+  margin: 0rem 0.25rem 0.125rem 0rem;
 }
 .cxd-Select--multi .cxd-Select-value:hover {
-  background-color: #e8e9eb;
+  background-color: #e6f0ff;
 }
 .cxd-Select--multi .cxd-Select-valueLabel {
   display: inline-block;
   max-width: 7.5rem;
-  padding: 0 0.25rem;
   overflow: hidden;
   vertical-align: top;
   text-overflow: ellipsis;
@@ -26010,8 +26098,8 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Select-valueIcon {
   cursor: pointer;
-  padding: 1px 5px;
-  color: #5c5f66;
+  margin-left: 0.625rem;
+  color: #b8babf;
 }
 .cxd-Select-valueIcon:hover {
   color: #151b26;
@@ -26027,7 +26115,6 @@ input.cxd-TextControl-input-password {
   height: 0.625rem;
 }
 .cxd-Select-arrow {
-  margin-right: 0.75rem;
   width: 1rem;
   text-align: center;
   display: flex;
@@ -26114,8 +26201,13 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Select-option {
   cursor: pointer;
-  padding: calc((1.5rem - 1.5 * 14px) / 2) 0.625rem;
+  padding: 0rem 0.625rem 0rem 0.625rem;
   display: flex;
+  color: #151b26;
+  font-size: 14px;
+  font-weight: 400;
+  background: transparent;
+  line-height: 2rem;
 }
 .cxd-Select-option-checkbox {
   width: 100%;
@@ -26141,19 +26233,31 @@ input.cxd-TextControl-input-password {
   overflow: hidden;
   white-space: nowrap;
   width: 100%;
+  font-size: 14px;
+  font-weight: 400;
+  color: #151b26;
 }
 .cxd-Select-option.is-active {
   color: #2468f2;
   background: transparent;
 }
+.cxd-Select-option.is-active .cxd-Select-option-checkbox > label > span {
+  color: #2468f2;
+}
 .cxd-Select-option.is-highlight {
   color: #151b26;
   background: #e6f0ff;
 }
+.cxd-Select-option.is-highlight .cxd-Select-option-checkbox > label > span {
+  color: #151b26;
+}
 .cxd-Select-option.is-disabled {
   color: #b8babf;
   background: transparent;
 }
+.cxd-Select-option.is-disabled .cxd-Select-option-checkbox > label > span {
+  color: #b8babf;
+}
 .cxd-Select-option > label {
   display: block;
 }
@@ -26189,7 +26293,7 @@ input.cxd-TextControl-input-password {
 .cxd-Select-addBtn {
   display: block;
   cursor: pointer;
-  padding: calc((1.5rem - 1.5 * 14px) / 2) 0.625rem;
+  padding: 0rem 0.625rem 0rem 0.625rem;
 }
 .cxd-Select-addBtn:hover {
   text-decoration: none;
@@ -26199,10 +26303,6 @@ input.cxd-TextControl-input-password {
   height: 0.875rem;
   margin-right: 0.25rem;
 }
-.cxd-Select.is-focused:not(.is-mobile), .cxd-Select.is-opened:not(.is-mobile) {
-  border-color: #2468f2;
-  color: #151b26;
-}
 .cxd-Select-spinner {
   line-height: calc(1.5 * 14px);
 }
@@ -26223,7 +26323,7 @@ input.cxd-TextControl-input-password {
   top: 0;
 }
 .cxd-Select-clear svg:hover > path:first-of-type {
-  fill: #5c5f66;
+  fill: #b8babf;
 }
 .cxd-Select-popup {
   height: 20rem;
@@ -26251,19 +26351,20 @@ input.cxd-TextControl-input-password {
   display: inline-block;
   vertical-align: middle;
   font-size: 12px;
+  font-weight: 400;
+  color: #151b26;
   background: #f7f8fa;
   border: 0.0625rem solid #f2f3f5;
-  border-radius: 0.125rem;
-  margin-right: 0.25rem;
-  margin-bottom: 0.25rem;
+  border-radius: 2px 2px 2px 2px;
+  padding: 0rem 0.25rem 0rem 0.25rem;
+  margin: 0rem 0.25rem 0.125rem 0rem;
 }
 .cxd-Select-overflow-wrapper .cxd-Select-value:hover {
-  background-color: #e8e9eb;
+  background-color: #e6f0ff;
 }
 .cxd-Select-overflow-wrapper .cxd-Select-valueLabel {
   display: inline-block;
   max-width: 7.5rem;
-  padding: 0 0.25rem;
   overflow: hidden;
   vertical-align: top;
   text-overflow: ellipsis;
@@ -26561,13 +26662,8 @@ input.cxd-TextControl-input-password {
   display: inline-flex;
   flex-wrap: nowrap;
   border: 1px solid #e8e9eb;
-  font-size: 12px;
-  padding: calc(
-    (
-        2rem - 1.5 *
-          12px
-      ) / 2 - 1px
-  ) 0.75rem;
+  font-size: 14px;
+  padding: 0.375rem 0.75rem;
   height: 2rem;
   outline: none;
   white-space: nowrap;
@@ -26586,7 +26682,7 @@ input.cxd-TextControl-input-password {
   color: #2468f2;
 }
 .cxd-LocationPicker.is-focused, .cxd-LocationPicker.is-active {
-  border-color: #144bcc;
+  border-color: #2468f2;
   box-shadow: none;
 }
 .cxd-LocationPicker.is-disabled {
@@ -26828,20 +26924,29 @@ input.cxd-TextControl-input-password {
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  border: 1px solid #e8e9eb;
-  font-size: 12px;
-  padding: calc(
-    (
-        2rem - 1.5 *
-          12px
-      ) / 2 - 1px
-  ) 0.75rem;
+  border-width: 1px
+    1px
+    1px
+    1px;
+  border-style: solid
+    solid
+    solid
+    solid;
+  border-color: #e8e9eb
+    #e8e9eb
+    #e8e9eb
+    #e8e9eb;
+  font-size: 14px;
+  padding: 0.25rem 0.75rem 0.25rem 0.625rem;
   height: 2rem;
   outline: none;
   white-space: nowrap;
   color: #151b26;
   background: #ffffff;
-  border-radius: 4px;
+  border-radius: 4px
+    4px
+    4px
+    4px;
   min-width: calc(
     16px * 5 + 0.75rem * 2 +
       14px * 2
@@ -26853,8 +26958,11 @@ input.cxd-TextControl-input-password {
   background: none;
   padding: 0;
   border: 0;
-}
-.cxd-DatePicker-input:focus {
+  font-size: 14px;
+  font-weight: 400;
+  color: #151b26;
+}
+.cxd-DatePicker-input:focus {
   border: none;
   outline: none;
   box-sizing: none;
@@ -26881,7 +26989,15 @@ input.cxd-TextControl-input-password {
 }
 .cxd-DatePicker:not(.is-disabled):hover {
   background: #ffffff;
-  border-color: #2468f2;
+  border-color: #2468f2
+    #2468f2
+    #2468f2
+    #2468f2;
+  border-style: solid solid solid solid;
+  border-width: 1px 1px 1px 1px;
+}
+.cxd-DatePicker:not(.is-disabled):hover .cxd-DatePicker-input {
+  color: #151b26;
 }
 .cxd-DatePicker:not(.is-disabled):hover .cxd-DatePicker-clear {
   display: flex;
@@ -26890,17 +27006,26 @@ input.cxd-TextControl-input-password {
   display: none;
 }
 .cxd-DatePicker:not(.is-disabled).is-focused {
-  border-color: #144bcc;
-  box-shadow: none;
+  background: #ffffff;
+  border-color: #2468f2
+    #2468f2
+    #2468f2
+    #2468f2;
+  box-shadow: 0px 0px 0px 0px transparent;
+  border-style: solid solid solid solid;
+  border-width: 1px 1px 1px 1px;
 }
-.cxd-DatePicker .cxd-DatePicker-input {
-  font-size: 14px;
+.cxd-DatePicker:not(.is-disabled).is-focused .cxd-DatePicker-input {
+  color: #151b26;
 }
 .cxd-DatePicker.is-disabled {
-  background: #e5e7eb;
+  background: #f7f8fa;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
 }
 .cxd-DatePicker.is-disabled > .cxd-DatePicker-input {
-  color: #b8babf;
+  color: #151b26;
 }
 .cxd-DatePicker-placeholder {
   color: #b8babf;
@@ -26939,6 +27064,17 @@ input.cxd-TextControl-input-password {
 .cxd-DatePicker-toggler:active svg {
   fill: #303540;
 }
+.cxd-DatePicker-toggler svg {
+  color: #2468f2;
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.cxd-DatePicker .DatePicker-toggler-clock {
+  content: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>ic_时间</title><g id="ic_时间" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><circle id="1-FL" stroke="currentColor" cx="8" cy="8" r="6.5" stroke-width="1px" fill="none" stroke-linecap="butt" stroke-linejoin="round"/><polyline id="2-FLW" stroke="currentColor" points="7.87443646 5.5 7.87443646 8.53778873 5.5 9.28133409" stroke-width="1px" fill="none" stroke-linecap="butt" stroke-linejoin="round"/></g></svg>';
+}
+.cxd-DatePicker .DatePicker-toggler-date {
+  content: '<svg viewBox="0 0 13 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.338385, -2.000000)"><rect x="0" y="0" width="16" height="16"></rect><path d="M6,2 L6,3 L10,3 L10,2 L11,2 L11,3 L14,3 L14,14 L2,14 L2,3 L5,3 L5,2 L6,2 Z M13,7 L3,7 L3,13 L13,13 L13,7 Z M5,4 L3,4 L3,6 L13,6 L13,4 L11,4 L11,5 L10,5 L10,4 L6,4 L6,5 L5,5 L5,4 Z" fill="currentColor"></path></g></g></svg>';
+}
 .cxd-DatePicker-clear {
   padding: 0.1875rem;
   cursor: pointer;
@@ -26961,6 +27097,10 @@ input.cxd-TextControl-input-password {
 .cxd-DatePicker-clear:active svg {
   fill: #303540;
 }
+.cxd-DatePicker-clear svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
 .cxd-DateControl:not(.is-inline) > .cxd-DatePicker {
   display: flex;
 }
@@ -27092,7 +27232,8 @@ input.cxd-TextControl-input-password {
 .rdt .rdtPicker td.rdtMinute:hover span,
 .rdt .rdtPicker td.rdtSecond:hover span,
 .rdt .rdtPicker .rdtTimeToggle:hover span {
-  background: #f7f7f9;
+  color: #151b26;
+  background: #f7f8fa;
 }
 .rdt .rdtPicker td.rdtToday > span {
   border: 1px solid #2468f2;
@@ -27101,7 +27242,7 @@ input.cxd-TextControl-input-password {
   background: transparent;
 }
 .rdt .rdtPicker td.rdtBetween {
-  background: rgba(0, 123, 255, 0.1);
+  background: #e6f0ff;
 }
 .rdt .rdtPicker td.rdtToday:before {
   border-bottom-color: #2468f2;
@@ -27116,6 +27257,7 @@ input.cxd-TextControl-input-password {
 }
 .rdt .rdtPicker td.rdtActive > span,
 .rdt .rdtPicker td.rdtActive:hover > span {
+  color: #ffffff;
   background: #2468f2;
 }
 .rdt .rdtPicker .rdtActive.rdtToday {
@@ -27125,7 +27267,7 @@ input.cxd-TextControl-input-password {
   border-color: #144bcc;
 }
 .rdt .rdtPicker td.rdtDisabled:hover > span {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .rdt thead tr:first-child th {
   cursor: default;
@@ -27187,6 +27329,8 @@ input.cxd-TextControl-input-password {
   text-align: center;
   height: 28px;
   line-height: 28px;
+  font-size: 12px;
+  font-weight: 400;
   cursor: pointer;
 }
 .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsItem.is-highlight {
@@ -27195,7 +27339,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsItem:hover {
   color: #151b26;
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-TimeContentWrapper {
   display: flex;
@@ -27422,7 +27566,7 @@ input.cxd-TextControl-input-password {
   cursor: pointer !important;
   width: 1rem;
   padding: 0;
-  color: #84868c;
+  color: #84878c;
   font-size: 18px;
   text-decoration: none;
   font-family: auto;
@@ -27485,11 +27629,14 @@ td.rdtMonth > span,
 td.rdtYear > span,
 td.rdtQuarter > span {
   display: inline-block;
+  color: #151b26;
+  background: transparent;
+  border-radius: 2px 2px 2px 2px;
 }
 td.rdtMonth.rdtBetween,
 td.rdtYear.rdtBetween,
 td.rdtQuarter.rdtBetween {
-  background: rgba(0, 123, 255, 0.1);
+  background: #e6f0ff;
 }
 td.rdtMonth:hover,
 td.rdtYear:hover,
@@ -27500,7 +27647,7 @@ td.rdtMonth:hover > span,
 td.rdtYear:hover > span,
 td.rdtQuarter:hover > span {
   color: #151b26;
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 td.rdtMonth.rdtActive, td.rdtMonth.rdtActive:hover,
 td.rdtYear.rdtActive,
@@ -27515,26 +27662,33 @@ td.rdtYear.rdtActive:hover > span,
 td.rdtQuarter.rdtActive > span,
 td.rdtQuarter.rdtActive:hover > span {
   background: #2468f2 !important;
-  color: #ffffff;
+  color: #ffffff !important;
 }
 td.rdtMonth.rdtDisabled, td.rdtMonth.rdtDisabled:hover,
 td.rdtYear.rdtDisabled,
 td.rdtYear.rdtDisabled:hover,
 td.rdtQuarter.rdtDisabled,
 td.rdtQuarter.rdtDisabled:hover {
-  background: #f7f7f9;
+  background: #f7f8fa;
+}
+td.rdtMonth.rdtDisabled > span, td.rdtMonth.rdtDisabled:hover > span,
+td.rdtYear.rdtDisabled > span,
+td.rdtYear.rdtDisabled:hover > span,
+td.rdtQuarter.rdtDisabled > span,
+td.rdtQuarter.rdtDisabled:hover > span {
+  background: #f7f8fa;
   color: #b8babf;
 }
 .rdtPicker .rdtActive.rdtBetween.rdtStartDay {
-  background: linear-gradient(to right, transparent 0%, transparent 50%, rgba(0, 123, 255, 0.1) 51%, rgba(0, 123, 255, 0.1) 100%);
+  background: linear-gradient(to right, transparent 0%, transparent 50%, #e6f0ff 51%, #e6f0ff 100%);
 }
 .rdt .rdtPicker td.is-disabled {
   cursor: not-allowed !important;
-  background: #f7f7f9;
+  background: #f7f8fa;
   color: #b8babf;
 }
 .rdt .rdtPicker td.is-disabled:hover {
-  background: #f7f7f9;
+  background: #f7f8fa;
   color: #b8babf;
 }
 .rdt .rdtPicker td.is-disabled:hover > span {
@@ -27542,24 +27696,47 @@ td.rdtQuarter.rdtDisabled:hover {
   color: inherit !important;
 }
 .rdtPicker .rdtActive.rdtBetween.rdtEndDay {
-  background: linear-gradient(to right, rgba(0, 123, 255, 0.1) 0%, rgba(0, 123, 255, 0.1) 50%, transparent 51%, transparent 100%);
+  background: linear-gradient(to right, #e6f0ff 0%, #e6f0ff 50%, transparent 51%, transparent 100%);
 }
 .cxd-DateCalendar {
   display: inline-block;
-  border: 1px solid #e8e9eb;
+  border: 1px
+    1px
+    1px
+    1px solid #e8e9eb
+    #e8e9eb
+    #e8e9eb
+    #e8e9eb;
   background: #ffffff;
-  border-radius: 4px;
+  border-radius: 4px
+    4px
+    4px
+    4px;
 }
 .cxd-DateRangePicker {
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  border: 1px solid #e8e9eb;
-  font-size: 12px;
-  padding: 0 0.75rem;
+  border-width: 1px
+    1px
+    1px
+    1px;
+  border-style: solid
+    solid
+    solid
+    solid;
+  border-color: #e8e9eb
+    #e8e9eb
+    #e8e9eb
+    #e8e9eb;
+  font-size: 14px;
+  padding: 0 0.75rem 0 0.625rem;
   height: 2rem;
   outline: none;
-  border-radius: 4px;
+  border-radius: 4px
+    4px
+    4px
+    4px;
   color: #151b26;
   background: #ffffff;
 }
@@ -27576,7 +27753,15 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-DateRangePicker:not(.is-disabled):hover {
   background: #ffffff;
-  border-color: #2468f2;
+  border-color: #2468f2
+    #2468f2
+    #2468f2
+    #2468f2;
+  border-style: solid solid solid solid;
+  border-width: 1px 1px 1px 1px;
+}
+.cxd-DateRangePicker:not(.is-disabled):hover .cxd-DateRangePicker-input {
+  color: #151b26;
 }
 .cxd-DateRangePicker:not(.is-disabled):hover .cxd-DateRangePicker-clear {
   display: flex;
@@ -27585,8 +27770,17 @@ td.rdtQuarter.rdtDisabled:hover {
   display: none;
 }
 .cxd-DateRangePicker:not(.is-disabled).is-focused {
-  border-color: #144bcc;
-  box-shadow: none;
+  background: #ffffff;
+  border-color: #2468f2
+    #2468f2
+    #2468f2
+    #2468f2;
+  box-shadow: 0px 0px 0px 0px transparent;
+  border-style: solid solid solid solid;
+  border-width: 1px 1px 1px 1px;
+}
+.cxd-DateRangePicker:not(.is-disabled).is-focused .cxd-DateRangePicker-input {
+  color: #151b26;
 }
 .cxd-DateRangePicker .cxd-DateRangePicker-input {
   border: none;
@@ -27598,6 +27792,8 @@ td.rdtQuarter.rdtDisabled:hover {
   width: 50%;
   line-height: 1.875rem;
   font-size: 14px;
+  font-weight: 400;
+  color: #151b26;
 }
 .cxd-DateRangePicker .cxd-DateRangePicker-input::-moz-placeholder {
   color: #b8babf;
@@ -27619,10 +27815,13 @@ td.rdtQuarter.rdtDisabled:hover {
   background: #b8babf;
 }
 .cxd-DateRangePicker.is-disabled {
-  background: #e5e7eb;
+  background: #f7f8fa;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
 }
 .cxd-DateRangePicker.is-disabled > .cxd-DateRangePicker-input {
-  color: #b8babf;
+  color: #151b26;
 }
 .cxd-DateRangePicker-placeholder {
   color: #b8babf;
@@ -27660,6 +27859,17 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-DateRangePicker-toggler:active svg {
   fill: #303540;
 }
+.cxd-DateRangePicker-toggler svg {
+  color: #2468f2;
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.cxd-DateRangePicker .DatePicker-toggler-clock {
+  content: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>ic_时间</title><g id="ic_时间" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><circle id="1-FL" stroke="currentColor" cx="8" cy="8" r="6.5" stroke-width="1px" fill="none" stroke-linecap="butt" stroke-linejoin="round"/><polyline id="2-FLW" stroke="currentColor" points="7.87443646 5.5 7.87443646 8.53778873 5.5 9.28133409" stroke-width="1px" fill="none" stroke-linecap="butt" stroke-linejoin="round"/></g></svg>';
+}
+.cxd-DateRangePicker .DatePicker-toggler-date {
+  content: '<svg viewBox="0 0 13 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.338385, -2.000000)"><rect x="0" y="0" width="16" height="16"></rect><path d="M6,2 L6,3 L10,3 L10,2 L11,2 L11,3 L14,3 L14,14 L2,14 L2,3 L5,3 L5,2 L6,2 Z M13,7 L3,7 L3,13 L13,13 L13,7 Z M5,4 L3,4 L3,6 L13,6 L13,4 L11,4 L11,5 L10,5 L10,4 L6,4 L6,5 L5,5 L5,4 Z" fill="currentColor"></path></g></g></svg>';
+}
 .cxd-DateRangePicker-clear {
   padding: 0.1875rem;
   cursor: pointer;
@@ -27682,6 +27892,10 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-DateRangePicker-clear:active svg {
   fill: #303540;
 }
+.cxd-DateRangePicker-clear svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
 .cxd-DateRangePicker-activeCursor {
   bottom: 0;
   height: 2px;
@@ -27761,9 +27975,23 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-DateRangeCalendar {
   display: inline-block;
-  border: 1px solid #e8e9eb;
+  border-width: 1px
+    1px
+    1px
+    1px;
+  border-style: solid
+    solid
+    solid
+    solid;
+  border-color: #e8e9eb
+    #e8e9eb
+    #e8e9eb
+    #e8e9eb;
   background: #ffffff;
-  border-radius: 4px;
+  border-radius: 4px
+    4px
+    4px
+    4px;
 }
 .cxd-DateRangePicker.is-mobile {
   border: 0;
@@ -28456,15 +28684,15 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-active,
 .cxd-RichTextControl .fr-popup .fr-command.fr-btn.fr-active {
   color: #2468f2;
-  background: #ffffff;
+  background: transparent;
 }
 .cxd-RichTextControl .fr-desktop .fr-command:hover,
 .cxd-RichTextControl .fr-desktop .fr-command:focus {
-  background: #ffffff;
+  background: transparent;
 }
 .cxd-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
 .cxd-RichTextControl .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
-  background: #ffffff;
+  background: transparent;
 }
 .cxd-RichTextControl .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
   background: #2468f2;
@@ -28776,6 +29004,21 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-TreeControl.no-border {
   border: 0;
 }
+.cxd-TreeControl.is-sticky {
+  max-height: unset;
+  overflow: unset;
+}
+.cxd-TreeControl-searchbox {
+  margin-top: 0.5rem;
+  margin-bottom: 1rem;
+}
+.cxd-TreeControl-searchbox.is-active {
+  width: 100%;
+}
+.cxd-TreeControl > .cxd-Tree {
+  max-height: 300px;
+  overflow: auto;
+}
 .cxd-Tree-list, .cxd-Tree-sublist {
   list-style: none;
   padding: 0;
@@ -29005,6 +29248,7 @@ td.rdtQuarter.rdtDisabled:hover {
   flex: 1 auto;
   display: inline-block;
   color: #151b26;
+  font-size: 14px;
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -29527,7 +29771,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-SubForm-value {
   background: #f7f8fa;
-  color: #000;
+  color: #151b26;
   font-size: 14px;
   padding: 0 0.25rem;
   min-height: 1.5rem;
@@ -29548,7 +29792,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #b8babf;
 }
 .cxd-SubForm-valueDel:hover, .cxd-SubForm-valueEdit:hover, .cxd-SubForm-valueDragBar:hover {
-  color: #666666;
+  color: #151b26;
 }
 .cxd-SubForm-valueDel > svg, .cxd-SubForm-valueEdit > svg, .cxd-SubForm-valueDragBar > svg {
   width: 0.75rem;
@@ -29560,7 +29804,7 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: move;
 }
 .cxd-SubForm-value:hover {
-  background: rgba(0, 145, 255, 0.1);
+  background: #e6f0ff;
 }
 .cxd-SubForm-value.is-disabled {
   pointer-events: none;
@@ -29625,6 +29869,10 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-ChainedSelectControl .cxd-Select {
   margin-right: 0.25rem;
 }
+.cxd-ChainedSelectControl-spinner {
+  display: inline-block;
+  vertical-align: middle;
+}
 .cxd-Picker {
   position: relative;
   max-width: 100%;
@@ -29865,9 +30113,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-TagControl {
   position: relative;
 }
-.cxd-TagControl-input.is-focused {
-  border-radius: 0;
-}
 .cxd-TagControl-input.is-disabled {
   border-style: dashed;
   background: transparent;
@@ -30309,7 +30554,7 @@ td.rdtQuarter.rdtDisabled:hover {
   font-size: 14px;
 }
 .cxd-Transfer .cxd-Table-content .cxd-Table-table > thead > tr > th:last-child {
-  padding-right: var(--sizes-size-10);
+  padding-right: 1.125rem;
 }
 .cxd-Transfer .cxd-Table-content .cxd-Table-table > tbody > tr > td {
   padding: 0.375rem 0.75rem 0.5rem 0.75rem;
@@ -30321,7 +30566,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #f23d3d;
 }
 .cxd-Transfer .cxd-Table-content .cxd-Table-table > tbody > tr > td:last-child {
-  padding-right: var(--sizes-size-10);
+  padding-right: 1.125rem;
 }
 .cxd-Transfer .cxd-Selections .cxd-TableSelection .cxd-Table-table > thead > tr,
 .cxd-Transfer .cxd-Selections .cxd-TableSelection .cxd-Table-table > tbody > tr {
@@ -30531,6 +30776,10 @@ td.rdtQuarter.rdtDisabled:hover {
   line-height: 2rem;
   cursor: pointer;
   display: flex;
+  font-size: 14px;
+  font-weight: 400;
+  color: #151b26;
+  background: transparent;
 }
 .cxd-NestedSelect-menu .cxd-NestedSelect-option > .cxd-NestedSelect-optionLabel {
   flex: 1;
@@ -31334,7 +31583,7 @@ td.rdtQuarter.rdtDisabled:hover {
   top: 0.1875rem;
 }
 .cxd-Form-item.is-error > .cxd-Form-label {
-  color: #2468f2;
+  color: #f23d3d;
 }
 .cxd-Form-item .cxd-Form-control--withSize > .cxd-ResultBox {
   display: flex;
@@ -31406,7 +31655,6 @@ td.rdtQuarter.rdtDisabled:hover {
     flex-basis: unset;
   }
   .cxd-Form-item--horizontal > .cxd-Form-label {
-    height: 2rem;
     line-height: 2rem;
     margin: 0;
     margin-right: 1rem;
@@ -32709,6 +32957,9 @@ td.rdtQuarter.rdtDisabled:hover {
   height: 15.625rem;
   margin-top: 0.625rem;
 }
+.cxd-FormulaEditor-settings > div {
+  width: 0;
+}
 .cxd-FormulaEditor-settings.only-variable {
   height: 21.875rem;
 }
@@ -32866,10 +33117,16 @@ td.rdtQuarter.rdtDisabled:hover {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
+  align-items: center;
   white-space: nowrap;
 }
 .cxd-FormulaEditor-VariableList-item > label {
   white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+  width: 0;
+  display: inline-block;
 }
 .cxd-FormulaEditor-VariableList-item-tag {
   vertical-align: middle;
@@ -32878,6 +33135,9 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: 4px;
   background: #f5f5f5;
   color: var(--black);
+  font-size: 12px;
+  line-height: 1.5rem;
+  height: 1.5rem;
 }
 .cxd-FormulaEditor-VariableList .cxd-GroupedSelection-item-tag {
   line-height: 17px;
@@ -33669,7 +33929,7 @@ td.rdtQuarter.rdtDisabled:hover {
   --Menu-light-fontColor-onHover: var(--Layout-fontColor--onHover);
   --Menu-light-ancestor-fontColor-onActive: var(--Layout-light-fontColor);
   --Menu-light-fontColor-onActive: var(--Layout-fontColor--onActive);
-  --Menu-light-groupTitle-fontColor: #d8d8d8;
+  --Menu-light-groupTitle-fontColor: #84868c;
   --Menu-light-selectedIndicator-color: var(--Layout-fontColor--info);
   --Menu-dark-backgroundColor: var(--Layout-dark-backgroundColor);
   --Menu-dark-backgroundColor-onHover: var(--Layout-fontColor--info);
@@ -33677,7 +33937,7 @@ td.rdtQuarter.rdtDisabled:hover {
   --Menu-dark-fontColor-onHover: var(--Layout-fontColor--onHover);
   --Menu-dark-ancestor-fontColor-onActive: var(--Layout-fontColor--onActive);
   --Menu-dark-fontColor-onActive: var(--Layout-dark-fontColor);
-  --Menu-dark-groupTitle-fontColor: #d8d8d8;
+  --Menu-dark-groupTitle-fontColor: #84868c;
   --Menu-dark-selectedIndicator-color: var(--Layout-dark-selected-color);
   outline: none;
   margin-bottom: 0;
@@ -33687,6 +33947,8 @@ td.rdtQuarter.rdtDisabled:hover {
   list-style: none;
   color: var(--Menu-light-fontColor);
   background-color: var(--Menu-light-backgroundColor);
+  transition: all 0.3s;
+  width: 100%;
 }
 .cxd-Nav-Menu.cxd-Nav-Menu-dark {
   color: var(--Menu-dark-fontColor);
@@ -33722,14 +33984,17 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-disabled {
   cursor: not-allowed;
 }
-.cxd-Nav-Menu-root.cxd-Nav-Menu-collapsed .cxd-Nav-Menu-item {
+.cxd-Nav-Menu-root.cxd-Nav-Menu-collapsed .cxd-Nav-Menu-item,
+.cxd-Nav-Menu-root.cxd-Nav-Menu-collapsed .cxd-Nav-Menu-submenu-title {
   padding: 0;
   text-align: center;
 }
 .cxd-Nav-Menu-item-link {
-  display: block;
+  display: flex;
+  align-items: center;
   height: 2.5rem;
   flex-grow: 1;
+  overflow: hidden;
 }
 .cxd-Nav-Menu-item-divider {
   border-bottom: 1px solid #e6e6e8;
@@ -33740,12 +34005,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-item-icon {
   margin-right: 0.5rem;
   font-size: var(--Menu-icon-size);
-  width: var(--Menu-icon-size);
   color: var(--Menu-light-fontColor);
-  display: inline-block;
-  line-height: var(--Menu-item-height--vertical);
-  position: relative;
-  top: 1.5px;
 }
 .cxd-Nav-Menu-item-icon img {
   height: 14px;
@@ -33753,11 +34013,11 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Nav-Menu-item-icon-collapsed {
   font-size: var(--Menu-fontSize--collapsed);
-  margin-right: 0;
+  margin: 0 auto;
 }
 .cxd-Nav-Menu-item-icon-svg-collapsed {
   font-size: var(--Menu-fontSize--collapsed);
-  margin-right: 0;
+  margin: 0 auto;
   height: var(--Menu-item-height--vertical);
 }
 .cxd-Nav-Menu-dark .cxd-Nav-Menu-item-icon {
@@ -33778,13 +34038,13 @@ td.rdtQuarter.rdtDisabled:hover {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
 .cxd-Nav-Menu-item-label-collapsed {
   font-size: var(--Menu-fontSize--collapsed);
+  margin: 0 auto;
   font-weight: 600;
 }
 .cxd-Nav-Menu-dark .cxd-Nav-Menu-item-label {
@@ -33805,9 +34065,10 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Nav-Menu-item-group-title {
   color: var(--Menu-light-groupTitle-fontColor);
-  line-height: 1.5;
-  padding: 8px 10px;
-  border-bottom: 1px solid #dedede;
+  line-height: 1.25rem;
+  padding: 0 var(--Menu-Submenu-item-paddingX) 0 1rem;
+  font-size: 0.75rem;
+  margin: 0.75rem 0 0.25rem 0;
 }
 .cxd-Nav-Menu-item-group-title.cxd-Nav-Menu-dark {
   color: var(--Menu-dark-groupTitle-fontColor);
@@ -33851,6 +34112,9 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Nav-Menu-item .cxd-Badge, .cxd-Nav-Menu-submenu .cxd-Badge {
   position: static;
+  flex: 1;
+  width: 0;
+  display: flex;
 }
 .cxd-Nav-Menu-item .cxd-Nav-Menu-item-wrap, .cxd-Nav-Menu-submenu .cxd-Nav-Menu-item-wrap {
   display: flex;
@@ -33859,6 +34123,12 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-item-extra {
   position: relative;
 }
+.cxd-Nav-Menu-item-extra .cxd-DropDown > .cxd-Button {
+  padding: 0;
+}
+.cxd-Nav-Menu-item-extra .cxd-DropDown > .cxd-Button > i {
+  margin: 0;
+}
 .cxd-Nav-Menu-inline .cxd-Nav-Menu-item-selected {
   background-color: var(--Menu-light-backgroundColor-onHover);
 }
@@ -33910,25 +34180,13 @@ td.rdtQuarter.rdtDisabled:hover {
   transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 .cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
+.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onActive) !important;
 }
-.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-actived > .cxd-Nav-Menu-submenu-title {
-  background-color: var(--Menu-light-backgroundColor-onHover);
-}
-.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-actived > .cxd-Nav-Menu-submenu-title::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-light-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-actived > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-actived > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
+.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onActive) !important;
 }
 .cxd-Nav-Menu-root.cxd-Nav-Menu-vertical > .cxd-Nav-Menu-item-selected {
@@ -33968,18 +34226,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-dark-fontColor-onActive);
 }
 .cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title {
-  background-color: var(--Menu-dark-backgroundColor-onHover);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-dark-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
+  color: var(--Menu-dark-fontColor-onActive);
 }
 .cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
 .cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label {
@@ -34004,18 +34251,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-light-fontColor-onActive);
 }
 .cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title {
-  background-color: var(--Menu-light-backgroundColor-onHover);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-light-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
+  color: var(--Menu-dark-fontColor-onActive);
 }
 .cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
 .cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label {
@@ -34077,7 +34313,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-item, .cxd-Nav-Menu-submenu-title {
   margin: 0;
   position: relative;
-  padding: 0;
+  padding: 0 1rem;
   line-height: 2.5rem;
   display: block;
   white-space: nowrap;
@@ -34086,8 +34322,10 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-light-fontColor);
 }
 .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-icon, .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon {
+.cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-item:hover .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onHover);
 }
 .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-dragBar, .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-dragBar {
@@ -34098,8 +34336,10 @@ td.rdtQuarter.rdtDisabled:hover {
   background-color: var(--Menu-dark-backgroundColor);
 }
 .cxd-Nav-Menu-dark .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-icon, .cxd-Nav-Menu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon {
+.cxd-Nav-Menu-dark .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-dark .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-dark-fontColor-onHover);
 }
 .cxd-Nav-Menu-light .cxd-Nav-Menu-item, .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-title {
@@ -34107,8 +34347,10 @@ td.rdtQuarter.rdtDisabled:hover {
   background-color: var(--Menu-light-backgroundColor);
 }
 .cxd-Nav-Menu-light .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-light .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-icon, .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon {
+.cxd-Nav-Menu-light .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-light .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onHover);
 }
 .cxd-Nav-Menu-rtl .cxd-Nav-Menu-item, .cxd-Nav-Menu-rtl .cxd-Nav-Menu-submenu-title {
@@ -34117,6 +34359,9 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-item.cxd-Nav-Menu-item-disabled, .cxd-Nav-Menu-item.cxd-Nav-Menu-submenu-disabled, .cxd-Nav-Menu-submenu-title.cxd-Nav-Menu-item-disabled, .cxd-Nav-Menu-submenu-title.cxd-Nav-Menu-submenu-disabled {
   color: #777 !important;
 }
+.cxd-Nav-Menu-item-tooltip-wrap {
+  padding: 0;
+}
 .cxd-Nav-Menu-collapsed > .cxd-Nav-Menu-item, .cxd-Nav-Menu-collapsed > .cxd-Nav-Menu-submenu-title, .cxd-Nav-Menu-collapsed > .cxd-Nav-Menu-submenu > .cxd-Nav-Menu-submenu-title {
   text-overflow: initial;
 }
@@ -34132,9 +34377,6 @@ td.rdtQuarter.rdtDisabled:hover {
   position: absolute;
   z-index: 1500;
 }
-.cxd-Nav-Menu-submenu-popup .cxd-Nav-Menu-item {
-  padding: 0 var(--Menu-Submenu-item-paddingX);
-}
 .cxd-Nav-Menu-submenu > .cxd-Nav-Menu {
   background-color: var(--Menu-light-backgroundColor);
 }
@@ -34175,6 +34417,11 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-dark-fontColor);
 }
+.cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-submenu-arrow {
+  color: var(--Menu-dark-fontColor-onHover);
+}
 .cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-active .cxd-Nav-Menu-submenu-title {
   background-color: var(--Menu-dark-backgroundColor);
   color: var(--Menu-dark-fontColor-onActive);
@@ -34191,9 +34438,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
   color: var(--Menu-dark-ancestor-fontColor-onActive);
 }
-.cxd-Nav-Menu-submenu-popup .cxd-Nav-Menu-vertical .cxd-Nav-Menu-submenu-arrow {
-  width: 2rem;
-}
 .cxd-Nav-Menu .cxd-Nav-Menu-submenu-title,
 .cxd-Nav-Menu .cxd-Nav-Menu-item {
   cursor: pointer;
@@ -34240,7 +34484,7 @@ td.rdtQuarter.rdtDisabled:hover {
   background-color: var(--Menu-light-backgroundColor);
 }
 .cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-item-tooltip-wrap > .cxd-Nav-Menu-item, .cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-submenu > .cxd-Nav-Menu-submenu-title {
-  padding: 0 20px;
+  padding: 0 1rem;
   height: var(--Menu-item-height--horizontal);
 }
 .cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-item-tooltip-wrap > .cxd-Nav-Menu-item .cxd-Nav-Menu-item-link, .cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-submenu > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-link {
@@ -34251,10 +34495,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-submenu > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
   line-height: var(--Menu-item-height--horizontal);
 }
-.cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-item-tooltip-wrap > .cxd-Nav-Menu-item .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-submenu > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
-  padding: 0;
-  top: 0;
-}
 .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-item.cxd-Nav-Menu-item-selected:after {
   content: " ";
   width: 100%;
@@ -34292,8 +34532,8 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-submenu-arrow {
   display: inline-block;
   font-size: 0.5625rem;
-  vertical-align: baseline;
   text-align: center;
+  vertical-align: middle;
   text-transform: none;
   text-rendering: auto;
   line-height: 1.25rem;
@@ -34301,7 +34541,9 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-light-fontColor);
 }
 .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-submenu-arrow > svg {
-  text-align: center;
+  top: auto;
+}
+.cxd-Nav-Menu-horizontal .cxd-Nav-Menu-item-label {
   vertical-align: middle;
 }
 .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-dark > .cxd-Nav-Menu-submenu-active, .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-dark > .cxd-Nav-Menu-item-active {
@@ -34327,8 +34569,10 @@ td.rdtQuarter.rdtDisabled:hover {
   border-bottom: 2px solid var(--Menu-light-selectedIndicator-color);
 }
 .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
+.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onActive);
 }
 .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow {
@@ -34345,15 +34589,12 @@ td.rdtQuarter.rdtDisabled:hover {
   text-transform: none;
   text-rendering: auto;
   position: absolute;
-  right: 0;
+  right: var(--Menu-Submenu-item-paddingX);
   top: 0;
-  width: 1.125rem;
   line-height: var(--Menu-item-height--vertical);
-  transform: rotate(-90deg);
 }
 .cxd-Nav-Menu-vertical .cxd-Nav-Menu-submenu-arrow > svg, .cxd-Nav-Menu-vertical-left .cxd-Nav-Menu-submenu-arrow > svg, .cxd-Nav-Menu-vertical-right .cxd-Nav-Menu-submenu-arrow > svg, .cxd-Nav-Menu-inline .cxd-Nav-Menu-submenu-arrow > svg {
-  text-align: center;
-  vertical-align: middle;
+  top: auto;
 }
 .cxd-Nav-Menu-rtl .cxd-Nav-Menu-vertical .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-vertical .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-rtl .cxd-Nav-Menu-vertical-left .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-vertical-left .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-rtl .cxd-Nav-Menu-vertical-right .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-vertical-right .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-rtl .cxd-Nav-Menu-inline .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-inline .cxd-Nav-Menu-submenu-arrow {
   right: auto;
@@ -34361,7 +34602,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Nav-Menu-vertical.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-wrap, .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-wrap, .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-wrap, .cxd-Nav-Menu-inline.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-wrap {
   padding-right: 0;
-  padding-left: var(--Menu-Submenu-title-paddingX);
+  padding-left: 1rem;
 }
 .cxd-Nav-Menu-vertical.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-inline.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-arrow {
   right: auto;
@@ -34372,34 +34613,34 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-vertical.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor);
 }
-.cxd-Nav-Menu-vertical-right .cxd-Nav-Menu-item {
-  padding: 0 var(--Menu-Submenu-item-paddingX);
+.cxd-Nav-Menu-vertical-right .cxd-Nav-Menu-submenu-arrow {
+  right: 0.625rem;
 }
 .cxd-Nav-Menu-inline .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-submenu-arrow {
   cursor: pointer;
   transition: transform 0.3s;
-  transform: rotate(0deg);
+  transform: rotate(90deg);
 }
 .cxd-Nav-Menu-inline .cxd-Nav-Menu-submenu-open > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-submenu-open > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
-  transform: rotate(180deg);
-  padding-bottom: 0.25rem;
+  transform: rotate(270deg);
 }
 .cxd-Nav-Menu-collapsed .cxd-Nav-Menu-item-wrap {
   overflow: hidden;
 }
-.cxd-Nav-Menu-collapsed .cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu .cxd-Nav-Menu-submenu-title {
-  padding: 0 var(--Menu-Submenu-title-paddingX) 0 calc(var(--Menu-Submenu-title-paddingX) - 1px);
-  text-align: center;
-}
 .cxd-Nav-Menu-collapsed .cxd-Nav-Menu-submenu-arrow {
   display: none !important;
 }
+.cxd-Nav-Menu-collapsed .cxd-Nav-Menu-item-group-title {
+  display: none;
+}
+.cxd-Nav-Menu-collapsed .cxd-Nav-Menu-item-group-list .cxd-Nav-Menu-item-divider {
+  height: 1px;
+  width: 60%;
+  margin: 0 auto;
+}
 .cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu, .cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu, .cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu {
   padding: 0;
 }
-.cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu .cxd-Nav-Menu-submenu-title, .cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu .cxd-Nav-Menu-submenu-title, .cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu .cxd-Nav-Menu-submenu-title {
-  padding: 0 var(--Menu-Submenu-item-paddingX);
-}
 .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu {
   direction: rtl;
 }
@@ -34412,7 +34653,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-sub.cxd-Nav-Menu-inline > .cxd-Nav-Menu-item, .cxd-Nav-Menu-sub.cxd-Nav-Menu-inline > .cxd-Nav-Menu-submenu > .cxd-Nav-Menu-submenu-title {
   padding-top: 0;
   padding-bottom: 0;
-  padding-right: 0;
   display: block;
   white-space: nowrap;
   overflow: hidden;
@@ -34425,7 +34665,8 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-dark-ancestor-fontColor-onActive);
 }
 .cxd-Nav-Menu-sub.cxd-Nav-Menu-inline > .cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-dark.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-sub.cxd-Nav-Menu-inline > .cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-dark.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon {
+.cxd-Nav-Menu-sub.cxd-Nav-Menu-inline > .cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-dark.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-sub.cxd-Nav-Menu-inline > .cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-dark.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-dark-ancestor-fontColor-onActive);
 }
 .cxd-Nav-Menu .cxd-Nav-Menu-item-disabled,
@@ -34591,6 +34832,11 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-dark-fontColor);
 }
+.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-submenu-arrow {
+  color: var(--Menu-dark-fontColor-onHover);
+}
 .cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-active .cxd-Nav-Menu-submenu-title {
   background-color: var(--Menu-dark-backgroundColor);
   color: var(--Menu-dark-fontColor-onActive);