body {
	margin: 0px;
	background-color: #fff;
	overflow: hidden;
}

a {
	color: #ff0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


button {
	cursor: pointer;
	text-transform: uppercase;
}


.unselectable {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	-webkit-tap-highlight-color: transparent; /* for removing the highlight */
}

canvas {
	background-color: #fff;
	outline: none;
	display: block;
}

/*
div {
	background-color: #fff;
}
*/

.centerDiv{
  	text-align:center;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#banner {
	background-color: #f0f;
	visibility: hidden;
	height: 100%;
}

#bannerContainer {
    background-image: url("../assets/images/loading.jpg");
    background-size: 75px;
    background-repeat:no-repeat;
	background-position: center;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	-webkit-tap-highlight-color: transparent; /* for removing the highlight */

	border-top: 1px solid #a1a1a1;
	border-bottom: 1px solid #a1a1a1;	

	height: 100%;
}

/* would remove focus from textareas and divs and inputfields
div:focus, textarea:focus, input:focus{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	-webkit-tap-highlight-color: transparent;
    outline: none;
}
*/
div:focus, textarea:focus, p{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	-webkit-tap-highlight-color: transparent;
    outline: none;
}

a, button, input, select {
	pointer-events: auto;
}


img {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	-webkit-tap-highlight-color: transparent; /* for removing the highlight */
    width: 100%;
    height: auto;
}


.dg.ac {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 2 !important; /* TODO Solve this in HTML */
}

#overlay {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.7);
}

	#overlay button {
		background: #ffffff;
		border: 0;
		color: #ffffff;
		padding: 16px 20px;
		text-transform: uppercase;
		cursor: pointer;
	}

#notSupported {
	width: 50%;
	margin: auto;
	background-color: #f00;
	margin-top: 20px;
	padding: 10px;
}


#lookAtObject {
	position:absolute;
	left: 80px;
	visibility: hidden;
}