@import "~@/mixins.less";

.verifyScrapList {
  .size();
}

.toolBar {
  position: relative;
  .size(100%, 40px);
  background: rgb(197, 197, 197);
}

.content {
  .size();
  .flex(center, center);
  font-size: 18px;
  font-weight: bold;
}

.tools {
  .size(auto, 100%);
  .flex(center);
  position: absolute;
  top: 0;
  right: 0;

  :global {
    .ant-btn {
      font-weight: bold;
      font-size: 18px;
    }
  }
}

.search {
  .size(100%, 50px);
  .flex(center);

  >div {
    .size();
    .flex(center);
  }

  div[class*="solutionList"] {
    width: 160px !important;
  }

  div[class*="fastFilter"] {
    padding: 0;
    padding: 0 0 0 10px;

    div[class*="advRow"] {
      height: 40px;
    }

    div[class*="toggleBtn"],
    div[class*="advCol"] {
      padding-top: 2px;
    }

    div[class*="filterList"] {
      background: #FFF;
      padding-top: 0;
      border-radius: 5px;
    }
  }

  span[class*="removeBtn"] {
    top: 14px;
    right: 0;
  }

  :global {
    .ant-btn-icon-only.ant-btn-lg {
      border-radius: 5px;
      height: 36px;
    }

    div[class*="filterList"] {
      .ant-btn-lg {
        min-width: 50px;
      }
    }

    .ant-select-selector {
      border: none !important;
      background: #f0f0f0 !important;
      border-radius: 5px !important;
      height: 32px !important;

      .ant-select-selection-item,
      .ant-select-selection-placeholder {
        line-height: 32px !important;
      }
    }

    .ant-input-affix-wrapper {
      height: 28px;
      line-height: 23px;
      border: none !important;
      background: #f0f0f0 !important;
      border-radius: 5px !important;
      height: 32px !important;
      box-shadow: none !important;
      padding-left: 0 !important;
    }

    .ant-picker {
      background: #f0f0f0 !important;
      border-radius: 5px !important;
      height: 32px !important;
      margin-top: 6px;
    }

    .ant-picker.ant-picker-range {
      input {
        font-size: 14px !important;
      }
    }
  }
}

.table {
  .size(100%, calc(100% - 135px));
}

.totalDiv {
  .flex();
  font-size: 18px;
  border: 1px solid #AAA;
  border-top: none;
  padding-left: 10px;
  cursor: default;

  :global {

    .total,
    .totalName,
    .totalValue {
      margin-right: 10px;
    }

    .total {
      color: #1890ff;
      font-weight: bold;
      font-size: 20px;
    }

    .totalName {
      font-weight: bold;
      position: relative;
      padding-left: 10px;

      &:before {
        content: "";
        display: inline-block;
        border: 1px solid #52C41A;
        background-color: #52C41A;
        width: 6px;
        height: 6px;
        position: absolute;
        top: 17px;
        left: 0;
        border-radius: 50%;
      }
    }
  }
}