.user-bg {
    background: #f8f8f8;
    width: 100%;
    padding: 10px;
    color: #464646;
    vertical-align: middle;
    z-index: 999;
    display:table;
}
.headind_srch {
    position: fixed;
    background: #ededed;
    width: 212px;
    z-index: 9;
}
.user-bg span {
    font-weight: 600;
    display: table-cell;
    vertical-align: middle;
    padding-left: 8px;
}
.msg-user {
    width: 40px;
    height: 40px;
    display: table-cell;
}
.user-bg img{
    width:40px;
    height:40px;
    object-fit:cover;
}
span.chat_date {
    float: right;
    font-size: 12px;
    position: relative;
    top: -17px;
    right: 0;
    color: #464646;
}

.active_chat span.chat_date {
    color: #fff !important;
}
.chat_ib h5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 0;
}
.inbox_people {
    height: 420px !important;
}
.srch_bar .input-group-addon{
    right:10px !important;
}
@media screen and (max-width:425px) and (min-width:319px) {
    .inbox_people {
        width: 100%;
        height: 220px !important;
    }
    .chat-popup{
        width:300px;
    }
    .mesgs {
        width: 100%;
    }

    .msg_history {
        width: 100%;
        height: 200px;
        padding-bottom: 0;
    }
    .form-container{
        width:300px
    }
    .user-bg {
        width: 297px;
        top: 197px;
    }
    .messaging{
        max-height:550px;
    }
    
    .srch_bar input {
        width: 140%;
    }
    .srch_bar .input-group-addon{
        right:20px;
    }
    .headind_srch {
        position: fixed;
        background: #ededed;
        width: 297px !important;
        z-index: 9;
    }
    .inbox_chat {
        height: 130px;
    }
    
}
@media screen and (max-width:768px) and (min-width:424px) {
    .headind_srch {
        width: 212px;
    }
}