*
{
	box-sizing: border-box;
}

body
{
	overflow: hidden;
	margin: 0px;
	cursor: default;
	//background-image: url('../ui/backdrop.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}

sub
{
    font-size: 0.8vh;
}

#canvasWrapper
{
	min-height: 100vh;
	min-width: 100vw;
	max-height: 100vh;
	max-width: 100vw;
    position: absolute;
    top: 0vh;
    left: 0vw;
}

.-webgl
{
	height: 100%;
	width: 100%;
}
.-left-top
{
	position: absolute;
	left: 0%;
	top: 0%;
	transform: translate(0%, 0%);
}

.-left-middle
{
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translate(0%, -50%);
}

.-left-bottom
{
	position: absolute;
	left: 0%;
	bottom: 0%;
	transform: translate(0%, 0%);
}

.-center-top
{
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translate(-50%, 0%);
}

.-center-middle
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.-center-bottom
{
	position: absolute;
	left: 50%;
	bottom: 0%;
	transform: translate(-50%, 0%);
}

.-right-top
{
	position: absolute;
	right: 0%;
	top: 0%;
	transform: translate(0%, 0%);
}

.-right-middle
{
	position: absolute;
	right: 0%;
	top: 50%;
	transform: translate(0%, -50%);
}

.-right-bottom
{
	position: absolute;
	right: 0%;
	bottom: 0%;
	transform: translate(0%, 0%);
}

.-top
{
	vertical-align: top;
}

.-overlay
{
	z-index: 10;
}

.-fill-width
{
	width: 100%;
}

.-fill-height
{
	height: 100%;
}

.-noWrap
{
	white-space: nowrap;
}

.-wrap
{
	white-space: normal;
}