/* GRAPHS
******************************************************/

div.graph-controls td.label {
    font-weight: bold;
    min-width: 80px;
    padding: 3px 5px; 
}

div.graph-controls td.value {
    min-width: 80px;
    padding: 3px 5px; 
}

div.graph-controls tr.hidden,
div.graph-controls th.hidden,
div.graph-controls td.hidden {
    display: none;
}

div.graph-controls table {
    cursor:text;
    margin-top: 20px;
    border-collapse: collapse;
    background: #fff;
}

div.graph-controls table tr td {
    border: 1px solid rgba(20, 128, 179, 0.9);

}

div.graph-controls input.unit {
    border: 1px solid rgba(20, 128, 179, 0.9);
    width: 70px;
    padding: 3px 5px; 
}

div.graph-controls {
    background-color: transparent;
    display: none;
    float: left;
    width: 551px;
    padding: 0px;
}


div.pie-graph .pie-graph-container {
    display: block;
    float: left;
    width: 590px;
    height: 230px;
}

div.stack-graph .stack-graph-container {
    display: block;
    float: left;
    width: 590px;
    height: 230px;
}


div.stack-graph,
div.pie-graph,
div.column-graph {
    margin-top: 20px;
    display: block;
    width: 100%;
    float: left;
}

div.column-graph .column-graph-container {
    display: block;
    float: left;
    width: 590px;
    height: 200px;
}

div.cochart .pie-graph-container,
div.cochart .column-graph-container,
div.cochart .stack-graph-container {
    position: relative;
}

div.stack-graph .selected,
div.pie-graph .selected,
div.column-graph .selected {
    outline-width: 1px;
    outline-style: dashed;
    outline-color: rgba(83, 162, 213, 0.95);

}

.labels-chart-ball {
	position: absolute;	
	display: block;
	top: 0;
	left: 0;
	
	width: 16px;
	height: 16px;
	border-radius: 8px;
	margin: 0 10px 0 0;
}

.chart-label-value {
	margin-left: 8px;
}

div.cochart ul.labels {
	position: absolute;
	display: block;
	float: left;
	padding: 0;
	margin: 0; 
	list-style: none;
	width: 200px;
}

div.cochart ul.labels li {
	display: block;
	float: left;
	padding: 0px 0 12px 23px !important;
	margin: 0 !important;
	line-height: 17px !important;
	font-size: 12px !important;
	color: #000 !important;
	vertical-align: top !important;
	width: 100% !important;
	position: relative;
}

div.cochart ul.labels li:before,
div.cochart ul.labels li:after {
	display: none !important;
}

div.cochart ul.labels table{
	padding: 0;
	margin: 0;
}

div.cochart ul.labels table td {
	line-height: 17px;
	padding: 0px 0px 0px 5px;
	vertical-align: top;
	font-size: 12px;
	color: #000;
}

div.cochart ul.labels div.color-ball {
	position: absolute;
	display: block;
	top: 0;
	left: 0;

	float: left;
	margin: 0;
	width: 16px;
	height: 16px;
}



@media only screen and (max-width: 799px){

	div.cochart .pie-graph-container {
		height: 410px !important;
		width: 100%;
		margin-left: -30px;
	}

	div.cochart .pie-graph-container ul.labels {
		position: absolute;
		left: 80px !important;
		top: 245px !important;
	}

	div.cochart .stack-graph-container {
		height: 400px !important;
		width: 100%;
		margin-left: 0px;
	}

	div.cochart .stack-graph-container ul.labels {
		position: absolute;
		left: 50px !important;
		top: 220px !important;
	}

	div.cochart .column-graph-container {
		height: 330px !important;
		width: 100%;
		margin-left: -30px;
	}

	div.cochart .column-graph-container ul.labels {
		position: absolute;
		left: 50px !important;
		top: 225px !important;
	}

}