/* Comments
 * -------------------------- */

.tc-comments {
	margin-bottom: 10px;
	counter-reset: tc-comments-row-number;
}

.tc-comments .tc-comments-row {
	margin: 5px 0;
	padding: 5px;
	background: #f6f6f6;
	counter-increment: tc-comments-row-number;
}

.tc-root-rtl .tc-comments .tc-comments-row {
	margin-left: 20px;
}

.tc-root-ltr .tc-comments .tc-comments-row {
	margin-right: 20px;
}

.tc-comments-row.tc-comments-row-mine {
	background: darkseagreen;
}

.tc-root-rtl .tc-comments .tc-comments-row.tc-comments-row-mine {
	margin-left: 0px;
	margin-right: 20px;
}

.tc-root-ltr .tc-comments .tc-comments-row.tc-comments-row-mine {
	margin-left: 20px;
	margin-right: 0px;
}

.tc-comments-context-menu.tc-comments-context-menu-open {
	display: block;
}

.tc-comments .tc-comments-row .tc-comments-row-meta {
	font-size: 12px;
}

.tc-comments .tc-comments-row .tc-comments-row-meta:before {
	content: "#" counter(tc-comments-row-number);
}

.tc-comments .tc-comments-row .tc-comments-row-meta .tc-comments-row-meta-field-caption {
	margin-left: 5px;
	font-weight: bold;
}

.tc-comments .tc-comments-row .tc-comments-row-meta .tc-comments-row-meta-field-caption:after {
	content: ": ";
}

.tc-comments .tc-comments-row .tc-comments-row-content {
	margin: 5px 0;
}

.tc-comments .tc-comments-row .tc-comments-row-content b,
.tc-comments .tc-comments-row .tc-comments-row-content strong {
	font-weight: bold;
}

.tc-comments .tc-comments-row .tc-comments-row-content i,
.tc-comments .tc-comments-row .tc-comments-row-content em {
	font-style: italic;
}

.tc-comments .tc-comments-row .tc-comments-row-content u,
.tc-comments .tc-comments-row .tc-comments-row-content ins {
	text-decoration: underline;
}

.tc-comments .tc-comments-row .tc-gallery {
	padding: 5px;
	background: white;
}


.tc-comments + .tc-control-textarea-readonly .tc-control-value,
.tc-comments + .tc-control-textarea-readonly .tc-button[data-button="method"] {
	display: none;
}


/* Comments Field
 * -------------------------- */

.tc-field[data-field-type="comments"].tc-collapsible .tc-caption-wrapper .tc-collapser {
	float: right;
}

.tc-field[data-field-type="comments"].tc-collapsible.tc-collapsible-collapsed .tc-control-wrapper {
	display: none;
}

.tc-field[data-field-type="comments"].tc-collapsible.tc-collapsible-collapsed + .tc-field > .tc-field-separator {
	display: none;
}