@charset "utf-8";

html, body {
	height: 100%;
}
body {
	overflow: hidden;
}
main {
	height: 90%;
}
#selfile {
	display: none;
}
#code {
	width: 100%;
    height: 100vh;
}
#terminal {
    height: 100vh;
}

/* resizer */
div.flex > .flex-item:first-child {
	flex: 2.0;
}
div.flex > .flex-item:first-child > div {
    height: 100vh;
}
div.flex > .resizer {
    flex: 0 0 12px;
}

/* qum-connect button */
.connected {
	background-color: paleturquoise;
}

.disconnect {
	background-color: ivory;
}

.connecting {
	background-color: wheat;
}

/* input */
@keyframes input-take-notice {
	  0% { background-color: white; }
	100% { background-color: lightsalmon; }
}
.take-notice {
	animation: input-take-notice 1s infinite;
}

.CodeMirror {
	font-family: Monaco, 'Andale Mono', 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
	font-size: 11pt;
	min-height: 100px;
}
.CodeMirror-scroll {
/*	height: auto;*/
	width: auto;
/*	overflow-x: inherit;*/
}

/*
body {
	display: flex;
	flex-flow: column;
	min-height: 400px;
}
header {

}
*/

main {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
/*	overflow: scroll;*/
    overflow: inherit;
}

footer {
	position: relative;
/*	height: 170px;*/
	height: 30px;
}

.terminal {
	font-family: Monaco, 'Andale Mono', 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
}

.status {
	font-family: Monaco, 'Andale Mono', 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
    text-align: left;
	border-top: 1px solid black;
	height: 30px;
    color: darkgreen;
/*    border: double;*/
}

.btn-qumcum {
	width: 120px;
	white-space: nowrap;
	text-align: left;
}