@charset "UTF-8";


#graph li:nth-child(1) dd .bar span {
	background: #e66c84;
}
#graph li:nth-child(2) dd .bar span {
	background: #ffcc28;
}
#graph li:nth-child(3) dd .bar span {
	background: #f7aa00;
}
#graph li:nth-child(4) dd .bar span {
	background: #92d050;
}
#graph li:nth-child(5) dd .bar span {
	background: #0170c0;
}
#graph li:nth-child(6) dd .bar span {
	background: #563688;
}


#graph li:nth-child(1) dt .pict {
	background-image: url(../img/pict1.svg);
}
#graph li:nth-child(2) dt .pict {
	background-image: url(../img/pict2.svg);
}
#graph li:nth-child(3) dt .pict {
	background-image: url(../img/pict3.svg);
}
#graph li:nth-child(4) dt .pict {
	background-image: url(../img/pict4.svg);
}
#graph li:nth-child(5) dt .pict {
	background-image: url(../img/pict5.svg);
}
#graph li:nth-child(6) dt .pict {
	background-image: url(../img/pict6.svg);
}





#values .pict.type1 {
	background-image: url(../img/pict1.svg);
}
#values .pict.type2 {
	background-image: url(../img/pict2.svg);
}
#values .pict.type3 {
	background-image: url(../img/pict3.svg);
}
#values .pict.type4 {
	background-image: url(../img/pict4.svg);
}
#values .pict.type5 {
	background-image: url(../img/pict5.svg);
}
#values .pict.type6 {
	background-image: url(../img/pict6.svg);
}






.result [data-type="layout1"] .legends .diff span,
.result [data-type="layout1"] .legends .diff span::after {
	background: #563688;
}

.result [data-type="layout2"] .legends .diff span,
.result [data-type="layout2"] .legends .diff span::after {
	background: #e66c84;
}

.result [data-type="layout3"] .legends .diff span,
.result [data-type="layout3"] .legends .diff span::after {
	background: #f7aa00;
}

.result [data-type="layout4"] .legends .diff span,
.result [data-type="layout4"] .legends .diff span::after {
	background: #0170c0;
}