/*** CLOSED TABLE WITH DATA   ***/
.o-data-table {

  width: 100%;
  color: $bodytext;
  border-spacing: 0;

  th,td {
    padding:  $base-space * .5 $base-space;
    font-size: 1.4rem;
  }

  th {
    font-weight: normal;
    text-transform: uppercase;
  }

}

.o-data-table--zebra{
  border: 1px solid $lightgray;

  th{
    background: lighten($darkblue,3%);
    color: $lightgray;
  }

  tbody tr:nth-child(odd) {background: lighten($lightgray,1%);}
}

.o-data-table--clean{

  th {border-bottom: 2px solid $darkgray;}
  th,td {padding: $base-space}
  tbody tr {border-top:1px solid darken($lightgray,10%);}
  tbody tr:nth-child(even) {background: none;}

}

.o-data-table--cart{
  line-height: 1.4;

  th {
    letter-spacing: 2px;
    border-bottom: 3px solid lighten($darkgray,10%);
  }

  th, td {padding: $base-space * .5}

}



.o-data-table--list {

  th {border-bottom: 2px solid $darkgray;}
  th,td {padding: $base-space}
  tbody tr {border-top:1px solid darken($lightgray,10%);}
  tbody tr td {border-bottom: 1px dashed darken($lightgray,15%);}

}



 


.o-data-table__title-link {
    font-weight: bold;
    color: $darkgray;

    &.hover,&.focus {
      color: $blue;
    }
}


.o-data-table__status {
  font-size: 4rem;
  display: inline-block;
  line-height: 0;
  vertical-align: sub;

  //Status should go here
  
}



/* DATA TABLE PAGINATION */

.o-table-pagination {

  text-align: center;
  display: table;
  margin: 2.0rem auto 0;
  border-top: 1px solid darken($lightgray,4%);
  font-size: 1.4rem;

  li { 

    display: inline-block; 

    &.is-selected {
      border-top: 2px solid $blue;

      a { 
        color: $blue; 
        cursor: default;
        font-weight: bold;
      }
    }
  }

  li a {
    display: block;
    color: $bodytext;
    line-height: 1;
    text-decoration: none;
    padding: $base-space * 0.5 $base-space * 0.75; 
    @include animate;

    &:hover,&:focus {
      color: $blue;
    }

  }

  li:first-child,li:last-child { 
    border-top: 2px solid $blue;

    a { padding: $base-space * 0.5  $base-space * 0.25; }
  }

  li:last-child {
    @extend .u-text-right;
  }

}