html, body{
	margin: 0px;
	padding: 0px;
	background: black;
	overflow: hidden;
	min-width: 640px;
	min-height: 480px;
}

#main{
    width: 99vw;
    height: 99vh;
}

#status {
	position: absolute;
	bottom: 10px;
    width: 97vw;
}

#overlay{
	position: fixed;
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
}

#overlay.active{
	display: none;
}

#frame{
	text-align: center !important;
	font-family: monospace;
	padding: 0;
	text-indent: 5px;
}

#display{
	background: black;
	min-height: 50vh;
	max-height: 50vh;
}

#displayAdjust {
	min-height: 112px;
}

#displayAdjustForm{
	span {
		display: inline-block;
		vertical-align: top;
		div{
			min-height : 23px;
			max-height: 23px;
			text-align: center;
			line-height: 23px;
		}
	}
}

#statisticsForm div div label {
	width: 80px;
	text-align: right;
	display: inline-block;
  	padding-right: 3px;
}

.half{
	box-sizing: border-box;
	flex: 0 0 50%;
}

.third{
	box-sizing: border-box;
	flex: 0 0 33.33333%;
}

.quarter{
	box-sizing: border-box;
	flex: 0 0 25%;
}

.flex {
	display: flex;
}

.edited {
	background-color: yellow !important;
	color: rgb(0, 0, 0) !important;
}

fieldset.inline .field-row {
	display: inline-block;
}

fieldset.inline .field-row input{
	max-width: 50px;
}

fieldset.inline input.medium {
	max-width: 70px;
}

progress {
  width: 97vw;
  background-color: silver;
  box-shadow: inset -1px -1px #fff,inset 1px 1px grey, inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;
  box-sizing: border-box;
  padding: 3px 4px;
  bottom: 31px;
  position: absolute;
  appearance: none;
  padding: 2px;
}

button.small,
input.small {
	width: 35px;
	max-width: 35px;
	min-width: 35px;
    padding: 0 6px;
}

button.medium,
input.medium {
	width: 50px;
	max-width: 50px;
	min-width: 50px;
    padding: 0 6px;
}

button.large,
input.large {
	width: 75px;
	min-width: 75px;
	max-width: 75px;
	padding: 0 6px;
}

button.xlarge,
input.xlarge{
	width: 125px;
	min-width: 125px;
	max-width: 125px;
	padding: 0 6px;
}