/*
	Eric Meyer's Reset CSS v2.0
	
	NOTICE: This copy of the CSS reset has been modified
	to make main tag "display: block" because the default in
	even IE 11 is "display: inline", which is not correct.
*/


code {
	font-family: 'Consolas', 'Menlo', 'Monaco', 'Courier New', monospace;
	padding: 0 3px;
}




#input,
#output,
#inputsql {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	white-space: pre;
	width: 52rem;
	display: block;
	font: 1.4rem 'Consolas', 'Menlo', 'Monaco', 'Courier New', monospace;
	outline: none;
	resize: both;
	overflow: scroll;
	tab-size: 4;
}


#input, #inputsql {
	background: #fafafa;
	/* border-right: 2px solid #AAA; */
}

#inputsql {
	background: #fafafa;
}

#output {
	background: #fafafa;
}

footer {
	color: #888;
	text-align: center;
	padding: 25px 0 50px;
	line-height: 2em;
}

.clr-red {
	color: #CC0000;
}

.faulty-line {
	color: #C00;
	background: #FDD;
	font-weight: bold
}

.json-go-faulty-char {
	border: 1px solid purple;
}

.copy {
	font-size: 14px;
	padding: 5px;
	background: #80808099;
	border-radius: 5px;
	cursor: pointer;
}

.copy:hover {
	background: #808080cf;
}


.input-editor {
	height: 80rem;
	border: 1px solid #5b8ecb;
	outline: none;
	padding: 1rem;
}

.output-result {
	height: 80rem;
	border: 1px solid #cccccc;
	outline: none;
	padding: 1rem;
}

#json-go-type-div {
	background: #f1f1f8;
	width: 80%;
	margin-bottom: 0.5rem;
	padding: 0.2rem 1rem;
	border-radius: 3px;
}

#json-go-type-div {
	margin-left: 2rem;
	width: 20rem;
	display: block;
}


@media screen and (max-height: 1000px) {
	.input-editor {
		height: 55rem;
	}

	.output-result {
		height: 55rem;
	}
}

.w {
	margin: 0 auto;
}

@media screen and (min-width: 1440px) {
	.w {
		width: 1200px;
	}
}