#chat-popup {
  font-size: 13px;
}

.user-item-mini:hover {
  background-color: #f8f9fa;
}

.chat-body {
  overflow-y: auto;
}

.chat-message {
  padding: 5px 10px;
  margin-bottom: 5px;
  border-radius: 10px;
  max-width: 80%;
}

.chat-message.me {
  background-color: #d1e7dd;
  margin-left: auto;
}

.chat-message.you {
  background-color: #f1f1f1;
  margin-right: auto;
}

#popup-messages {
  max-height: 300px;
  overflow-y: auto;
}

#chat-popup-footer {
  border-top: 1px solid #ddd;
}

.badge.bg-danger {
  font-size: 10px;
}