.lx-table {
  display: flex;
  flex-flow: column;
  height: 100%;
  padding: 15px;
  padding-bottom: 10px;

  .table-filter {
    margin-bottom: 10px;

    .ant-card-body {
      display: flex;
      padding: 20px;

      form {
        flex: 1 1;
        margin-bottom: -10px;

        > .ant-form-item {
          margin-bottom: 10px;

          .ant-form-item-label {
            width: auto;
          }
        }
      }
    }
  }

  .app-card {
    display: flex;
    flex-flow: column;
    overflow: auto;
    height: 100%;

    .ant-card-head {
      min-height: auto;
      padding: 0 20px;
      border-bottom: none;

      .ant-card-head-title {
        padding-bottom: 0;
      }
    }

    .ant-card-body {
      margin-top: 15px;
      padding: 20px;
      padding-top: 0;
      overflow: auto;

      .ant-pagination {
        margin-bottom: 0;
      }

      .ant-table-thead > tr > th,
      .ant-table-tbody > tr > td,
      .ant-table tfoot > tr > th,
      .ant-table tfoot > tr > td {
        padding: 12px;
        white-space: nowrap;
      }
    }
  }
}