.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 2px;
}

#page-wrapper {
    padding: 10px 5px;
}

.pagination {
    margin: 10px 0;
}

@media(min-width:768px) {
    .sidebar {
        width: 200px;
    }
}

@media(min-width:768px) {
    #page-wrapper {
        margin: 0 0 0 200px;
    }
}

@media(max-width:320px) {
    body {
        font-size: 12px;
    }
}

.published {
    color: #028C00;
    font-weight: bold;
}

.tocopy {
    text-decoration: blink;
    font-weight: bold;
    color: #D73C65;
}

table.tablesorter thead tr .header {
    padding-right: 15px;
}

table.tablesorter {
    font-size: 10pt;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    font-size: 10pt;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

table.tablesorter, table.tablesorter tbody td {
   background-color: unset;
}