.table-wrapper {
  box-sizing: border-box;
  width: 100%;
  overflow: auto;
}

.table-heading {
  padding-left: 10px;
}

table.table {
  margin-bottom: calc(var(--gutter-width) * 2);
}

table.table,
table.table thead {
  box-sizing: border-box;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

table.table thead tr:first-child,
table.table thead tr:first-child td {
  font-weight: bold;
  background-color: var(--pale-gray);
}

table.table tbody {
  display: table-row-group;
}

table.table thead tr,
table.table tbody tr {
  display: table-row;
  border: 0;
  outline: 0;
  margin: 0;
  vertical-align: baseline;
}

table.table th:nth-child(1) {
  font-weight: bold;
}

table.table thead tr th,
table.table tbody tr td {
  border: 1px solid var(--pale-gray);
  outline: 0;
  margin: 0;
  padding: 10px;
  text-align: center;
}

table.table tbody tr td:first-child {
  text-align: left;
}

.table-footnotes {
  padding-left: 10px;
}

.table-footnotes p {
  margin: 0;
}

span.table-footnote {
  font-size: 0.7em;
}

span.not-supported {
  color: var(--pale-gray);
}

span.hint {
  color: var(--gray);
}

.table.responsive-table thead:first-child th:first-child {

}

/* default column layout */
table th:nth-child(1),
table td:nth-child(1) {
  width: 30%;
  text-align: left;
  vertical-align: top;
  /* padding: 10px 10px 10px 0px; */
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 0px;
  /* top: 0; */
}
table th:nth-child(2),
table td:nth-child(2) {
  text-align: left;
  vertical-align: top;
  padding: 10px;
}
table th:nth-child(3),
table td:nth-child(3) {
  text-align: left;
  vertical-align: top;
  padding: 10px;
}
table th:nth-child(4),
table td:nth-child(4) {
  text-align: left;
  vertical-align: top;
  padding: 10px;
}
table th:nth-child(5),
table td:nth-child(5) {
  text-align: left;
  vertical-align: top;
  padding: 10px;
}

/* /enterprise page .feature-matrix column layout */
table.feature-matrix th:nth-child(1),
table.feature-matrix td:nth-child(1) {
  text-align: left;
  width: 70%;
}
table.feature-matrix th:nth-child(2),
table.feature-matrix td:nth-child(2) {
  text-align: center !important;
  width: 15%;
}
table.feature-matrix th:nth-child(3),
table.feature-matrix td:nth-child(3) {
  text-align: center;
  width: 15%;
}

/* /pricing page .pricing-matrix column layout */
table.pricing-matrix th,
table.pricing-matrix td {
  border: 1px solid var(--pale-gray);
}
table.pricing-matrix th:nth-child(1),
table.pricing-matrix td:nth-child(1) {
  text-align: left;
  border-left: 1px solid var(--pale-gray);
  border-right: 1px solid var(--pale-gray);
  width: 45%;
}
table.pricing-matrix th:nth-child(2),
table.pricing-matrix td:nth-child(2) {
  text-align: center;
  width: 17.5%;
}
table.pricing-matrix th:nth-child(3):before,
table.pricing-matrix td:nth-child(3):before {
    box-shadow: -15px 0 15px -15px rgba(0,0,0,0.25) inset;
    content: " ";
    height: 100%;
    left: -15px;
    position: absolute;
    top: 0;
    width: 15px;
}
table.pricing-matrix th:nth-child(3),
table.pricing-matrix td:nth-child(3) {
  text-align: center;
  width: 20%;
  position: relative;
}
table.pricing-matrix th:nth-child(3):after,
table.pricing-matrix td:nth-child(3):after {
    box-shadow: 15px 0 15px -15px rgba(0,0,0,0.25) inset;
    content: " ";
    height: 100%;
    position: absolute;
    top: 0;
    right: -15px;
    width: 15px;
}
table.pricing-matrix th:nth-child(4),
table.pricing-matrix td:nth-child(4) {
  text-align: center;
  border-right: 1px solid var(--pale-gray);
  width: 17.5%;
}

/* /support page .support-matrix column layout */
table.support-matrix th:nth-child(1),
table.support-matrix td:nth-child(1) {
  text-align: left;
  width: 40%;
}
table.support-matrix th:nth-child(2),
table.support-matrix td:nth-child(2) {
  text-align: center;
  width: 15%;
}
table.support-matrix th:nth-child(3),
table.support-matrix td:nth-child(3) {
  text-align: center;
  width: 15%;
}
table.support-matrix th:nth-child(4),
table.support-matrix td:nth-child(4) {
  text-align: center;
  width: 15%;
}
table.support-matrix th:nth-child(5),
table.support-matrix td:nth-child(5) {
  text-align: center;
  width: 15%;
}

/* /support page .sla-definitions column layout */
table.sla-definitions thead,
table.sla-definitions thead tr th,
table.sla-definitions tbody tr td {
  border: 1px solid var(--theme-black) !important;
}
table.sla-definitions th:nth-child(1),
table.sla-definitions td:nth-child(1) {
  text-align: left;
  width: 20%;
}
table.sla-definitions th:nth-child(2),
table.sla-definitions td:nth-child(2) {
  text-align: left;
  width: 80%;
}

/* /support page .response-resolution-times-definitions column layout */
table.response-resolution-times thead,
table.response-resolution-times thead tr th,
table.response-resolution-times tbody tr td {
  border: 1px solid var(--theme-black) !important;
}
table.response-resolution-times th:nth-child(1),
table.response-resolution-times td:nth-child(1) {
  text-align: left;
  width: 19%;
}
table.response-resolution-times th:nth-child(2),
table.response-resolution-times td:nth-child(2) {
  text-align: left;
  width: 27%;
}
table.response-resolution-times th:nth-child(3),
table.response-resolution-times td:nth-child(3) {
  text-align: left;
  width: 27%;
}
table.response-resolution-times th:nth-child(4),
table.response-resolution-times td:nth-child(4) {
  text-align: left;
  width: 27%;
}

/* /licenses page .license-matrix column layout */
table.license-matrix thead,
table.license-matrix thead tr th,
table.license-matrix tbody tr td {
  border: 1px solid var(--theme-black) !important;
}
table.license-matrix th:nth-child(1),
table.license-matrix td:nth-child(1) {
  text-align: left;
  width: 50%;
}
table.license-matrix th:nth-child(2),
table.license-matrix td:nth-child(2) {
  text-align: left;
  width: 50%;
}
