/* Roboto font from Google Fonts https://fonts.google.com/specimen/Roboto - license: http://www.apache.org/licenses/LICENSE-2.0 */
@import url('https://fonts.googleapis.com/css?family=Roboto');
/* Roboto font from Google Fonts https://fonts.google.com/specimen/Roboto - license: http://www.apache.org/licenses/LICENSE-2.0 */

body {
  background-color: GhostWhite;
}
h1 {
  font-family: Roboto;
  margin-bottom: 0;
}
h2 {
  font-family: Roboto;
  font-size: 14pt;
  font-weight: bold;
  display: inline;
}
.page {
  width: 1200px;
  display: table;
  margin: auto;
  background-color: white;
}
.struct {
  display: table-row;
}
.content {
  width: 600px;
  display: table-cell;
}
.instructions {
  font-family: Roboto;
  font-size: 10pt;
  margin-bottom: 15px;
}
.authID {
  width: 600px;
  display: table-cell;
  padding: 15px 30px;
}
.authID h2 {
  color: white;
}
.data {
  width: 600px;
  display: table-cell;
}
.authKey {
  width: 600px;
  display: table-cell;
  padding: 15px;
}
.authKey h2 {
  color: white;
}
.authKey a {
  color: white;
  font-family: Roboto;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
}
.authKey a:hover {
  text-decoration: underline; 
}
.authKey a:focus {
  outline-style: none;  
}
.source {
  margin: 15px;
}
.standard {
  width: 800px;
  height: 600px;
  border-style: dotted;
  border-width: 3px;
  border-color: #8CBBE9;
}
.commandArea {
  padding-top: 30px;
  margin: 15px;
  display: none;
}
.commandList {
  width: 100%;
  color: #888888;
  margin-left: -7px;
}
.detailsTitle {
  font-family: Roboto;
}
.details {
  width: 600px;
  overflow-x: auto;
  height: 600px;
    overflow-y: auto;
  margin-top: 5px;
  background-color: #f7f7f7;
  white-space: pre-wrap;
}
.key {
  color: green;
}
.string {
  color: blue;
}
.guid {
  color: red;
}