ul.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center; }
  ul.page-numbers li a {
    display: block;
    text-align: center;
    width: 3rem;
    margin: 3px;
    color: #666;
    border: solid 1px #999;
    border-radius: 6px; }
  ul.page-numbers li a.prev, ul.page-numbers li a.next {
    width: 4rem; }
  ul.page-numbers li span {
    display: block;
    text-align: center;
    width: 3rem;
    padding: 5px 0;
    margin: 3px;
    color: #FFF;
    background: #999;
    border: solid 1px #666;
    border-radius: 6px; }

.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center; }
  .wp-pagenavi a {
    display: block;
    text-align: center;
    width: 3rem;
    padding: 0;
    margin: 3px;
    color: #666;
    border: solid 1px #999;
    border-radius: 6px; }
  .wp-pagenavi span {
    display: block;
    text-align: center;
    width: 3rem;
    padding: 5px 0;
    margin: 3px;
    color: #FFF;
    background: #999;
    border: solid 1px #999;
    border-radius: 6px; }

.aligncenter {
  display: block;
  margin: 0 auto; }

.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px; }

.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }

.topics_box {
  overflow: hidden;
  padding-bottom: 1em; }

p.clear {
  overflow: hidden;
  clear: both; }

table.scrolltable, table.tablelineonly {
  margin: 0.5em 0;
  border-collapse: collapse;
  border: 1px solid #CCC;
  max-width: 100%; }

table.scrolltable th, table.tableline td, table.tablelineonly th, table.tablelineonly td {
  padding: 5px;
  border-collapse: collapse;
  border: 1px solid #CCC; }

table.scrolltable th, table.tablelineonly th {
  background: #EEEEEE; }

@media screen and (max-width: 576px) {
  table.scrolltable {
    width: auto;
    display: block;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%; }
    table.scrolltable tbody {
      min-width: 640px;
      display: block; } }