/* ========== Chat xabarlar ========== */
.comments-msg-card.list-menu,
.list-menu.comments-msg-card {
  padding: 8px 6px 8px 1px !important;
  margin-left: 1px !important;
  margin-right: 1px !important;
  box-sizing: border-box !important;
}

.comments-list-avatar {
  display: inline-block !important;
  width: 52px !important;
  vertical-align: top !important;
  line-height: 0 !important;
}

.comments-list-avatar > a {
  display: inline-block !important;
  position: relative !important;
  line-height: 0 !important;
  vertical-align: top !important;
  overflow: visible !important;
  margin-left: 5px;
}

.comments-list-text {
  display: inline-block !important;
  width: calc(100% - 60px) !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
  padding-left: 6px !important;
}

.avatar_color {
  display: inline-block !important;
  position: relative !important;
  padding: 3px !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  line-height: 0 !important;
  vertical-align: top !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}

.avatar_color > img.avatar,
.avatar_color > .avatar,
.avatar_color > .avatar-o {
  border: 2px solid #fff !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  display: block !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  position: relative !important;
  z-index: 1 !important;
}

.comments-list-avatar .avatar_color {
  width: 48px !important;
  height: 48px !important;
  padding: 3px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.comments-list-avatar .avatar_color > img.avatar,
.comments-list-avatar .avatar_color > .avatar,
.comments-list-avatar .avatar_color > .avatar-o {
  width: 100% !important;
  height: 100% !important;
}

.comments-list-avatar > a > span:not(.avatar_color):not(.avatar-online-touch):not(.avatar-online-web) {
  display: inline-block !important;
  width: 48px !important;
  height: 48px !important;
  line-height: 0 !important;
  position: relative !important;
  vertical-align: top !important;
  overflow: visible !important;
}

.comments-list-avatar > a > span:not(.avatar_color) > img.avatar,
.comments-list-avatar > a > span:not(.avatar_color) > .avatar,
.comments-list-avatar > a > span:not(.avatar_color) > .avatar-o {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Online — biroz tashqariga */
.comments-list-avatar .avatar-online-touch,
.comments-list-avatar .avatar-online-web,
.avatar_color .avatar-online-touch,
.avatar_color .avatar-online-web {
  position: absolute !important;
  right: -4px !important;
  bottom: -2px !important;
  width: auto !important;
  height: auto !important;
  z-index: 5 !important;
  line-height: normal !important;
}

.comments-list-avatar .avatar-online-touch span,
.comments-list-avatar .avatar-online-web span,
.avatar_color .avatar-online-touch span,
.avatar_color .avatar-online-web span {
  width: 13px !important;
  height: 13px !important;
  min-width: 13px !important;
  min-height: 13px !important;
  max-width: 13px !important;
  max-height: 13px !important;
  display: inline-block !important;
}

/* Yozmoqda — oddiy shrift */
#chat-typing-line,
#chat-typing-text {
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #888 !important;
  font-style: normal !important;
}