/* FHKC Static Tables */
.fhkc-static-table-wrap {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  margin: 1rem 0;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.fhkc-static-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
}

.fhkc-static-table th {
  background: #009ca6;
  color: #ffffff !important;
  font-weight: 700;
  text-align: left;
  padding: 14px 16px;
}

.fhkc-static-table th * {
  color: #ffffff !important;
}

.fhkc-static-table td {
  padding: 12px 16px;
  vertical-align: middle;
}

.fhkc-static-table tbody tr:nth-child(odd) {
  background: #e9e9e9;
}

.fhkc-static-table tbody tr:nth-child(even) {
  background: #f7f7f7;
}

.fhkc-static-table a {
  color: #008c95;
  text-decoration: none;
}

.fhkc-static-table a:hover,
.fhkc-static-table a:focus {
  text-decoration: underline;
}

.fhkc-static-table-5col {
  table-layout: auto !important;
}

.fhkc-table-error {
  padding: 10px;
  border: 1px solid #cc0000;
  color: #cc0000;
}

@media (max-width: 767px) {
  .fhkc-static-table-wrap {
    overflow-x: visible !important;
  }

  .fhkc-static-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
  }

  .fhkc-static-table thead {
    display: none !important;
  }

  .fhkc-static-table,
  .fhkc-static-table tbody,
  .fhkc-static-table tr,
  .fhkc-static-table td {
    display: block !important;
    width: 100% !important;
  }

  .fhkc-static-table tr {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    background: #f7f7f7 !important;
    overflow: hidden !important;
  }

  .fhkc-static-table td {
    display: grid !important;
    grid-template-columns: 42% 58%;
    gap: 10px;
    padding: 10px 12px !important;
    border-bottom: 1px solid #e1e1e1 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  .fhkc-static-table td:last-child {
    border-bottom: none !important;
  }

  .fhkc-static-table td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    color: #009ca6;
    line-height: 1.25;
    white-space: normal;
  }
}