body {
  font-family: OpenSans, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: center;
  margin: 0;
  padding: 0;
}

hr {
  border: 0;
  border-bottom: solid 1px #007BC3;
}

h1 {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 26px;
  color: #007BC3;
  margin: 15px 0 20px;
  padding: 0;
  border-bottom: solid 1px #007BC3;
}

h2 svg {
  fill: #007BC3 !important;
  height: 16px !important;
}

h2 {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 18px;
  color: #007BC3;
  margin: 5px 0 10px;
  padding: 0;
  border-bottom: solid 1px #007BC3;
}

h2 svg {
  fill: #007BC3 !important;
  height: 15px !important;
}

h3 {
  font-size: 14px;
  color: #000000;
  margin: 0;
  padding: 0;
}

h4 {
  font-size: 12px;
  color: #000000;
  margin: 0;
  padding: 0;
}

svg[data-src='/images/svg/disabled.svg'] {
  fill: #cc0000;
  height: 14px !important;
  margin-top: 2px;
}

div.half {
  width: 50%;
}

div.third {
  width: 33%;
}

div.twothird {
  width: 66%;
}

.text .large {
  font-size: 1.2em;
}

.text .small {
  font-size: .8em;
}

div#loginform h1 img {
  height: 32px;
  margin-right: 5px;
}

div#loginform {
  margin: 0 auto;
  width: 400px;
  padding-top: 100px;
}

div#loginform div.form label.value,
div#loginform div.form label.value input {
  width: 250px;
}

div#loginform div.form label.field {
  width: 140px;
}

pre {
  text-align: left;
}

pre h3 {
  margin-top: 15px;
  font-family: Consolas, sans-serif;
}

a {
  color: #0060AA;
}

a:hover {
  color: #EA8400;
}

a:visited,
a:active {
  color: #0060AA;
}

span.search {
  color: #FFFFFF;
  background-color: #FF9A1E;
  padding-right: 2px;
  padding-left: 2px;
  border-radius: 1px;
}

iframe {
  border: 0;
  width: 100%;
  height: 750px;
}