.user-thread-repater{position:relative;color:#b2b2b2;width:100%;float:left;padding:20px 20px 20px 10px;margin-bottom:20px}
.user-thread-repater .user-avatar-wrapper{width:40px;height:40px;overflow:hidden;border-radius:100px;float:left;margin-right:25px}
.user-thread-repater .user-avatar{max-width:110%}
.user-thread-repater .thread-details{float:left;font-size:16px}
.user-thread-repater .username{color:#fff}
.user-thread-repater time{position:absolute;right:30px;font-size:13px}
.user-thread-repater.active-thread{background-color:#531512}
.user-thread-repater.active-thread:after{content:"";position:absolute;z-index:5;right:-9px;top:50%;margin-top:-5px;display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #531512}
.user-comments-section{height:600px;padding-right:15px;overflow-y:auto}
.user-message-repeater{position:relative;color:#b2b2b2;margin:0px 0 10px 20px;width:90%;float:left}
.user-message-repeater .user-avatar-wrapper{width:40px;height:40px;overflow:hidden;border-radius:100px;float:left;margin-right:25px}
.user-message-repeater .user-avatar{max-width:100%;float: left;border-radius: 150px;}
.user-message-repeater .message-content{background-color:#2b2b2b;padding:20px 15px;margin-left:70px;position:relative}
.user-message-repeater .message-content:before{content:"";position:absolute;left:-14px;top:8px;width:0;height:0;border-top:8px solid #2b2b2b;border-left:15px solid transparent}
.user-message-repeater .username{color:#fff}
.user-message-repeater time{position:absolute;top:20px;right:30px;font-size:13px}
.user-message-repeater.my-message{/*float:right;*/}
.user-message-repeater.my-message .user-avatar-wrapper{float:right; margin-right: 0;display: none; margin-left:70px;}
.user-message-repeater.my-message .message-content{background-color:#3366ff;color:#f8d8d4;margin-left:0px;margin-right:10px;}
.user-message-repeater.my-message .message-content:before{right:-14px;left:auto;border-top:8px solid #3366ff;border-right:15px solid transparent}
.user-message-repeater.my-message time{color:#f8d8d4; right: 90px}
.reply-wrap{background-color:#531512;position:relative;text-align:center;float:right;width:100%;text-align: right;}
.reply-wrap .emoji-wrap{position:absolute;right:5px;top:5px}
.reply-wrap .reply-area{
	background-color:transparent;border:0;width:100%;padding:2% 1%;height:80px;color:#fff;margin:0 auto;
	padding-left: 30px;
}

.reply-wrap .reply-area:focus{
    outline: none;
    background-color: #fff;
    text-indent: 0;
    position: relative;
    z-index: 2;
    color:#444;
    padding-left:10px; 
}
.reply-wrap .send{background:none;display:block;border:0;color:#fff;padding-right: 5px;}
.comment-text-area{
    border: 1px solid #444;
    width: 99%;
    padding: 2% 1%;
    height: 80px;
    color: #fff;
    margin: 0 auto;
    /*background: none;*/
    background:#fff;
    color:#444;
}
.comment-text-area~a{
padding:10px 10px;
}
.tab-pane#comments{
    padding-bottom: 105px;
    position: relative;
}
.comment-text-area-wrapper{
position: absolute;
bottom: 0;
left:0;
right: 0;
}
.message-content .message{
    margin-bottom: 15px;
}
.message-content .message+a{
    font-size: 12px;
    color:#989898;
}
.message-content .message+a i{
    padding-right: 10px;

}
.message-tabs{
    position: relative;
}


@media screen and (max-width: 1640px)
{
    /*.message-tabs li a{
    	font-size: 13px;
    	padding: 10px 2px;
    }*/
}

@media screen and (max-width: 768px) {
    .modal-tabs li.active>a, .modal-tabs li.active>a:hover, .modal-tabs li.active>a:focus{
        margin-bottom: 3px;
    }
    .modal-body .user-comments-section{
        height: 430px;
    }
.modal-body .user-comments-section{
        height: 430px;
        height: 100vh;
        /* margin-top: 180px; */
        /* margin-bottom: 100px; */
        height: calc(100vh - 425px);
    }
}
@media screen and (max-width: 468px){
    .modal-body .user-comments-section{
        height: 430px;
        height: 100vh;
        /* margin-top: 180px; */
        /* margin-bottom: 100px; */
        height: calc(100vh - 425px);
    }
}