@bgColor: #FFF0A5;
@dataColor: #468966;
@axisColor: #FFB03B;
@textColor: #8E2800;

body {
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: @bgColor;
  width: 960px;
  color: @textColor;
}

.axis {
  text {
    font: 10px Helvetica;
    fill: @textColor;
  }

  path, line {
    fill: none;
    stroke: @axisColor;
    shape-rendering: crispEdges;
  }
}

.bar {
  .display {
    fill: @dataColor;
  }
  .interact {
    stroke: @axisColor;
  }
}

.selected-tooltip {
  fill: @bgColor;
  fill-opacity: 0.3;
}

.x {
  .axis {
    path {
      display: none;
    }
  }
}

label {
  position: absolute;
  top: 10px;
  right: 10px;
}

.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 5px 10px;
  background: @bgColor;
  opacity: .95;
  border-radius: 2px;
  text-align: center;
  h5 {
    border-bottom: 1px solid @axisColor;
  }
  border: 1px solid @axisColor;
}