@qn-pandora/pandora-component 4.1.3 → 4.1.4

package/es/index.css

@@ -1,9 +1,3 @@
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
@@ -27,6 +21,81 @@
 .pandora-sdk-auto-complete .ant-input {
   border: 0px;
 }
+.ant-breadcrumb {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+}
+.ant-breadcrumb .anticon {
+  font-size: 14px;
+}
+.ant-breadcrumb a {
+  color: rgba(0, 0, 0, 0.45);
+  -webkit-transition: color 0.3s;
+  transition: color 0.3s;
+}
+.ant-breadcrumb a:hover {
+  color: #40a9ff;
+}
+.ant-breadcrumb > span:last-child {
+  color: rgba(0, 0, 0, 0.85);
+}
+.ant-breadcrumb > span:last-child a {
+  color: rgba(0, 0, 0, 0.85);
+}
+.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
+  display: none;
+}
+.ant-breadcrumb-separator {
+  margin: 0 8px;
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-breadcrumb-link > .anticon + span,
+.ant-breadcrumb-link > .anticon + a {
+  margin-left: 4px;
+}
+.ant-breadcrumb-overlay-link > .anticon {
+  margin-left: 4px;
+}
+.ant-breadcrumb-rtl {
+  direction: rtl;
+}
+.ant-breadcrumb-rtl::before {
+  display: table;
+  content: '';
+}
+.ant-breadcrumb-rtl::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.ant-breadcrumb-rtl > span {
+  float: right;
+}
+.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
+.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
+  margin-right: 4px;
+  margin-left: 0;
+}
+.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
+  margin-right: 4px;
+  margin-left: 0;
+}
+.pandora-sdk-breadcrumb {
+  font-size: 14px;
+}
+.pandora-sdk-breadcrumb a {
+  text-decoration: none;
+}
 .ant-btn {
   line-height: 1.5715;
   position: relative;
@@ -3017,6 +3086,120 @@ a.ant-btn-sm {
 .pandora-sdk-card .ant-card-head .ant-card-extra {
   padding: 0;
 }
+.ant-divider {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+}
+.ant-divider-vertical {
+  position: relative;
+  top: -0.06em;
+  display: inline-block;
+  height: 0.9em;
+  margin: 0 8px;
+  vertical-align: middle;
+  border-top: 0;
+  border-left: 1px solid rgba(0, 0, 0, 0.06);
+}
+.ant-divider-horizontal {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  clear: both;
+  width: 100%;
+  min-width: 100%;
+  margin: 24px 0;
+}
+.ant-divider-horizontal.ant-divider-with-text {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin: 16px 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  font-size: 16px;
+  white-space: nowrap;
+  text-align: center;
+  border-top: 0;
+  border-top-color: rgba(0, 0, 0, 0.06);
+}
+.ant-divider-horizontal.ant-divider-with-text::before,
+.ant-divider-horizontal.ant-divider-with-text::after {
+  position: relative;
+  top: 50%;
+  width: 50%;
+  border-top: 1px solid transparent;
+  border-top-color: inherit;
+  border-bottom: 0;
+  -webkit-transform: translateY(50%);
+          transform: translateY(50%);
+  content: '';
+}
+.ant-divider-horizontal.ant-divider-with-text-left::before {
+  top: 50%;
+  width: 5%;
+}
+.ant-divider-horizontal.ant-divider-with-text-left::after {
+  top: 50%;
+  width: 95%;
+}
+.ant-divider-horizontal.ant-divider-with-text-right::before {
+  top: 50%;
+  width: 95%;
+}
+.ant-divider-horizontal.ant-divider-with-text-right::after {
+  top: 50%;
+  width: 5%;
+}
+.ant-divider-inner-text {
+  display: inline-block;
+  padding: 0 1em;
+}
+.ant-divider-dashed {
+  background: none;
+  border-color: rgba(0, 0, 0, 0.06);
+  border-style: dashed;
+  border-width: 1px 0 0;
+}
+.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
+  border-top: 0;
+}
+.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
+.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
+  border-style: dashed none none;
+}
+.ant-divider-vertical.ant-divider-dashed {
+  border-width: 0 0 0 1px;
+}
+.ant-divider-plain.ant-divider-with-text {
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: normal;
+  font-size: 14px;
+}
+.ant-divider-rtl {
+  direction: rtl;
+}
+.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
+  width: 95%;
+}
+.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
+  width: 5%;
+}
+.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
+  width: 5%;
+}
+.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
+  width: 95%;
+}
 @-webkit-keyframes antCheckboxEffect {
   0% {
     -webkit-transform: scale(1);
@@ -3254,140 +3437,18 @@ a.ant-btn-sm {
   background-color: rgba(0, 0, 0, 0.25);
   border-color: rgba(0, 0, 0, 0.25);
 }
-.ant-checkbox-rtl {
-  direction: rtl;
-}
-.ant-checkbox-group-rtl .ant-checkbox-group-item {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
-  margin-left: 0 !important;
-}
-.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
-  margin-left: 8px;
-}
-.pandora-sdk-checkbox-item {
-  white-space: nowrap;
-  width: 100%;
-}
-.pandora-sdk-checkbox-item.ant-checkbox-wrapper {
-  margin-left: 0;
-  line-height: 25px;
-}
-.ant-divider {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
-}
-.ant-divider-vertical {
-  position: relative;
-  top: -0.06em;
-  display: inline-block;
-  height: 0.9em;
-  margin: 0 8px;
-  vertical-align: middle;
-  border-top: 0;
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
-}
-.ant-divider-horizontal {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  clear: both;
-  width: 100%;
-  min-width: 100%;
-  margin: 24px 0;
-}
-.ant-divider-horizontal.ant-divider-with-text {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  margin: 16px 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
-  font-size: 16px;
-  white-space: nowrap;
-  text-align: center;
-  border-top: 0;
-  border-top-color: rgba(0, 0, 0, 0.06);
-}
-.ant-divider-horizontal.ant-divider-with-text::before,
-.ant-divider-horizontal.ant-divider-with-text::after {
-  position: relative;
-  top: 50%;
-  width: 50%;
-  border-top: 1px solid transparent;
-  border-top-color: inherit;
-  border-bottom: 0;
-  -webkit-transform: translateY(50%);
-          transform: translateY(50%);
-  content: '';
-}
-.ant-divider-horizontal.ant-divider-with-text-left::before {
-  top: 50%;
-  width: 5%;
-}
-.ant-divider-horizontal.ant-divider-with-text-left::after {
-  top: 50%;
-  width: 95%;
-}
-.ant-divider-horizontal.ant-divider-with-text-right::before {
-  top: 50%;
-  width: 95%;
-}
-.ant-divider-horizontal.ant-divider-with-text-right::after {
-  top: 50%;
-  width: 5%;
-}
-.ant-divider-inner-text {
-  display: inline-block;
-  padding: 0 1em;
-}
-.ant-divider-dashed {
-  background: none;
-  border-color: rgba(0, 0, 0, 0.06);
-  border-style: dashed;
-  border-width: 1px 0 0;
-}
-.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
-  border-top: 0;
-}
-.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
-.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
-  border-style: dashed none none;
-}
-.ant-divider-vertical.ant-divider-dashed {
-  border-width: 0 0 0 1px;
-}
-.ant-divider-plain.ant-divider-with-text {
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: normal;
-  font-size: 14px;
-}
-.ant-divider-rtl {
-  direction: rtl;
-}
-.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
-  width: 95%;
+.ant-checkbox-rtl {
+  direction: rtl;
 }
-.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
-  width: 5%;
+.ant-checkbox-group-rtl .ant-checkbox-group-item {
+  margin-right: 0;
+  margin-left: 8px;
 }
-.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
-  width: 5%;
+.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
+  margin-left: 0 !important;
 }
-.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
-  width: 95%;
+.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
+  margin-left: 8px;
 }
 .ant-input-affix-wrapper {
   position: relative;
@@ -4209,6 +4270,14 @@ textarea.ant-input {
 .ant-checkbox-inner::after {
   left: 20%;
 }
+.pandora-sdk-checkbox-item {
+  white-space: nowrap;
+  width: 100%;
+}
+.pandora-sdk-checkbox-item.ant-checkbox-wrapper {
+  margin-left: 0;
+  line-height: 25px;
+}
 .ant-collapse {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -4413,80 +4482,61 @@ textarea.ant-input {
 .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
   border: none;
 }
-.ant-breadcrumb {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-  color: rgba(0, 0, 0, 0.45);
-  font-size: 14px;
-}
-.ant-breadcrumb .anticon {
-  font-size: 14px;
-}
-.ant-breadcrumb a {
-  color: rgba(0, 0, 0, 0.45);
-  -webkit-transition: color 0.3s;
-  transition: color 0.3s;
-}
-.ant-breadcrumb a:hover {
-  color: #40a9ff;
-}
-.ant-breadcrumb > span:last-child {
-  color: rgba(0, 0, 0, 0.85);
-}
-.ant-breadcrumb > span:last-child a {
+.pandora-sdk-collapsible-panel > .panel-header {
+  position: relative;
+  padding: 12px 16px 12px 40px;
+  cursor: pointer;
   color: rgba(0, 0, 0, 0.85);
+  background-color: #f4f5f7;
+  border: 1px solid #d9d9d9;
 }
-.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
-  display: none;
-}
-.ant-breadcrumb-separator {
-  margin: 0 8px;
-  color: rgba(0, 0, 0, 0.45);
-}
-.ant-breadcrumb-link > .anticon + span,
-.ant-breadcrumb-link > .anticon + a {
-  margin-left: 4px;
+.pandora-sdk-collapsible-panel > .panel-header > .icon {
+  position: absolute;
+  left: 16px;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
 }
-.ant-breadcrumb-overlay-link > .anticon {
-  margin-left: 4px;
+.pandora-sdk-collapsible-panel > .panel-header > .icon > i {
+  color: inherit;
 }
-.ant-breadcrumb-rtl {
-  direction: rtl;
+.pandora-sdk-collapsible-panel > .panel-header > .icon > i > svg {
+  -webkit-transition: -webkit-transform 0.2s linear;
+  transition: -webkit-transform 0.2s linear;
+  transition: transform 0.2s linear;
+  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
 }
-.ant-breadcrumb-rtl::before {
-  display: table;
-  content: '';
+.pandora-sdk-collapsible-panel > .panel-header.disabled-header {
+  cursor: not-allowed;
 }
-.ant-breadcrumb-rtl::after {
-  display: table;
-  clear: both;
-  content: '';
+.pandora-sdk-collapsible-panel > .panel-content-box {
+  overflow-y: hidden;
+  padding: 0;
+  margin: 0;
+  border: none;
 }
-.ant-breadcrumb-rtl > span {
-  float: right;
+.pandora-sdk-collapsible-panel > .panel-content-box > div > .panel-content {
+  padding: 8px 16px;
+  color: rgba(0, 0, 0, 0.85);
+  background-color: #fff;
+  border: 1px solid #d9d9d9;
+  border-top: none;
+  overflow-x: auto;
 }
-.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
-.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
-  margin-right: 4px;
-  margin-left: 0;
+.pandora-sdk-collapsible-panel.no-border > .panel-header,
+.pandora-sdk-collapsible-panel.no-border > .panel-content-box > div > .panel-content {
+  border: none;
 }
-.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
-  margin-right: 4px;
-  margin-left: 0;
+.pandora-sdk-collapsible-panel.icon-right > .panel-header {
+  padding: 12px 40px 12px 16px;
 }
-.pandora-sdk-breadcrumb {
-  font-size: 14px;
+.pandora-sdk-collapsible-panel.icon-right > .panel-header > :local(.icon) {
+  left: unset;
+  right: 16px;
 }
-.pandora-sdk-breadcrumb a {
-  text-decoration: none;
+.pandora-sdk-collapsible-panel.hide-arrow > .panel-header {
+  padding-left: 16px;
+  padding-right: 16px;
 }
 .ant-popover {
   -webkit-box-sizing: border-box;
@@ -4806,71 +4856,6 @@ textarea.ant-input {
   margin-right: 8px;
   margin-left: 0;
 }
-.pandora-sdk-descriptions .pandora-sdk-remark-icon {
-  margin-left: 5px;
-}
-.pandora-sdk-descriptions .ant-descriptions-item-label {
-  color: #999;
-}
-.pandora-sdk-descriptions .ant-descriptions-item-content {
-  color: #333;
-}
-.pandora-sdk-collapsible-panel > .panel-header {
-  position: relative;
-  padding: 12px 16px 12px 40px;
-  cursor: pointer;
-  color: rgba(0, 0, 0, 0.85);
-  background-color: #f4f5f7;
-  border: 1px solid #d9d9d9;
-}
-.pandora-sdk-collapsible-panel > .panel-header > .icon {
-  position: absolute;
-  left: 16px;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-}
-.pandora-sdk-collapsible-panel > .panel-header > .icon > i {
-  color: inherit;
-}
-.pandora-sdk-collapsible-panel > .panel-header > .icon > i > svg {
-  -webkit-transition: -webkit-transform 0.2s linear;
-  transition: -webkit-transform 0.2s linear;
-  transition: transform 0.2s linear;
-  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
-}
-.pandora-sdk-collapsible-panel > .panel-header.disabled-header {
-  cursor: not-allowed;
-}
-.pandora-sdk-collapsible-panel > .panel-content-box {
-  overflow-y: hidden;
-  padding: 0;
-  margin: 0;
-  border: none;
-}
-.pandora-sdk-collapsible-panel > .panel-content-box > div > .panel-content {
-  padding: 8px 16px;
-  color: rgba(0, 0, 0, 0.85);
-  background-color: #fff;
-  border: 1px solid #d9d9d9;
-  border-top: none;
-  overflow-x: auto;
-}
-.pandora-sdk-collapsible-panel.no-border > .panel-header,
-.pandora-sdk-collapsible-panel.no-border > .panel-content-box > div > .panel-content {
-  border: none;
-}
-.pandora-sdk-collapsible-panel.icon-right > .panel-header {
-  padding: 12px 40px 12px 16px;
-}
-.pandora-sdk-collapsible-panel.icon-right > .panel-header > :local(.icon) {
-  left: unset;
-  right: 16px;
-}
-.pandora-sdk-collapsible-panel.hide-arrow > .panel-header {
-  padding-left: 16px;
-  padding-right: 16px;
-}
 .pandora-sdk-datetime-pick-popover-root .ant-popover-inner-content {
   padding: 0;
 }
@@ -4883,6 +4868,15 @@ textarea.ant-input {
 .pandora-sdk-datetime-pick-popover {
   width: 650px;
 }
+.pandora-sdk-descriptions .pandora-sdk-remark-icon {
+  margin-left: 5px;
+}
+.pandora-sdk-descriptions .ant-descriptions-item-label {
+  color: #999;
+}
+.pandora-sdk-descriptions .ant-descriptions-item-content {
+  color: #333;
+}
 .ant-drawer {
   position: fixed;
   z-index: 1000;
@@ -5169,12 +5163,6 @@ textarea.ant-input {
 .pandora-sdk-drawer-close-icon {
   margin-left: 24px;
 }
-.ant-input[disabled] {
-  border-color: #d9d9d9;
-}
-.ant-input-group-addon {
-  color: #666;
-}
 .ant-upload {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -5942,6 +5930,12 @@ textarea.ant-input {
 .pandora-sdk-file-resumable-img.ant-upload.ant-upload-drag .ant-upload-btn {
   padding: 0;
 }
+.ant-input[disabled] {
+  border-color: #d9d9d9;
+}
+.ant-input-group-addon {
+  color: #666;
+}
 .pandora-sdk-key-value-label,
 .pandora-sdk-key-value-value {
   display: inline-block;
@@ -7229,6 +7223,15 @@ textarea.ant-input {
 .pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
   color: #d9d9d9;
 }
+.pandora-sdk-name-explain-icon {
+  color: inherit;
+  -webkit-transition: color 0.3s;
+  transition: color 0.3s;
+}
+.pandora-sdk-name-explain-icon:hover,
+.pandora-sdk-name-explain-icon .ant-tooltip-open {
+  color: #2c6dd2;
+}
 .ant-tooltip {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -7502,15 +7505,6 @@ textarea.ant-input {
   max-height: 200px;
   overflow: auto;
 }
-.pandora-sdk-name-explain-icon {
-  color: inherit;
-  -webkit-transition: color 0.3s;
-  transition: color 0.3s;
-}
-.pandora-sdk-name-explain-icon:hover,
-.pandora-sdk-name-explain-icon .ant-tooltip-open {
-  color: #2c6dd2;
-}
 .ant-radio-group {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -12248,8 +12242,34 @@ textarea.ant-pagination-options-quick-jumper input {
 .ant-table-cell::before {
   display: none;
 }
-.ant-empty .ant-empty-description {
-  color: #bfbfbf;
+.ant-empty .ant-empty-description {
+  color: #bfbfbf;
+}
+.pandora-sdk-tabs .pandora-sdk-tabs-tab {
+  position: relative;
+}
+.pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
+  opacity: 1;
+  pointer-events: auto;
+}
+.pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
+  margin-right: 0;
+}
+.pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
+  margin-left: 8px;
+  font-size: 12px;
+  color: #d9d9d9;
+  -webkit-transition: color 0.5s, opacity 0.2s;
+  transition: color 0.5s, opacity 0.2s;
+  pointer-events: none;
+  opacity: 0;
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
+  color: #2c6dd2;
 }
 .ant-tag {
   -webkit-box-sizing: border-box;
@@ -12518,31 +12538,44 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-popover > div {
   margin: 4px;
 }
-.pandora-sdk-tabs .pandora-sdk-tabs-tab {
-  position: relative;
+.pandora-sdk-timeline-container {
+  list-style: none;
+  margin: 0;
+  line-height: 1.5;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.65);
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
 }
-.pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
-  opacity: 1;
-  pointer-events: auto;
+.pandora-sdk-timeline-container .pandora-sdk-icon {
+  margin: 0 8px;
+  color: inherit;
+  vertical-align: middle;
+  font-size: 14px;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
 }
-.pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
-  margin-right: 0;
+.pandora-sdk-timeline-container .pandora-sdk-icon:hover {
+  color: #7a869a;
 }
-.pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
-  margin-left: 8px;
-  font-size: 12px;
-  color: #d9d9d9;
-  -webkit-transition: color 0.5s, opacity 0.2s;
-  transition: color 0.5s, opacity 0.2s;
-  pointer-events: none;
-  opacity: 0;
-  position: absolute;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
+.pandora-sdk-transfer-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
 }
-.pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
-  color: #2c6dd2;
+.pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
+  height: 400px;
+}
+.pandora-sdk-transfer-container .pandora-sdk-transfer-list {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  -ms-flex-preferred-size: 200px;
+      flex-basis: 200px;
 }
 @-webkit-keyframes ant-tree-node-fx-do-not-use {
   0% {
@@ -13145,45 +13178,6 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-tree-select-dropdown .ant-empty {
   text-align: center;
 }
-.pandora-sdk-transfer-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
-  height: 400px;
-}
-.pandora-sdk-transfer-container .pandora-sdk-transfer-list {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -ms-flex-preferred-size: 200px;
-      flex-basis: 200px;
-}
-.pandora-sdk-timeline-container {
-  list-style: none;
-  margin: 0;
-  line-height: 1.5;
-  font-size: 14px;
-  color: rgba(0, 0, 0, 0.65);
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-}
-.pandora-sdk-timeline-container .pandora-sdk-icon {
-  margin: 0 8px;
-  color: inherit;
-  vertical-align: middle;
-  font-size: 14px;
-  -webkit-transition: 0.3s;
-  transition: 0.3s;
-}
-.pandora-sdk-timeline-container .pandora-sdk-icon:hover {
-  color: #7a869a;
-}
 .ant-row {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -19079,29 +19073,6 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-card-search-input i {
   color: #bfbfbf;
 }
-.pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter {
-  width: 32px;
-  margin: 0 auto;
-  margin-top: 10px;
-  margin-bottom: 5px;
-}
-.pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter .pandora-sdk-datetime-mobile-picker-title-div {
-  border-radius: 2px;
-  border: 2px solid #939393;
-}
-.pandora-sdk-datetime-mobile-picker {
-  border-radius: 12px;
-}
-.pandora-sdk-datetime-mobile-picker .am-picker-popup-header-left {
-  visibility: hidden;
-}
-.pandora-sdk-datetime-mobile-picker .am-picker-popup-content .am-picker-popup-body .am-picker-popup-header {
-  border-bottom: none;
-  background-image: none;
-  background-position: unset;
-  background-size: unset;
-  position: initial;
-}
 .ant-picker {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -20385,6 +20356,29 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-selector .pandora-sdk-datetime-pick-quarter-content .pandora-sdk-selector {
   margin-left: 18px;
 }
+.pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter {
+  width: 32px;
+  margin: 0 auto;
+  margin-top: 10px;
+  margin-bottom: 5px;
+}
+.pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter .pandora-sdk-datetime-mobile-picker-title-div {
+  border-radius: 2px;
+  border: 2px solid #939393;
+}
+.pandora-sdk-datetime-mobile-picker {
+  border-radius: 12px;
+}
+.pandora-sdk-datetime-mobile-picker .am-picker-popup-header-left {
+  visibility: hidden;
+}
+.pandora-sdk-datetime-mobile-picker .am-picker-popup-content .am-picker-popup-body .am-picker-popup-header {
+  border-bottom: none;
+  background-image: none;
+  background-position: unset;
+  background-size: unset;
+  position: initial;
+}
 .pandora-sdk-datetime-pick-input .ant-input-suffix {
   pointer-events: none;
   color: #7a869a;
@@ -20407,6 +20401,28 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
   color: #2c6dd2;
 }
+.pandora-sdk-item {
+  color: #2c6dd2;
+  cursor: pointer;
+}
+.pandora-sdk-item > .anticon {
+  color: inherit;
+}
+.pandora-sdk-item.pandora-sdk-disabled {
+  color: #bfbfbf;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.pandora-sdk-item.pandora-sdk-disabled .anticon {
+  color: #bfbfbf;
+}
+.pandora-sdk-item.pandora-sdk-active {
+  background: rgba(44, 109, 210, 0.05);
+}
+.pandora-sdk-item a {
+  color: inherit;
+  cursor: inherit;
+}
 .pandora-sdk-popover-item {
   display: inline-block;
   line-height: 18px;
@@ -20433,28 +20449,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
   color: #bfbfbf;
 }
-.pandora-sdk-item {
-  color: #2c6dd2;
-  cursor: pointer;
-}
-.pandora-sdk-item > .anticon {
-  color: inherit;
-}
-.pandora-sdk-item.pandora-sdk-disabled {
-  color: #bfbfbf;
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.pandora-sdk-item.pandora-sdk-disabled .anticon {
-  color: #bfbfbf;
-}
-.pandora-sdk-item.pandora-sdk-active {
-  background: rgba(44, 109, 210, 0.05);
-}
-.pandora-sdk-item a {
-  color: inherit;
-  cursor: inherit;
-}
 .pandora-sdk-prev-button {
   margin-right: 10px;
 }
@@ -20563,21 +20557,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-root.pandora-sdk-grey {
   background: #ebecf0;
 }
-.pandora-sdk-transfer-list {
-  overflow: hidden;
-}
-.pandora-sdk-transfer-list .pandora-sdk-transfer-title {
-  margin-bottom: 10px;
-}
-.pandora-sdk-transfer-list .pandora-sdk-transfer-search {
-  margin-bottom: 10px;
-}
-.pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
-  margin-bottom: 10px;
-}
-.pandora-sdk-search-icon {
-  color: inherit;
-}
 .pandora-sdk-switch {
   display: inline-block;
   margin: 4px;
@@ -20604,22 +20583,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
   background: #03a9f4;
 }
-.pandora-sdk-transfer-list-body {
-  height: 300px;
-  overflow-y: scroll;
-}
-.pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container .pandora-sdk-transfer-check-box-label {
-  padding-right: 0px;
-  padding-left: 8px;
-}
-.pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
-  margin-bottom: 10px;
-}
 .pandora-sdk-timeline-item {
   font-size: 14px;
   list-style: none;
@@ -20664,6 +20627,37 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   font-size: 14px;
   color: #333;
 }
+.pandora-sdk-transfer-list {
+  overflow: hidden;
+}
+.pandora-sdk-transfer-list .pandora-sdk-transfer-title {
+  margin-bottom: 10px;
+}
+.pandora-sdk-transfer-list .pandora-sdk-transfer-search {
+  margin-bottom: 10px;
+}
+.pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
+  margin-bottom: 10px;
+}
+.pandora-sdk-search-icon {
+  color: inherit;
+}
+.pandora-sdk-transfer-list-body {
+  height: 300px;
+  overflow-y: scroll;
+}
+.pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container .pandora-sdk-transfer-check-box-label {
+  padding-right: 0px;
+  padding-left: 8px;
+}
+.pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
+  margin-bottom: 10px;
+}
 .pandora-sdk-datetime-mobile-pick-range-preset-head {
   display: -webkit-box;
   display: -ms-flexbox;