.chat {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  margin: 30px 0;
}
.chat .message {
  padding: 10px;
  font-size: 10pt;
}
.chat .message.self {
  background-color: #F1F8FF;
  outline: 1px solid #D4E4F5;
}
.chat .message.robot {
  outline: 1px solid #F2F2F2;
  font-family: Menlo, Consolas, monospace;
  font-size: 9pt;
}
.chat .message.robot.github {
  background-color: #FAFAFA;
  font-size: 8pt;
  color: #bebebe;
}
.chat .message.mentioned {
  background-color: #E2FAE2;
  outline: 1px solid #CEC;
}
.chat .message:after {
  content: "";
  display: block;
  clear: both;
}
.chat .message img.avatar {
  width: 22px;
  position: absolute;
  border-radius: 3px;
  margin: 2px 5px 0 0;
}
.chat .message .entry {
  padding: 0;
  margin-left: 28px;
  margin-bottom: 0;
  position: relative;
}
.chat .message b.author {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  display: block;
  position: relative;
  left: 28px;
}
.chat .message .entry span.link {
  color: #295bda;
}
.chat .message .entry.success {
  color: #33aa33;
}
.chat .message .entry.failure {
  color: #cc3333;
}
.chat .message .entry pre {
  padding: 3px 0 0 0;
  margin: 0;
  background-color: inherit;
  font-size: 9pt;
}
.chat .message .entry pre code {
  overflow: scroll;
}
.chat .message .entry pre span.link {
  text-decoration: underline;
  font-weight: bold;
  color: inherit;
}