/* Fix user-agent */
#chat input {
  font-family:
    "HelveticaNeue-Light",
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
}
#chat ul {
  list-style: none;
  word-wrap: break-word;
}
/* Font */
#chat .messages {
  font-size: 150%;
}
#chat .inputMessage {
  font-size: 100%;
}

#chat .log {
  color: #282428;
  margin: 5px;
  text-align: center;
  font-size: 20px;
}

/* Messages */
#chat .chatArea {
  height: 500px;
  padding-bottom: 60px;
}

#chat .messages {
  height: 100%;
  margin: 0;
  overflow-y: scroll;
  padding: 10px 20px 10px 20px;
}

#chat .message {
  margin-bottom: 5px;
  font-size: 20px;
}

#chat .message.typing .messageBody {
  color: gray;
  font-size: 18px;
}

#chat .username {
  overflow: hidden;
  padding-right: 15px;
  text-align: right;
  font-weight: 600;
  color: #337ab7;
  font-style: normal;
  font-size: 20px;
  line-height: 34px;
}
#chat .profile-image {
  height: 34px;
  width: 34px;
}

/* Input */

#chat .btn-send {
  position: absolute;
  bottom: 0px;
  right: 15px;
}
#chat .nav-pills > li {
  border-top: 0px;
}
#chat .nav-pills > li.active > a:not(.btn), #chat .nav-pills > li.active > a:not(.btn):hover {
  background-color: #337AB7 !important;
  color: #fff !important;
}

#chat h3 {
  font-size: 22px;
  margin-left: 25px;
}

#chat .videoArea video {
  width: 100%;
}