@import url("backstage.css");

#preview {
	margin-top: 15px;
	padding: 15px;
	background-color: #f3f3f3;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	color: #000;
}

#preview > h2 {
	font-size: 16px;
	margin: -15px -15px 0;
	padding: 4px 15px;
	background-color: #dcdcdc;
	color: #444;
	border-radius: 4px 4px 0 0;
}

#preview-body {
	margin-top: 8px;
}

.one-line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.md-error {
	margin: 1em 0;
}

.md-error-text {
	background-color: #F3D7D7;
	font-style: italic;
}

.md-error-description {
	color: red;
	font-weight: bold;
}

.template {
	display: none;
}

.icon-preview .thumbnail {
	position: relative;
}

.icon-preview .remove-button {
	position: absolute;
	bottom: 5px;
	left: 5px;
	/* display: none; */
}

#spell-check {
	margin-top: 15px;
	padding: 15px;
	background-color: #fcf8e3;
	border: 1px solid;
	border-color: #faebcc;
	color: #8a6d3b;
	border-radius: 4px;
}

#spell-check h2 {
	font-size: 16px;
	margin: -15px -15px 0;
	padding: 4px 15px;
	background-color: #8a6d3b;
	color: #fcf8e3;
	border-radius: 4px 4px 0 0;
}

#spell-check h3 {
	font-size: 14px;
	margin-toip: 0;
}

#spell-check pre.spell-check-error .line-col-message {
	color: blue;
}

#spell-check pre.spell-check-error span.pre {
	color: gray;
}

#spell-check pre.spell-check-error span.after {
	color: gray;
}

#spell-check pre.spell-check-error span.match {
	color: red;
}

.changes .column {
	font-weight: bold;
}

.changes .from {
	color: #666;
}

.changes .to {
	color: #00f;
}

#article-list td.title > div {
	display: block;
	white-space: nowrap;
	max-width: 30em;
	text-overflow: ellipsis;
	overflow: hidden;
}
#article-list td.flags .glyphicon {
	cursor: default;
	color: #999;
}
#article-list td.flags .comment-icon:hover {
	color: #000;
}

#article-list .modified-at {
	white-space: nowrap;
}

@media (max-width: 1199px) {
	#article-list td.title > div {
		max-width: 20em;
	}
}

@media (max-width: 991px) {
	#article-list td.title > div {
		max-width: 15em;
	}
}