svg {
    background-color: #EFEFEF;
    width: 875px;
    height: 800px;
}

.switcher ellipse {
    fill: #BEBEAF;
    fill-opacity: 0.5;
    cursor: pointer;
}

.switcher.selected ellipse {
    fill: #4A768D;
}

.switcher ellipse:hover {
    fill-opacity: 1;
}

.switcher text {
    pointer-events: none;
}

text.title {
    font: 18px verdana;
}

.branch circle {
    fill: rgb(31, 119, 180);
    fill-opacity: 0.2;
    stroke: rgb(31, 119, 180);
    stroke-width: 0px;

}

.root circle {
    fill: none;
    stroke: #A59F9F;
    stroke-width: 1px;
}
.leaf circle {
    fill: #F8F8F2;
    fill-opacity: 0.5;
    stroke-width: 1px;
    stroke-opacity: 0.1;
}

text {
    font: 10px verdana;
}

.tooltip {
    fill: #FFFFFF;
    fill-opacity: 0.85;
    stroke: #fff;
    stroke-width: 1px;
}

.tooltip text.heading {
    font: 16px verdana;
    font-weight: bold;
    fill: #000000;
    stroke: none;
}

.tooltip text.description {
    font: 12px verdana;
    fill: #000000;
    stroke: none;
}