table{
	width:100%;
}
div.CommentList {
	width:100%;
	padding:0;
	margin: 0 0 15px;
}
.CommentSection {
	width: 100%;
	float: left;
}
/* Comment Entries */
div.CommentEntry, div.CommentEntryInput {
	display:block;
	width: 100%;
	clear:both;
}
div.CommentContainer{
	padding-top:1px;
	min-height:50px;
}
div.CommentContainer div.UserAvatar{
	position: relative;
}
div.CommentContainer div.UserAvatar img.UserAvatarImage,
div.CommentContainer div.UserAvatar svg.UserAvatarDefaultImage{
	padding-top:1px;
	min-height:50px;
}
div.CommentContainer div.UserAvatar svg.UserAvatarDefaultImage{
	margin-left: -5px;
	margin-top: -8px;
	height: 60px;
	width: 60px;
}
div.CommentContainer div.UserAvatar svg.UserAvatarDefaultImage .IconSVG{
	fill:var(--grey-30pc);
}
div.InsertedComment{
	display: block;
	clear: both;
	border-top:1px solid var(--grey-30pc);
	margin-top: 15px;
	padding-top: 15px;
}
div.CommentText {
	color: var(--grey-90pc);
	font-style: normal;
	font-size: 13px;
	line-height: 1.4;
	padding-bottom:0;
	hyphens:auto;
	overflow-wrap: break-word;
	padding-left:60px;
}
div.CommentText.WithRemoveButton{
	padding-right:15px;	
}
.CommentAuthor {
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: var(--grey-90pc);
	display:inline;
}
img.CommentAuthorSeparator {
	width:3px;
	height:10px;
	border:0;
	background-image: url('../common/images/ui-icons_222222_256x240.png');
	background-repeat:no-repeat;
	background-position: -40px -2px;
	margin-left:7px;
	margin-right:2px;
}
.CommentTimestamp {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	width:100%;
	color: var(--grey-30pc);
	text-align:right;
	line-height: 1;
	margin-top:2px;
	vertical-align:bottom;
}
.CommentRemoveButton {
	display: block;
	width:19px;
	height:19px;
	margin:0;
	padding:0;
	right:-15px;
	top:-4px;
	z-index:2;
	position:relative;
	cursor:pointer;
	float:right;
}
.CommentRemoveButton svg{
	width:inherit;
	height:inherit;
}
.CommentRemoveButton svg .IconSVG{ 
	fill: var(--secondary-color) !important;
	background-color: var(--white) !important; 
}
.CommentRemoveButton svg.CloseButton:hover .IconSVG{ fill: var(--white) !important; }
.CommentRemoveButton svg.CloseButton:hover{ background-color: var(--secondary-color) !important; }

/* Comment Form */
textarea.CommentTextbox {
	margin: 0;
	display: block;
	height: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	resize: none;
	overflow: hidden;
	overflow-x: hidden;
	hyphens:auto;
	overflow-wrap: break-word;
	overflow-y: auto;
	border: 1px solid var(--grey-30pc);
	line-height: 1.4;
	padding: 4px 0 2px 10px;
	font-size: 13px;
	width: calc(100% - 12px);
}
textarea.CommentTextboxInitial {
	color: var(--grey-30pc);
}
textarea.CommentTextboxNormal {
	color: var(--grey-90pc);
	border-color: var(--grey-30pc);
}
.CommentSubmit{
	border:none;
	background-color: var(--secondary-color);
	color: var(--white);
	text-transform:uppercase;
	font-weight: bold;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	height:22px;
	float:right;
}
.CommentSubmit[disabled] {
	background-color: var(--grey-30pc);
}
.CommentList .SectionTitle{
	display:block;
}
div.commentsTail{
	display:block;
	width: 100%;
}
div.commentsTail a.commentTailLoader,
div.commentsTail a.commentsTailLink {
	font-size: 12px;
	font-weight: normal;
	display:block;
	margin-top: 5px;
	text-align: right;
}
.CommentIconContainer{
	width: 16px;
	height: 16px;
}
svg.CommentIcon{
	width:inherit;
	height:inherit;
}
svg.CommentIcon .IconSVG{
	fill: var(--grey-30pc);
}
.CommentCount {
	padding-left: 5px;
	padding-top:2px;
	color: var(--grey-70pc); 
	line-height:inherit;
	font-weight: bold;
	font-size:11px;
	font-family:inherit;
}
