.g-shell {
  position:relative;
  margin-top:20px;
}


.g-chart {
  margin-top:60px;
  margin-left:10px;
}



/*svg*/

.g-chart svg {
  /*cursor: pointer;*/
}

.axis line {
  fill: none;
  stroke: #fff;
  shape-rendering: crispEdges;
  stroke-width: 1px;
}

.axis text {
  font-family: 'Mako',arial, sans-serif;
  font-size: 13px;
  padding-bottom: 13px;
  pointer-events: none;
  fill: #777;
}

.axis path {
  display: none;
}

.y.axis line {

}

.y.axis text {
  text-anchor: end !important;
  font-size:12px;
}

.g-first text {
  display:none;
}

/*.y.axis .major text: {
  display: none;
}*/

.y.axis .minor.major line {
  stroke-dasharray: 4,3;
  stroke: #ccc;
}
.y.axis .minor.major.g-baseline line {
  stroke:#999;
  stroke-dasharray:none;
}


.y.axis .major line {
  /*stroke-width: 1px;*/
  stroke:#000;
}

.x.axis line {
/*  stroke: none;
*/}

.x.axis .minor text {
  /*display: none;*/
}






.g-dot {
  fill:orange;
}
.g-hover-line {
  stroke:orange;
}

.background {
  fill: #fff;
}

circle {
  fill: steelblue;
  stroke: white;
  stroke-width: 1px;
}




.g-screen {
  fill: #fff;
  opacity: 0.65;
}

.g-hover-bar {
  opacity:.7;
  sfill:#555;
  fill:#ccc;
}

.g-hover-row td {
  background:hsl(39, 90%, 90%);
}


.g-end-label {
  fill:steelblue;
  font-family:'Mako',arial;
  text-anchor:end;
}

.g-selected-city-endpoint-label {
  font-size: 14px;
}

.g-selected-city-endpoint-value {
 font-weight: bold;
 font-size: 19px;
}






/* SLIDER */
.g-slider {
  stroke: #ccc;
  shape-rendering:crispEdges;
  fill:#fff;

}

.g-slider-active {

  fill:#f0f0f0;
  stroke:#ccc;
  shape-rendering:crispEdges;
}/**/


.g-slider {
  position: relative;
}

.g-slider-tray {
  position: absolute;
  width: 100%;
  height: 8px;
  border: solid 1px #ccc;
  border-top-color: #aaa;
  border-radius: 4px;
  background-color: #efefef;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.g-slider-fill {
  position: absolute;
  right: -1px;
  height: 8px;
  width: 100%;
  swidth: 500px;
  border: solid 1px #bbb;
  border-top-color: #888;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.g-slider-handle {
  position: absolute;
  top: -4px;
}

.g-slider-handle-icon {
  width: 32px;
  height: 33px;
  position: absolute;
  left: -17px;
}




.g-zeromarker {
  height:10px;
  width:1px;
  position:absolute;
  background-color: black;
  top:0px;
}


.g-tooltip {
  background-color: #fff;
  padding: 2px 8px;
  border: 1px solid #dedede;
  box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.3);
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1000;
  font-family: arial;
  display: none;
}

.g-tooltip.g-hovering-tooltip {
  display: block;
}