.wrapper {
  overflow-x: auto;
  padding: 0 5px;
}

.flashListing {
  min-width: 760px;
  width: 80%;
  max-width: 810px;
  margin: 10px auto 0;
  border-collapse: separate;
  border-spacing: 1px;
  table-layout: auto;
}

.flashListing td,
.flashListing th {
  padding: 2px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

.flashListing thead th {
  background: #98e;
  border: 1px solid #000;
  font-weight: 700;
}

.flashListing thead th:nth-child(1) {
  width: 6.5%;
}

.flashListing thead th:nth-child(2) {
  width: 11%;
}

.flashListing thead th:nth-child(3) {
  width: 20%;
}

.flashListing thead th:nth-child(4) {
  width: 7%;
}

.flashListing thead th:nth-child(5) {
  width: 5%;
}

.flashListing thead th:nth-child(6) {
  width: 23%;
}

.flashListing thead th:nth-child(7) {
  width: 16%;
}

.flashListing thead th:nth-child(8) {
  width: 7%;
}

.flashListing thead th:nth-child(9) {
  width: 4.5%;
}

.postblock {
  padding: 5px !important;
  text-align: center;
}

.row {
  background: transparent;
}

.numberCell,
.embedCell,
.tagCell,
.dateCell,
.repliesCell,
.replyCell {
  white-space: nowrap;
}

.fileCell,
.subjectCell {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.subjectCell {
  text-align: left !important;
}

.emptyCell {
  padding: 8px 2px !important;
  text-align: center;
}

.link {
  color: var(--post-link-text-color);
  text-decoration: var(--post-link-text-decoration);
}

.link:hover {
  color: var(--post-link-text-color-hover);
}

@media (max-width: 640px) {
  .wrapper {
    padding: 0;
  }

  .flashListing {
    width: calc(100% - 10px);
    max-width: none;
    margin: 10px auto 0 auto;
  }
}

:global(body.yotsuba) .rowOdd td {
  background: #ede2d4;
}

:global(body.yotsuba) .flashListing thead th {
  background: #ea8;
}

:global(body.yotsuba-b) .rowOdd td {
  background: #e0e5f6;
}

:global(body.futaba) .rowOdd td {
  background: #ede2d4;
}

:global(body.futaba) .flashListing thead th {
  background: #f0e0d6;
}

:global(body.burichan) .rowOdd td {
  background: #e0e5f6;
}

:global(body.burichan) .flashListing thead th {
  background: #c3c9e9;
}

:global(body.tomorrow) .rowOdd td {
  background: rgba(255, 255, 255, 0.1);
}

:global(body.tomorrow) .flashListing thead th {
  background: var(--post-form-field-title-background-color);
  color: var(--post-form-field-title-color);
  border: none;
}

:global(body.photon) .rowOdd td {
  background: #888;
}

:global(body.photon) .flashListing thead th {
  background: #ddd;
}
