.component.commentList{background:none;margin:0 0 20px;padding:0}.component.commentList .componentTitle .commentTotal{margin-left:5px}.component.commentList .commentSortOrder{color:#313234;flex:1;font-size:90%;text-align:right}.component.commentList .comments{width:100%}.component.commentList .component.button{margin:0}#addNewComment textarea{box-sizing:border-box;height:4em;margin-bottom:10px;width:100%}#addNewComment+#comments{margin-top:10px}.component.comment{border-radius:0;border-top:1px solid var(--border-color);margin:0}.component.comment .commentContent{padding:6px 0 12px}.component.comment .commentUser{font-weight:700}.component.comment .commentDate{color:var(--text-inactive-color);margin-left:4px}.component.comment .commentText{margin:8px 0;word-wrap:break-word}.component.comment .commentVoteControls{color:var(--text-inactive-color);float:right}.component.comment .commentVoteControls .upVotes{float:left;margin-right:12px}.component.comment .commentVoteControls .downVotes{float:right}.component.comment .commentVoteControls .downVoteLink,.component.comment .commentVoteControls .upVoteLink{cursor:pointer;float:left;height:20px;width:20px}.component.comment .commentVoteControls.upVoted .upVoteLink{color:green}.component.comment .commentVoteControls.downVoted .downVoteLink{color:red}.component.comment .commentVoteControls .downVoteLink:before,.component.comment .commentVoteControls .upVoteLink:before{font-size:20px}.component.comment .commentVoteControls .upVoteLink:before{content:"\f087";font-family:FontAwesome,sans-serif}.component.comment .commentVoteControls .downVoteLink:before{content:"\f088";font-family:FontAwesome,sans-serif}.component.comment .commentVoteControls .vote{float:right;font-size:90%;margin-left:4px;margin-top:4px}.component.commentList.recommend .component.comment .commentVoteControls{color:var(--text-inactive-color);float:right}.component.commentList.recommend .component.comment .commentVoteControls .upVotes{float:left;margin-right:12px}.component.commentList.recommend .component.comment .commentVoteControls .downVotes{display:none}.component.commentList.recommend .component.comment .commentVoteControls .upVoteLink{cursor:pointer;display:inherit;float:left;height:20px;width:20px}.component.commentList.recommend .component.comment .commentVoteControls.upVoted .upVoteLink{color:green}.component.commentList.recommend .component.comment .commentVoteControls .upVoteLink:before{content:"\f062";font-family:FontAwesome,sans-serif;font-size:20px}.component.comment .commentFlag{color:var(--text-inactive-color);cursor:pointer;display:inherit;float:right;height:20px;position:relative;top:-4px;width:20px}.component.comment .commentFlagged{color:red}.component.comment .commentFlag:before{content:"\f024";font-family:FontAwesome,sans-serif;font-size:16px}.commentReplyText{height:4em;width:30em}.component.comment .commentReply{float:left}.component.comment .commentReplies{margin-left:24px}.component.comment.reqModeration .commentText:after{color:#bdbdbd;content:"This comment is awaiting moderation";padding:10px}.component.comment .commentModerate:after{color:#a80000;content:"Moderation required";float:left}.component.comment .moderationOk:after{content:"OK";cursor:pointer;float:left;padding-left:10px}.component.comment .moderationDel:after{content:"Remove";cursor:pointer;float:left;padding-left:10px}.component.comment .commentReporters{float:left;padding-top:20px}.component.comment .commentReporters:before{content:"Reported By :"}