.comment {
	position: relative;
	margin-bottom: 1rem;
}
.comment-in {
	padding: 0 0 0 50px;
}
.reply .comment-in {
	padding: 0 0 0 90px;
}
.comment .avatar {
	position: absolute;
	left: 0;
	top: 4px;
	width: 36px;
	height: 36px;
	background-color: #F2F1F1;
	border-radius: 50%;
}
.comment.reply .comment-in .avatar {
	left: 40px;
}
.cm-content {
	position: relative;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
}
.cm-content:before {
	position: absolute;
	top: 10px;
	left: -11px;
	content: '';
	border-bottom: 10px solid transparent;
	border-right: 11px solid #ddd;
	border-top: 10px solid transparent;
}
.cm-content:after {
	border-bottom: 8px solid transparent;
    border-right: 9px solid #fff;
    border-top: 8px solid transparent;
    left: -9px;
    top: 12px;
    position: absolute;
    content: '';
}
.cm-content.pending {
	border-color: #dc3545;
}
.cm-content.pending:before {
	border-right-color: #dc3545;
}
.comment-wrap {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.replycomment {
	padding: 16px 0 16px 50px;
}