#bubbles {
  width: 300px;
  height: 230px;
  background-image: url('../images/bubble_background.jpg');
}
#bubbles .bubble-container text {
  pointer-events: none;
}
#bubbles .bubble-container .hover {
  pointer-events: none;
}
#bubbles .bubble-container g circle {
  fill: #E6E6E6;
}
#bubbles .bubble-container g text {
  display: none;
}
#bubbles .bubble-container g:hover text {
  display: block;
}
#bubbles .bubble-container g.active circle {
  cursor: pointer;
}
#bubbles .bubble-container g.active text {
  display: block;
}
#bubbles .bubble-container g.unselected circle {
  fill: #E6E6E6 !important;
}
#bubbles .bubble-container g.unselected .hover {
  display: none;
}
#bubbles .bubble-container g.selected text {
  fill: #FFF !important;
}
#bubbles .bubble-container g.selected .hover {
  display: none;
}