@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");
@import url(http://fonts.googleapis.com/css?family=Raleway);

button, .btn, .btn-default {
  background-color: #9FB4CC;
  height: 50px;
  line-height: 1.5;
  .highlight-fade;
  width: 136px;
}

i {
  padding: 0;
  padding-left: 5px;
}

div {
  padding: 0
}

#buttons, #charts {
  width: auto;
  margin-left: 25%;
  margin-right: 25%;
}
body {
  font-size: 14px;


  background-color: #33332D;
}

h1,h2,h3,h4,h5,body {
  color: #FFF8E3;
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-weight: 200;
}

.type {
	display: inline-block;
	padding: 2.5%;
  width: 45%;
}
.type:first {
  padding-left: 200px;
}

.station > h1 {
	text-align: center;
}
.row {
  padding: 5px;
}

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

.x.axis line,
.x.axis path {
  fill: none;
  stroke: none;
}

.axis text {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
  fill: #FFF;

}

.brush .extent {
  stroke: #FFF;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}

.area {
  opacity: .6;
}
.line {
  fill: none;
  /*shape-rendering: crispEdges;*/
}

.title {
  fill: #FFF;
  stroke: none;
}

.focus circle {
  fill: none;
  stroke-width: 2px;
}

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