a {
  color: #575757;
}

h1 a {
  text-decoration: none;
  color: #aaa;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1600px;
  }
}
table tr.sex-F td {
  background-color: #410845;
}
table td i {
  display: inline-block;
  /* stable */
  /* UP */
  /* DOWN */
}
table td i.bi-arrow-right {
  color: #ffcc00;
}
table td i.bi-arrow-up-right {
  color: #00ff00;
}
table td i.bi-arrow-down-right {
  color: #ff0000;
}
table td a {
  color: var(--bs-link-color);
}

.pagination .active > .page-link, .page-link.active {
  background-color: #444;
  border-color: #444;
}

.pagination .page-link {
  color: #888;
}

.page-list {
  display: none !important;
}

/* tabs */
.tabs {
  position: relative;
  min-height: 600px; /* This part sucks */
  clear: both;
  margin: 25px 0;
}
.tabs .tab {
  float: left;
}
.tabs .tab input[type=radio] {
  display: none;
}
.tabs .tab input[type=radio]:checked ~ label {
  background: white;
  color: #000;
  border-bottom: 1px solid white;
  z-index: 2;
}
.tabs .tab input[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}
.tabs .tab label {
  padding: 10px;
  border: 1px solid #ccc;
  margin-left: -1px;
  position: relative;
  left: 1px;
  /*height: 100px;*/
}
.tabs .tab .content {
  position: absolute;
  top: 45px;
  left: 0;
  background: var(--bs-body-bg);
  right: 0;
  bottom: 0;
  padding: 10px;
  border: 1px solid #888;
}
