.loading .remote-data-widget-contents {
  opacity: 0.5;
  transition: opacity 1s;
}

.rdw-start {
  border-bottom: 1px dashed #666666;
  cursor: pointer;
}
input[type=date].rdw-datepicker {
  line-height: inherit;
}

.chart-bubble [data-target] {
  margin: 0 -1.4em;
}

.d3-chart svg {
  width: 100%;
  height: auto;
}

/* tablet */
@media (min-width: 768px) {
  .d3-chart.d3-donut svg {
    height: 381px;
  }

  .d3-chart.d3-bubble svg {
    height: 273px;
  }
}

/* wide */
@media (min-width: 992px) {
  .d3-chart.d3-donut svg {
    height: 468px;
  }

  .d3-chart.d3-bubble svg {
    height: 324px;
  }
}

/* Donut Chart */
.d3-chart.d3-donut {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
}

.d3-chart.d3-donut .info-labels {
  fill: #fff;
  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
}

.d3-chart.d3-donut .info-temperature-label {
  font-size: 2em;
}

.d3-chart.d3-donut .fa,
.d3-chart.d3-donut .event-start-stop-labels {
  font-size: 1.1em;
}

/* Bubble Chart */
.d3-chart.d3-bubble {
  font-family: "Oswald", sans-serif;
  font-size: 22px;
}

.d3-chart.d3-bubble .axis-tick-line {
  stroke: #999;
}

.d3-chart.d3-bubble .previous-year {
  fill: #999;
}

.d3-chart.d3-bubble .bubble-circle {
  fill-opacity: 0.7;
  cursor: pointer;
}

.d3-chart.d3-bubble .bubble-circle:hover {
  stroke: #999;
}