table{
  border-collapse: collapse;
}
.buttonBar
{
width:80px;
height:84px;
position:relative;
background-color: #e6e7e7;
text-align: center;
float: left;
cursor: pointer;
transition-duration: 1s;
}
.buttonBar:hover
{
}
.settingsDiv
{
  text-align: left;
  height:391px;
  float: left;
  min-width:400px;
  position:relative;
  top: -150px;
   display: none;
}
.circlesDiv
{
  text-align: left;
  height:391px;
  float: left;
  position:relative;
  top: -150px;
  }
.circleWrapper{
  cursor:pointer;
  position:absolute;
  border:none;
  background:transparent;
}
.svgWrapper
{
  position: relative;
}