//
//Table
//

.table {
  color: $table-color;
  .panel & {
    border-color: rgba(150, 176, 178, .2) !important
  }

  & > thead > tr > th {
    padding: 10px 16px;
    border-bottom-width: 0;
    border-top-width: 0;
    color: #7B98A7;
  }

  &-condensed {
    thead, tbody, tfoot {
      tr > td, tr > th {
        padding: 5px
      }
    }
  }

  &-striped {
    & > tbody > tr:nth-child(odd) {
      background-color: #F4F8F9;
      background-clip: padding-box
    }
    & > thead > th:last-child {
      border-right: none
    }
  }

  td.active,
  th.active,
  tr.active,
  &-hover tr:hover {
    background-color: #F2FAFC !important
  }

}

tbody, tfoot {
  & > tr > td, & > tr > th {
    .table > & {
      padding-left: 16px;
      padding-right: 16px;
      border-width: 0;
    }

    .table-line > & {
      padding-left: 16px;
      padding-right: 16px;
      border-width: 1px;
    }

  }
}