body {
  margin: 0;
  overflow: auto;
}

.saturation-field {
  margin-right: 0px !important;
}



ul.tiptext {
    shape-rendering: crispEdges;
    font-family: "ProximaNova", "Helvetica Neue", sans-serif;
    font-weight: bold;
    /* top - right - bottom - left */
    margin: 2px 2px 2px 2px;
    padding: 0px;
    text-anchor: left !important;
    /*float: left;*/
    z-index: 99999 !important;
}

ul.tiptext span {
    float: right !important;
    font-weight: 400;
}

ul.tiptext li {}

ul.tiptext li span {
    float: right !important;
} 


ul.colorVariables {
    font-family: "ProximaNova", "Helvetica Neue", sans-serif;
    /* top - right - bottom - left */
    /*margin: 2px 2px 2px 2px;*/
    /*padding: 0px;*/
    /*padding-left: 6px;*/
}




/*#mod_focus_area {
    fill: #080;
    fill-opacity: 0.5; 
    stroke: #000;
    stroke-width:0.5px;
    stroke-opacity:1.0;
    shape-rendering: auto;
}*/


/*#modRightPlot,*/
/*#modRightPanelContext,*/
/*#mod_rightContextPath {
    fill: #800;
    fill-opacity: 0.3; 
    stroke: #000;
    stroke-width:0.5px;
    stroke-opacity:1.0;
    shape-rendering: auto;
}*/

/*#modTopPlot,*/
/*#modTopPanelContext,*/
/*#mod_topContextPath {
    fill: #008;
    fill-opacity: 0.3; 
    stroke: #000;
    stroke-width:0.5px;
    stroke-opacity:1.0;
    shape-rendering: auto;
}*/





.badgeUniqueVals {
  display: inline-block;
  min-width: 10px;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
  border-radius: 10px;
}

.badgeUniqueVals:empty {
  display: none;
}

.numeric {
    background-color: #428bca;
}

.categorical {
    background-color: #c0392b;
}

.group {
    background-color: #27ae60;
}

.attrVal {
    background-color: #ca428b;
}



.graphML {
    background-color: #c0392b;
}





.d3-tip {
  opacity: 0.7;
  color: #000;
    /*position: absolute;*/
    min-width: 150px;
    max-width: 350px;
    height: auto;
    padding: 10px;
    width: auto;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    -mox-box-shadow: 4px 4px 4px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px rbga(0, 0, 0, 0.4) pointer-events: none;
    text-align: left !important;
    /*float: left !important;*/
}

.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
}

.d3-tip.n:after {
  margin: 0px 0 0 0;
  top: 100%;
  left: 0;
}

.d3-tip > span {
  padding-left: 10px;
  float: right !important;
}








.d3-tip-modPlot {
    opacity: 0.7;
    color: #000;
    /*position: absolute;*/
    min-width: 150px;
    max-width: 350px;
    height: auto;
    padding: 10px;
    width: auto;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    -mox-box-shadow: 4px 4px 4px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px rbga(0, 0, 0, 0.4) pointer-events: none;
    text-align: left !important;
    /*float: left !important;*/
}

.d3-tip-modPlot:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  /*text-align: center;*/
}

.d3-tip-modPlot.n:after {
  margin: 0px 0 0 0;
  top: 100%;
  left: 0;
}

.d3-tip-modPlot > span {
  padding-left: 10px;
  float: right !important;
}



.scaps {
  font-family: "ProximaNova","Lato", "Open Sans", "Helvetica", Arial, sans-serif;
  font-variant: small-caps !important;
}





.smallcaps {
  /*font-variant: small-caps;*/
  font-family: "Lato", "Open Sans", sans-serif;
  font-size: 12px;
}








/*.d3-tip, */
.d3-tipPlotDist {
  line-height: 1;
  font-weight: 500;
  padding: 6px;
  
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);

  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  /*border-radius: 2px;*/
  opacity: 0.7;
  z-index: 99999 !important;
}

/* Creates a small triangle extender for the tooltip */
/*.d3-tip:after, */
.d3-tipPlotDist:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
  z-index: 99999 !important;
}

/* Style northward tooltips differently */
/*.d3-tip.n:after, */
.d3-tipPlotDist.n:after {
  margin: -1px 0 0 0;
  /*margin: 0px 0 0 0;*/
  top: 100%;
  left: 0;
}



#tooltip {
        position: absolute;
        width: 200px;
        height: auto;
        padding: 10px;
        background-color: white;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
        pointer-events: none;
        z-index: 99999 !important;
}

#tooltip.hidden {
        display: none;
}

#tooltip p {
        margin: 0;
        font-family: sans-serif;
        font-size: 16px;
        line-height: 20px;
}



svg { 
  /*font-family: "ProximaNova", "Open Sans", "Helvetica", Arial, sans-serif;*/
  font-family: "ProximaNova", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /*"ProximaNova", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif*/
  font-size: 14px;   
  /*shape-rendering: crispEdges; */
}


/* Do not remove, problems for modplot, etc. */
.axis { 
  /*shape-rendering: crispEdges; */
}
.axis line { 
  stroke: #ddd; 
  stroke-width: 1px !important; 
}
.axis path { display: none; }
.axis text { font-size: 0.8em; }

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


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

*/

.axisTop { shape-rendering: crispEdges; }
.axisTop line { stroke: #ddd; stroke-width: 1px; }
.axisTop path { display: none; }
.axisTop text { 
  font-size: 0.8em; 
  font-family: "ProximaNova", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


.axisLeft { shape-rendering: crispEdges; }
.axisLeft line { stroke: #ddd; stroke-width: 1px; }
.axisLeft path { display: none; }
.axisLeft text { 
  font-size: 0.8em;
  font-family: "ProximaNova", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


.overlay {
  fill: none;
  pointer-events: all;
}





/* brushing */
rect.extent { 
    fill: #000; 
    fill-opacity: .125 !important; 
    stroke: #000; 
    stroke-opacity: 0.5;
}

/* indiv. plot */
rect.frame { fill: #fff; fill-opacity: .7 !important; stroke: #aaa; }
rect.background { fill: #fff; fill-opacity: .7 !important; stroke: #aaa; }


/*path.outlier { 
  stroke: #ccc;
  fill: #ccc; 
  fill-opacity: .5; 
}

path.outlier:hover {
  fill-opacity: 1.0;
  stroke: #000;
}*/


/*#outlier { 
  fill: #ccc; 
  fill-opacity: .5; 
}*/

/*path.color-*:hover,*/
/*#outlier:hover {
  fill-opacity: 1.0;
  stroke: #000;
}*/

path#outlier {
  /*fill: #ccc;*/
  /*stroke-opacity: 0.5;*/
  fill-opacity:0.5;
  shape-rendering: auto;
}

path#outlier:hover {
  fill-opacity: 1.0;
  stroke: #000;
  shape-rendering: auto;
}


/*path.extent { fill: #000; fill-opacity: .125 !important; stroke: #fff; }*/

/*circle,*/
/*path#outlier,*/
path#spmSymbol {
    /*fill: #ccc;*/
    /*stroke-opacity: 0.5;*/
    fill-opacity: 0.5;
    shape-rendering: auto;
}

/*path#outlier:hover,*/
path#spmSymbol:hover {
    /*fill: #ccc; */
    fill-opacity: 0.8;
    stroke: #000;
    shape-rendering: auto;
}



path#spmSymbolUpper {
    fill-opacity: 0.5 !important;
    shape-rendering: auto;
}

path#spmSymbolUpper:hover {
    fill-opacity: 0.8 !important;
    stroke: #000;
    shape-rendering: auto;
}



/*.cell path#spmSymbol {
    shape-rendering: auto;
}
*/

circle { fill: #ccc; fill-opacity: .5; }

.legend circle { fill-opacity: 0.8; }
.legend text { font-size: 18px; font-style: oblique; }
  /*shape-rendering: crispEdges; }*/

.cell text { pointer-events: none;   shape-rendering: auto; }

.clearSymbol {
    fill: #ccc;
    fill-opacity: 0.5;
    shape-rendering: auto;
}


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


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


.stroke-line-0  { stroke: #800; fill: none; shape-rendering: auto; }
.stroke-line-1  { stroke: #080; fill: none; shape-rendering: auto; }
.stroke-line-2  { stroke: #008; fill: none; shape-rendering: auto; }
.stroke-line-3  { stroke: #440; fill: none; shape-rendering: auto; }
.stroke-line-4  { stroke: #044; fill: none; shape-rendering: auto; }
.stroke-line-5  { stroke: #404; fill: none; shape-rendering: auto; }
.stroke-line-6  { stroke: #400; fill: none; shape-rendering: auto; }
.stroke-line-7  { stroke: #040; fill: none; shape-rendering: auto; }
.stroke-line-8  { stroke: #004; fill: none; shape-rendering: auto; }
.stroke-line-9  { stroke: #cc0; fill: none; shape-rendering: auto; }
.stroke-line-10 { stroke: #0cc; fill: none; shape-rendering: auto; }
.stroke-line-11 { stroke: #c0c; fill: none; shape-rendering: auto; }
.stroke-line-12 { stroke: #880; fill: none; shape-rendering: auto; }
.stroke-line-13 { stroke: #088; fill: none; shape-rendering: auto; }
.stroke-line-14 { stroke: #808; fill: none; shape-rendering: auto; }
.stroke-line-15 { stroke: #c00; fill: none; shape-rendering: auto; }
.stroke-line-16 { stroke: #0c0; fill: none; shape-rendering: auto; }
.stroke-line-17 { stroke: #00c; fill: none; shape-rendering: auto; }


.color-0  { fill: #800; }
.color-1  { fill: #080; }
.color-2  { fill: #008; }
.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; }



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



.plot-matrix-control { margin-right: 20px;   font-weight: 300; 
  font-family: "Helvetica Neue", "Open Sans", "ProximaNova", Helvetica, Arial, sans-serif; }

.plot-matrix-variable-control ul { list-style: none; padding-left: 10px;   font-weight: 300; 
  font-family: "Helvetica Neue", "Open Sans", "ProximaNova", Helvetica, Arial, sans-serif;
}
.plot-matrix-svg { float: left; margin-top: 15px; width: 1000px;   font-weight: 300; 
  font-family: "Helvetica Neue", "Open Sans", "ProximaNova", Helvetica, Arial, sans-serif;
}



.cell {
  /*overflow: hidden;*/
}

.othertmp {
      -moz-background-clip: border;     /* Firefox 3.6 */
    -webkit-background-clip: border;  /* Safari 4? Chrome 6? */
    background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

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



/*.plot-matrix-control { margin-right: 0px;   font-weight: 300; font-family: "Helvetica Neue"; }
.plot-matrix-variable-control ul { list-style: none; padding-left: 0px;   font-weight: 300; font-family: "Helvetica Neue"; }
.plot-matrix-svg { float: left; margin-top: 15px; width: 1000px;   font-weight: 300; font-family: "Helvetica Neue"; }*/

.plot-matrix-control { margin-right: 0px; max-width: 200px;  font-weight: 300; }
.plot-matrix-variable-control ul { list-style: none; padding-left: 0px;   font-weight: 300; }
.plot-matrix-svg { float: left; margin-top: 15px; width: 1000px;  padding-left: -100px; font-weight: 300;  }


.legend {margin-left: 100px; padding-left: 100px;}
.legend circle { margin-left: 100px; padding-left: 100px; fill-opacity: 1;  
  /*shape-rendering: crispEdges; */
}
.legend text { padding-left: 10px; margin-left: 10px; font-size: 16px; font-style: oblique;   shape-rendering: auto; }



circle { 
  /*shape-rendering: optimizeSpeed; */
  shape-rendering: auto;

}

circle:hover {
  fill-opacity: 1.0;
  stroke: #000;
}


.bar {
  fill: #bbb;
  stroke: #ccc;
  stroke-width: 0.5px;
  shape-rendering: auto;
}

.line {
  fill: none;
  stroke: #000;
  /*stroke-width: 1.5px;*/
  /*shape-rendering: geometricPrecision;*/
}

.rug {
  stroke: darkorange;
  stroke-width: 1.0px;
  /*shape-rendering: geometricPrecision;*/
}

.best-fit {
    /*stroke: darkorange;*/
    stroke: #FF0000;
    stroke-width: 1.5px;
    shape-rendering: geometricPrecision;
    /*opacity: 0.6;*/
    fill-opacity: 0.6;
}

.best_fit:hover {
  fill-opacity: 1.0;
  opacity: 1.0;
  stroke: #000;
}







/* 
    BOX AND WHISKER PLOT 
*/

#boxAndWhiskersPlot {
  /*shape-rendering: auto;*/
}


rect.box {
    stroke-width: 1.0px;
    /*fill-opacity: .3 !important;*/
    pointer-events: all;
    margin-left: 100px; padding-left: 100px;
    font-family: "Helvetica Neue", "Open Sans", "ProximaNova", Helvetica, Arial, sans-serif;
    /*font: 10px sans-serif;*/
    align: middle;
    float: center !important;
    z-index: 9999 !important;
}
rect.box:hover {
/*.box:hover */
/*{*/
    fill-opacity: 1.0 !important;
    stroke: "#FF0000";
    stroke-width: 1.0px;
    /*shape-rendering: geometricPrecision;*/
    z-index: 9999 !important;
}

line.center {
    stroke-dasharray: 3,3;
    z-index: 9999 !important;
}
line.center:hover {
    stroke-dasharray: 6,6;
    stroke: #FF0000;
    z-index: 9999 !important;
}


line.median {
    stroke: #FF0000;
    stroke-width: 1.0px;
    z-index: 9999 !important;
}
line.median:hover {
    stroke-width: 1.0px;
}
line.whisker {
    stroke-width: 1.0px;
    stroke: #FF0000;
    stroke-opacity: 1.0;
    z-index: 9999 !important;
    /*shape-rendering: geometricPrecision;*/
}
line.whisker:hover {
    stroke-width: 1.2px;
    stroke: #FF0000;
    stroke-opacity: 1.0;
    /*shape-rendering: geometricPrecision;*/
}


/*circle.outlier {

}*/
/*text.box, text.whisker {

}*/


/* BOX PLOT */
/*rect.box,
.box {
  pointer-events: all;
  margin-left: 100px; padding-left: 100px;
  font-family: "Helvetica Neue", "Open Sans", "ProximaNova", Helvetica, Arial, sans-serif;
  font: 10px sans-serif;
  align: middle;
  float: center !important;
  z-index: 9999 !important;
}

rect.box:hover,
.box:hover {
  font-weight: bold;
  z-index: 9999 !important;
}*/

rect.box line,
rect.box rect,
rect.box circle,
.box line,
.box rect,
.box circle {
  fill: #fff;
  stroke: #000;
  stroke-width: 1.0px;
}

rect.box line:hover,
rect.box rect:hover,
rect.box circle:hover,
.box line:hover,
.box rect:hover,
.box circle:hover,
.box .center:hover,
.box .outlier {
    fill: #eee;
    /*stroke: #000;*/
    /*stroke-width: 2.5px;*/
    stroke: #FF0000;
    /*stroke-dasharray: 0,0;*/
}

rect.box .center,
.box .center {
    stroke-dasharray: 3,3;
}

rect.box .outlier,
.box .outlier {
    fill: #FF0000;
    fill-opacity: 0.25;
    stroke: #FF0000;
}

rect.box .outlier:hover,
.box .outlier:hover {
    fill: #FF0000;
    fill-opacity: 1.0;
    stroke: #000;
    stroke-width: 1.0px;
}




/*rect.box .outlier,
.box .outlier {
  fill: none;
  stroke: darkorange;
}

rect.box .outlier:hover,
.box .outlier:hover {
  fill: #ccc;
  stroke: #FF0000;
}*/



/* modPlot.js - Plot of MODERATION ANALYSES */


.brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}

#mod_focus_area {
    /*fill: #080;*/
    /*fill-opacity: 0.7; */
}

#mod_rightContextPath {
    fill: #800;
    fill-opacity: 0.7;
    /*stroke: #000;*/
}
#mod_topContextPath {
    fill: #008;
    fill-opacity: 0.7;
    /*stroke: #000;*/
}

/*#spmSymbol {
    fill: #800;
    fill-opacity:0.5;
    stroke: #000;
}
*/


#modPlotSymbolFocus {
    /*fill: #800;*/
    fill-opacity:0.5;
    stroke: #000;
    /*shape-rendering: auto;*/
}

/*#mod_xAxis .axis path,
#mod_xAxis .axis line,
#mod_yAxis .axis path,
#mod_yAxis .axis line {
  fill: none;
  stroke: #000;
  display: inline !important;
  shape-rendering: crispEdges;
}
*/

.modPlotVis .axis { 
    /*shape-rendering: crispEdges; */

    shape-rendering: auto;
    display: inline !important;
}
.modPlotVis .axis line { 
    stroke: #000; 
    stroke-width: 1px !important; 
    display: inline !important;
}
.modPlotVis .axis path { 
    /*display: none; */
    /*fill: none;*/
    stroke: #000;
    stroke-width: 1px;
    display: inline !important;
    /*shape-rendering: auto;*/
}
.modPlotVis .axis text { 
    font-size: 1.2em; 
}


.modPlotVis .axis path, .modPlotVis .axis line {
    fill: none;
    stroke: #000;
    stroke-width: 1px;
    display: inline !important;
    /*shape-rendering: auto;*/
}

.modPlotVis path.domain {
    fill: none;
    stroke: #000;
    stroke-width: 1px;
    display: inline !important;
    /*shape-rendering: auto;*/
}



.d3-tip-modPlot {
    opacity: 0.7;
    color: #000;
    position: absolute;
    min-width: 150px;
    max-width: 350px;
    height: auto;
    padding: 10px;
    width: auto;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    -mox-box-shadow: 4px 4px 4px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px rbga(0, 0, 0, 0.4) pointer-events: none;
    text-align: left !important;
    float: left !important;
}

.d3-tip-modPlot:after {
    box-sizing: border-box;
    display: inline;
    font-size: 10px;
    width: 100%;
    line-height: 1;
    color: rgba(0, 0, 0, 0.8);
    /*content: "\25BC";*/
    position: absolute;
    /*text-align: center;*/
}

.d3-tip-modPlot.n:after {
    margin: 0px 0 0 0;
    top: 100%;
    left: 0;
}

.d3-tip-modPlot > span {
    padding-left: 10px;
    float: right !important;
}














.node text, text.text-node-labels {

  font-family: "ProximaNova","Helvetica Neue", sans-serif;
  shape-rendering: crispEdges;
  font-size: 12px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  fill: #000 !important;
  pointer-events: none;
  text-shadow: 0 1px 0 #fff;

  text-anchor: middle;
  /*z-index: 9999999 !important;*/
}

.node text:hover {
  /*stroke: red !important;*/
  fill: #f00 !important;
}

text.shadow {
  shape-rendering: crispEdges;
  stroke: #fff;
  stroke-width: 3px;
  stroke-opacity: .8;
  z-index: 999999 !important;
  text-anchor: middle;
}


.node-text {
  font-family: "ProximaNova","Helvetica Neue", sans-serif;
  text-anchor: middle;
  color: black;
  -webkit-text-fill-color: #000; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #FFF;
  text-shadow:
     -1px -1px 0 #FFF,  
      1px -1px 0 #FFF,
      -1px 1px 0 #FFF,
       1px 1px 0 #FFF;
}

    .whole-height { position: absolute; 
      width: 265px; 
      bottom: 0px; 
      top: 40px;
      margin-bottom: 0px; margin-left: 0px; 
    }