.verbose-hidden{
    display: none;
}

.hotspot-target {
    position: absolute;   
    border-radius: 50%;
    border: 8px solid #2d9df8;
    padding: 5px;
  }
  
  /* .hotspot-target::after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    bottom: -30px;
    left: -5px;
    border: 10px solid transparent;
    border-top: 17px solid #8b8a8b;
  } */

.hotspot-verbose.htspwidth{
  width:300px;
  padding: 0.8rem;
  transform: translate3D(10px, 15px, 10px);
}

.button-props{
  width: 100px;
  font-family: "Roboto", sans-serif;
  padding: 5px;
  margin: 5px;
  border-width: 1px;
  border-color: gray;
  border-style: none;
  background-color: transparent;
  margin: 1px 0px;
}

.button-props:hover{
  background-color: #efefef;
}

.containerGeneral.width100{
  width: 100px;
}

.mob-button-choices{
  width: 100px;
  font-family: "Roboto", sans-serif;
  padding: 5px;
  margin: 5px;
  border-width: 1px;
  border-color: gray;
  border-style: solid;
  border-radius: 5px;
  background-color: transparent;
  margin: 1px 0px;
}


@media screen and (max-width: 800px) {
  .theirHyperlink {
    display: none;
  }
}