p {
  font-size: 13px;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 0;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.base_receive p {
  background: #ddd;
}

.base_sent p {
  background: #f0f0f0;
}

time {
  font-size: 11px;
  font-style: italic;
}

#login-box {
  margin-top: 20px
}

#chat_box {
  position: fixed;
  top: 10%;
  right: 5%;
  width: 27%;
}

.close-chat {
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 20px;
}

.chat_box {
  margin-right: 25px;
  width: 310px;
}

.chat-area {
  height: 400px;
  overflow-y: scroll;
}

textarea.chat_input {
  height: 32px;
}

.btn-chat {
  padding: 5px 10px;
}

#users li {
  margin-bottom: 5px;
}

#chat-overlay {
  position: fixed;
  right: 0%;
  bottom: 0%;
}

.chat-toggle .badge.up {
  position: absolute;
  top: 5px;
  right: 20px;
  margin: 0;
  border-radius: 15px;
}

.glyphicon-ok {
  color: #42b7dd;
}

.loader {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
  }
}