/**
 * Graphs & Charts - Nordic Cool 3
*/

.container-graph {
	min-height: 500px;
	width: 100%;
	}
	
.highcharts-credits, 
.highcharts-button.highcharts-contextbutton {
	display: none !important;
	}
	
div.highcharts-container {
	background: #ffffff !important;
	border: 1px solid #ebebeb !important; 
	}
	
.multiple-graphs {
	background: #ffffff !important;
	border: 1px solid #ebebeb !important;
	
	div.highcharts-container { border: 0px !important;}
	}

.highcharts-title {
	font-family: 'Open Sans', 'OpenSansFallback', sans-serif;
	font-weight: 200 !important;
    fill: #282828 !important;
    font-size: 24px !important;
	}
	
.highcharts-subtitle {
    font-family: 'Open Sans', 'OpenSansFallback', sans-serif;
    fill: #737373 !important;
	font-size: 14px !important;
	}

.highcharts-legend-item {
	font-family: 'Open Sans', 'OpenSansFallback', sans-serif;
	
	text { 
		font-weight: normal !important; 
		fill: #737373 !important; 
		font-size: 14px !important;
		font-family: 'Open Sans', 'OpenSansFallback', sans-serif;
		}
	}
	
.highcharts-axis-labels text,
.highcharts-axis-title {
	font-weight: normal !important; 
	fill: #737373 !important; 
	font-size: 14px !important;
	font-family: 'Open Sans', 'OpenSansFallback', sans-serif !important;
	}
	
.highcharts-tooltip {
	> span {
		color: #282828 !important; 
		font-weight: normal !important; 
		font-size: 14px !important;
		font-family: 'Open Sans', 'OpenSansFallback', sans-serif !important;
		}
	}

.solidgauge-data-label > span {
	color: #737373 !important; 
	font-size: 14px !important;
	font-family: 'Open Sans', 'OpenSansFallback', sans-serif !important;
	font-weight: normal !important; 
	text-align: center !important;
	
	> span { 
		display: block;
		color: #282828; 
		font-size: 52px;
		font-family: 'Open Sans', 'OpenSansFallback', sans-serif;
		font-weight: 200; 
		line-height: 1;
		
		> span.percent {
			color: #737373; 
			font-size: 32px;
			top: -15px;
			position: relative;
			margin-left: -12px;
			}
		}
	}
	
#line-progress-graph {
	height: 400px;
	width: 600px;
	}
	
.highcharts-data-label {
	text {
		color: #282828 !important;
		fill: #282828 !important;
		}
		
	tspan.highcharts-text-outline { display: none; }
	
	tspan {
		color: #282828 !important;
		font-size: 14px !important;
		font-family: 'Open Sans', 'OpenSansFallback', sans-serif !important;
		font-weight: normal !important; 
		}
	}
	
.legend-symbol-negative {
	display: block;
	width: 12px;
	height: 12px;
	background: #1687d9;
	border-radius: 25px;
	float: left;
	}
	
	
/* Gauges */
.highcharts-gauge-series .highcharts-text-outline + tspan { 
	font-size: 30px !important; 
	font-weight: 300 !important;
	}
	
	
	
/* Table charts */
.table {
	div.highcharts-container {
		background: transparent !important;
		border: 0 !important;
		left: auto !important;
		text-align: center !important;
		width: 100% !important;
		}
		
	&.table-line-chart .highcharts-grid-line { 
		stroke: transparent !important;
		} 
	}

.graph-arrow {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url('img/graphs-arrows.png') transparent no-repeat;
	}
	
.chart-ascending {
	.graph-arrow { background-position:  0 0; }
	.highcharts-series .highcharts-graph { stroke: #599900 !important; }
	}
	
.chart-symmetrical {
	.graph-arrow { background-position:  -17px 0; }
	.highcharts-series .highcharts-graph { stroke: #f58f00 !important; }
	}
	
.chart-descending {
	.graph-arrow { background-position:  -34px 0; }
	.highcharts-series .highcharts-graph { stroke: #e6454a !important; }
	}