/* КОММЕНТАРИИ */


/* Блок с комментариями */
.comments-header {margin-bottom:10px}
.comments-header .pull-left {margin:0 0 20px}
.comments-header h3 {font-size:19px;margin-bottom:5px;font-weight:600;color:#333}
.comments-header .subscribe label {float:left}

.comment-wrapper {position:relative}
.comment-wrapper .comment-wrapper {padding-left:20px}
.comment-preview {padding:10px 12px;margin-bottom:10px;border:1px solid #ddd;border-radius:10px;font-size:15px;line-height:24px}


/* Комментарий */
.comment {min-height:48px;margin:0;padding:0;position:relative}
.comment .deleted {padding:5px 10px;color:#777;background:#f4f4f4}
.comment .comment-avatar {position:absolute;top:10px;left:0;width:30px;height:30px}
.comment .folding  {float:left;z-index:100;line-height:18px;font-size:20px;color:#eee;position:absolute;margin:3px 0 0 -2px;cursor:pointer}
.comment .folding:before  {content:'\f147'}
.comment .folding.folded:before {content:'\f196'}
.comment .folding:hover {color:#d5d5d5}
.comment-content .text {overflow:hidden}

/* Стили для списка комментариев на странице - сайт/comments/ */
.comments.comment-list .comment {margin-bottom:30px;padding-left:0}
.comments.comment-list .comment.feedback-comment {margin-bottom:26px}
.comments.comment-list .comment.feedback-comment-store {margin-bottom:22px}
.comments.comment-list .comment .comment-avatar {position:static;width:24px;height:24px;border-radius:50%;vertical-align:middle}
.comments.comment-list .comment .comment-content {margin-bottom:5px}
.comments.comment-list .comment .comment-info  {min-height:24px}
.comments.comment-list .comment .comment-info.feedback {min-height:auto;line-height:18px}
.comments.comment-list .comment .comment-info li.vote {padding:1px 0;position:absolute;right:0}
.comments.comment-list .comment .comment-info li.vote.feedback-comment {top:26px}
.comments.comment-list .comment .comment-info li.vote .vote-count {margin-right:0}
.comments.comment-list .comment .comment-info li.comment-date.feedback {line-height:14px;float:right}
.comments.comment-list .comment .comment-content:after {top:-12px;left:35px;border-color:transparent transparent #eff6fc}
.comments.comment-list .comment .comment-content:before {top:-11px;left:35px;border-color:transparent transparent #f4faff}
.comments.comment-list .comment-path {font-size:11px;padding:0 35px 0 0;line-height:16px}
.comments.comment-list .comment-path.feedback {padding:0;font-size:11px;font-weight:500}
.comments.comment-list .comment-path.feedback i.icons {font-size:10px;font-weight:600}
.comments.comment-list .comment-path.feedback .right {white-space:nowrap}
.comments.comment-list .comment-path .blog-name,
.comments.comment-list .comment-path .comment-path-comments {color:#7d7d7d}
.comments.comment-list .comment-path .comment-path-topic {color:#7593b7}
.comments.comment-list .comment-path a:hover {opacity:0.8;}

/* Типы комментариев:
 * deleted 	- 	удаленный комментарий
 * self 	- 	ваш комментарий
 * new 		- 	новый, непрочитанный комментарий
 * current 	- 	активный комментарий, который выделяется при исползование кнопки обновления в тулбаре
 */
.comment.comment-deleted 	.comment-content {background:#c5c5c5;border-color:#DDDEDE}
.comment.comment-deleted	.comment-content:after {border-color:#DDDEDE transparent transparent}
.comment.comment-deleted 	.comment-content:before {border-color:#c5c5c5 transparent transparent}
.comment.comment-self		.comment-content {background:#fdf5e6;border-color:#DDDEDE}
.comment.comment-self		.comment-content:after {border-color:#fcf1dc transparent transparent}
.comment.comment-self 		.comment-content:before {border-color:#fdf5e6 transparent transparent}
.comment.comment-new 		.comment-content {background:#e8fbe4;border-color:#DDDEDE}
.comment.comment-new		.comment-content:after {border-color:#e4f8e0 transparent transparent}
.comment.comment-new 		.comment-content:before {border-color:#e8fbe4 transparent transparent}
.comment.comment-current 	.comment-content {background:#fff;border:1px solid #fec55b}
.comment.comment-current 	.comment-content img {margin-right:15px}
.comment.comment-current	.comment-content:after {border-color:#fec55b transparent transparent}
.comment.comment-current 	.comment-content:before {border-color:#ffe4b1 transparent transparent}
.comment.comment-bad 		.comment-content {opacity:0.3;filter:alpha(opacity=30)}
.comment.comment-bad:hover 	.comment-content {opacity:1;filter:alpha(opacity=100)}

.ls-user-role-not-admin .comment.comment-deleted {padding:10px 0 10px;min-height:0;color:#aaa}


/* Info Block */
.comment .comment-info {padding:0;line-height:20px;position:relative;min-height:20px;overflow:hidden;zoom:1;font-size:12px}
.comment .comment-info li {display:inline-block;padding:0 15px 5px 5px;margin-bottom:5px}
.comment .comment-info li a:hover {opacity:0.8;}
.comment .comment-info li a.link-dotted {color:#7593b7; border:none}
.comment .comment-info li a.link-dotted:hover {opacity:0.8;}
.comment .comment-info li.comment-ava {margin-top:-3px}
.comment .comment-info li.comment-avat {margin:0 0 0;padding:0}
.comment .comment-info li.comment-avat img {border-radius:5px;vertical-align:middle;width:24px;height:24px}
.comment .comment-info li.comment-avat img.s-48 {width:48px;height:48px;border-radius:7px;margin-bottom:6px}
.comment .comment-info li.comment-author a {color:#000;font-size:13px;line-height:13px;font-weight:600}
.comment .comment-info li.comment-author.c-b a.blue {color:#8eb1d3}
.comment .comment-info li.comment-author.comment-topic-author a {color:#e48746;font-weight:700}
.comment .comment-info li.comment-author.feedbacks {position:absolute;margin:5px 0 0 5px}
.comment .comment-info li.comment-author.feedbacks a {font-size:15px}
.comment .comment-info li.comment-date {color:#b1b7c2;font-size:11px;display:block;padding-right:5px}
.comment .comment-info li.comment-date.topic-date {float:right;padding:0 5px;margin-bottom:1px}
.comment .comment-info li.comment-date.t-c {margin:5px 0 -5px}
.comment .comment-info li.comment-favourite {position:relative;font-size:11px}
.comment .comment-info li.comment-favourite  .favourite-count {font-size:11px;color:#999;display:inline-block}
.comment .comment-info li.comment-edit {font-size:15px}
.comment .comment-info li.comment-edit .js-comment-update-timer {font-size:13px;color:#999}
.comment .comment-info li.comment-link  {font-size:13px}
.comment .comment-info li.goto a {color:#aaa;text-decoration:none;font-size:13px;font-weight:500}
.comment .comment-info li.replyto a {color:#bbb;text-decoration:none;font-size:10px;margin:-2px 0 0 30px;
 padding:0 5px;position:absolute;font-weight:500}
.js-comment-edit-time {margin:0}

/* comment vote likes */
.comment-info li.vote i {color:#b5b5b5;cursor:pointer;font-size:14px;float:left}
.comment-info li.vote i.icons-arrow-down {opacity:0.65}
.comment .comment-info li.vote {float:right;padding:0 0 5px 10px}
.comment .comment-info li.vote.feedback	{position:relative;float:right;padding:15px 0 0 10px}
.comment .comment-info li.vote .vote-count {font-size:13px;float:left;color:#999;font-weight:500;margin-right:0;border-radius:5px}
.comment .comment-info li.vote .vote-count.feedbacks {font-size:12px;font-weight:600}
.comment .comment-info li.vote.vote-count-positive .vote-count {color:#7cc034}
.comment .comment-info li.vote.vote-count-negative .vote-count {color:#fa7979}
.comment-info .voted-up i.icons-arrow-up, .comment-info .icons-arrow-up:hover {color:#8ccb49}
.comment-info .voted-down i.icons-arrow-down, .comment-info .icons-arrow-down:hover  {color:#ff3d3d}

.comment-info .vote.vote-expired .icons-arrow-up, .comment-info li.vote.voted-up .icons-arrow-down,
.comment-info .vote.vote-expired .icons-arrow-down, .comment-info li.vote.voted-down .icons-arrow-up, .comment-info li.goto-comment-child {display:none}
.comment-info .icons-arrow-up {margin-right:12px}
.comment-info .icons-arrow-down {margin-left:12px}
.comment-info .icons-arrow-up:before, .comment-info .icons-arrow-down:before {font-weight:600}

/* Content */
.comment .comment-content {color:#333;background:#fafafa;margin-bottom:5px;padding:15px 15px;border-radius:25px;position:relative}
.comment .comment-content .text {word-break:break-word;font-size:17px;line-height:23px;padding:0}
.comment .comment-content .text.text-talk {font-size:15px}
.comment .comment-content .text blockquote {background:#fff;margin-bottom:5px}
.comment .comment-content:after {display:block;content:"";position:absolute;bottom:-11px;left:35px;width:0;height:0;border-width:6px;border-color:#eff6fc transparent transparent;border-style:solid}
.comment .comment-content:before {display:block;content:"";position:absolute;bottom:-11px;left:35px;width:0;height:0;border-width:6px;border-color:#f4faff transparent transparent;border-style:solid;z-index:10}

/* Actions */
.comment .comment-actions li {display:inline;margin-right:10px}

/* Форма комментирования */
.reply-header {margin-bottom:10px}
.reply-header a {font-size:15px;width:150px;padding:3px 0}
.reply-header.d-y a {margin:0 auto}
.reply {padding:5px 0 15px}
.reply textarea {height:150px}
.reply textarea.loader {background:transparent url(../images/loader.svg) center no-repeat;z-index:9999}
.reply .mceEditor {display:block;margin-bottom:10px}

.wall-submit.wall-submit-reply.wall-submit-comment {-webkit-box-shadow:none;box-shadow:none;margin-top:0;margin-bottom:50px}
.wall-submit.wall-submit-reply.wall-submit-comment:after {display:none}
#reply-talk-error {display:inline-flex;align-items:center;gap:14px;padding:12px 18px;margin-bottom:20px;font-size:14px;font-weight:600;border-radius:12px;background-color:rgba(226,74,33,0.1);color:#e24a21;border:1px solid rgba(226,74,33,0.15);line-height:1.4;animation:errIn 0.5s cubic-bezier(0.25,1,0.5,1);width:100%;}
@keyframes errIn {from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
#reply-talk-error i {flex-shrink:0;padding:0;margin:0;color:#e24a21;border: 1px solid #e24a21;font-size: 17px;}
#reply-talk-error span {display:inline-block}

.comment-attention {color:#333;font-size:14px;background:#ffdc74;padding:15px 15px;font-weight:600;line-height:22px;border-radius:15px;margin-top:5px}