@import url('asset/glyphicons/glyphicons.css');
@import url('asset/css/layout.css');

html {
	width:100%;
	height:100%;
}
body {
	width:100%;
	height:100%;
	margin:0;
}
@media (max-width:1000px) {
	body {
		width:600px;
		margin:auto;
	}
	body > main {
		min-height:600px;
	}
}
@media (min-width:1000px) {
	body > header,
	body > main,
	body > footer {
		width:calc(100% - 400px);
	}
	body > aside {
		position:fixed;
		right:0;
		top:0;
		width:400px;
		height:100%;
	}
}

/*\

toolbox

\*/

#toolbox div {
	text-align:center;
}
#toolbox h1,
#toolbox h2,
#toolbox h3 {
	clear:both;
	text-align:initial;
}
#toolbox label,
#toolbox input[data-role],
#toolbox select {
	float:left;
	width:50%;
}
#toolbox input[type='text'],
#toolbox input[type='file'] {
	float:none;
	display:block;
}

td[contenteditable] {
	outline-width:1px;
	outline-style:solid;
	outline-color:rgba(0,0,0,0.87);
}
img[src^='data:image'] {
	max-width:100%;
	max-height:100%;
}

/*\

fixes

\*/

img {
	vertical-align:bottom; /* phantom 5px line-height */
}