html, body {
	padding: 0;
	margin: 0;
  width:auto !important;
	height:auto !important;

}

h6  {
font-weight: 200;
line-height: 24pt;
/*font-size: 18pt;*/
}

.diesel-form {
	min-height: 300px;
	padding-top: 5%;
	border: 0.5px solid #333;
	background-image: url("//opb-news-interactives.s3.amazonaws.com/news/2017/03March/diesel/diesel-map.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 150%;
}

.loader {
	/*width: 0px;*/
	/*margin-left: 45%;*/
}

.white {
	fill: white;
}

small {
	line-height: 10px;
	color: black !important;
}

.red {
	color: #ec5840;
	font-weight: bold;
	/*text-decoration: underline;*/
}

#map-container {
margin-bottom: 2em;
}

.legend-text {
	font: 10px sans-serif;
	margin-right: .5em;
	margin-bottom: 6px;
}

.label {
	font: 12px sans-serif;
	stroke: none;
	/*fill: #ccc;*/
}

.small-label {
	font: 12px sans-serif;
	stroke: none;
}

.red-label {
	fill: #ec5840;
	stroke: #ec5840;
	stroke-width: 0.5px;
}

.bar {
  fill: #ccc;
}

.axis {
  font: 10px sans-serif;
}

.benchmark {
	font: 10px sans-serif;
}

.axis path, line {
	fill: none;
	stroke: black;
	stroke-width: 1px;
	shape-rendering: crispEdges;
}


.whisker line,
.median line,
.box rect, {
  fill: #fff;
  stroke: #000;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}

circle {
  fill: black;
	stroke: black;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}

.point {
  opacity: 0.25;
}

.axis path {
    fill: none;
    stroke: black;
    stroke-width: 1px;
    shape-rendering: crispEdges;
}

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

.axis text {
    font-size: 10px;
}


.diesel-box {
	width: 5px;
	height: 5px;
	background-color: #ec5840;
	margin: 0.5px;
	float:left;
}

.cancer-box {
	width: 5px;
	height: 5px;
	background-color: black;
	margin: 0.5px;
	float:left;
}

.arc text {
  font: 10px sans-serif;
  text-anchor: middle;
}

.arc path {
  stroke: #fff;
	stroke-width: 2px;
}

#map {
  float: left;
	height: 250px;
  width: 80%;
  margin: auto;
	margin-bottom: 2em;
 }

/*LEAFLET STYLE OVERRIDES*/
.leaflet-popup-content-wrapper {
  background-color: #fff;
  border-radius: 3px;
}

.leaflet-popup-tip{
  background-color: #fff;
}

.leaflet-popup-content {
  font-size: 1.125em;
  color: #363636;
}

.leaflet-popup-content h4{
  font-size: 20px;
  line-height: 0;
}

.title {
  text-align: center;
}

.title h1 {
  margin-top: -0.5em;
	font-weight: bold;
	color: #222222;
	/*line-height: 1.2em;*/
	font-family: Georgia, Times, 'Times New Roman', serif;

}

h3 {
	font-family: Georgia, Times, 'Times New Roman', serif;
	color: black;
	font-size: 23px;
	font-weight: 500;
}

body, h1, h3, p {
  font-family: Georgia, Times, 'Times New Roman', serif;
}

.button {
	font-family: sans-serif;
	border-radius: 8px;
}

.whisker line,
.median line,
.box rect, {
  fill: #fff;
  stroke: #000;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}

circle {
  fill: black;
  stroke: none;
  shape-rendering: crispEdges;
}

.outlier {
  stroke: black;
  stroke-width: 2px;
}

.point {
  opacity: 0.25;
}

.axis path {
    fill: none;
    stroke: black;
    stroke-width: 1px;
    shape-rendering: crispEdges;
}

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

.axis text {
    font-size: 10px;
}

.on-road {
	float: left;
	width: 57%;
}

.construction {
	float: left;
	width: 29%;
}

.marine {
	float: left;
	width: 18%;
}


/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* SLIM CREDIT ------------------------------------ */
/* ------------------------------------------------ */
/* ------------------------------------------------ */

.slim-credit
{
    margin-bottom: 20px;
}

.slim-credit p,
.summary .slim-credit p
{
    font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-size: 11px;
    color: #898989;
    margin: 5px 0;
}

.slim-credit p strong,
.summary .slim-credit p strong
{
    color: #515151;
}

.slim-credit p .small,
.summary .slim-credit p .small {
    font-size: 10px;
    padding-top: 0;
    color: #aaa;
}

.slim-credit hr {
    margin: 5px 0;
}

.slim-credit img {
    display: inline-block;
}

.summary .slim-credit {
    margin: 10px 0 10px 0;
}

input {
    -webkit-border-radius:0;
    border-radius:0;
}