/* Chat */

#ne_chat {
    position: absolute;
    top: 325px;
    left: 0;
    background: #1b1b1b;
    width: -webkit-fill-available;
    z-index: 99;
    height: 420px;
    display: none;
}
#ne_chat .wrap.main {
    display: grid;
    grid-template-columns: 320px auto;
    height: -webkit-fill-available;
    position: relative;
    background-color: #000;
    grid-gap: 0px;
}
#ne_chat .wrap .sidebar {
    overflow-y: scroll;
    height: -webkit-fill-available;
}
#ne_chat .wrap .sidebar .section .item {
    padding: 6px 16px;
    background-image: none;
    background: #38363678;
    margin-bottom: 1px;
}
#ne_chat .wrap .sidebar .section .section-title {
    padding: 6px 16px;
    background-image: none;
    background: #3836362e;
    margin-bottom: 1px;
}
#ne_chat .wrap .sidebar .section .section-title h3 {
    font-size: 15px;
    background-image: none;
}
#ne_chat .wrap .sidebar .section .item:hover {
    background-color: rgb(74, 74, 74);
    cursor: pointer;

}
#ne_chat .wrap .sidebar .section {
    background-color: #222222;
    min-height: 60px;
    margin-bottom: 1px;
}
#ne_chat .wrap .content {
    height: 100%;
    overflow: hidden;
    position: relative;
}
#ne_chat .wrap .content .chat-actions {width: -webkit-fill-available;height: 30px;background-color: #2b2a2a;position: absolute;top: 0;/* left: 320px; */z-index: 90;}
#ne_chat .wrap .content .wrap {background: #2e2d2d;height: 290px;position: absolute;top: 30px;overflow-y: scroll;width: -webkit-fill-available;}
#ne_chat .wrap .content .message {margin: 0;display: block;text-align: left;background-color: #262626;color: #fff;font-size: 14px;position: relative;min-height: 60px;margin-bottom: 1px;border-radius: 0;cursor: pointer;}
#ne_chat .wrap .content .message .user {position: absolute;top: 0;left: 0;width: 90px;/* background: #c0ffc74a; */height: -webkit-fill-available;}
#ne_chat .wrap .content .message .user .avatar-wrapper {margin: 0;width: 35px;height: 35px;left: 10px;top: 10px;border: 1px solid #808080d6;}
#ne_chat .wrap .content .message .user .username {margin: 0;display: block;text-align: left;/* background-color: #2e2d2d; */color: #ffffff38;font-size: 12px;left: 70px;position: absolute;top: 10px;letter-spacing: 0.04em;}
#ne_chat .wrap .content .message .body {margin: 20px 0px 0 60px;display: block;text-align: left;/* background-color: #2e2d2d; */color: #fff;font-size: 14px;}


#ne_chat .wrap .content .message-actions {
    background-color: #4d4d4de3;
    position: absolute;
    top: 0px;
    width: 160px;
    right: 0;
    height: 30px;
    display: none;
}
#ne_chat .wrap .content .message:hover .message-actions {
    display: block;
}
#ne_chat .wrap .content .new-message {
    position: absolute;
    bottom: 0;
    width: -webkit-fill-available;
    background: #262626;
    height: 100px;
    padding: 0px 20px 60px 10px;
    left: 0;
    overflow: hidden;
}
#ne_chat .wrap .content .new-message .message-box {
    position: absolute;
    /* top: 10px; */
    width: 560px;
    background: #746a6c21;
    height: 80px;
    padding: 20px 20px 60px 20px;
    color: #fff;
    overflow: hidden;
    border: 1px solid #302f2f;
    border-radius: 12px;
}
#ne_chat .wrap .content .new-message .message-box:focus-visible {
    border: 1px solid #302f2f;
}
#ne_chat .wrap .content .new-message .submit {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0;
    background-color: #f5a73c;
    text-transform: uppercase;
    color: #1b1b1b;
    font-size: 9px;
}