.scatter-matrix-container { font-size: 12px;  }
.scatter-matrix-container svg {  float: right; }

.scatter-matrix-container .axis { shape-rendering: crispEdges; }
.scatter-matrix-container .axis line { stroke: #ddd; stroke-width: 1px; }
.scatter-matrix-container .axis path { display: none; }
.scatter-matrix-container .axis text { font-size: 0.8em; }

.scatter-matrix-container rect.extent { fill: #000; fill-opacity: .125; stroke: #fff; }
.scatter-matrix-container rect.frame { fill: #fff; fill-opacity: .7; stroke: #aaa; }

/*.scatter-matrix-svg .cell circle { fill: #ccc; fill-opacity: .4; }*/

.scatter-matrix-container circle { fill-opacity: 0.5; }
.scatter-matrix-container circle.highlighted { fill-opacity: 1 !important; r:3;}
.scatter-matrix-svg .cell circle.faded{fill-opacity: 0.15;}

.scatter-matrix-container.legend text { font-size: 18px; font-style: oblique; }

.scatter-matrix-container.cell text { pointer-events: none; }

.color-0  { fill: #800; }
.color-1  { fill: #080; }
/*.color-2  { fill-opacity: 1 !important;}*/
.color-3  { fill: #440; }
.color-4  { fill: #044; }
.color-5  { fill: #404; }
.color-6  { fill: #400; }
.color-7  { fill: #040; }
.color-8  { fill: #004; }
.color-9  { fill: #cc0; }
.color-10 { fill: #0cc; }
.color-11 { fill: #c0c; }
.color-12 { fill: #880; }
.color-13 { fill: #088; }
.color-14 { fill: #808; }
.color-15 { fill: #c00; }
.color-16 { fill: #0c0; }
.color-17 { fill: #00c; }

.scatter-matrix-filter-control ul { list-style: none; padding-left: 10px; }
.scatter-matrix-variable-control ul { list-style: none; padding-left: 10px; }
.scatter-matrix-drill-control ul { list-style: none; padding-left: 10px; }

.scatter-matrix-control {
	position:absolute;
	float: right;
	padding: 20px 0 20px 30px;
	right:30px;
	width: 230px;
	overflow-y: auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.scatter-matrix-control.toggled {width: 0;  visibility: hidden;}
.scatter-matrix-control div {width: 180px;}

.scatter-matrix-variable-control ul { list-style: none; padding-left: 10px; }
.scatter-matrix-svg { margin-top: 45px; margin-left: auto; margin-right: auto; width:100px;}