table.usage_table {
  th {
    background: transparent;
  }
}

h2#header_table {
    padding-top: 24px;
    font-size: 20px;
}

table#metrics tr.child td.title {
  background-image: image-url('child_metric_background.png');
  background-position: left center;
  background-repeat: no-repeat;
  color: #333333;
  padding-left: 24px;
}

td.metrics-subtable-toggle {
  text-align: center;

  a:hover i.fa { color: $metrics-subtable-toggle-hover-color;  }

  &.selected {
    font-weight: bold;
    border-bottom: 1px solid white;
    border-left: 1px solid $border-color;
    border-right: 1px solid $border-color;
  }
}


td.metric_slot {
  padding: 24px 24px 48px 24px;
  border-left: 1px solid $border-color;
  border-right: 1px solid $border-color;

  table {
    thead {
      border-bottom: 1px dashed $border-color;
    }

    tr {
      border: none;

      td {
        border: none;
        border-bottom: 1px dashed $border-color;
      }
    }
  }

}


table.usage_table {
  border-collapse:collapse;
  border-spacing:0;
  border: none;
  width:100%;

  th, td {
    //padding: 6px 8px;
    background-color: none;
   }

  td {
    border: 1px solid $border-color;
  }
}

.usage_limits {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}


.usageHidden {
  position: absolute;
  background: #333;
}

table#contract_table .usage_limits {
text-align: left;
}


/* Contract Table */

table.contract_table {
	width: 100%;
	margin-bottom: 12px;
	border-collapse:collapse;
	border-spacing:0;
}

table.contract_table tr {
  border-bottom: 1px solid $border-color;
}

table.contract_table th {
  padding-top: 6px;
  padding-bottom: 6px;
}


table#contracts_table td.selected strong {
  background: #e0e0e0;
  padding: 3px;
}


table#contracts_table td.contract_name {
  width: 200px;
}


table#contracts_table, table#contract_table, table#invoice_table {
  width: 100%;
  border-collapse: collapse;
  color: black;
}

table#contracts_table {
  margin-top: 20px;
}

table#contract_table {
  width: 450px;
  margin-bottom: 20px;
}

table#contracts_table tr, table#contract_table tr {
  border-bottom: 1px solid #e0e0e0;
}

table#invoice_table tr td , table#invoice_table tr th{
  border-bottom: 1px solid #e0e0e0;
  padding: 7px;
}

table#invoice_table td.no_border {
  border: none;
}
