.dit-radio {
  position: relative;
  /*padding-left: 20px;*/
  display: block;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

form .dit-statment {
  display:block;
  font-size: 14px;
  font-weight: bold;
  padding: 30px 0 0 4.25%;
  margin-bottom:10px;
}

form .dit-likert {
  list-style:none;
  width:100%;
  margin:0;
  padding:0 0 35px;
  display:block;
  border-bottom:2px solid #efefef;
}

form .dit-likert:last-of-type {border-bottom:0;}

/* line */
form .dit-likert:before {
  content: '';
  position:relative;
  top:11px;
  left:0%/*9.5%*/;
  display:block;
  background-color:#efefef;
  height:4px;
  width:100%;
}

form .dit-likert li {
  display:inline-block;
  width:4%; /* distance between li */
  text-align:center;
  vertical-align: top;
}

form .dit-likert li input[type=radio] {
  display:block;
  position:relative;
  top:0;
  left:80%;
  /*margin-left:-6px;*/
}

form .dit-likert li label {
    width:100%;
    font-weight: normal;
    font-size: 75%;
}

/* ticks mwl */
form .dit-likert-line:before {
  content: '';
  position:relative;
  left:50%;
  top:90%;
  /*z-index=-1; put behind*/
  width: 1px; /* Line width */
  background-color: black; /* Line color */
  height: 40px; /* Override in-line if you want specific height. */
  /* if class in input type=radio
   width: 10%;
   height: 400%;
  */
  display:inline-block;
  /*float: left;  Causes the line to float to left of content. 
  You can instead use position:absolute or display:inline-block
  if this fits better with your design */
}

form .dit-likert-zero:before {
  content: '0';
  position:relative;
  top:-180%;
  width:100%;
  font-weight: normal;
  font-size: 75%;
  text-align:center;
}

form .dit-likert-twofive:before {
  content: '25';
  position:relative;
  top:-180%;
  width:100%;
  font-weight: normal;
  font-size: 75%;
  text-align:center;
}

form .dit-likert-fifty:before {
  content: '50';
  position:relative;
  top:-180%;
  width:100%;
  font-weight: normal;
  font-size: 75%;
  text-align:center;
}

form .dit-likert-sevenfive:before {
  content: '75';
  position:relative;
  top:-180%;
  width:100%;
  font-weight: normal;
  font-size: 75%;
  text-align:center;
}

form .dit-likert-onehundred:before {
  content: '100';
  position:relative;
  top:-180%;
  width:100%;
  font-weight: normal;
  font-size: 75%;
  text-align:center;
}

form .buttons {
  margin:30px 0;
  padding:0 4.25%;
  text-align:right
} 
form .buttons button {
  padding: 5px 10px;
  background-color: #67ab49;
  border: 0;
  border-radius: 3px;
}
form .buttons .clear {background-color: #e9e9e9;}
form .buttons .submit {background-color: #67ab49;} 
form .buttons .clear:hover {background-color: #ccc;}
form .buttons .submit:hover {background-color: #14892c;} 

#tooltip {
  position: absolute;
  width: auto;
  height: auto;
  padding: 2px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  pointer-events: none;
  background-color: #bbb;
}

#tooltip.hidden {
  display: none;
}

#tooltip p {
  margin: 0 0 0 0;
  padding: 2px 2px;
  font-family: sans-serif;
  font-size: 14px;
}

.x-axis path {
    stroke:white;
    fill:none;
}
.x-axis line {
    fill: none;
    stroke: none;
    stroke-opacity:.8;
    shape-rendering: crispEdges;
}
.bars rect {
    /*fill:steelblue;*/
    fill-opacity:.9;
}
.title {
    font-weight: bold;
}
#precise-value {
    fill:black;
    font-size: 12px;
}

circle.dimple-series-1 {
    fill: red;
}