#rankbox {
    display: none;
}
#rankchart {
    width: 125px;
    height: 125px;
}
#coticker {
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    padding-left: 25px;
    font-size: 18px;
    text-rendering: optimizeLegibility;
}
#coname {
    padding-left: 25px;
    font: 14px sans-serif;
    text-rendering: optimizeLegibility;
}
#coprice {
    padding-left: 40px;
    padding-top: 10px;
    font: 12px sans-serif;
    font-weight:bold;
    text-rendering: optimizeLegibility;
}
#cochange, #copercent {
    padding-top: 10px;
    font: 12px sans-serif;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
#copercent {
    text-align: left;
}
#topcodata {
    width: 320px;
    margin-top: 20px;
    float: left;
    /*display:none;*/
}

#valuations {
    width: 320px;
    margin-top: 20px;
    height: 80px;
    float: left;
}

#sentiment {
    width: 320px;
    margin-top: 20px;
    height: 80px;
    float: left;
}
.sentbtn {
    cursor: pointer;
}
.senttxt {
    cursor: pointer;
}


.tooltip-donut {
    width: 125px;
    height: 60px;
    z-index: 10;
    position: absolute;
    top: 50px;
    left: 50px;
    text-align: center;
    color: #FFF;
    padding: 2px;
    font: 12px sans-serif;
    background: #8386b7;
    border: 0;
    border-radius: 8px;
    pointer-events: none;
}
.tttop {
    font-weight:bold;
    padding-bottom:10px;
}
#sschart {
    width: 320px;
    height: 135px;
}

.y.annotation.right {
    fill: none;
    stroke: #FFF;
    font: 10px sans-serif;
    text-rendering: optimizeLegibility;
}

    .y.annotation.right path {
        fill: #000;
    }

    .y.annotation.right.up path {
        fill: #00AA00;
    }

.coname {
    fill: #8386b7;
    font: 16px sans-serif;
    text-rendering: optimizeLegibility;
}

.chartcopy {
    fill: #000;
    font: 9px sans-serif;
    text-rendering:optimizeLegibility;
}

.indlabel {
    fill: #000;
    font: 10px sans-serif;
    text-rendering: optimizeLegibility;
}

.chart-icon {
    color: #8386b7;
    opacity: 0.5;
}

#svgbackground {
    fill: #FFF;
}

.bulllogo {
    fill: #bfddb1;
    stroke: none;
}
.bearlogo {
    fill: #e57e76;
    stroke: none;
}
.logodetail {
    fill: #FFF;
    stroke: none;
}

.close {
    fill: none;
    stroke: #000;
    stroke-width: 2;
    shape-rendering: optimizeQuality;
}

.chartbtn {
    fill: none;
    font: 12px sans-serif;
    stroke: #000;
}

.grid {
    fill: none;
    stroke: #8386b7;
    opacity: .25;
    stroke-width: .33;
}
.topSum {
    fill: #000;
    font: 11px sans-serif;
    font-weight:bold;
    text-rendering: optimizeLegibility;
}
.focusBack {
        fill: #FFF;
        stroke-width:1;
        stroke: #000;
}
.focusText {
    fill: #000;
    font: 11px sans-serif;
    text-rendering: optimizeLegibility;
}
#focusDiv {
    visibility: hidden;
    font: 11px sans-serif;
    text-rendering: optimizeLegibility;
}

path.candle {
    stroke: #000;
    shape-rendering: crispEdges;
}

    path.candle.body {
        stroke-width: .5;
    }

    path.candle.up {
        fill: #bfddb1;
        stroke: #000;
    }

    path.candle.down {
        fill: #e57e76;
        stroke: #000;
    }

path.macd {
    stroke: #8386b7;
    fill: none;
    stroke-width:2;
}

path.signal {
    stroke: #e57e76;
    fill: none;
    stroke-width: 2;
}

path.zero {
    stroke: #BBBBBB;
    stroke-dasharray: 0;
    stroke-opacity: 0.5;
}

path.difference {
    fill: #BBBBBB;
    opacity: 0.5;
}


path.rsi {
    stroke: #000000;
    fill: none;
}

path.overbought, path.oversold {
    stroke: #FF9999;
    stroke-dasharray: 5, 5;
}

path.middle, path.zero {
    stroke: #BBBBBB;
    stroke-dasharray: 5, 5;
}

.indarea {
    fill: #FFF;
}

path.volume {
    fill: #AAAAAA;
    opacity: 0.5;
}

    path.volume.up {
        fill: #bfddb1;
    }

    path.volume.down {
        fill: #e57e76;
    }

.ma-0 {
    fill: #8386b7;
    fill-opacity: .1;
}
.ma-1 {
    fill: none;
    stroke: #8386b7;
    stroke-width: 2;
}
.ma-2 {
    fill: none;
    stroke: #e57e76;
    stroke-width: 2;
}


@media (min-width: 576px) {
    #sschart {
        width: 576px;
        height: 240px;
    }
}


@media (min-width: 768px) {
    #sschart {
        width: 768px;
        height: 320px;
    }
}


@media (min-width: 992px) {
    #sschart {
        width: 992px;
        height: 413px;
    }
}


@media (min-width: 1200px) {
    #sschart {
        width: 1200px;
        height: 400px;
    }
}