una/template/css/cmts.css

    /*--- General Styles ---*/
	.cmt-border {
		border-top: 1px solid #eeeeee;
	}

    div.cmts {}

    ul.cmts {
    	position: relative;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    ul.cmts-margin,
    div.cmt-reply-margin {
		padding-left: 60px;
    }
    li.cmt,
    ul.cmts-margin li.cmt {
    	position: relative;
    }
    ul.cmts-margin li.cmt:first-child {
		margin-top: 30px;
    	margin-top: 2rem;
    }
    li.cmt-err {
        color: red;
    }
    li.cmt-no    {
        padding: 10px;
    }
    li.cmt-hidden {
       display: none;
    }
    li.cmt-replacement {
       height: 30px;
       margin-bottom: 10px;
       position: relative;
       background-color: #ededed;
       overflow: hidden;
       text-indent: 10px;
       line-height: 30px;
       font-size: 11px;
       color: #333333;
    }

	/*--- More ---*/
    li.cmt-more {}
	li.cmt-more-root {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	div.cmt-more-cont {}
	div.cmt-more-line {
		border-bottom: 0px;
	}

	li.cmt-more div.cmt-more-cont {
		font-weight: bold;
	}
	li.cmt-more div.cmt-more-line {
		display: none;
	}

	
    li.cmt-more-root div.cmt-more-cont {
    	position: relative;
    }
    li.cmt-more-root div.cmt-more-line {
    	position: absolute;
    	top: 50%;
    	width: 100%;
		border-width: 4px;
    	borded-bottom: none;
    }
    li.cmt-more-root .bx-btn {
    	position: relative;
		float: none;
    	display: inline-block;
    	text-transform: uppercase;
    }    

    /*--- Comment Author ---*/
	div.cmt-avatar {
		position: absolute;
		top: 0px;
		left: 0px;
    	text-align: center;
    }
    div.cmt-avatar .sys-icon {
		font-size: 3.75rem;
    }
    div.cmt-info {
    	position: realtive;
	}
	div.cmt-head div.cmt-username,
	div.cmt-head div.cmt-username,
	div.cmt-head div.cmt-ago,
	div.cmt-head div.cmt-reply-to,
	div.cmt-head div.bullet {
		display: inline-block;
	}
	div.cmt-head div.bullet {
		padding: 0px;
	}

    div.cmt-username a {
        text-decoration: none;
    }

    div.cmt-reply-to a.cmt-points span {
		display: inline;
    	float: none;
    }
    
    span.cmt-posted-ago {
        text-transform: lovercase;
    }
	span.cmt-points {
        text-transform: lovercase;
    }

    /*--- Comment Body ---*/
    div.cmt-cont {
        position: relative;
    }
	div.cmt-cont .bullet {
		padding: 0px 5px;
    }
    div.cmt-cont .cmt-post-reply .bx-form-element-wrapper {
		margin-top: 10px;
    }
	div.cmt-cont .cmt-post-reply .bx-form-element-wrapper:first-child {
		margin-top: 0px;
    }
    span.cmt-body-see-more a {
		font-weight: bold;
    }
    
    div.cmt-attached {
		margin-left: -5px;
    	margin-right: -5px;
    }
    div.cmt-attached-preview,
    div.cmt-attached-preview img {
    	width: 100px;
    	height: 100px;
    }
    div.cmt-attached-preview {
    	position: relative;
    	float: left;
	}
	div.cmt-attached-preview img {
		background-position: center center;
		background-repeat: no-repeat;
	}

	div.cmt-attached-image img {
		position: relative;
		max-width: 600px;
		max-height: 600px;
		cursor: pointer;
	}
	
    /*--- Comment Actions ---*/
	div.cmt-actions {
		position: relative;
	}
	div.cmt-ago,
	div.cmt-actions div.bullet,
	div.cmt-actions ul.bx-menu-hor,
	div.cmt-points-wrp {
		position: relative;
		float: left;
	}
    div.cmt-comment-manage-link {
		position: absolute;
    	top: 0px;
    	right: 0px;
    }
    div.cmt-comment-manage-link a {
		color: rgba(56, 120, 119, 0.5);
    }
    div.cmt-comment-manage-link a:hover {
		text-decoration: none;
		color: rgba(56, 120, 119, 1.0);
    }
    div.cmt-comment-manage .bx-menu-ver li {
		white-space: nowrap;
    }

    /*--- Comment Plused By ---*/
    div.cmt-pb-list {}
    div.cmt-pb-list-cnt {
    	max-height: 200px;
    	min-width: 195px;
		overflow: auto;
    }
    div.cmt-pb-list div.bx-persons-unit {
		float: none;
    	margin-right: 0px;
    	margin-bottom: 0px;
    }

    /*--- Add Comment/Reply Styles ---*/
    div.cmt-reply {
		position: relative;
    }
    div.cmt-reply-top {
		margin-bottom: 40px;
    }    
	div.cmt-reply-bottom {
		margin-top: 40px;
    }
    li.cmt div.cmt-reply-top {
    	margin-top: 20px;
    	margin-bottom: 20px;
	}
    li.cmt div.cmt-reply-bottom {
    	margin-top: 20px;
    	margin-bottom: 20px;
    }
	div.cmt-post-reply {
        position: relative;
    }

    /*--- Add Comment/Reply Form Styles ---*/
    form.cmt-post-reply .bx-form-input-textarea {
		height: 64px;
    }
    form.cmt-post-reply .bx-form-input-submit {
    	text-transform: uppercase;
    }
    form.cmt-post-reply div#bx-form-element-cmt_image,
    form.cmt-post-reply .bx-form-input-files-uploaders {
		margin-top: 0px;
    }

    a.cmts-uploader-button {
		position: absolute;
    	right: 0px;
    	text-decoration: none;
    }
    div.cmts-uploader-file {
		position: relative;
    	float: left;
    }
    div.cmts-uploader-file-preview,
    div.cmts-uploader-file-preview img {
		width: 100px;
    	height: 100px;
    }
    div.cmts-uploader-file-preview img {
		background-position: center center;
		background-repeat: no-repeat;
    }