.legend-block{
	border:0.1vw solid;
	padding:0.5vw;
	text-align:center;
	font-weight:400;
	white-space:nowrap;
	overflow:auto;
}

.legend-block .legend-value,
.legend-block .legend-symbol,
.legend-block .legend-label{
	display:inline-block;
}

.legend-block .legend-value{
	width:15%;
	background:rgba(255,255,255,0.25);
	border-radius:100px;
}

.legend-block .legend-symbol{
	width:15%;
}

.legend-block .legend-label{
	font-weight:400;
	width:40%;
	background:rgba(255,255,255,0.25);
	border-radius:100px;
}

.quality-scores td.too-good, .legend .too-good, .ui-tooltip .too-good{
	background:#678567;
	border-color:#4c654c;
	color:white;
}

.quality-scores td.good, .legend .good, .ui-tooltip .good{
	background:#ceecce;
	border-color:#7ea57e;
}

.quality-scores td.bad, .legend .bad, .ui-tooltip .bad{
	background:#b65d5d;
	border-color:#a00;
	color:white;
}

.quality-scores td.warn, .legend .warn, .ui-tooltip .warn{
	background:#f8f1af;
	border-color:#b6a808;
}

.quality-scores td.amazon, .legend .amazon, .ui-tooltip .amazon{
	background:#a3dce4;
	border-color:#4697a2;
}

.quality-scores td.amazon-missing, .legend .amazon-missing, .ui-tooltip .amazon-missing{
	background:#ffd078;
	border-color:#daa239;
}

.quality-scores td.missing, .legend .missing, .ui-tooltip .missing{
	background:#860000;
	border-color:#450000;
	color:white;
}

.quality-scores td.latency-missing, .legend .latency-missing, .ui-tooltip .latency-missing{
	background:#333;
	border-color:#111;
	color:white;
}

.legend .good-warning{
	background: -webkit-linear-gradient( 90deg, rgb(193,233,193), rgb(255,249,183) );
	background:    -moz-linear-gradient( 90deg, rgb(193,233,193), rgb(255,249,183) );
	background:      -o-linear-gradient( 90deg, rgb(193,233,193), rgb(255,249,183) );
	background:         linear-gradient( 90deg, rgb(193,233,193), rgb(255,249,183) );
	border-color:#aaa;
}

.legend .warning-critical{
	background: -webkit-linear-gradient( 90deg, rgb(255,249,183), rgb(215,68,68) );
	background:    -moz-linear-gradient( 90deg, rgb(255,249,183), rgb(215,68,68) );
	background:      -o-linear-gradient( 90deg, rgb(255,249,183), rgb(215,68,68) );
	background:         linear-gradient( 90deg, rgb(255,249,183), rgb(215,68,68) );
	border-color:#aaa;
}

.legend .ssec-faster{
	background: -webkit-linear-gradient( 90deg, rgb(123, 159, 123), rgb(193,233,193) );
	background:    -moz-linear-gradient( 90deg, rgb(123, 159, 123), rgb(193,233,193) );
	background:      -o-linear-gradient( 90deg, rgb(123, 159, 123), rgb(193,233,193) );
	background:         linear-gradient( 90deg, rgb(123, 159, 123), rgb(193,233,193) );
	border-color:#aaa;
}

.legend .ssec-slower{
	background: -webkit-linear-gradient( 90deg, rgb(193,233,193), rgb(255,249,183), rgb(215,68,68) );
	background:    -moz-linear-gradient( 90deg, rgb(193,233,193), rgb(255,249,183), rgb(215,68,68) );
	background:      -o-linear-gradient( 90deg, rgb(193,233,193), rgb(255,249,183), rgb(215,68,68) );
	background:         linear-gradient( 90deg, rgb(193,233,193), rgb(255,249,183), rgb(215,68,68) );
	border-color:#aaa;
}

.field .values .val .too-good{
	background:#7b9f7b;
}

.field .values .val .good{
	background:#c1e9c1;
}

.field .values .val .bad{
	background:#d74444;
	color:white;
}

.field .values .val .warn{
	background:#fff9b7;
}

.field .values .val .amazon{
	background:#a3dce4;
}

.field .values .val .amazon-missing{
	background:#ffd078;
}

.field .values .val .missing{
	background:#860000;
	color:white;
}

.background-channels td.too-good{
	background:#4f6e4f;
}

.background-channels td.good{
	background:#aedbae;
}

.background-channels td.warn{
	background:#fef06f;
}

.background-channels td.bad{
	background:#ff5858;
}

.background-channels td.amazon{
	background:#67b6c0;
}

.background-channels td.amazon-missing{
	background:#f5bf5b;
}

.background-channels td.missing{
	background:#a10000;
}