body {
  background: #000;
  margin: 0;
  color:  #fff;
  font-family: Helvetica, Helvetica Neue, sans-serif;
  height:  100%;
}
a {
	color: #fffff;
}
#canvas {
  width: 100%;
  height: auto;
}
#video {
  display: none;
}
#view_3d {
  background: #fff;
  position:  fixed;
  width:  600px;
  height: 600px;
  bottom: 0;
  right: 0;
  opacity:  0.9;
  display:  none;
}
#info_debug {
  position: fixed;
  top: 0;
  left: 0;
  color:  #fff;
  text-align:  left;
  font-size:  0.8rem;
}
#info_counter {
  position: fixed;
  top: 0;
  left: 0;
  color:  #fff;
  font-size: 3rem;
  font-weight: bold;
  color:  yellow;
}
#controls {
	margin-top: 20px;
  margin-bottom: 20px;
	text-align: center;
}
#status {
  color: red;
}
#btn_toggle_controls {
  position:  fixed;
  top: 0;
  right: 8px;
  font-size:  0.5rem;
  
}
.container-fluid {
	width: 100%;
  height: auto;
	text-align:center;
	margin-top: 10px;
}
.copyright {
	margin-top: 10px;
	font-size:  0.8rem;
	color:  gray;
}
.footer {
  text-align:  center;
  color:  silver;
  font-size:  0.7rem;
}
.clickable:hover {
  cursor: pointer;
}
.camera {
  height:  100% !important;

}