@media screen and (max-width: 991px) {
    .chat-hr-line {
        display: block!important;
    }
}

.msg_selected_bg {
    background-color: #ededed;
}

.msg_unseen {
    font-family: "Europa-bold", sans-serif !important;
    color: #000000 !important;
}

.popupContainer button.closeButton {
    z-index: 999999999999;
}

.bar-items {
    visibility: hidden;
}

.bar:hover .bar-items {
    visibility: visible;
}

.emoji-ellipsis {
    visibility: hidden;
}

.emoji_container:hover .emoji-ellipsis {
    visibility: visible;
}

.bar-items .item {
    font-size: 1.5rem;
    cursor: pointer;
}

.emoji-container .item {
    cursor: pointer;
    padding-left: 0.2rem;
    background-color: white;
    padding-right: 0.7rem;
    border-radius: 0.5rem;
}
.predefined-emoji-container .items {
    visibility: hidden;
}

.right_chat {
    margin-top: 0.8rem;
}

.ml-83 {
    margin-left: -83px;
    margin-top: 0.5rem;
    display: inline-block;
}

/* .predefined-emoji-container:hover .items {
    visibility: visible;
} */

.predefined-emoji-container .items {
    visibility: hidden;
}

.predefined-emoji-container .items-visible {
    visibility: visible !important;
}

.predefined-emoji-container .item {
    cursor: pointer;
}

.reacted_emoji_bg {
    background-color: #007bff24 !important;
}

#profile .connection .user {
    display: flex;
    align-items: center;
    overflow: visible;
}

.reaction-container:hover span {
    visibility: visible;
}

.reaction-container span {
    visibility: hidden;
}

textarea#chat-input-field {
    background: #ffffff;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
    padding: 0.5rem;
    outline: none;
    resize: none;
    height: 40px;
    max-height: 150px;
    margin-left: 12px;
    margin-right: 38px;
    overflow: hidden;
}

.ck-editor-contents ul {
  list-style: disc;
  margin: 1em 0;
  padding-left: 40px;
}

.ck-editor-contents ol {
  list-style: decimal;
  margin: 1em 0;
  padding-left: 40px;
}

.ck-editor-contents li {
  margin: 0;
  padding: 0;
}

/* Reset any global styles applied to ul, li, ol */
.ck-editor-contents ul[class], .ck-editor-contents ol[class], .ck-editor-contents li[class] {
  margin: initial;
  padding: initial;
  list-style: initial;
}