body.admin-downloads-viewer {
  flex-direction: column;
  max-width: 90vw;
}

.admin-downloads-viewer main {
  margin-top: 3rem;
  max-width: 90vw;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 8rem;
}

.admin-downloads-viewer .search-container {
  display: flex;
  font-size: 0.9rem;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4rem;
}

.admin-downloads-viewer .search-container #download-history-search {
  font-size: 0.9rem;
  width: 14rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.admin-downloads-viewer #pause-button {
  font-size: 0.7rem;
  align-self: flex-end;
  padding: 0.8rem;
}

@media only screen and (max-width: 970px) {
  .admin-downloads-viewer #pause-button {
    font-size: calc(0.5em + 0.5vw);
    margin-bottom: 3rem;
  }
}

.admin-downloads-viewer #downloadListsContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.admin-downloads-viewer #active-downloads-container {
  display: flex;
  flex-direction: column;
  height: 20vh;
  min-height: 200px;
  width: 70vw;
  margin-bottom: 6rem;
}

.admin-downloads-viewer #downloads-history-container {
  display: flex;
  flex-direction: column;
  height: 40vh;
  min-height: 300px;
  width: 70vw;
  margin-bottom: 6rem;
}

.admin-downloads-viewer #download-queue-container {
  display: flex;
  flex-direction: column;
  height: 40vh;
  min-height: 200px;
  width: 70vw;
}

aside {
  font-size: 1rem;
}

@media only screen and (max-width: 970px) {
  aside {
    font-size: calc(0.6em + 0.5vw);
  }
}

.admin-downloads-viewer h1 {
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 1.4rem;
}

@media only screen and (max-width: 970px) {
  .admin-downloads-viewer h1 {
    font-size: calc(0.8em + 0.5vw);
  }
}

.admin-downloads-viewer .vue-recycle-scroller {
  border: 1px solid var(--color-primary);
}

.admin-downloads-viewer .scroller {
  height: 100%;
}

.admin-downloads-viewer .table-columns {
  width: 100%;
  display: flex;
  align-items: stretch;
  font-size: calc(0.6em + 0.2vw);
}

@media only screen and (max-width: 970px) {
  .admin-downloads-viewer .table-columns * {
    font-size: calc(0.5em + 0.5vw);
  }
}

.admin-downloads-viewer .table-columns > * {
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
}

@media only screen and (max-width: 970px) {
  .admin-downloads-viewer .table-columns * {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}

.admin-downloads-viewer .table-columns span {
  display: flex;
}

.admin-downloads-viewer .table-columns > .table-column-postId {
  width: 8rem;
}

.admin-downloads-viewer .table-columns > .table-column-url {
  width: 19rem;
  margin-right: 2rem;
}

.admin-downloads-viewer .table-columns > .table-column-progress {
  width: 10rem;
}

/* @media only screen and (max-width: 970px) {
  .admin-downloads-viewer .table-columns > .table-column-progress {
    width: 4rem;
  }
} */

.admin-downloads-viewer .table-columns > .table-column-size {
  width: 16rem;
}

.admin-downloads-viewer .table-columns > .downloadSpeed {
  width: 12rem;
}

.admin-downloads-viewer .download-item {
  width: 100%;
  display: flex;
  align-items: stretch;
  font-size: calc(0.6em + 0.2vw);
}

.admin-downloads-viewer .download-item:hover {
  background-color: #e3e6ea;
}

.admin-downloads-viewer .download-item > * > * {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media only screen and (max-width: 970px) {
  .admin-downloads-viewer .download-item > * > * {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.admin-downloads-viewer .download-item .postId {
  text-decoration: underline;
  width: 8rem;
}

.admin-downloads-viewer .download-item .url {
  text-decoration: underline;
  width: 19rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 2rem;
}

@media only screen and (max-width: 970px) {
  .admin-downloads-viewer .download-item .url {
    margin-right: 0.3rem;
  }
}

.admin-downloads-viewer .download-item .downloadProgress {
  width: 10rem;
}

@media only screen and (max-width: 970px) {
  .admin-downloads-viewer .download-item .downloadProgress {
    width: 4rem;
  }
}

.admin-downloads-viewer .download-item .size {
  width: 16rem;
}

@media only screen and (max-width: 970px) {
  .admin-downloads-viewer .download-item .size {
    flex-grow: 1;
  }
}

.admin-downloads-viewer .download-item .downloadSpeed {
  width: 12rem;
  flex-grow: 0;
}

.admin-downloads-viewer .download-item .download-history-status {
  cursor: pointer;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.admin-downloads-viewer .download-item .download-history-status span {
  font-size: 1rem;
}

.admin-downloads-viewer .download-item .downloadTries {
  margin-left: 4rem;
}

.admin-downloads-viewer .download-history-filter {
  display: flex;
  font-size: 0.9rem;
  width: 100%;
  margin-bottom: 1.5rem;
  flex-direction: column;
  align-items: flex-end;
}

.admin-downloads-viewer .download-history-filter select {
  padding: 0.4rem;
  font-size: 0.9rem;
  width: 9rem;
}

.admin-downloads-viewer .json-object-view-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  background-color: white;
  padding-top: 1rem;
  padding-bottom: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  box-shadow: 5px 10px var(--color-darkGrey);
  outline: 1px solid var(--color-darkGrey);
  width: 90vw;
  max-height: 60vh;
  overflow: scroll;
}

.admin-downloads-viewer .json-object-view-wrapper .close-button {
  font-size: 3rem;
  margin-right: 1rem;
  margin-bottom: 2rem;
  align-self: flex-end;
  position: sticky;
  top: 0;
  z-index: 99;
}

.admin-downloads-viewer .json-object-view-wrapper .close-button:hover {
  cursor: pointer;
  color: var(--color-grey);
}

.admin-downloads-viewer .jv-container {
  max-height: 50vh;
}

.admin-downloads-viewer .jv-container * {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
