.editor-field {
	width: 80%;
	min-height: 200px;
}

.editor-title {
	font-size: larger;
	font-weight: bold;
	padding-bottom: 10px;
	display: inline-block;
}

.schema-title {
	font-size: larger;
	font-weight: bold;
	padding-bottom: 10px;
}

.button-container {
	display: inline-block;
	padding-left: 10px;
}

.button-container button {
	background: #270c17;
	color: #ddd;
	border: none;
	padding: 5px 10px 5px 10px;
}

html {
	margin: 0;
	padding: 0;
}

.schema {
	font-family: 'Courier New', Courier, monospace;
}

.column-name {
	padding-right: 5px;
}

.column-type {
	font-size: smaller;
}

.key-img {
	height: 15px;
	padding-left: 10px;
	transform: rotate(45deg);
}

body {
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding: 0;
}

.error-message {
	padding-top: 10px;
	color: red;
}

header {
	display: flex;
	background-color: #270c17;
	height: 50px;
	position: fixed;
	z-index: 2;
	top: 0;
	width: 100%;
	box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

.cm-content {
	background-color: #e3dada;
}

.content {
	padding-top: 70px;
	padding-left: 10px;
	padding-right: 10px;
	display: flex;
}

.left-content {
	width: 80%;
}

.right-content {
	width: 20%;
	padding-left: 20px;
}

.logo {
	color: white;
	height: 100%;
	font-size: x-large;
	font-weight: 700;
	padding: 10px;
}

details summary {
	cursor: pointer;
}

details > summary {
	list-style: none;
}

details > summary::before {
	content: '+';
	margin-right: 5px;
	font-size: large;
	font-weight: bolder;
}

details[open] > summary::before {
	content: '-';
	margin-right: 5px;
	font-weight: bolder;
}

details > summary::marker {
	display: none;
}

.column-list {
	margin-top: 5px;
	list-style: square;
}

.title {
	color: white;
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}

.title-inner {
	height: 100%;
	line-height: 50px;
	font-size: x-large;
	font-weight: bold;
}

.editor-container {
	width: 100%;
}

.hidden {
	display: none;
}

.CodeMirror {
	font-size: 16px;
	border: thin solid black;
}

.CodeMirror.cm-s-default {
	background: #e3dada;
}

.CodeMirror-gutter.CodeMirror-linenumbers {
	background: #decaca;
}

.CodeMirror-linenumber.CodeMirror-gutter-elt {
	color: #270c17;
}

.result-table {
	border-collapse: collapse;
	margin: 25px 0;
	overflow: hidden;
	width: 100%;
}

.result-container {
	overflow: scroll;
}

.result-table tr:nth-child(odd) {
	background-color: #fafafa;
}

.result-table tr:nth-child(even) {
	background-color: #e3dada;
}

.result-table tr {
	border-bottom: thin solid #ccc;
}

.result-table td {
	padding: 5px 10px 5px 10px;
}

.result-table th {
	background-color: #270c17;
	color: white;
}

.result-table th {
	min-width: 100px;
	text-align: left;
	font-weight: bold;
	font-size: large;
	padding: 5px 10px 5px 10px;
}

.more-rows {
	font-size: large;
	font-weight: bold;
}