/* WIFAQ_TABLE_READABILITY_V1 */

/* wrappers */
.table-wrapper,
.table-container,
.data-table-wrapper,
.responsive-table,
.table-scroll {
  font-size: 15px !important;
}

/* all common tables */
table,
.table,
.data-table,
.table-wrapper table,
.table-container table,
.responsive-table table,
[role="table"] {
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #22364d !important;
}

/* headers */
table thead th,
.table thead th,
.data-table thead th,
[role="table"] [role="columnheader"],
.table-wrapper table thead th,
.table-container table thead th {
  font-size: 15.5px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  color: #203449 !important;
  white-space: nowrap;
}

/* cells */
table tbody td,
.table tbody td,
.data-table tbody td,
[role="table"] [role="cell"],
.table-wrapper table tbody td,
.table-container table tbody td {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
  color: #24384f !important;
  vertical-align: middle !important;
}

/* stronger primary text inside cells */
table tbody td strong,
table tbody td b,
.table tbody td strong,
.table tbody td b,
.data-table tbody td strong,
.data-table tbody td b,
table tbody td a,
.table tbody td a,
.data-table tbody td a {
  font-size: 15.5px !important;
  font-weight: 800 !important;
  color: #17324d !important;
  text-decoration-thickness: 1px;
}

/* smaller secondary text under titles / IDs */
table tbody td small,
.table tbody td small,
.data-table tbody td small,
table tbody td .muted,
.table tbody td .muted,
.data-table tbody td .muted,
table tbody td .sub-text,
.table tbody td .sub-text,
.data-table tbody td .sub-text,
table tbody td .secondary,
.table tbody td .secondary,
.data-table tbody td .secondary,
table tbody td span[style*="font-size"],
.table tbody td span[style*="font-size"],
.data-table tbody td span[style*="font-size"] {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  color: #5b6f84 !important;
}

/* action buttons inside tables */
table tbody td button,
table tbody td .btn,
table tbody td .action-btn,
table tbody td .action-button,
.table tbody td button,
.table tbody td .btn,
.data-table tbody td button,
.data-table tbody td .btn {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* badges / pills */
table tbody td .badge,
table tbody td .tag,
table tbody td .chip,
table tbody td .pill,
table tbody td .status-badge,
table tbody td .priority-badge,
.table tbody td .badge,
.table tbody td .tag,
.data-table tbody td .badge,
.data-table tbody td .tag {
  font-size: 12.75px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

/* make rows breathe a bit */
table tbody tr,
.table tbody tr,
.data-table tbody tr {
  min-height: 54px !important;
}

/* cases page typical clickable title blocks */
table tbody td h3,
table tbody td h4,
table tbody td h5,
.table tbody td h3,
.table tbody td h4,
.data-table tbody td h3,
.data-table tbody td h4 {
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  margin-bottom: 4px !important;
  color: #18344f !important;
}

/* improve spacing inside dense cells */
table tbody td > div,
.table tbody td > div,
.data-table tbody td > div {
  line-height: 1.65 !important;
}

/* mobile / smaller desktops */
@media (max-width: 1280px) {
  table,
  .table,
  .data-table,
  .table-wrapper table,
  .table-container table {
    font-size: 14.5px !important;
  }

  table thead th,
  .table thead th,
  .data-table thead th {
    font-size: 15px !important;
  }

  table tbody td,
  .table tbody td,
  .data-table tbody td {
    font-size: 14.5px !important;
  }
}

@media (max-width: 768px) {
  table,
  .table,
  .data-table,
  .table-wrapper table,
  .table-container table {
    font-size: 14px !important;
  }

  table thead th,
  .table thead th,
  .data-table thead th {
    font-size: 14px !important;
  }

  table tbody td,
  .table tbody td,
  .data-table tbody td {
    font-size: 14px !important;
  }

  table tbody td small,
  .table tbody td small,
  .data-table tbody td small {
    font-size: 12.75px !important;
  }
}

/* WIFAQ_TABLE_READABILITY_COMPACT_V2 */

.table-wrapper,
.table-container,
.data-table-wrapper,
.responsive-table,
.table-scroll,
table,
.table,
.data-table,
.table-wrapper table,
.table-container table,
.responsive-table table,
[role="table"] {
  font-size: 13.25px !important;
  line-height: 1.5 !important;
}

table thead th,
.table thead th,
.data-table thead th,
[role="table"] [role="columnheader"],
.table-wrapper table thead th,
.table-container table thead th {
  font-size: 13.25px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
}

table tbody td,
.table tbody td,
.data-table tbody td,
[role="table"] [role="cell"],
.table-wrapper table tbody td,
.table-container table tbody td {
  font-size: 13.25px !important;
  font-weight: 550 !important;
  line-height: 1.5 !important;
}

table tbody td strong,
table tbody td b,
.table tbody td strong,
.table tbody td b,
.data-table tbody td strong,
.data-table tbody td b,
table tbody td a,
.table tbody td a,
.data-table tbody td a {
  font-size: 13.75px !important;
  font-weight: 750 !important;
}

table tbody td small,
.table tbody td small,
.data-table tbody td small,
table tbody td .muted,
.table tbody td .muted,
.data-table tbody td .muted,
table tbody td .sub-text,
.table tbody td .sub-text,
.data-table tbody td .sub-text,
table tbody td .secondary,
.table tbody td .secondary,
.data-table tbody td .secondary,
table tbody td span[style*="font-size"],
.table tbody td span[style*="font-size"],
.data-table tbody td span[style*="font-size"] {
  font-size: 11.75px !important;
  font-weight: 550 !important;
  line-height: 1.4 !important;
}

table tbody td button,
table tbody td .btn,
table tbody td .action-btn,
table tbody td .action-button,
.table tbody td button,
.table tbody td .btn,
.data-table tbody td button,
.data-table tbody td .btn {
  font-size: 12px !important;
  font-weight: 700 !important;
}

table tbody td .badge,
table tbody td .tag,
table tbody td .chip,
table tbody td .pill,
table tbody td .status-badge,
table tbody td .priority-badge,
.table tbody td .badge,
.table tbody td .tag,
.data-table tbody td .badge,
.data-table tbody td .tag {
  font-size: 11.25px !important;
  font-weight: 750 !important;
}

table tbody td h3,
table tbody td h4,
table tbody td h5,
.table tbody td h3,
.table tbody td h4,
.data-table tbody td h3,
.data-table tbody td h4 {
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
}

table tbody tr,
.table tbody tr,
.data-table tbody tr {
  min-height: 48px !important;
}

@media (max-width: 1280px) {
  table,
  .table,
  .data-table,
  .table-wrapper table,
  .table-container table,
  table thead th,
  .table thead th,
  .data-table thead th,
  table tbody td,
  .table tbody td,
  .data-table tbody td {
    font-size: 12.75px !important;
  }
}

@media (max-width: 768px) {
  table,
  .table,
  .data-table,
  .table-wrapper table,
  .table-container table,
  table thead th,
  .table thead th,
  .data-table thead th,
  table tbody td,
  .table tbody td,
  .data-table tbody td {
    font-size: 12.5px !important;
  }

  table tbody td small,
  .table tbody td small,
  .data-table tbody td small {
    font-size: 11px !important;
  }
}