body { font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif; }

div.dokubau-tooltip span
{ max-width: 300px; }
.dokubau-user-light {
  background-image: url('img/sprites.svg');
  background-position: -5px -215px;
  background-repeat: no-repeat;
  color:rgba(255,255,255,0.5);
  padding-left:20px;
  margin-left:0px;
  padding-right:10px;
  height: 26px;
}

.dokubau-picture {
  background-position: 0 -234px !important;
  background-color: rgba(255,255,255,0.7);
}
.dokubau-picture:hover {
  background-color: rgba(255,255,0,0.7);
}

.dokubau-controls {
    background-color: rgba(255,255,255,0.7);
}
.dokubau-hotspot.dokubau-info {
  box-shadow: 0 0 0 0 rgba(255, 255, 0, 0.7);
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.dokubau-hotspot.dokubau-info:hover {
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 0, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 0, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 0, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 0, 0);}}


.dokubau-hotspot.dokubau-scene {
  box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.9);
  -webkit-animation: pulseu 5s infinite cubic-bezier(0, 2, 0.5, 1);
  -moz-animation: pulseu 5s infinite cubic-bezier(0, 2, 0.5, 1);
  -ms-animation: pulseu 5s infinite cubic-bezier(0, 2, 0.5, 1);
  animation: pulseu 5s infinite cubic-bezier(0, 2, 0.5, 1);
}

.dokubau-hotspot.dokubau-scene:hover {
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulseu {to {box-shadow: 0 0 0 45px rgba(0, 255, 0, 0);}}
@-moz-keyframes pulseu {to {box-shadow: 0 0 0 45px rgba(0, 255, 0, 0);}}
@-ms-keyframes pulseu {to {box-shadow: 0 0 0 45px rgba(0, 255, 0, 0);}}
@keyframes pulseu {to {box-shadow: 0 0 0 45px rgba(0, 255, 0, 0);}}

.dokubau-hot-spot-debug-indicator {
  box-shadow: 0 0 0 20px rgba(0, 255, 255, 0);
  -webkit-animation: pulsea 1s infinite ease;
  -moz-animation: pulsea 1s infinite ease;
  -ms-animation: pulsea 1s infinite ease;
  animation: pulsea 1s infinite ease;
}

.dokubau-hot-spot-debug-indicator:hover {
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}
@-webkit-keyframes pulsea {to {box-shadow: 0 0 0 0 rgba(0, 255, 255, 0.5);}}
@-moz-keyframes pulsea {to {box-shadow: 0 0 0 0 rgba(0, 255, 255, 0.5);}}
@-ms-keyframes pulsea {to {box-shadow: 0 0 0 0 rgba(0, 255, 255, 0.5);}}
@keyframes pulsea {to {box-shadow: 0 0 0 0 rgba(0, 255, 255, 0.5);}}


.companylogo {
  position: fixed;
  overflow: hidden;
  right: 0.5%;
  top: 1%;
  opacity: 0.5;
  padding: 12px;
  background-color: #fff;
  border-radius: 10px;
  z-index: 10;
}
.companylogo:hover {
  opacity: 1;
  -webkit-filter: drop-shadow(white 0 0 5px);
}

.dokubau-hotspot-base {
    z-index: 2;
}


.dokubau-hotspot-base-text {
    position: absolute;
    visibility: visible;
    cursor: default;
    vertical-align: middle;
    top: 0;
    z-index: 1;
}
div.dokubau-tooltip-text span {
    visibility: visible;
    position: absolute;
    border-radius: 3px;
    border-style: solid;
    border-color: rgba(0,0,0,0.5);
    border-width: 1px;
    background-color: rgba(255,255,255,0.5);
    color: #000;
    text-align: center;
    max-width: 200px;
    padding: 5px 10px;
    margin-left: -220px;
    cursor: default;
}
div.dokubau-tooltip-text span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: rgba(0,0,0,0.7) transparent transparent transparent;
    bottom: -20px;
    left: -10px;
    margin: 0 50%;
}
div.dokubau-tooltip-text:hover span {
    background-color: rgba(255,255,255,0.8);
}