body {
    margin:0;
    padding:0;
}


.nv-scatter{
    position:relative;
    left:20px;
}

.nvd3-svg 
{
    transition:all ease-in-out 1.4s;
    -webkit-transition: all ease-in-out 1.4s;

    -moz-transition: all ease-in-out 1.4s;
    -ms-transition: all ease-in-out 1.4s;
    -o-transition: all ease-in-out 1.4s
}

.nv-background
{
    fill:#EFEFEF;
    stroke:black;
	stroke-dasharray:none;
	fill-opacity:.8;
}

.nv-point-paths path, .nv-group path
{
    opacity:0;
    display:none;
}

#key rect
{
    stroke: black;
    stroke-width:1px;
    fill:none;
    shape-rendering:crispEdges;
}

.fade
{
    opacity:.1;
    transition:all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;

    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s
}

#tooltip
{
    z-index:101;
    
    height:20px;
    width:80px;
    position:absolute;
}

#tooltip text
{
    fill:white;
    font-size:13px;
}

#nvd3 #ttElementPercent text#percent
{
    font-size:16px !important;
}

#ttElementName #name,  #ttElementName #name2
{
    font-size:14px;
}


.ttPercent {
    font-weight: bold;
    font-size: 16px;
}

.infoTitle
{
    font-size:12px;
    fill:white;
    font-weight:bold;
}

.chartLabel
{
    font-size:15px;
    fill:black;
    font-weight:bold;
}



.ballLabel
{
    
    fill-opacity:1;
    stroke:none;
    stroke-width:0;
    font-weight:600;
    font-size:13px;
    text-anchor:middle;
    cursor:pointer;
}

.squareLabel
{
    fill:white !important;
    fill-opacity:.9;
    stroke:none;
    stroke-width:0;
    font-weight:700;
    font-size:8px;
    text-anchor:middle;
    cursor:pointer;
}


circle:not(.key):not(#closeSort)
{
    fill:brown;
    stroke:silver;
}



rect.company
{
    stroke:silver;
}

.marketSelected
{
    fill-opacity: 1;
    fill:url(#square-gradient);
}

.marketUnselected
{
    fill-opacity: 1;
    fill:lightgray;
}

.tick line
{
    shape-rendering:crispEdges;
    stroke:gray;
    opacity:.4;
}

#nvd3 .nv-y .zero line, #nvd3 .nv-x .zero line
{
    stroke-width:1px !important;
    stroke:black !important;
    stroke-dasharray:none;
    opacity:1;
}

#nvd3 .nv-y  line, #nvd3 .nv-x  line
{
    stroke-width:1px !important;
    stroke-dasharray:2px;
    stroke-dashoffset:1px;
    opacity:.5;
}


text.list
{
    font-size:14px;
}

text.listHeader
{
    font-size:15px;
    font-weight:700;
}

.up, .down
{
    fill:white;
    stroke:black;
    cursor:pointer;
}


polygon.up, polygon.down
{
    fill:black;
}



#close
{
    stroke:black;
    fill:white;
}

.chartNotes
{
    fill:white;
    font-size:13px;
    font-weight:600;
}

.nv-axislabel
{
    font-size:14px;
    font-weight:600;
}


.label
{
    font-size:12px;
    font-weight:700;
}



#detail2
{
    font-size:11px !important;
    fill:#44abd5 !important;
    font-weight:600;
    stroke:none;
    stroke-width:0;
}


.hide
{
    display:none;
}

.opaque
{
    opacity:.45;
}


text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


text.key 
{
    font-size:13px;
    font-weight:700;
}


#nvd3_tstat .xTicks
{
    stroke:black;
    stroke-width:1.5px;
    opacity:.4;
}


.family-option rect:not(#blackout)
{
    cursor:pointer;
    fill: #323232;
    stroke: #eee;
    stroke-width: 2px;
}


.family-option text {
    fill: #fff;
    font-size: 12px;
}

.family-option .check{
    fill: #00bff3;
    font-size: 25px;
    font-weight: bold;
    cursor:pointer;
}


#closeSort
{
    cursor:pointer;
    fill:#00bff3;
}

.key:hover
{
    fill:#00bff3;
}

.marketButton
{
    font-size:13px;
    font-weight:600;
    fill:white;
}

.onButton
{
    font-size:12px;
    font-weight:700;
}

.cross100
{
    shape-rendering:crispEdges;
}