.list-tabs {
  background: $color-white;
}

.list-content {
  width: 100%;
  background: $color-bg;
  padding: $space-default;
  @include box-sizing();

  .list-box {
    @include box-sizing();
    padding: $space-default;
    background: $color-white;
  }

  .list-serach-node {
    @include box();
    @include flex-align-center();
    margin-bottom: $space-default;

    .icon {
      margin-right: $space-xs;
    }

  }

  .list-serach {
    @include box();
    @include flex-align-start();
    @include flex-justify-between();
    margin-bottom: $space-default - $space-xs;

    .list-serach-left {
      @include box();
      @include flex-align-start();

      .efly-button, .efly-screen {
        margin-bottom: $space-xs;
      }
    }

    .list-serach-right {
      @include box();
      @include flex-justify-end();
      @include flex-wrap();
      flex: 1;

      .efly-button, .efly-screen {
        margin-bottom: $space-xs;
      }


    }
  }

  .list-advanced-search {
    font-size: $font-small;
    background: $color-table-bg;
    padding: $space-default;
    margin-bottom: $space-default;


    .list-advanced-search-condition {
      @include box();
      flex-wrap: wrap;

      .list-advanced-search-item {
        @include box();
        @include flex-align-center();
        margin-right: $space-small;
        margin-bottom: $space-mini;

        .list-advanced-search-item-label {
          @include box();
          @include flex-justify-end();
          width: 80px;
          color: $color-text-regular;
        }
      }
    }

    .list-advanced-search-footer {
      @include box();
      @include flex-justify-end();
    }


  }

  .list-data {
    margin-bottom: $space-default;

    .list-row-active{
      &:hover{
        color: $color-primary !important;
        cursor: pointer !important;
        text-decoration: underline !important;
      }
    }

    .efly-checkbox {
      @include box();

      > .icon {
        position: relative;
        top: -2px;
      }
    }

    .efly-table {
      .efly-button, .efly-more-operate {
        margin: 2px;
      }

      .efly-more-operate {
        .efly-button {
          margin: 0;
        }
      }
    }

    .list-data-info {
      @include box();
      @include flex-column();

      .list-data-info-row {
        @include box();
        width: 100%;
        @include flex-align-center;

        .list-data-info-label {
          text-align: start;
          width: 80px;
        }
      }
    }
  }

  .list-footer {
    @include box();
    @include flex-align-center();
    @include flex-justify-between();

    .list-footer-left {
      .efly-button {
        margin-left: $space-xs;
      }
    }
  }
}

.text-select {
  position: relative;

  &::after {
    content: "";
    display: block;
    position: absolute;
    border-top: 4px solid #409eff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    top: 50%;
    margin-top: -2px;
    right: -15px;
    z-index: 2;
    padding-bottom: 10px;
  }
}

.line-height-30 {
  line-height: 30px;
}

.line-height-22 {
  line-height: 22px;
}

.line-height-34 {
  line-height: 34px;
}

.select-list {
  @include box-sizing();
  min-width: 100px;
  border: 1px solid #ddd;

  & > .select-list-item {
    @include box();
    @include flex-justify-between();
    box-sizing: border-box;
    line-height: 34px;
    padding: 0 8px;
    text-align: left;
    font-size: 12px;


    & .icon-css {
      font-size: inherit;
    }

    &:hover {
      background: $color-table-bg;
    }
  }
}

.font-weight-700 {
  font-weight: 700;
}

.select-params-btn {
  background-color: #EDF2FD;
  padding: 0 14px;
  min-width: 54px;
  height: $height-small;
  border: 1px solid #cccccc;
  text-align: center;
  line-height: $height-small;
  color: $color-primary;
  font-size: $font-small;
  transform: translateX(2px);
}

.destory-time-btn {
  background-color: #EDF2FD;
  width: 78px;
  height: $height-small;
  border: 1px solid #cccccc;
  text-align: center;
  line-height: $height-small;
  color: #409eff;
  font-size: $font-small;
  transform: translateX(8px);
}

.text-color-secondary{
  color: $color-text-secondary;
}

.text-color-regular{
  color: $color-text-regular;
}