#wrapper table {
  border-collapse: separate;
  font-feature-settings: "kern", "liga", "tnum";
  margin: 25px -20px;
  table-layout: fixed;
  width: calc(100% + 40px);
  border-spacing: 20px 0;

  @include respond-to('small') {
    width: calc(100% + 60px);
    border-spacing: 30px 0;
    margin: 25px -30px;
  }

  span{
    color: #00b140;
  }
}

th, td{
  padding: 15px 0;
  text-align: left;
}

th {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3333;
  border-top:2px solid #00b140;
  border-bottom:4px solid #00b140;
  letter-spacing: 0.72px;
}

td {
  border-bottom:2px dotted #DCDCDC;
}

tr,
td,
th {
  vertical-align: middle;
}

tfoot{
  td{
    border:0;
    letter-spacing: 0.42px;
    color: #787878;
    font-size: 14px;
    padding: 18px 0;
  }
}

#wrapper .footable{
  @include respond-to('mediumDown') {
    margin:25px 0;
    width: 100%;
    border-spacing: 0;
    .footable-detail-row{
      &>td{
        padding:0;
      }
      .footable-details {
        margin:0;
        table-layout:auto;
        border:0;
        width: 100%;
        border-spacing: 0;
        padding: 15px 10px;
        th, td{
          border:0;
          padding:0;
          font-size: 16px;
          vertical-align: top;
          line-height: 1.33;
          word-break: break-word;
        }
        th{

          &:after{
            content:': ';
          }
        }
      }
    }
    tfoot{
      td{
        display: block;
      }
    }
  }
}

// table{
//   margin:30px 0;
//   @include font-size(1.5);
//   line-height: 1.73em;
//   border-top:5px solid $prim-colour;

//   tr{
//     border-bottom:1px solid $prim-colour;
//   }
//   th{
//     padding:10px;
//     text-transform: uppercase;
//     font-weight: 700;
//   }
//   td{
//     padding:10px;
//   }

//   caption{
//     text-transform: uppercase;
//     color:$prim-colour;
//     @include font-size(1.8);
//     font-weight: 700;
//     padding-bottom:10px;

//   }

// }

// .table-row{
//   margin-bottom: 20px;
//   clear: both;
//   margin: 0 0 10px;
//   overflow: hidden;
//   padding: 1px;
// }

// .table-row > label, legend{
//   float: left;
//   padding-right: 25px;
//   width: 25%;
//  }


// form > div > div, form > div > fieldset > div {
//   float: right;
//   width: 75%;
//   line-height: 25px;
// }