/* Define standard variables and values for website */
table {
  width: 100%;
  border: 1px solid #002856;
  font-size: 0.8rem;
  overflow: auto;
  background-color: rgba(251, 251, 251, 0.94); }
  table thead {
    background-color: #002856;
    color: rgba(251, 251, 251, 0.94); }
    table thead th {
      text-align: left;
      padding: 0.5rem 0.5rem 0.5rem 1rem !important;
      word-wrap: break-word; }
      table thead th button {
        width: 100%;
        border: none;
        white-space: nowrap;
        outline: none;
        font-weight: bolder;
        background-color: #002856;
        color: rgba(251, 251, 251, 0.94);
        text-align: left; }
      table thead th button:focus {
        outline: none; }
  table tbody tr:nth-child(1) > td {
    padding: 0.5rem 0.5rem 0.5rem 1rem !important; }
  table tbody tr td {
    text-align: left;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem !important;
    color: #002856;
    border-top: 1px solid rgba(0, 40, 86, 0.25); }
    table tbody tr td input[type=search] {
      width: 100%;
      outline: none;
      border-width: thin;
      border-color: #002856;
      border-style: solid;
      margin: 0;
      color: black;
      padding: 5px; }
    table tbody tr td input[type=checkbox] {
      cursor: pointer;
      transform: scale(1.5); }
    table tbody tr td select {
      width: 100%;
      outline: none;
      border-width: thin;
      border-color: #428bca;
      border-style: solid;
      padding: 5px; }
      table tbody tr td select option {
        color: #002856; }
      table tbody tr td select option:hover {
        background-color: #002856 !important;
        color: rgba(251, 251, 251, 0.94) !important; }
    table tbody tr td a {
      color: #002856 !important; }
    table tbody tr td a:hover {
      text-decoration: underline; }
  table caption {
    margin: 0px 10px;
    caption-side: bottom; }
    table caption .caption-content {
      display: flex;
      justify-content: space-between; }
    table caption a {
      color: #002856 !important; }

.pagerItem {
  margin: 3px 5px;
  padding: 3px 8px;
  width: 50px; }

.flex {
  display: flex;
  justify-content: space-between;
  flex-direction: row; }

@media only screen and (max-width: 768px) {
  table {
    display: block; }
    table caption .caption-content {
      float: left; }
  .flex {
    flex-direction: column; } }