a {
	transition: all 0.2s ease-out; 
}


html, body {
	padding: 0px !important;
	margin: 0px;
	/*overflow: hidden;*/
}

/* Styles for charts */
#content {
	width: 100%;
	overflow: hidden;
}

#chart {
	max-height: none !important;
}

/* Entire chart */
.c3 svg {
	font-family: 'Helvetica Neue', Helvetica, arial, sans-serif;
	font-size: 13px;
}

/* Lines within chart */
.c3 line {
	display: none;
	stroke: #ccc;
}

.c3 path {
	stroke: #999;
	stroke-width: 1px;
}

.c3-xgrid, .c3-ygrid {
	display: block !important;
	stroke-dasharray: 1 1;
	stroke-opacity: 0.5;
}

.c3-xgrid-focus {
	display: block !important;
}

.domain {
	display: none;
}

#chart .c3-line-units {
	stroke-width: 1px;
}


/* Legend */
.c3-legend-item {
	font-size: 14px;
}

/* Tooltip */
.c3-tooltip th {
	background-color: #999;
	border-bottom: 1px solid #555;
}

/* If you have multiple charts and want to toggle them */
.toggle-view {
	overflow: hidden;
	width: 40%;
	margin: 0 auto;
}

.toggle-view .toggle-view-option {
	width: 46%;
	padding: 1%;
	text-align: center;
	background-color: #eaf4fb;
	color: #555;
	font-weight: bold;
	border-bottom: 3px solid #777;
	cursor: pointer;
}

.toggle-view .selected, .toggle-view .toggle-view-option:hover {
	background-color: #1f78b4;
	border-bottom: 3px solid #444;
	color: #FFF;
	text-decoration: none;
}

.toggle-view #toggle-view-option-left {
	float: left;
}

.toggle-view #toggle-view-option-right {
	float: right;
}


@media(max-width:650px) {
	.c3 svg {
		font-size: 12px;
	}

	.c3-legend-item {
		font-size: 12px;
	}

	.toggle-view {
		width: 90%;
	}
}