.bubble-chart {
		position: relative;
	}
	
	.bubble-chart.error {
		background-image: url(../resources/img/core/NR_Disabled.png)
	}
	.bubble-chart.error:after {
		content: ' ';
		display: block;
		text-align: center;
		color: #666;
		font-size: 0.9rem;
		height: 100%;
		line-height: 400px;
	}

	.bubble-chart.error.no-country-selected:after {
		content: 'Please select one only Country to see nutrition data.';
	}
	.bubble-chart.error.no-data:after {
		content: 'We are sorry, nutrition data is not available for selected country.';
	}

	.bubble-chart.error *{
		display: none;
	}

	.bubble-chart text {
		cursor: default;
	}
	.bubble-chart .tooltip {
		position: absolute;
		background-color: rgba(0,0,0,0.5);
		border-radius: 5px;
		padding: 5px;
		color: white;
		font-family: arial;
		font-size: 12px;
	}
	.bubble-chart .tooltip .tooltip--colorbox {
		display: inline-block;
		width: 0.69rem;
		height: 0.69rem;
		border: 1px solid #666;
		margin-right: 3px;
	}

	.bubble-chart .tooltip:after {
	  content: " ";
	  position: absolute;
	  left: 50%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent;
	}
	.bubble-chart .tooltip.tooltip--bottom:after {
	  top: -5px; /* On the top of the tooltip. */
	  border-top: 0;
	  border-bottom-color: rgba(0,0,0,0.5);
	}
	.bubble-chart .tooltip.tooltip--top:after {
	  top: 100%; /* At the bottom of the tooltip */
	  border-bottom: 0;
	  border-top-color: rgba(0,0,0,0.5);
	}
	.bubble-chart .tooltip.tooltip--right:after {
	  top: 50%; /* Middle of the tooltip */
	  border-left: 0;
	  border-right-color: rgba(0,0,0,0.5);
	  left: 0;
	}
	
	.bubble-chart text {
		font-family: arial;
		font-size: 12px;
	}
	.bubble-chart circle {
		opacity: 0.6;
	}
	.bubble-chart circle.blank {
		opacity: 1;
	}