div.authlog-list {
  display: flex;
  flex-flow: column nowrap;
  margin-left: 15px;
}

div.authlog-list > div {
  padding: 5px;
}
div.authlog-list > div > div {
}

div.authrecord {
  font-family: monospace;
  font-size: large;
}

div.authrecord div {
  margin-left: 10px;
  margin-right: 10px;
}

div.authrecord div.fields {
  white-space: pre;
}

div.authrecord.none {
  border: 1px solid gray;
}
div.authrecord.authenticated {
  border: 1px solid green;
  background-color: #101810;
}
div.authrecord.unknown {
  border: 1px solid yellow;
  background-color: #181810;
}
div.authrecord.invalid {
  border: 1px solid red;
  background-color: #181010;
}

div.authrecord div.server-info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
div.authrecord div.server-info > * {
#  border: 1px solid red;
}
div.authrecord div.server-info > div.server-hostname {
  margin: 5px;
  margin-bottom: 10px;
  font-size: xx-large;
  font-family: initial;
  align-self: start;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
div.authrecord div.server-info > div.server-hostname > div:nth-child(1) {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
div.authrecord div.server-info > div.server-hostname > div:nth-child(1) > * {
}
div.authrecord div.server-info > div.server-hostname > * {
}
div.authrecord div.server-info > div.authentication {
  margin: 5px;
  font-size: xx-large;
  font-family: monospace;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
div.authrecord div.server-info > div.token {
  margin: 5px;
  font-size: xx-large;
  font-family: monospace;
/*  align-self: end; */
}

div.authrecord div.server-info div.reconnect > button {
  font-size: large;
}