/* Shared table structure for MTA controllers and future Marlaine data tables. */
.marlaine-data-table-wrap {
  width: 100%;
  overflow: auto;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
}

table.marlaine-data-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.marlaine-data-table thead tr {
  background: #f8fafc;
  border-bottom: 1px solid #dfe5eb;
}

.marlaine-data-table th {
  height: 40px;
  padding: 10px 14px !important;
  color: #596277 !important;
  font-size: 10px !important;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
}

.marlaine-data-table td {
  height: 56px;
  padding: 12px 14px !important;
  border-bottom: 1px solid #edf1f5;
  vertical-align: middle;
  white-space: nowrap;
}

.marlaine-data-table tbody tr:nth-child(odd) {
  background: #fff;
}

.marlaine-data-table tbody tr:nth-child(even) {
  background: #f2f6f9;
}

.marlaine-data-table tbody tr:hover {
  background: #eaf5f8;
}

[data-theme="dark"] .marlaine-data-table-wrap {
  border-color: rgba(255, 255, 255, .1);
  background: #111114;
}

[data-theme="dark"] .marlaine-data-table thead tr {
  background: rgba(255, 255, 255, .055);
  border-bottom-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .marlaine-data-table th {
  color: #9ca3af !important;
}

[data-theme="dark"] .marlaine-data-table td {
  border-bottom-color: rgba(255, 255, 255, .07);
}

[data-theme="dark"] .marlaine-data-table tbody tr:nth-child(odd) {
  background: #111114;
}

[data-theme="dark"] .marlaine-data-table tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, .035);
}

[data-theme="dark"] .marlaine-data-table tbody tr:hover {
  background: rgba(6, 182, 212, .08);
}

@media (max-width: 768px) {
  .marlaine-data-table th,
  .marlaine-data-table td {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
}