.main-ui-select-inner-item {
  margin-bottom: 0;
}
.main-ui-select-inner-item.main-ui-select-inner-item-selected {
  background: #f3f6f8;
}
.popup-select-content .main-ui-select-inner-item,
.popup-multiselect-content .main-ui-select-inner-item {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
.main-ui-select-inner-item.main-ui-select-inner-item-selected {
  background: #f3f6f8;
}
.main-ui-control.main-ui-select .main-ui-square-search,
.main-ui-control.main-ui-select .main-ui-square-search-item {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
}
.main-ui-control.main-ui-multi-select .main-ui-square-search {
  position: relative;
}
.main-ui-control.main-ui-multi-select .main-ui-square-search::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.main-ui-control.main-ui-multi-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.main-ui-square {
  box-sizing: border-box;
}
.main-ui-select-inner-item.main-ui-select-inner-item-legend {
  margin-top: 6px;
  padding-left: 10px;
  font-weight: var(--ui-font-weight-bold);
  cursor: default;
  border-bottom: 0;
}
.main-ui-select-inner-item.main-ui-select-inner-item-legend
  .main-ui-select-inner-item-element {
  height: 28px;
  line-height: 28px;
  margin-top: 2px;
}
.main-ui-select-inner-item.main-ui-select-inner-item-legend:hover {
  background: inherit;
}
.main-ui-select-inner-item.main-ui-select-inner-item-legend
  .main-ui-select-inner-label::before {
  display: none;
}
.bx-mac .main-ui-mac-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.bx-mac .main-ui-mac-scroll::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.popup-select-content .main-ui-checked {
  background: #f3f6f8;
  font-weight: var(--ui-font-weight-bold);
}
.main-ui-popup-show-animation {
  animation: popupShowAnimation 200ms;
  animation-fill-mode: both;
}
.main-ui-popup-close-animation {
  animation: popupCloseAnimation 200ms;
  animation-fill-mode: both;
}
.main-ui-popup-fast-show-animation {
  animation: popupShowAnimation 150ms;
  animation-delay: 10ms;
  animation-fill-mode: both;
}
.main-ui-popup-fast-close-animation {
  animation: popupCloseAnimation 150ms;
  animation-fill-mode: both;
}
.main-ui-square.main-ui-square-selected {
  box-shadow: inset 0 0 0 2px #3bb4e3;
}
.main-ui-control.main-ui-select,
.main-ui-control.main-ui-multi-select {
  padding: 3px 50px 3px 3px;
  height: auto;
  min-height: 38px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI1IDE2Ij4gIDxwb2x5Z29uIGZpbGw9IiM1MzVDNjkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIzLjU0NiA3LjQyNSAzLjU0NiAxLjYwNyAxLjYwNyAxLjYwNyAxLjYwNyA4LjM5NCAxLjYwNyA5LjM2NCA5LjM2NCA5LjM2NCA5LjM2NCA3LjQyNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDkuOSAxLjY1NykiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: right center;
  color: #535c69;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.main-ui-control.main-ui-multi-select {
  display: table;
  padding-bottom: 0;
}
.main-ui-control.main-ui-select {
  height: 38px;
}
.main-ui-select-name {
  display: inline-block;
  max-width: 450px;
  padding: 0 0 0 5px;
  line-height: 31px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main-ui-select-inner {
  padding: 6px;
  margin: 1px 0 0 0;
  box-shadow: 0 6px 21px 0 rgba(0, 0, 0, 0.15);
  max-height: 177px;
  overflow: auto;
}
.main-ui-select-inner-item {
  padding: 0 6px 0 3px;
  min-height: 33px;
  font: 14px/33px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
  color: #80868e;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  cursor: pointer;
}
.main-ui-select-inner-item:last-child {
  margin: 0;
}
.main-ui-select-inner-item:hover {
  background: #f3f6f8;
}
.main-ui-select-inner-item.color1 {
  background: #d5f8fc;
  cursor: default;
}
.main-ui-select-inner-item.color2 {
  background: #f0f7ca;
  cursor: default;
}
.popup-multiselect-content {
  padding: 6px;
}
.popup-select-content {
  overflow: hidden;
  padding: 6px 0;
}
.popup-select-content .main-ui-select-inner-item {
  border-bottom: 3px solid #fff;
}
.popup-multiselect-content .main-ui-select-inner-item {
  margin: 0;
  padding: 0;
}
.popup-multiselect-content .main-ui-select-inner-item:last-child,
.popup-select-content .main-ui-select-inner-item:last-child {
  margin: 0;
  border-bottom: 0;
}
.main-ui-square-container {
  display: block;
}
.main-ui-square {
  position: relative;
  display: inline-block;
  float: left;
  padding: 0 30px 0 13px;
  margin: 0 3px 3px 0;
  height: 30px;
  border-radius: 2px;
  background: #bcedfc;
  font: 15px/30px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
  vertical-align: middle;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
  z-index: 2;
}
.main-ui-square-item {
  display: inline-block;
  max-width: 250px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-ui-square-delete {
  height: 30px;
  width: 25px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.065%203.682L2.377.994%201.01%202.362%203.696%205.05.99%207.757l1.368%201.37%202.708-2.71%202.7%202.703%201.37-1.368-2.702-2.7%202.682-2.684L7.748%201%205.065%203.682z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.main-ui-square-search {
  display: inline-block;
  padding: 0 0 0 5px;
  height: 30px;
  float: left;
}
.main-ui-square-search-item {
  width: 1px;
  padding: 0;
  height: 30px;
  border: 0;
  font: 15px/30px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
  box-sizing: border-box;
  letter-spacing: 10px;
}
.main-ui-select .main-ui-control-value-delete,
.main-ui-multi-select .main-ui-control-value-delete {
  right: 25px;
  top: 50%;
  height: -webkit-calc(100% - 2px);
  height: calc(100% - 2px);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.main-ui-multi-select .main-ui-control-value-delete-item,
.main-ui-select .main-ui-control-value-delete-item {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.main-ui-select-inner-label {
  display: inline-block;
  position: relative;
  line-height: 21px;
  padding-left: 28px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.main-ui-select-inner-label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 4px;
  height: 15px;
  width: 18px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23C6CDD3%22%20rx%3D%222%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
.main-ui-checked .main-ui-select-inner-label:before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20x%3D%22.5%22%20y%3D%221.125%22%20fill%3D%22%23FFF%22%20stroke%3D%22%23259EC6%22%20rx%3D%222%22/%3E%3Cpath%20fill%3D%22%23259EC6%22%20d%3D%22M7.53%208.487l-3.775-3.6-1.25%201.368%204.94%205.01.075-.074.286.335%208.694-10.4L15.094%200%207.53%208.487z%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 2px 0;
}
.main-ui-item-icon-block {
  position: absolute;
  top: 0;
  right: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 5px;
  height: 39px;
  width: 60px;
  box-sizing: border-box;
}
.main-ui-item-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0.3;
  cursor: pointer;
}
.main-ui-item-icon:hover {
  opacity: 1;
}
.main-ui-focus {
  border: 1px solid rgba(81, 203, 238, 1);
}
@keyframes popupShowAnimation {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(0, 5px, 0);
    -moz-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes popupCloseAnimation {
  0 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    -moz-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    -o-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
}