/* Tables
// ============ */

table {
  font-size: 0.95em;
  border: 0;
}

table td {
  padding: 0.7em 0.8em 1.4em 0.8em;
  border-top: 1px solid #efefef !important;
  text-align: center;
}

table tr td, table tr th {
  border-left: none;
}

table thead tr > th {
  border-bottom: 2px solid $black;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

table tr.negative td,
table tr.positive td,
table tr.warning td {
  border-color: #FFF !important;
  border-width: 2px !important;
}

table th {
  font-family: $primaryfontmedium;
  font-weight: 400;
  text-align: center;
}

table tfoot th {
  border-bottom: 1px solid $borders !important;
}


.module-tablefilter-heading{
/*  overflow: hidden;*/
  border-bottom: 2px solid $primarycolour;
  margin: 0;
    .col-sm-6{padding: 0}
}
.module-tablefilter{
  position: relative;
  border: 0;
  background: none !important;
  box-shadow: none;
  .h3{
    font-size: 1.2em;
    color: $primarycolour;
    &.col-sm-6{
      padding-top: 9px;
    }
    .h5{
      font-size: 15px;
    }
  }
  .search-filter{
    position: relative;
    .icon-search{
      position: absolute;
      left: 12px;
      top: 15px;
    }
    .query-filter{
      border: 0;
      height: 46px;
      padding-top: 11px;
      padding-left: 41px;
      background: $lightgrey;
      color: $primarycolour;
      box-shadow: 0 0 0;
      border-radius: 0;
      transition: 0.3s all;
      &:focus{
        background: $weak;
        border: 0;
      }
    }
  }
}

.table-responsive{
  overflow: visible;
  .label-info{
    background: #fff;
    border: 1px solid lighten($highlightcolour, 23%);
    padding-top: 0.22em;
    color: $highlightcolour;
    text-shadow: none;
  }
  table{
    border: 0;
    border-collapse: separate !important; /* fix for IE */
  }
  table tr > th{
    text-transform: none;
    font-size: 0.8em;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid #666;
  }
  table tr > td, table tr > th{
    padding-top: 19px;
    padding-bottom: 2px;
  }
  table tr{
    &:hover{
      background: $ultraweak;
    }
  }
  tr[request-item-number] td:nth-child(2){
    text-transform: lowercase;
  }
  table tr > td{
    font-size: 0.85em;
    text-align: left;
    vertical-align: middle; 
    .label{
      float: left;
      margin-top: 1px;
    }
    &:first-child, &.date{
      text-transform: lowercase;
    }
    &.date:first-letter{
      text-transform: capitalize;
    }
    &:nth-child(2){
      font-family: $regularweight;
    }
    &:first-child{
      width: 12%;
      min-width: 100px;
      @media (--palm){
        min-width: 0
      }
      &.request{
        min-width: 0;
        width: auto;
      }
      em{
        display: none;
      }
    }
    .text-muted{
      float: right;
    }
  }
    .dropdown-toggle{
        position: relative;
        top: -4px;
        padding: 0.1em 0.8em;
     color: $darkgrey;
        &:link, &:visited{
            color: $darkgrey;
        }
        &:focus{
            color: $white;
        }
     i{
         color: $darkgrey;
      }   
/*
      &:after{
          margin-left: 0.05em;
      }
*/
    }
}

td.refcode{
  text-transform: none !important;
  font-size: 0.75em !important;
}

.status-in-progress,
.status-draft,
.status-rejected,
.status-processed, .provisioning-table tr,
.faults-table tr{
  display: table-row;
  &:hover{
    .status-hover{
      opacity: 1;
      width: 80%;
    }
    td:first-child{
        &:before{
        color: $white;
        }
    }
    &.status-resolved, &.status-active{
      a{
        color: $white;
      }
    }
  }
}
.status-in-progress td:first-child,
.status-draft td:first-child,
.status-rejected td:first-child,
.status-processed td:first-child,
.provisioning-table td:first-child,
.faults-table td:first-child{
  position: relative;
  overflow: hidden;
  border-left: 2px solid transparent;
  &:before{
    content: attr(data-status);
    position: absolute;
    top: 7px;
    left: 8px;
    text-transform: uppercase;
    font-family: Helvetica, Arial;
    color: $coolgrey2;
    text-shadow: none;
    font-size: 0.75em;
    z-index: 2;
  }
}
.status-draft, .status-open, .status-new{
  &:hover{
    td:first-child{
      border-color: $coolgrey2;
    }
  }
  .status-hover{
    background: $coolgrey2;
  }
}
.status-in-progress, .status-work-in-progress, .status-pending, .status-delayed,
.status-awaiting-3rd-party, .status-awaiting-user-info{
  background: rgba(255,197,32,0.05) !important;
  td:first-child{
    border-color: #ffc520;
  }
  .status-hover{
    background: #ffc520;
  }
}
.status-rejected, .status-on-hold, .status-awaiting-evidence{
  background: rgba(236, 130, 169, 0.05) !important;
  td:first-child{
    border-color: #E45B8D;
  }
  .status-hover{
    background: #E45B8D;
  }
}
.status-processed, .status-closed-complete, .status-resolved, .status-active{
  background: rgba(25, 182, 238, 0.06) !important;
  td:first-child{
    border-color: $highlightcolour;
  }
  .status-hover{
    background: $highlightcolour;
  }
}
.status-hover{
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  display: block;
  opacity: 0;
  z-index: 0;
  min-height: 59px;
  transition: 0.4s;
}

.alwaystop{
  position: relative;
  z-index: 1;
}