@import "common/var";

.lov-table {
  [class$=-body] {
    margin-top: 15px;
    background-color: #fff;
    border-radius: 3px;
  }

  .search-body {
    padding: 15px 20px 0 20px;
    margin: 0;
    box-shadow: 0 7px 9px rgba($--color-primary, .04);

    .el-form {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;

      &>.el-form-item {
        margin-right: 0;
        margin-bottom: 10px;
        min-width: 300px;
      }
      .button-list {
        flex: 1 0 auto;
        text-align: right;

        .el-form-item__content {
          margin-left: 0 !important;
        }
      }
    }

    .more {
      text-align: center;
      padding: 5px;
      cursor: pointer;

      &:hover .icon {
        color: $--color-primary;
      }
    }
  }

  .content-body {
    background-color: transparent;
    .el-button {
      border: 0;
      box-shadow: 0 7px 9px rgba($--color-primary, .04);
    }
    .el-button-group {
      margin-left: 10px;
    }
  }
  .table-container {
    & > div{
      display: inline-block;
    }
    .table-body {
      box-shadow: 0 4px 9px rgba($--color-primary, .08);
      .table-head-cell {
      }
      td {
        &.amount {
          .cell {
            text-align: right;
          }
        }
        .el-button {
          padding-top: 0;
          padding-bottom: 0;
        }
        padding: 6px;
      }
      .el-table-column--selection {
        text-align: center;
      }
      .pager-container {
        display: flex;
        justify-content: space-between;
        padding-left: 10px;
      }
      .el-pagination {
        flex: 1;
        text-align: right;
        padding: 10px;
        font-weight: normal;
      }
    }
    .picked-body {
      margin-left: 10px;
      width: calc(50% - 17px);
      box-shadow: 0 4px 9px rgba($--color-primary, .08);
    }
    .el-table .cell {
      padding-left: 5px;
      padding-right: 5px;
      line-height: 18px;
    }
  }

}

.el-dialog__body {
  .zte-table {
    .content-body {
      .el-button {
        border: 1px solid #dcdfe6;
        box-shadow: none;
      }
    }
  }
}