#data-table, #usertable, #roletable, .dtable {
  margin: 1em 0;

  *{
  box-sizing:  border-box;
  }

  .floatingHeader{
    position: absolute;
    top: 0;
    visibility: hidden;

    // th {
    //   display: initial;
    // }
  }

  .required{
    background: rgb(255, 152, 0);
    background-color: rgba(255, 152, 0, .5);
  }

  tr{
    td{
      border-width: 1px 0 0 1px;
      border-color:  $base-border-color;
      border-style: solid;
      &:last-of-type {
        border-right: 1px;
        border-color:  $base-border-color;
        border-style: solid;
      }
    }
    &:nth-child(even) {
      background: $base-white ;
    }
    &:nth-child(odd) {
      background: $base-gray-light;
    }
    &:last-of-type td{
      border-bottom: 1px;
      border-color:  $base-border-color;
      border-style: solid;
    }
  }

  thead{
    // -webkit-transition: all 250ms ease;
    // -o-transition: all 250ms ease;
    // transition: all 250ms ease;
    background: $base-gray-light;
    color: $logo-main-color;
    th{
      border-width: 1px 0 1px 1px;
      border-color:  $base-border-color;
      border-style: solid;
      &:last-of-type {
        border-right: 1px;
        border-color:  $base-border-color;
        border-style: solid;
      }

      a {
        color: inherit;

        &:hover {
          color: darken($logo-main-color, 12);
        }
      }
    }
  }

  &.row-highlight tr:hover{
    td, .fa{
      color: $logo-main-color;
    }
  }
}
