.acgBarChart
{
	jfont-size:0.9em;
	jborder-bottom:1px solid #c4e0ee;
	jdisplay:inline-block;
	margin:auto;
}

.acgBarChartVertical td
{
	padding:0 32px;
}

.acgRwdNarrow .acgBarChartVertical td
{
	padding:0 20px;
}


/*
.acgBarChartLabel
{
	width:30%;
	padding:0.5em 0;
	color:#000000;
}

.acgBarChartLabelHighlight
{
	font-weight:bold;
	color:#0071c5;	
}
*/

.acgBarChartBar
{
	display:inline-block;
	position:relative;
	jheight:30px;
	jline-height:30px;
	jtext-align:right;
	overflow:visible !important;
}

.acgRwdWide .acgBarChartVertical .acgBarChartBar
{
	width:138px;
}

.acgRwdNarrow .acgBarChartVertical .acgBarChartBar
{
	width:90px;
}

.acgBarChartHorizontal .acgBarChartBar
{
	height:85px;
	line-height:85px;
	padding:0 1 rem;
}

.acgRwdNarrow .acgBarChartHorizontal .acgBarChartBar
{
	jheight:30px;
	height:70px;
	line-height:70px;
	text-align:right;
	jpadding:0 0.5rem;
}

.acgBarChartDataLabel
{
	color:#ffffff;
	font-weight:bold;
	padding-right:0.5em;
}

.acgRwdNarrow .acgBarChartHorizontal .acgBarChartBar .acgBarChartValue
{
	margin-right:0.5rem;
}

.acgBarChartVertical .acgBarChartAxis
{
	height:0px;
	border:0;
	border-top:2px solid black;
}
.acgBarChartDataRow
{
	vertical-align:bottom;
	text-align:center;
}
.acgBarChartDataRow td
{
	line-height:0;
	font-size:0;
	jpadding-left:16px;
	jpadding-right:16px;
}
.acgBarChartHorizontal .acgBarChartAxis
{
	width:0px;
	border:0;
	border-left:2px solid black;
}
.acgBarChartValue
{
	display:inline-block;
	font-size:3rem;
	font-weight:bold;
	padding-left:1rem;
	position:relative;
	left:calc(100% + 1rem);
}
.acgRwdNarrow .acgBarChartValue
{
	position:initial;
	left:initial;
	color:white;
	font-size:2rem;
}
/*
.acgBarChartBar2
{
	display:inline-block;
}
*/
.acgBarChartBarContainer
{
	jdisplay:flex;
	jalign-items:center;
	padding-top:20px;
	padding-bottom:20px;
	jpadding-left:10px;
	line-height:0;	/* this is needed to prevent bar height from changing when animating bar and is related to the "overflow" style changing during animation */
}
.acgBarChartVertical .acgBarChartBarLabel
{
	jwidth:200px;
	jtext-align:right;
	jpadding-right:1rem;
	text-align:center;
	padding:0 1rem;
	vertical-align: top;
}
.acgBarChartHorizontal .acgBarChartBarLabel
{
	width:200px;
	text-align:right;
	padding-right:1rem;
}
/*
.acgBarChartHorizontal .acgBarChartBarLabel
{
	text-align:left;
	width:200;
}
*/

.acgBarChartContainer
{
	max-width:1000px;
	margin:auto;
}

.acgBarChartVertical .acgBarChartLabelValue
{
	text-align:center;
}

/*
.acgBarChartVertical .acgBarChartLabelText
{
	padding:0 16px;
}
*/