* {
  word-wrap: break-word;
  word-break: break-word;
}

html {
  padding: 0;
  margin: 0;
}

body {
  padding: 6px;
  margin: 0;
  color: #2e3436;
}

.incoming .sender {
  color: #4a708b;
}

.outgoing .sender {
  color: #2e8b57;
}

.mention .sender {
  color: #8b2323;
  font-weight: bold;
}

.status {
  color: #939373;
}

a {
  color: #4682b4;
}

.message.action {
  color: #8b2323;
  font-style: italic;
}

.message.action .sender {
  display: none;
}

.message.action .actionMessageUserName {
  display: inline;
}

div.message.action span.message::before {
  content: " * ";
}

.message.action .actionMessageBody::before,
.message.action .actionMessageBody::after {
  content: " ";
}

::selection {
  background: #4a90d9;
}

div.message {
  padding: 0.3ex 0;
  line-height: 130%;
}

span.timestamp {
  color: black;
  opacity: 0.2;
  position: absolute;
  right: 2px;
  font-size: small;
  -webkit-transition: all .2s ease-in-out;
  border-radius: 3px;
}

span.timestamp:hover {
  opacity: 0.8;
  background: #666;
  color: #eee;
  z-index: 1000;
}
