/** (C) 2016-2021 NFL/OSG */

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
/*
@font-face { font-family: 'MainFont'; src: url('/css/Roboto-Regular.ttf') format('truetype'); }
*/

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
/** ALL HTML */

body {
  /*
  font-family: MainFont, Verdana, Arial, Helvetica, sans-serif;
  */
  font-family: MainFont, Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  background-color: white;
  color: black;
  margin-top: 0px;
  margin-left: 1em;
  margin-right: 1em;
}

.small {
  font-size: 0.85em;
  font-weight: inherit;
}

.large {
  font-size: 1.2em;
  font-weight: inherit;
}

.xlarge {
  font-size: 1.3em;
  font-weight: bold;
}

.topline  {
  font-size: 0.85em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.menuline {
  font-size: 1.15em;
}

.footline {
  font-size: 0.85em;
}

h1,
.h1 {
  font-size: 1.3em;
  font-weight: bold;
}

h2 {
  font-size: 1.2em;
  font-weight: inherit;
}

h3 {
  font-size: 1.1em;
  font-weight: inherit;
}

.navpanel {
  float: left;
  margin-right: 1em;
  background-color: #F1F3F4;
  width: 20%;
  margin-left: 1em;
  font-size: 1.1em;
}

.infopanel {
  float: right;
  margin-left: 1em;
  background-color: #F1F3F4;
  width: 20%;
  margin-right: 1em;
  font-size: 1.1em;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

a {
  text-decoration: none;
  color: black;
}

a:visited {
  color: gray;
}

a:hover, a:active {
  color: white;
  background-color: gray;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */