/*! Tablesaw - v1.0.4 - 2015-02-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed MIT */

  table.tablesaw {
    empty-cells: show;
    max-width: 100%;
    width: 100%;
  }

  .tablesaw {
    border-collapse: collapse;
    width: 100%;
  }

  /* Structure */

  .tablesaw {
    border: 0;
    padding: 0;
  }

  .tablesaw th,
  .tablesaw td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em .7em;
  }

  .tablesaw thead tr:first-child th {
    padding-top: .9em;
    padding-bottom: .7em;
  }

  /* Table rows have a gray bottom stroke by default */

  .tablesaw-stack tbody tr {
    border-bottom: 1px solid #dfdfdf;
  }

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none;
  }

  /* Mobile first styles: Begin with the stacked presentation at narrow widths */

  @media only all {
    /* Show the table cells as a block level element */
    table.tablesaw {
      empty-cells: show;
      max-width: 100%;
      width: 100%;
    }

    .tablesaw-stack td,
    .tablesaw-stack th {
      text-align: left;
      display: block;
    }

    .tablesaw-stack tr {
      clear: both;
      display: table-row;
    }

    /* Make the label elements a percentage width */

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
      display: block;
      padding: 0 .6em 0 0;
      width: 30%;
      display: inline-block;
    }

    /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */

    .tablesaw-stack th .tablesaw-cell-label-top,
    .tablesaw-stack td .tablesaw-cell-label-top {
      display: block;
      padding: .4em 0;
      margin: .4em 0;
    }

    .tablesaw-cell-label {
      display: block;
    }

    /* Avoid double strokes when stacked */

    .tablesaw-stack tbody th.group {
      margin-top: -1px;
    }

    /* Avoid double strokes when stacked */

    .tablesaw-stack th.group b.tablesaw-cell-label {
      display: none !important;
    }
  }

  @media (max-width: 39.9375em) {
    table.table-saw {
      max-width: 450px;
    }

    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
      display: none;
    }

    .tablesaw-stack tbody td,
    .tablesaw-stack tbody th {
      clear: left;
      float: left;
      width: 100%;
    }

    .tablesaw-cell-label {
      vertical-align: top;
    }

    .tablesaw-cell-content {
      max-width: 67%;
      display: inline-block;
    }

    .tablesaw-stack td:empty,
    .tablesaw-stack th:empty {
      display: none;
    }
  }

  /* Media query to show as a standard table at 560px (35em x 16px) or wider */

  @media (min-width: 40em) {
    table.table-saw {
      max-width: 450px;
    }

    .tablesaw-stack tr {
      display: table-row;
    }

    /* Show the table header rows */

    .tablesaw-stack td,
    .tablesaw-stack th,
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
      display: table-cell;
      margin: 0;
    }

    /* Hide the labels in each cell */

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
      display: none !important;
    }
  }


  .table-bordered {
    border: 1px solid #ddd !important;
  }

  table caption {
    padding: .5em 0;
  }

  table tfoot tr td {
    text-align: center !important;
  }

  @media (max-width: 39.9375em) {
    table.table-saw {
      max-width: 450px;
    }

    .tablesaw-stack tbody tr:not(:last-child) {
      border-bottom: 2px solid #0B0B0D;
    }
  }

  .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 0px solid #ddd !important;
  }

  body {
    color: #fff;
  }

  .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
    background-color: rgba(245, 245, 245, 0.35);
  }

  tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.2);
  }

  tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.1);
  }

  thead {
    background: rgba(255, 255, 255, 0.3);
  }

  .table-bordered {
    border: 0px solid #ddd !important;
  }