html {
	/*height: 100%;*/
}

html, body {
	/*min-width: 100%;
	min-height: 100%;*/

	border: 0;
	padding: 0;
}

#display, #motionjpeg {
	margin: 0 0;
	position: relative;
}

.window {
	position: absolute;
	min-width: 50px;
	min-height: 50px;
	background-color: rgba(0, 255, 0, 0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #F0F;
	-webkit-text-shadow: 0 0 2px rgba(0, 0, 0, 1);
	-moz-text-shadow: 0 0 2px rgba(0, 0, 0, 1);
	-ms-text-shadow: 0 0 2px rgba(0, 0, 0, 1);
	-o-text-shadow: 0 0 2px rgba(0, 0, 0, 1);
	text-shadow: 0 0 2px rgba(0, 0, 0, 1);
}

.window .ui-icon {
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

#controls,.btn-centers {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-around;
	-ms-flex-pack: distribute; /* IE 10 */
	padding-top: 20px;
}

#controls .control {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-flex-align: center;
}

#controls .control .ui-icon {
	margin-right: 5px;

}
.text-span{
	margin-left:2px;
}

#controls .save {
	display: block;
	width: 100%;
	padding: 5px;
	margin: 10px 0;
}
