.comments.list {}
.comments.list .add.comment {margin-bottom:1rem;}
.comments.list .add.comment .bar {display:flex; flex-direction:row;}
.comments.list .add.comment .bar .avatar {width:3rem;}
.comments.list .add.comment .bar .avatar img {display:block; width:100%; border-radius:0.25rem;}
.comments.list .add.comment .bar .msg {flex-grow:1; padding:0 1rem;}
.comments.list .add.comment textarea {display:block; width:100%; height:3rem; padding:0.6125rem 0.75rem; border-radius:0.25rem; transition:height 0.2s;}
.comments.list .add.comment textarea:focus {height:10rem;}
.comments.list .add.comment .send .btn {height:3rem; font-size:1.25rem; font-weight:600;}
.comments.list .add.comment .send .btn:before {font-family:"Font Awesome 5 Pro"; content:"\f1d8";}
.comments.list .items {}
.comments.list .items .empty {padding:5rem 1rem; font-size:1.25rem; border:#dedede solid 1px; background-color:#f3f3f3; text-align:center;}
.comments.list .items .item {padding:1rem 0; border-bottom:#dedede solid 1px;}
.comments.list .items .item .inner {display:flex; flex-direction:row; width:100%;}
.comments.list .items .item .avatar {width:3rem; flex-shrink:0;}
.comments.list .items .item .avatar img {display:block; width:100%; border-radius:0.25rem;}
.comments.list .items .item .middle {flex-grow:1; padding-left:1rem;}
.comments.list .items .item .middle .hdr {display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; margin-bottom:0.25rem; font-size:0.875rem;}
.comments.list .items .item .middle .hdr .name {margin-right:1rem; font-weight:500;}
.comments.list .items .item .middle .hdr .name a {color:#3E455B;}
.comments.list .items .item .middle .hdr .date {margin-right:auto; color:#979797;}

.comments.list .items .item .middle .hdr .voting {margin-left:1rem;}
.comments.list .items .item .middle .hdr .voting .btn {padding:0; background-color:transparent; font-size:0.875rem; font-weight:600; color:#979797;}
.comments.list .items .item .middle .hdr .voting .btn:before {font-family:"Font Awesome 5 Pro"; content:"\f077";}
.comments.list .items .item .middle .hdr .voting .btn.negative {}
.comments.list .items .item .middle .hdr .voting .btn.negative:before {content:"\f078";}
.comments.list .items .item .middle .hdr .voting .mark {padding:0 1rem; background-color:transparent; color:#979797; font-weight:500;}
.comments.list .items .item .middle .hdr .voting .mark.pos {color:#4caf50;}
.comments.list .items .item .middle .hdr .voting .mark.pos:before {content:"+";}
.comments.list .items .item .middle .hdr .voting .mark.neg {color:#ff5722;}

.comments.list .items .item .middle .hdr .actions {}
.comments.list .items .item .middle .hdr .actions .btn {padding:0; margin-left:1rem; background-color:transparent; font-size:0.875rem; color:#979797;}
.comments.list .items .item .middle .hdr .actions .btn:before {font-family:"Font Awesome 5 Pro";}
.comments.list .items .item .middle .hdr .actions .btn.edit:before {content:"\f044";}
.comments.list .items .item .middle .hdr .actions .btn.remove:before {content:"\f2ed";}

.comments.list .items .item .middle .upd-sign {margin-bottom:0.25rem; font-size:0.75rem; color:#979797;}

.comments.list .items .item .middle .body {color:#676767; font-size:0.875rem;}
.comments.list .items .item .middle .edit-form {display:none; padding:0.5rem 0 2rem;}
.comments.list .items .item .middle .edit-form textarea {height:10rem;}
.comments.list .items .item .middle .edit-form .buttons {margin-top:1rem; text-align:center;}
.comments.list .items .item .middle .edit-form .buttons .btn {margin:0 1rem; font-size:0.875rem;}


@media all and (max-width: 900px) {
	.comments.list .items .item .middle .hdr .name {width:100%; margin:0 0 0.25rem;}
}