//Service Updates
.service-update{
  @include secondary-font(400);
  margin-bottom: .5rem;
  color: color(dark-gray);
  text-align: left;

  thead, tbody, tfoot, tbody tr:nth-child(even){
    background:none;
  }
  th, td {
    border-bottom: 1rem solid white;
    border-right: .5rem solid white;
  }
  .service-update--critical {
    th{
      background: color(light-red);
    }
    td{
      background: transparentize( color(light-red), 0.5);
    }
  }
  .service-update--warning {
    th{
      background: color(light-bell);
    }
    td{
      background: transparentize( color(light-bell), 0.5);
    }
  }

  th {
    background: color(light-kelly-drive);
    width:30%;
  }
  td {
    background: transparentize( color(light-kelly-drive), 0.5);
  }
  .icon-label{
    font-weight: normal;
    vertical-align: middle;
    display: inline-block;
    max-width: 130px;
    line-height: 1.4rem;

    @include breakpoint(small only) {
      display: block;
    }
  }
  .service-icon{
    display: inline-block;
    vertical-align: middle;
    padding: 0 1rem 0 0;
  }
}