@import "../../../styles/vars.scss";

.honjo-data-table {
  margin: 20px 0;

  &.honjo-data-table--admin{
    .el-table th {
      background-color: $bg-active-color;
    }
    .el-table thead {
      color: $color-primary-darken-1;
    }
  
    .el-table{
      font-size: 14px;
    }
  
    .el-table td{
      padding: 8px 0;
      // border: none;
    }
    .el-table th{
      padding: 8px 0;
    }
    // .el-table .el-table__body tr:hover>td{
    //   background-color: $bg-active-color;
    // }
    .el-table-column--selection .cell {
      padding-left: 10px;
    }
  }

  &.honjo-data-table--client{
    .el-table th {
      background-color: $bg-head-color;
    }
    .el-table thead {
      color: $text-regular-color;
    }
  
    .el-table{
      font-size: 14px;
      border-radius: 2px;
    }
  
    .el-table td{
      padding: 8px 0;
    }
    .el-table th{
      padding: 8px 0;
    }
  }
}

.honjo-data-table__pagination {
  margin-top: 10px;
  text-align: right;
}