File: src/packages/chat/assets/css/chat.min.css

.chat-message {
  margin-top: 10px;
  padding-top: 10px; }

.chat-message:not(:first-child) {
  border-top: 1px solid #e7e7e7; }

.chat-message-details {
  margin-left: 10px; }

.chat-profile-image {
  height: 28px;
  width: 28px;
  border-radius: 50%; }

.chat {
  list-style: none;
  margin: 0;
  padding: 0; }

.chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #B3A9A9; }

.chat li.left .chat-body {
  margin-left: 60px; }

.chat li.right .chat-body {
  margin-right: 60px; }

.chat li .chat-body p {
  margin: 0;
  color: #777777; }

#chatContainer .panel .slidedown .glyphicon, .chat .glyphicon {
  margin-right: 5px; }

.chat .panel-body {
  overflow-y: scroll;
  height: 250px; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5; }

::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555; }

.chat-sidebar {
  background-clip: padding-box;
  background-color: #fff;
  border-left: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: inset 2px 0 2px -2px #b2b9c9;
  height: 100%;
  position: fixed;
  right: 0;
  top: 55px;
  width: 235px;
  z-index: 300; }

.chat-sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.roster-img-container {
  float: left;
  height: 32px;
  position: relative;
  width: 32px; }

.chat-time {
  float: right;
  line-height: 32px;
  margin: 0 1px 0 4px;
  text-align: right; }

.roster-item {
  line-height: 32px;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.online-user.pD {
  display: block; }

.pD {
  background-color: #35ac19;
  opacity: 1; }

.online-user {
  height: 10px;
  width: 10px;
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -1px;
  right: -1px;
  opacity: 1; }