@media screen {

  body {
    margin: 75px auto;
    font-family: 'Raleway', sans-serif;
    font-size: 10pt;
  }

  a.reversed {
    color: white;
  }

  .sortable {
    cursor: default;
  }

  img.logo {
    /*width: 25px; /* 55 for double line */
    width: 20px;
  }

  .table > tbody > tr.active > td {
    background-color: rgb(96, 160, 240);
    color: white;
  }

  h2 {
    font-size: 100%;
    font-weight: bold;
  }

  h3 {
    font-size: 100%;
    font-weight: normal;
    font-style: italic;
  }

  hr {
    width: 50%;
    border: none;
    height: 1px;
    background-color: lightgray;
  }

  #page { width: 50px; }

  /*
  .selected {
    background: rgb(224, 224, 255);
  }

  .selected td .expandable {
    max-height: none;
  }

  .expandable {
    max-height: 1.5em;
    width: auto;
    overflow: hidden;
  }
  */

  .modal-body {
    max-height: 70vh;
    overflow-y: scroll;
    text-align: justify;
  }

  .modal-body div > p:only-child {
    white-space: pre-wrap;
  }

  /*.glyphicon-fire { color: yellow; }*/

}

@media print {

  div.banner,
  img.logo,
  h1.title,
  div.menu,
  div.footer {
    display: none;
    white-space: pre-wrap;
    text-align: justify;
  }

}