@qn-pandora/pandora-component 4.4.4 → 4.4.6

package/es/index.css

@@ -1985,6 +1985,81 @@ a.ant-btn-sm {
   color: inherit;
   vertical-align: middle;
 }
+.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-card {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -3011,120 +3086,6 @@ 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);
@@ -3375,6 +3336,123 @@ a.ant-btn-sm {
 .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
   margin-left: 8px;
 }
+.ant-checkbox-inner::after {
+  left: 20%;
+}
+.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%;
+}
 .ant-input-affix-wrapper {
   position: relative;
   display: inline-block;
@@ -4192,17 +4270,6 @@ textarea.ant-input {
 .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
   line-height: 40px;
 }
-.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;
@@ -4408,6 +4475,14 @@ textarea.ant-input {
 .pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
   border: none;
 }
+.pandora-sdk-checkbox-item {
+  white-space: nowrap;
+  width: 100%;
+}
+.pandora-sdk-checkbox-item.ant-checkbox-wrapper {
+  margin-left: 0;
+  line-height: 25px;
+}
 .pandora-sdk-collapsible-panel > .panel-header {
   position: relative;
   padding: 12px 16px 12px 40px;
@@ -4464,81 +4539,6 @@ textarea.ant-input {
   padding-left: 16px;
   padding-right: 16px;
 }
-.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-popover {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -4879,12 +4879,6 @@ textarea.ant-input {
   color: #333;
   overflow: hidden;
 }
-.ant-input[disabled] {
-  border-color: #d9d9d9;
-}
-.ant-input-group-addon {
-  color: #666;
-}
 .ant-drawer {
   position: fixed;
   z-index: 1000;
@@ -5182,6 +5176,12 @@ textarea.ant-input {
 .pandora-sdk-drawer-no-mask {
   background-color: #d9d9d9;
 }
+.ant-input[disabled] {
+  border-color: #d9d9d9;
+}
+.ant-input-group-addon {
+  color: #666;
+}
 .ant-upload {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -12584,45 +12584,6 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-popover > div {
   margin: 4px;
 }
-.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;
-}
-.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;
-}
 @-webkit-keyframes ant-tree-node-fx-do-not-use {
   0% {
     opacity: 0;
@@ -13224,6 +13185,45 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-tree-select-dropdown .ant-empty {
   text-align: center;
 }
+.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;
+}
+.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;
+}
 .ant-row {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -20435,6 +20435,18 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-modal-close-icon:hover {
   background: #f4f5f6;
 }
+.pandora-sdk-popover-inline-list {
+  display: inline-block;
+  vertical-align: middle;
+}
+.pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
+  display: inline-block;
+  height: 100%;
+  margin-right: 12px;
+}
+.pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
+  color: #2c6dd2;
+}
 .pandora-sdk-item {
   color: #2c6dd2;
   cursor: pointer;
@@ -20483,20 +20495,47 @@ _:-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-popover-inline-list {
-  display: inline-block;
-  vertical-align: middle;
+.pandora-sdk-prev-button {
+  margin-right: 10px;
 }
-.pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
+.pandora-sdk-table-columnTag-groupTag {
+  padding: 4px;
+  height: 24px;
+  background: rgba(44, 109, 210, 0.1);
+  margin-right: 4px;
+  color: #1890ff;
+  white-space: nowrap;
+  font-size: 12px;
+  margin-top: 4px;
+}
+.pandora-sdk-table-columnTag-moreTagsIcon {
+  margin-left: 4px;
+  vertical-align: middle;
+  width: 14px;
+  height: 13px;
+  line-height: 6px;
+  border: 1px solid inherit;
+  padding: 0 1px;
+  text-align: center;
+  border-radius: 48%;
   display: inline-block;
-  height: 100%;
-  margin-right: 12px;
+  font-size: 12px;
+  font-weight: 400;
+  color: inherit;
+  cursor: pointer;
 }
-.pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
+.pandora-sdk-table-columnTag-moreTagsIcon:hover {
   color: #2c6dd2;
+  border-color: #2c6dd2;
 }
-.pandora-sdk-prev-button {
-  margin-right: 10px;
+.pandora-sdk-table-columnTag-tagPopoverContainer {
+  padding: 6px 10px 10px 10px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  width: 400px;
 }
 .pandora-sdk-table-column-setting-popover {
   padding: 10px;
@@ -20575,71 +20614,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-table-resizable-th::before {
   display: none;
 }
-.pandora-sdk-table-columnTag-groupTag {
-  padding: 4px;
-  height: 24px;
-  background: rgba(44, 109, 210, 0.1);
-  margin-right: 4px;
-  color: #1890ff;
-  white-space: nowrap;
-  font-size: 12px;
-  margin-top: 4px;
-}
-.pandora-sdk-table-columnTag-moreTagsIcon {
-  margin-left: 4px;
-  vertical-align: middle;
-  width: 14px;
-  height: 13px;
-  line-height: 6px;
-  border: 1px solid inherit;
-  padding: 0 1px;
-  text-align: center;
-  border-radius: 48%;
-  display: inline-block;
-  font-size: 12px;
-  font-weight: 400;
-  color: inherit;
-  cursor: pointer;
-}
-.pandora-sdk-table-columnTag-moreTagsIcon:hover {
-  color: #2c6dd2;
-  border-color: #2c6dd2;
-}
-.pandora-sdk-table-columnTag-tagPopoverContainer {
-  padding: 6px 10px 10px 10px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  width: 400px;
-}
-.pandora-sdk-switch {
-  display: inline-block;
-  margin: 4px;
-  padding: 8px;
-  border-radius: 100px;
-  line-height: 1;
-  font-size: 16px;
-  color: #7a869a;
-  background: #ebecf0;
-  cursor: pointer;
-}
-.pandora-sdk-switch.pandora-sdk-active {
-  color: #d9d9d9;
-}
-.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-primary {
-  background: #2c6dd2;
-}
-.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-green {
-  background: #52c41a;
-}
-.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-yellow {
-  background: #faad14;
-}
-.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
-  background: #03a9f4;
-}
 .pandora-sdk-root {
   display: inline-block;
   line-height: 24px;
@@ -20706,36 +20680,31 @@ _:-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-switch {
+  display: inline-block;
+  margin: 4px;
+  padding: 8px;
+  border-radius: 100px;
+  line-height: 1;
+  font-size: 16px;
+  color: #7a869a;
+  background: #ebecf0;
+  cursor: pointer;
 }
-.pandora-sdk-search-icon {
-  color: inherit;
+.pandora-sdk-switch.pandora-sdk-active {
+  color: #d9d9d9;
 }
-.pandora-sdk-transfer-list-body {
-  height: 300px;
-  overflow-y: scroll;
+.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-primary {
+  background: #2c6dd2;
 }
-.pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-green {
+  background: #52c41a;
 }
-.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-switch.pandora-sdk-active.pandora-sdk-yellow {
+  background: #faad14;
 }
-.pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
-  margin-bottom: 10px;
+.pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
+  background: #03a9f4;
 }
 .pandora-sdk-timeline-item {
   font-size: 14px;
@@ -20781,41 +20750,36 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   font-size: 14px;
   color: #333;
 }
-.pandora-sdk-datetime-mobile-pick-range-preset-head {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px;
-  position: relative;
+.pandora-sdk-transfer-list {
+  overflow: hidden;
 }
-.pandora-sdk-datetime-mobile-pick-range-preset-head .pandora-sdk-datetime-mobile-pick-range-preset-head-selector {
-  width: 60%;
+.pandora-sdk-transfer-list .pandora-sdk-transfer-title {
+  margin-bottom: 10px;
 }
-.pandora-sdk-datetime-mobile-pick-range-preset-head .pandora-sdk-datetime-mobile-pick-range-preset-head-button {
-  position: absolute;
-  right: 10px;
+.pandora-sdk-transfer-list .pandora-sdk-transfer-search {
+  margin-bottom: 10px;
 }
-.pandora-sdk-datetime-mobile-pick-range-sub-title {
-  text-align: left;
-  margin: 8px;
-  padding: 2px 2px 2px 6px;
-  background-color: #ebecf0;
+.pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
+  margin-bottom: 10px;
 }
-.am-picker-col-indicator {
-  background-color: rgba(235, 236, 240, 0.5);
+.pandora-sdk-search-icon {
+  color: inherit;
 }
-.am-modal-content {
-  border-radius: 12px;
+.pandora-sdk-transfer-list-body {
+  height: 300px;
+  overflow-y: scroll;
 }
-.pandora-sdk-datetime-mobile-pick-range-div-containter {
-  width: 32px;
-  margin: 0 auto;
-  margin-top: 10px;
-  margin-bottom: 5px;
+.pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.pandora-sdk-datetime-mobile-pick-range-div-containter .pandora-sdk-datetime-mobile-pick-range-div {
-  border-radius: 2px;
-  border: 2px solid #939393;
+.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-panel-title {
   display: -webkit-box;
@@ -20845,3 +20809,39 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-panel-disable {
   cursor: default;
 }
+.pandora-sdk-datetime-mobile-pick-range-preset-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 10px;
+  position: relative;
+}
+.pandora-sdk-datetime-mobile-pick-range-preset-head .pandora-sdk-datetime-mobile-pick-range-preset-head-selector {
+  width: 60%;
+}
+.pandora-sdk-datetime-mobile-pick-range-preset-head .pandora-sdk-datetime-mobile-pick-range-preset-head-button {
+  position: absolute;
+  right: 10px;
+}
+.pandora-sdk-datetime-mobile-pick-range-sub-title {
+  text-align: left;
+  margin: 8px;
+  padding: 2px 2px 2px 6px;
+  background-color: #ebecf0;
+}
+.am-picker-col-indicator {
+  background-color: rgba(235, 236, 240, 0.5);
+}
+.am-modal-content {
+  border-radius: 12px;
+}
+.pandora-sdk-datetime-mobile-pick-range-div-containter {
+  width: 32px;
+  margin: 0 auto;
+  margin-top: 10px;
+  margin-bottom: 5px;
+}
+.pandora-sdk-datetime-mobile-pick-range-div-containter .pandora-sdk-datetime-mobile-pick-range-div {
+  border-radius: 2px;
+  border: 2px solid #939393;
+}