@import '../../app.less';

.user-table {
  table {
    width: 100%;
    margin-bottom: 10px;
    line-height: 20px;

    tbody {
      overflow-y: auto;
      background: #fff;
    }

    .check {
      padding-left: 15px;
      text-align: left;

      .checkbox-item {
        margin-right: 10px;
        vertical-align: middle;
      }
    }

    th {
      padding: 0 20px;
      background: #ECEDEE;
      height: 60px;

      .assets {
        vertical-align: top;
        margin-left: 3px;
        margin-top: 3px;
      }
    }

    th.check {
      padding: 0 20px;
      padding-left: 40px;
    }

    td {
      padding: 20px;
    }
  }

  .empty {
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
  }

  .page {
    padding-top: 20px;
    text-align: center;

    span {
      margin: 0 15px;
      display: inline-block;
      color: #303139;

      b {
        color: #4299FF;
        font-weight: 500;
      }
    }
  }
}

.user-table.border {
  table {
    border-bottom: 1px solid #ECEDEE;
  }

  th {
    border: 1px solid #fff;
  }
}

.user-table.small {
  table {
    th {
      height: 40px;
    }
  }
}

.user-table.even {
  tbody {

    tr:nth-of-type(even) {
      background: #FBFBFB;
    }
  }
}

.user-table.odd {
  tbody {

    tr:nth-of-type(odd) {
      background: #FBFBFB;
    }
  }
}

.user-table.dark {
  tbody {

    tr {
      background: #ECEDEE;
    }
  }
}

.user-table.children {
  tbody {
    tr.even {
      background: #FBFBFB;
    }
  }
}

.user-table.top {
  td {
    vertical-align: top;
  }
}