@import "~@/mixins.less";

.verifyScrapBill {
  .size();
}

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

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

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

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

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

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

.billForm {
  .size(100%, 140px);
  .flex();

  >div:nth-child(1) {
    .size(calc(100% - 230px), 100%);
    padding-top: 5px;
  }

  >div:nth-child(2) {
    .size(230px, 100%);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);

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

      :global {
        .ant-btn-lg {
          min-width: 50px;
          width: 100px;
          height: 38px;
        }
      }
    }
  }

  :global {
    .ant-col {
      height: 45px;
    }

    .ant-col.ant-form-item-label:not(.skipFlexBasis) {
      border: none !important;
      background-color: transparent !important;
    }

    .ant-form-item {
      border: none !important;
    }

    .ant-form-item-control {
      padding: 0 !important;
    }

    .ant-form-item-control-input-content {
      .flex();

      >* {
        flex-grow: 1;
      }
    }

    .ant-input {
      background: #f0f0f0 !important;
      border-radius: 5px !important;
    }

    .ant-input-number {
      padding: 0 !important;

      input {
        background: #f0f0f0 !important;
        border-radius: 5px !important;
        height: 40px !important;
        padding-left: 0;
        padding-right: 0;
        text-indent: 8px;
      }
    }

    .ant-picker {
      background: #f0f0f0 !important;
      border-radius: 5px !important;
      height: 40px !important;

      input {
        background-color: transparent !important;
      }
    }

    .ant-input-search-button {
      height: 38px;
    }

    // .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.ant-picker-range {
    //   input {
    //     font-size: 14px !important;
    //   }
    // }
  }
}

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

  :global {
    .ant-table-cell {
      >div {
        .size();
      }

      .noInput {
        .size();
        .flex(center, flex-start);
      }

      .changeClassName {
        height: 100%;

        * {
          height: 100%;
        }
      }
    }

    .ant-btn[class*="mesAdd"],
    .ant-btn[class*="mesDel"],
    .ant-btn[class*="mesSave"] {
      .size(30px, 30px);
    }

    .ant-btn[class*="mesSave"] {
      margin-right: 5px;
    }

    .ant-table-cell-fix-right {
      .operate-bar {
        .size();
        .flex(center, center);

        >span {
          display: none !important;
        }
      }
    }
  }
}

.tdDiv {
  .flex();
  .size();
  flex-direction: column;

  :global {
    .ant-btn-lg {
      padding: 0 0 0 2px;
      min-width: 0;
      height: 32px;
    }
  }
}

.tdDetail {
  flex-grow: 1;
  .size(100%, auto);
  min-height: 50px;
  background-color: #f0f0f0;
  border-top: 1px solid #AAA;
  font-size: 12px;
  padding-left: 4px;
}