﻿#bubble {
  overflow: hidden;
  position: relative;
}

#entity-cloud {
    overflow: hidden;
    position: relative;
}

#status {
  padding:0 0 20px 20px;
}

#bubble-background {
  fill: none;
  pointer-events: all;
}

.bubble-node {
  /* fill: #d1e0f3; */
  fill: rgba(99, 202, 255, 0.66);
}

.bubble-hover {
  /* fill: #b8c7d9; */
  fill: #E8E9E7;
}

.bubble-selected {
  /* fill: #a8c8ee;  */
  fill: rgba(99, 202, 255, 0.66);
  /* stroke: #6081a3; */
  stroke:  rgba(85, 188, 241, 1);
  stroke-width: 1.5px;
}


a.bubble-label {
  color: #313131;
  cursor: pointer;
  display: block;
  text-align: center;
  text-decoration: none;
  line-height: 1em;
  position: absolute;
}


.bubble-label .bubble-label-value {
  font: 11px sans-serif;
  white-space: nowrap;
}

.hover-btn-container {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 4000;
}

.hover-btn-container a {
    display: block;
    margin-top: 5px;
}

.hover-btn-container-2 {
    top: 50px;
}

div[id^="bubble"] svg {
    min-height: 320px;
}