﻿
pre, code, kbd, samp, tt {
	box-shadow: none;
}


.CodeMirror {
	border: 1px solid #ccc;
}

.CodeMirror-lines {
	font-size: 15px;
	line-height: 20px;
}

.CodeMirror-linewidget {
	z-index: 3;
}

.cm-s-default .cm-header {color: #005ff9;}
.cm-s-default .cm-quote {color: #1EA964;}
.cm-negative {color: #ff1100;}
.cm-positive {color: #1EA964;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #005ff9;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #1EA964;}
.cm-s-default .cm-comment {color: rgb(160, 160, 160);}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #1EA964;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #ff1100;}
.cm-invalidchar {color: #ff1100;}



.amp-error__line {
	position: absolute;
	width: calc(100% - 8px);
	text-align: right;

	font-family: Helvetica,Arial,Tahoma,Verdana,sans-serif;
	font-size: 13px;
	line-height: 15px;

	height: 2px;
	border-top-right-radius: 3px;

	overflow: visible;
	background-color: #ff1100;
}

.amp-error__content {
	display: inline-flex;
	position: relative;

	flex-direction: row;
	margin-top: 2px;
}

.amp-error__text {
	display: inline-block;

	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	padding: 0 8px 3px 8px;

	background-color: #ff1100;
	color: white;

	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.validation-result {
	display: block;
	width: 220px;
	height: 32px;
	border-radius: 4px;
	color: white;
	background-color: #1EA964;
	font-family: Helvetica,Arial,Tahoma,Verdana,sans-serif;
	font-size: 15px;
	line-height: 32px;
	text-align: center;
}

.validation-result__invalid {
	background-color: #ff1100;