app-mpt/app/www/style.css

body {
  overflow: scroll;
}

/* For scatter plot */
text {
    font-family: sans-serif;
    fill: #000000;
}

table {
    visibility: hidden;
    position: absolute;
    top: 30px;
    left: 500px;
    font-family: sans-serif;
    font-size: 0.7em;
}

tr:nth-child(even) {
    background-color: #d9d9d9;
}

.brushed {
    fill: #ff3399;
    stroke: #8e1b54;
    opacity: 1.0;
}

.brush .extent {
    stroke: #000;
    stroke-width: 1.5px;
    fill: #000;
    fill-opacity: 0.3;
}
.point.selected, .point.saved {
    stroke: darkred;
    stroke-width: 3;
}

#sct_container {
    display: flex;
    flex-direction: row;
    margin: 0 -5px;
}

#scatterplot_area {
    margin: 0 5px;
}

#sct_dropdown_area {
    margin: 0 5px;
}

#sct_checkbox_area {
    margin: 0 5px;
}

/* for node-link diagram */
.node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 3px;
}

.node text {
  font: 12px sans-serif;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 2px;
}

/*TREEMAP*/

text {
    pointer-events: stroke;
}
.grandparent text {
  font-weight: bold;
}

rect.parent,
.grandparent rect {
  stroke-width: 6px;
}
.grandparent rect {
  fill: orange;
}
.grandparent:hover rect {
  fill: #ee9700;
}
.children rect.parent,
.grandparent rect {
  cursor: pointer;
}
.children rect.parent {
  fill: #bbb;
  fill-opacity: 0.5;
}
.children:hover rect {
    fill: #ee9700;
    fill-opacity: 0.5;
}

/* parallel coordinates style */
.tick {
  font-size: 10pt;
  color: red;
}

.foreground path {
  fill: none !important;
  stroke: steelblue;
  stroke-width: 1.2px;
}

.foreground path.fade {
  stroke: #000;
  stroke-opacity: .05;
}

/* Brush on axis */
.brush .extent .selection {
  fill-opacity: .3;
  stroke: #fff;
  shape-rendering: crispEdges;
}

.axis line,
.axis path {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
  shape-rendering: crispEdges;
}

.axis text {
  text-shadow: 0 1px 0 #fff;
  cursor: move;
  font-size: 12px;
  fill: black;
}

.background path {
  fill: none;
  stroke: #ddd;
  shape-rendering: crispEdges;
}

.eixoSexo line {
  fill: black;
  stroke-width: 3px;
}

.eixoSexo path {
  fill: none;
  stroke: url(#svgGradient);
  stroke-width: 3px;
  shape-rendering: crispEdges;
}

.eixoSexo text {
  text-shadow: 0 1px 0 #fff;
  cursor: move;
  font-size: 13pt;
  fill: black;
}

/* Heatmap Table */
#super_container {
    display: flex;
    flex-direction: column;
}

#choropleth_heatmap_container {
    display: flex;
    flex-direction: row;
}

#heatmap_container {
    display: flex;
    flex-direction: row;
    margin: 0.5px;
}

#smallmultiples_container {
    display: flex;
    flex-direction: row;
    margin: 0.5px;
}

/*Parallel Sets */
.dimension { cursor: ns-resize; }
.category { cursor: ew-resize; }
.dimension tspan.name { font-size: 1.5em; fill: #333; font-weight: bold; }
.dimension tspan.sort { fill: #000; cursor: pointer; opacity: 0; }
.dimension tspan.sort:hover { fill: #333; }
.dimension:hover tspan.name { fill: #000; }
.dimension:hover tspan.sort { opacity: 1; }
.dimension line { stroke: #000; }
.dimension rect { stroke: none; fill-opacity: 0; }
.dimension > rect, .category-background { fill: #fff; }
.dimension > rect { display: none; }
.category:hover rect { fill-opacity: .3; }
.dimension:hover > rect { fill-opacity: .3; }
.ribbon path { stroke-opacity: 0; fill-opacity: .5; }
.ribbon path.active { fill-opacity: .9; }
.ribbon-mouse path { fill-opacity: 0; }

.category-0 { fill: #1f77b4; stroke: #1f77b4; }
.category-1 { fill: #ff7f0e; stroke: #ff7f0e; }
.category-2 { fill: #2ca02c; stroke: #2ca02c; }
.category-3 { fill: #d62728; stroke: #d62728; }
.category-4 { fill: #9467bd; stroke: #9467bd; }
.category-5 { fill: #8c564b; stroke: #8c564b; }
.category-6 { fill: #e377c2; stroke: #e377c2; }
.category-7 { fill: #7f7f7f; stroke: #7f7f7f; }
.category-8 { fill: #bcbd22; stroke: #bcbd22; }
.category-9 { fill: #17becf; stroke: #17becf; }
.category-10 { fill: #aec7e8; stroke: #aec7e8; }
.category-11 { fill: #ffbb78; stroke: #ffbb78; }
.category-12 { fill: #98df8a; stroke: #98df8a; }
.category-13 { fill: #ff9896; stroke: #ff9896; }
.category-14 { fill: #c5b0d5; stroke: #c5b0d5; }
.category-15 { fill: #c49c94; stroke: #c49c94; }
.category-16 { fill: #f7b6d2; stroke: #f7b6d2; }
.category-17 { fill: #c7c7c7; stroke: #c7c7c7; }
.category-18 { fill: #dbdb8d; stroke: #dbdb8d; }
.category-19 { fill: #9edae5; stroke: #9edae5; }

.tooltip {
    background-color: rgba(242, 242, 242, .6);
    position: absolute;
    padding: 5px;
}