.revcharts, .stockschart {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.revlogo {
    width: 100px;
    height: 50px;
    overflow: hidden;
}

    .revlogo img {
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: center top;
    }

.rticker {
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    margin-top: -10px;
}

.rname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    margin-top: -10px;
}


.stockschart .dlsvgbtn {
        fill: #323232;
    }

    .stdcolors .bkg {
        stroke-width: 1;
    }

.stockschart .stdcolors .bkg {
    fill: #fff;
    stroke: none;
}

.stdcolors .x.axis text {
    font-size: 18px;
}
.stdcolors .y.axis text {
    font-size: 12px;
}
.stdcolors .axis text {
    font-family: sans-serif;
}
.stockschart .grid {
    fill: none;
    stroke: #323232;
    opacity: .25;
    stroke-width: 1;
}

.revcharts .chartcoticker, .stockschart .chartcoticker {
    font-weight: 900;
    font-size: 64px;
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    fill-opacity: .5;
}


.revcharts .fwdEPS {
    fill: none;
    stroke-width: 3;
    stroke-opacity: .75;
}

.stockschart .fwdEPS {
    fill: none;
    stroke-width: 2;
    stroke-opacity: .75;
}


.revcharts .fwdEPSfill, .stockschart .fwdEPSfill {
    stroke: none;
}
.revcharts .vwapline, .stockschart .vwapline {
    fill: none;
    stroke-width: 3;
}
.revcharts .chartconame, .stockschart .chartconame {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.custom-card {
    cursor: pointer;
}

.stdcolors path.macd {
    stroke: #323232;
    stroke-width: 2;
}

.stdcolors path.signal {
    stroke: #ddb785;
    stroke-width: 2;
}

.stdcolors path.zero {
    stroke: #323232;
    stroke-opacity: 1;
}

.stdcolors path.difference {
    fill: #323232;
    opacity: 0.5;
}

.stdcolors .sentdata {
    stroke: #ddb785;
    stroke-width: 3;
}



.custom-card:hover {
    background-color: #f7f7f7;
}

.stdcolors .bkg {
    fill: #f7f7f7;
    stroke: #323232;
}

.stdcolors .plotarea {
    fill: #f7f7f7;
}

.stdcolors .axis text {
    fill: #323232;
}

.stdcolors .axis line, .stdcolors .axis tick, stdcolor .axis path {
    stroke: #323232;
    fill: none;
    shape-rendering: crispEdges;
}

.stdcolors path.candle {
    stroke: #323232;
    shape-rendering: optimizeQuality;
}

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

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

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

.stdcolors path.tradearrow {
    stroke: #323232;
    stroke-width: 1;
    shape-rendering: optimizeQuality;
}

.stdcolors path.buy {
    fill: #bfddb1;
}

.stdcolors path.sell {
    fill: #e57e76;
}

.stdcolors .upbar {
    fill: #bfddb1;
    fill-opacity: .5;
}

.stdcolors .downbar {
    fill: #e57e76;
    fill-opacity: .5;
}

.stdcolors .poc {
    fill: #323232;
    fill-opacity: .25;
}

.stdcolors .up-pbvlgnd {
    fill: #bfddb1;
    fill-opacity: .75;
    stroke-width: 1;
    stroke: #323232;
    stroke-opacity: 0;
}

.stdcolors .down-pbvlgnd {
    fill: #e57e76;
    fill-opacity: .75;
    stroke-width: 1;
    stroke: #323232;
    stroke-opacity: 0;
}

.stdcolors path.volume {
    fill: #323232;
    opacity: .75;
}

.stdcolors .chartcoticker {
    fill: #323232;
}

.stdcolors .fwdEPS {
    stroke: #ddb785;
}

.stdcolors .fwdEPSfill {
    fill: #ddb785;
    fill-opacity: .25;
}

.stdcolors .vwapline {
    stroke: #7095f7;
}

.stdcolors .avwaplgnd {
    fill: #7095f7;
}

.stdcolors .epslgnd {
    fill: #ddb785;
}

.stdcolors .chartconame {
    fill: #323232;
}


@media (prefers-color-scheme: dark) {
    .stockchart .grid {
        stroke: #f7f7f7;
        opacity: .25;
    }

    .stdcolors .bkg {
        fill: #414141;
        stroke: #f7f7f7;
    }

    .stockschart .stdcolors .bkg {
        fill: #323232;
        stroke: none;
    }


    .stdcolors .plotarea {
        fill: #414141;
    }
    .stdcolors .axis text {
        fill: #f7f7f7;
    }
    .stdcolors path.candle {
        stroke: #f7f7f7;
        shape-rendering: optimizeQuality;
    }
    .stdcolors path.candle.body {
        stroke-width: 1;
        stroke-opacity: .5;
    }

    .stockschart .dlsvgbtn {
        fill: #f7f7f7;
    }
        .stdcolors path.candle.up {
            fill: #bfddb1;
            stroke: #bfddb1;
        }

        .stdcolors path.candle.down {
            fill: #e57e76;
            stroke: #e57e76;
        }
    .stdcolors path.tradearrow {
        stroke: #323232;
        stroke-width: 1;
        shape-rendering: optimizeQuality;
    }

    .stdcolors path.buy {
        fill: #bfddb1;
    }

    .stdcolors path.sell {
        fill: #e57e76;
    }

    .stdcolors .upbar {
        fill: #bfddb1;
        fill-opacity: .25;
    }

    .stdcolors .downbar {
        fill: #e57e76;
        fill-opacity: .25;
    }

    .stdcolors .poc {
        fill: #f7f7f7;
        fill-opacity: .15;
    }

    .stdcolors .fwdEPS {
        stroke: #323232;
    }

    .stdcolors .fwdEPSfill {
        fill: #323232;
        fill-opacity: .67;
    }

    .stdcolors .sentdata {
        stroke: #f7f7f7;
        stroke-width: 3;
    }

    .stdcolors .up-pbvlgnd {
        fill: #bfddb1;
        fill-opacity: .75;
        stroke-width: 1;
        stroke: #323232;
        stroke-opacity: 0;
    }

    .stdcolors .down-pbvlgnd {
        fill: #e57e76;
        fill-opacity: .75;
        stroke-width: 1;
        stroke: #323232;
        stroke-opacity: 0;
    }

    .revcharts .stdcolors path.volume {
        fill: #323232;
        opacity: 1;
    }

    .stockschart .stdcolors path.volume {
        fill: #f7f7f7;
        fill-opacity: .5;
        stroke: #f7f7f7;
    }

    .revcharts .chartcoticker {
        fill: #323232;
    }

.stockschart .chartcoticker {
        fill: #f7f7f7;
        fill-opacity: .5;
    }

    .stdcolors .vwapline {
        stroke: #7095f7;
    }

    .stdcolors .avwaplgnd {
        fill: #7095f7;
    }

    .stdcolors .epslgnd {
        fill: #323232;
    }

    .stdcolors .chartconame {
        fill: #f7f7f7;
    }

    .revcards {
        background-color: #414141;
        color: #ddb785;
    }

        .revcards:hover {
            background-color: #323232;
            color: #f7f7f7;
        }

    .revtitle {
        fill: #323232;
    }

        .revtitle svg {
            fill: #323232;
        }

        .shortsfill {
            fill: #ddb785;
        }


    .stdcolors path.macd {
        stroke: #f7f7f7;
        stroke-width: 2;
    }

    .stdcolors path.signal {
        stroke: #ddb785;
        stroke-width: 2;
    }

    .stdcolors path.zero {
        stroke: #f7f7f7;
        stroke-opacity: 1;
    }

    .stdcolors path.difference {
        fill: #f7f7f7;
        opacity: 0.5;
    }

    .stdcolors .sentdata {
        stroke: #ddb785;
        stroke-width: 3;
    }

    .stdcolors .macdlgnd {
        fill: #f7f7f7;
    }


}

@media (prefers-color-scheme: light) {

}

@media (min-width: 576px) {



}

@media (min-width: 768px) {



}

@media (min-width: 992px) {
}


@media (min-width: 1200px) {

}


@media (min-width: 1500px) {

}