body {
  font: 10px sans-serif;
  /*background:#EDEDED;*/
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}


/* green: #35A755, yellow: #FBBB05, blue: #4384F4, red: #EA4237 */

.line {
  fill: none;
  /*stroke: cornflowerblue;*/
  stroke-width: 2px;
}

.trumpLineId {
    fill:none;
    stroke: #4384F4;
    stroke-width: 2px;
}

.cruzLineId {
    fill:none;
    stroke: #FBBB05;
    stroke-width: 2px;
}

.kasichLineId {
    fill:none;
    stroke: #EA4237;
    stroke-width: 2px;
}

.circle {
    fill: white;
    stroke: #000;
    stroke-width: 2px;
    opacity: 0.6;
}

.trumpCircleId {
/*            fill: white;
    stroke: green;
    stroke-width: 2px;
    transition: fill 0.5s, opacity 0.5s, r 0.5s;*/
    fill: #4384F4;
    stroke: black;
    stroke-width: 1px;
    opacity:0.5;
    transition: fill 0.5s, opacity 0.5s, r 0.5s;
}

.trumpCircleId:hover {
    opacity:1;
    r: 10;
    fill: #4384F4;
}

.smTrumpCircleId {
    fill: #4384F4;
    stroke:none;
    stroke-width: 2px;
    opacity:0.7;
    transition: fill 0.5s, opacity 0.5s;
}

.cruzCircleId {
/*            fill: white;
    stroke: gold;
    stroke-width: 2px;
    transition: fill 0.5s, opacity 0.5s, r 0.5s;*/
    fill: #FBBB05;
    stroke: black;
    stroke-width: 1px;
    opacity:0.5;
    transition: fill 0.5s, opacity 0.5s, r 0.5s;
}

.cruzCircleId:hover {
    fill: #FBBB05;
    opacity:1;
    r:10;
}

.smCruzCircleId {
    fill:#FBBB05;
    stroke:none;
    stroke-width: 2px;
    opacity:0.7;
    transition: fill 0.5s, opacity 0.5s;
}

.kasichCircleId {
    fill: #EA4237;
    stroke: black;
    stroke-width: 1px;
    opacity:0.5;
    transition: fill 0.5s, opacity 0.5s, r 0.5s;
/*            fill: white;
    stroke: red;
    stroke-width: 2px;
    transition: fill 0.5s, opacity 0.5s, r 0.5s;*/
}

.kasichCircleId:hover {
    fill:#EA4237;
    r: 10;
    opacity:1;
}

.smKasichCircleId {
    fill:#EA4237;
    stroke:none;
    stroke-width: 1px;
    opacity:0.7;
    transition: fill 0.5s, opacity 0.5s;
}

.area {
    fill: cornflowerblue;
    stroke: none;
    opacity: 0.1;
}

.zeroline {
    fill: none;
    stroke: red;
    stroke-width: 0.5px;
    stroke-dasharray: 5 5;
}

.zerolinetext {
    fill: red;
}

.overlay {
    fill: none;
    stroke: none;
    pointer-events: all;
}

.focusLine {
    fill: none;
    stroke: #000;
    stroke-width: 0.5px;
}

.focusCircle {
    fill: #fff;
    r: 5;
}

#graph {
    width:1100px;
    height:600px;
    margin:0 auto;
    background:#fff;
}