.diversity-chart .ct-chart-bar {
    overflow: visible;
}

.diversity-chart .ct-series-a .ct-bar {
    stroke: rgb(0,131,194);
}

.diversity-chart .ct-series-a .ct-label {
    fill: rgb(0,131,194);
    color: rgb(0,131,194);
}

.diversity-chart .ct-series-b .ct-bar {
    stroke: rgb(142,142,142);
}

.diversity-chart .ct-series-b .ct-label {
    fill: rgb(142,142,142);
    color: rgb(142,142,142);
}

.diversity-chart .ct-series .ct-label {
    font-size: 36px;
}

.diversity-chart .ct-series .ct-label .ct-label-percent {
    font-size: 24px;
}

.diversity-chart .ct-series .ct-group-label {
    font-size: 16px;
}

.ct-legend {
	position: relative;
	z-index: 10;
	list-style-type: none !important;
	margin-top: 0;
	margin-bottom: 20px !important;
	text-align: center;
}

.ct-legend li {
	position: relative;
	padding-left: 24px !important;
	margin-bottom: 3px !important;
	display: inline-block;
	width: auto;
	text-align: left;
	box-sizing: border-box;
	font-size: 14px !important;
}

.ct-legend li::before {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    content: '' !important;
    border: 3px solid transparent;
    border-radius: 2px;
    top: 1px;
}

.responsive .typography ul.ct-legend li {
	font-size: 14px !important;
}

.ct-legend li.inactive::before {
    background: transparent;
}

.ct-legend.ct-legend-inside {
    position: absolute;
    top: 0;
    right: 0;
}

.ct-legend .ct-series-0 {
    margin-right: 40px !important;
}

.ct-legend .ct-series-0::before {
    background-color: rgb(0,131,194);
    border-color: rgb(0,131,194);
}

.ct-legend .ct-series-1::before {
    background-color: rgb(142,142,142);
    border-color: rgb(142,142,142);
}

.chart-legend-disclaimers {
	padding: 0 20px;
	line-height: 16px;
	font-size: 12px;
}

@media screen and (max-width: 480px) {
	.responsive .typography ul.ct-legend li {
		font-size: 10px !important;
	}

	.diversity-chart .ct-series .ct-group-label {
		font-size: 10px;
	}
}