noscript{
  font-family: monospace;
  font-size: larger;
  font-weight: bolder;
  height: 70em;
}

#animicon{
  position: absolute;
  top: 6em;
  left: 1em;
}

#noscript{
  width: 100%;
  padding: 1em;
  background-color: #FFFFBB;
}

.popover{
  background-color: #FFFFCC;
  min-width: 300px;
}
.glist{
  float: left;
  padding: 0.5em;
  margin: 0.5em;
}

.alone{
  float: left;
  padding: 0.5em;
  margin: 0.5em;
  width: 40%;
}

.fright{
  float: right;
}

.tarea{
  float: left;
  clear: both;
}

.mlabel{
  float: left;
  clear: both;
}

.dnone{
  display: none !important;
}

.invis{
  visibility: hidden;
}

.vis{
  visibility: visible;
}

.permanent{
  float: left;
  clear: both;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.set{
  border-style: solid;
  border-radius: 10px;
  border-width: thin;
  border-color: #222;
  margin: 0;
  padding: 1em;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

#brandlogo{
  display: inline;
}

#svgtweak{
  
}

.glyphicon-question-sign{
  /*font-size: 2em;*/
  display: inline;
}

.navbar {
  min-height: 80px;
}

.navbar-brand {
  padding: 0 15px;
  height: 80px;
  line-height: 80px;
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 26.5px;
    padding-bottom: 26.5px;
    line-height: 27px;
  }
}