.bg-white {
	background-color: #fff !important;
}
.w-100 {
	width: 100% !important;
}


.chart-wrapper {
	background: #DFE6EB;
    /*padding: 10px;
    width: 80%;*/
    margin: auto;
    position: relative;
	font-family: Arial, sans-serif;
}

.chart-wrapper h4 {
	margin: 0;
	font-size: 1.2rem;
	padding: 10px 4px;
}

.chart-wrapper .tools {
	padding: 10px;
	display: flex;
	justify-content: space-between;
}

.chart-wrapper .tools button.modify {
	background: #013DA5;
	color: #FFF;
	outline: none;
	border-radius: 3px;
	border: 0;
	padding: 5px 10px;
}

.chart-wrapper .tools .switch-view > span {
	color: #003da5;
	padding: 5px 7px;
}

.chart-wrapper .tools .switch-view > span.active {
	background: #dfe6eb;
}

.svg-wrapper svg text {
	font-size: 14px;
}

.chart-wrapper .note {
	font-size: 12px;
	padding: 10px 10px;
}




.legends {
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap!important;
}
.legends > div {
	display: flex;
}

.legends label {
	margin-bottom: 0;
}


div[id^="chart-"] {
	position: relative;
}