/* Restyle A elements to be invisible by default, and underlined on hover */
A {
  color: inherit;
  text-decoration: inherit;
}
/* Note: We need to exclude .btn (bootstrap) as otherwise bootstrap buttons generated from <a> tags get the wrong font colour.
 */
A:link:not(.btn), A:visited:not(.btn) {
  color: inherit;
  text-decoration: inherit;
}
A:hover {
  color: inherit;
  text-decoration: underline;
}

/* Page titles follow the retina-bv.nl branding: uppercase, first part cyan,
   rest purple */
H1 {
  font-family: Prometo, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #33006f;
}
H1 .h1-title {
  color: #00a8e1;
}

#topbar {
  background-color: #33006f;
  color: white;
  text-align: right;
  width: 100%;
  white-space: nowrap;
}
.timeheader {
  font-size: 75%;
  padding-top: 0.3em;
}
#toplogo {
  height: 4em;
}
#footer {
  padding-top: 2ex;
  font-size: 75%;
  color: #cccccc;
  text-align: center;
}

.headerline {
  margin-top: 1em;
  font-weight: bold;
  font-size: larger;
}

.debug {
  color: darkgray;
  font-style: italic;
}

a[disabled="disabled"] {        /* disable <a> elements if marked as disabled */
  pointer-events: none;
}

.pushleftright {
  width: 100%;
  text-align: center;
  /* Prevent the contained logo from extending beyond the container, pushing
   * down later content.
   */
  overflow: auto;
}
.pushleftright .alignleft {
  float: left;
}
.pushleftright .alignright {
  float: right;
}

.line-based-text {
  white-space: pre-line;
}

.old-data {
  font-style: italic;
  color: darkgray;
}

.no-select {
  user-select: none;
  -o-user-select:none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

SPAN.active-section {
  color: darkgreen;
}
SPAN.inactive-section {
  color: gray;
  font-style: italic;
}

DIV.items {
  width: 100%;
  text-align: center;
}
DIV.item-block {
  display: inline-block;
  margin: 10px;
  background-color: #cccccc;
}
DIV.item-block.link-down {
  background-color: #ffcccc;
}
DIV.item-block.link-up {
  background-color: #d3f8d3;
}
DIV.item-block.link-ignore {
  background-color: #d3d3d3;
}
DIV.item-block.link-active {
  border-width: 4px;
  border-color: #22dd22;
  border-style: solid;
}
DIV.item-name, DIV.list-name, DIV.tests-section-title {
  background-color: #33006f;
  color: white;
  text-align: center;
}
DIV.list-name, DIV.tests-section-title {
  font-size: 125%;
}
.tests-section {
  margin-bottom: 1em;
}
DIV.tests-section-title {
  cursor: pointer;
}
.tests-section-title .section-chevron {
  font-size: 0.85em;
}
BUTTON.link-force {
  margin: 5px;
}
BUTTON.link-force.btn-default {
  background: transparent;
}

DIV.link-diags {
  margin-bottom: 1ex;
}

SPAN.dot {
  height: 1em;
  width: 1em;
  border-radius: 50%;
  display: inline-block;
}
SPAN.red-dot,    SPAN.dot[data-color="red"]    { background-color: #f33; }
SPAN.orange-dot, SPAN.dot[data-color="orange"] { background-color: orange; }
SPAN.green-dot,  SPAN.dot[data-color="green"]  { background-color: green; }
SPAN.grey-dot,   SPAN.dot[data-color="grey"]   { background-color: silver; }
SPAN.white-dot,  SPAN.dot[data-color="white"]  { background-color: white; }

.test-output {
  display: none;
}
.test-running {
  display: none;
  height: 3ex;
}
.test-stop {
  display: none;
  height: 1ex;
}
.test-chevron {
  display: none;
  height: 1ex;
}