/*
 * @Description: 排序弹框公共样式
 * @Author: taosu
 * @Date: 2021-11-09 15:53:52
 * @LastEditTime: 2021-12-31 10:51:21
 * @LastEditors: taosu
 */
@import url(../../../../styles/common/easyvCommon.less);
.formItem {
  display: flex;
  margin-bottom: 20px;
}

.selectDrop {
  .select();
}

.label {
  line-height: 32px;
  min-width: 70px;
  .requiredIcon {
    color: #ef5350;
  }
}

.field {
  display: flex;
  width: 580px;
  :global {
    .easyv-select {
      width: 187px;
      &:first-child {
        margin-right: 8px;
      }
    }
  }
  &.sort {
    flex-direction: column;
  }
}

.tip {
  line-height: 32px;
  margin-bottom: 5px;
  color: #b4b7c1;
}

.sortContainer {
  width: 100%;
  background: #3d404c;
  border-radius: 2px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px 0 8px 16px;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
}

.labels {
  :global {
    .easyv-select-selection-item {
      background-color: #3d404c;
      border: none;
    }
    .easyv-select-selection-item-content,
    .easyv-select-selection-item-remove {
      color: #fff;
    }
  }
}

.dropMenu {
  :global {
    .easyv-select-item-option-active:not(.easyv-select-item-option-disabled) {
      background: rgba(255, 255, 255, 0.06);
    }
    .easyv-select-item {
      color: #fff;
    }
    .easyv-select-item-option-selected:not(.easyv-select-item-option-disabled) {
      background-color: var(--easyv-primary-color);
      color: #fff;
    }
  }
}
