comment-box {
	display:block;
	margin-top:15px;
}
comment-box-block {
	display:grid;
    grid-template-columns: 45px auto;
    grid-gap: 15px;
}

post-comment-widget comment-box-block user-avatar {
	width:45px;
	height:45px;
	line-height:45px;
}

comment-box-buttons {
	display:none;
	margin-top:10px;
	padding-left:60px;
}
comment-box-buttons.active {
	display: block;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s
}

comment-list loader-list {
	display:block;
	margin-top:15px;
	position:relative;
	padding:10px;
	border:1px solid #e8e8e8;
	border-radius:5px;
}
comment-list loader-list::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 1rem;
    top: -7px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	transform: rotate(45deg);
	background-color:white;
}

comment-item {
    display: grid;
    margin-top: 10px;
    grid-template-columns: 45px auto;
    grid-gap: 15px;
}

comment-item cmt-avatar {
	display:block;
}

comment-item cmt-block {
	display:block;
}

comment-item cmt-author {
	display:block;
}

comment-item cmt-author author-name {
	font-weight:bold;
}
comment-item cmt-author time-since {
	margin-left:10px;
	color:var(--secondary-color);
}

comment-item cmt-message {
	display:block;
	margin-top: 8px;	
}

comment-item cmt-toolbar {
	display:block;
	margin-top:10px;
	font-size:16px;
}

comment-item cmt-toolbar ul {
	display:table-row;
	margin:0;
	padding:0;
	list-style:none;
}
comment-item cmt-toolbar li {
	display:table-cell;
	font-size:13px;
	padding-right:22px;
	text-wrap: nowrap;
}
comment-item cmt-toolbar li:last-child {
	padding-right:0;
}

comment-item cmt-toolbar likes-btn {
	display:inline-block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position:center;
	background-size: 60%;
	border-radius: 50%;
	vertical-align:middle;
}
comment-item cmt-toolbar likes-btn.like {
	background-image: url(../img/comment-like.png);
}
comment-item cmt-toolbar likes-btn.dislike {
	background-image: url(../img/comment-dislike.png);
}
comment-item cmt-toolbar likes-btn.disabled.like {
	background-image: url(../img/comment-like-disabled.png);
}
comment-item cmt-toolbar likes-btn.disabled.dislike {
	background-image: url(../img/comment-dislike-disabled.png);
}
comment-item cmt-toolbar likes-btn[onclick] {
	cursor:pointer;
}
comment-item cmt-toolbar likes-btn[onclick]:hover {
	background-color: #e8e8e8;
}