*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body, html { padding: 0; margin: 0; width: 100%; height: 100%; font-family: 'Exo 2', sans-serif; background: #0B1711;}
.toolbox-bar { position:fixed; top:0; left:0; width: 20%; padding: 1em; height: 100%; background: #43A172; border-right: 10px solid #216B46; overflow: auto; }

.toolbar { position:fixed; top:0; left:20%; width: 80%; z-index:100; height: 2.75em; background: #17452E; padding: 0.5em; }
.toolbar .left { float: left; }
.toolbar .right { float: right; }
.levelview { position:fixed; box-sizing: content-box; top:0; z-index:50; left:20%; height: 100%; width: 80%; overflow: scroll; background: #0B1711; border-left: 5px solid #17452E; }

.levelbb {
	position: relative;
	padding: 1em;
}

.level {
	box-sizing: content-box;
	position: relative;
	border: 1px solid white;
}

.level .gameObject {
	box-sizing: content-box;
	background: green;
	position: absolute;
	opacity: 0.5;
	color: white;
	z-index: 100;
}

.level .doorHelper.horizontal {
	position: absolute;
	border-left: 1px solid red;
	border-right: 1px solid red;
	height: 60px;
	width: 240px;
}
.level .doorHelper.vertical {
	position: absolute;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	height: 240px;
	width: 60px;
}

.level .gameObject:hover, .gameObject.selectedObject {
	border: 2px solid blue;
	opacity: 1;
	cursor: pointer;
	z-index: 200;
}

.toolbox-object h3 {
	margin-bottom: 1em;
}

#contextMenu {
	position: fixed;
	display: none;
	z-index: 99999;
}