table.table {
  position: relative;
  table-layout: fixed;
  border-spacing: 0;
  margin: 0;
  border: 0;
  width: 100%;

  > thead {
    .user-select(none);

    th {
      font-weight: bold;
      text-align: left;
      .text-overflow();

      [class^="icon-"], [class*=" icon-"] {
        display: inline-block;
        width: 14px;
        height: 14px;
        background-size: cover;
      }
    }

    > tr:first-child {
      > th:first-child {
        border-top-left-radius: 4px;
      }
      > th:last-child {
        border-top-right-radius: 4px;
      }
    }

    > tr:last-child {
      > th:first-child {
        border-bottom-left-radius: 4px;
      }
      > th:last-child {
        border-bottom-right-radius: 4px;
      }
    }
  }

  > tbody {
    tr.expand {
      cursor: default !important;

      > td {
          white-space: normal !important;
          padding: 8px 9px;
      }
    }

    td.none {
      vertical-align: middle;
      text-align: center;
      font-size: 14px;
      font-weight: 500;
      height: 100px;
    }

    td {
      > .edit {
        display: inline-block;
        padding: 3px 4px;
        vertical-align: middle;
        font-size: 11px;
        .border-radius(3px);
        .box-sizing(border-box);
      }

      word-break: break-all;
    }
  }

  .table.normal;
}

// Table Size
// --------------------------------------------------
.table.normal {
  font-size: 12px;

  > thead > tr > th {
    padding: 6px;
  }

  > tbody > tr > td {
    padding: 4px 5px;
    height: 16px;
  }
}

.table.small {
  font-size: 11px;

  > thead > tr > th {
    padding: 4px;
  }

  > tbody > tr > td {
    padding: 2px 3px;
  }
}

.table.large {
  font-size: 12px;

  > thead > tr > th {
    padding: 6px;
  }

  > tbody > tr > td {
    padding: 8px 9px;
  }
}


// Table Style
// --------------------------------------------------
.table.outline {
  > thead {
    > tr:last-child {
      th:first-child {
        border-bottom-left-radius: 0px;
      }
      th:last-child {
        border-bottom-right-radius: 0px;
      }
    }
  }
}


// Table NoWrap
// --------------------------------------------------
.table.nowrap {
  > tbody td {
    .text-overflow();
  }
}