/* styles.css */

/* The class of components handled by the viewer */
.viewerComponent{
}

body {
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0;
}
#viewerCanvas {
  width: 100%;
  height: 100%;
}
#viewerNavigationDiv {
  position: absolute; 
  /*bottom: 5px;*/
  /*margin-top: -60px;*/
}

.top-left{
  position: absolute;
  top: 20px;
  left: 5px;
}

.top-centered{
 position: absolute;
 top: 20px;
 left: 50%;
 transform: translateX(-50%);
}

.bottom-left{
  position: absolute; 
  bottom: 5px;
  margin-top: -60px;
}

.bottom-centered{
  position: absolute; 
  bottom: 5px;
  margin-top: -60px;
  left: 50%;
  transform: translateX(-50%);
}

#virtualVisit {
  display: none;
}

#aerialView {
  display: none;
}

label[for="aerialView"] {
  display: none;
}

label[for="virtualVisit"] {
  font-size: 22px; /* Tamanho do texto em pixels */
  letter-spacing: 2px; /* Espaçamento entre letras em pixels */
}

.top-centered {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between; /* Adiciona espaço entre os elementos */
}

.viewerComponent {
    /* Adicione estilos comuns para os seus componentes, se necessário */
    margin-right: 10px; /* Espaçamento entre os componentes */
}

#goBackButton {
    /* Estilos específicos para o botão Voltar */
    margin-left: auto; /* Move o botão para a extremidade direita */
}


button#goBackButton{
    font-size: 22px;
	letter-spacing: 2px;
}

#levelsAndCameras{
    font-size: 22px;
}

.viewerComponento{
    margin-right:30px;
}