.file-right-test-config {
  // width: calc(100% - 400px);
  height: 100%;
  overflow-y: hidden;
  // min-width: 852px;
  overflow-x: auto;
  padding: 0px 24px;
  position: relative;
  background: #fff;

  &-bg {
    width: calc(100% - 400px);
    height: 100%;
    background: #f5f5f5;
    padding: 16px 16px 76px 16px;
  }

  &.has-card {
    .search-header-input {
      width: calc(100% - 384px - 80px) !important;
    }

    .complete-search-content {
      width: calc(100% - 384px);
    }
  }

  .search-header {
    // width: 981px;
    align-items: center;

    .search-header-input {
      width: calc(100% - 150px - 80px);
      max-width: 860px - 80px;
      min-width: 680px - 80px;
      border-radius: 3px 0px 0px 3px;
    }

    .search-btn {
      border-radius: 0px 3px 3px 0px;
    }

    .view-btn {
      margin-left: 24px;

      .label-text {
        display: inline-block;
        vertical-align: middle;
        height: 22px;
        line-height: 22px;
        color: var(--kw-heading-color);
        cursor: pointer;

        &:hover {
          color: var(--kw-primary-color);
        }
      }
    }
  }

  .no-complete-search {
    text-align: center;
    width: 100%;
    height: calc(100% - 180px);
    padding-top: 214px;

    .full-tip {
      margin: 0px auto;
      text-align: left;

      .tip-content {
        line-height: 32px;
      }
    }

    .sorry-tip {
      margin-top: -37px;
    }
  }
}
