/*********************
BREAKPOINTS
*********************/
/* @group Greys */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
.responsiveTable {
  background: white;
  border-collapse: collapse;
  margin: .75em 0 0;
  width: 100%; }
  .responsiveTable tr,
  .responsiveTable th,
  .responsiveTable td {
    border: none;
    font-size: 1em; }
  .responsiveTable th,
  .responsiveTable td {
    padding: 10px 12px;
    text-align: left; }
  .responsiveTable th {
    background: #000000;
    color: #ffffff; }
  .responsiveTable tr td {
    background: #f7f7f7; }
  .responsiveTable tr:nth-of-type(2n+2) td {
    background: #ffffff; }

.responsiveTable.bt tfoot th,
.responsiveTable.bt tfoot td,
.responsiveTable.bt tbody td {
  font-size: .8125rem;
  padding: 0; }

.responsiveTable.bt tfoot th:before,
.responsiveTable.bt tfoot td:before,
.responsiveTable.bt tbody td:before {
  background: #2a2a2a;
  color: white;
  margin-right: 10px;
  padding: 2px 10px; }

.responsiveTable.bt tfoot th .bt-content,
.responsiveTable.bt tfoot td .bt-content,
.responsiveTable.bt tbody td .bt-content {
  display: inline-block;
  padding: 2px 5px; }

.responsiveTable.bt tfoot th:first-of-type:before,
.responsiveTable.bt tfoot th:first-of-type .bt-content,
.responsiveTable.bt tfoot td:first-of-type:before,
.responsiveTable.bt tfoot td:first-of-type .bt-content,
.responsiveTable.bt tbody td:first-of-type:before,
.responsiveTable.bt tbody td:first-of-type .bt-content {
  padding-top: 10px; }

.responsiveTable.bt tfoot th:last-of-type:before,
.responsiveTable.bt tfoot th:last-of-type .bt-content,
.responsiveTable.bt tfoot td:last-of-type:before,
.responsiveTable.bt tfoot td:last-of-type .bt-content,
.responsiveTable.bt tbody td:last-of-type:before,
.responsiveTable.bt tbody td:last-of-type .bt-content {
  padding-bottom: 10px; }
