body { font: 12px Arial;}
/*
path { 
    stroke-width: 2;
    fill: none;
}
*/
.axis path,
.axis line {
    fill: none;
    stroke: grey;
    stroke-width: 2px;
    shape-rendering: crispEdges;
}
.axis2 path,
.axis2 line {
    fill: none;
    stroke: grey;
    stroke-width: 1px;
    shape-rendering: crispEdges;
}
.area {
    fill: #E6D280;
    stroke-width: 0;
}
.grid .tick {
    stroke: lightgrey;
    stroke-opacity: 0.0;
    shape-rendering: crispEdges;
}
.grid path {
    stroke-width: 0;
}

.tickStyles {
    stroke: #787878;
    font-size: 12px;
}

.mmsc-wrapper {
    border: 1px solid #dde1e6;
}
.mmsc-wrapper-stocks {
    border: none;
}
.mmsc-fundamentals {
    display: flex;
    padding: 3%;
}
.mmsc-fundamentals-stocks {
    padding-top: 0px;
}
.mmsc-fundamentals-stocks-right {
    padding-left: 40px !important;
    padding-right: 0px !important;
    width: 94% !important;
}
.mmsc-fundamentals-stocks-right .mmsc-time-frame {
    padding-left: 0px;
    margin-left: 0px;
}

.mmsc-fundamentals-stocks-left {
    padding-right: 40px !important;
    padding-left: 20px !important;
}

.mmsc-fundamentals-left {
    display: flex;
    width: 50%;
    flex-direction: column;
}

.mmsc-fundamentals-left span.dmj_dollar_label {
    margin-left: 10px; 
}
.mmsc-fundamentals-left > div:nth-child(1) > span{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    line-height: 1;
}
.mmsc-fundamentals-left > div#dmj_stock_value_usd {
    margin-bottom: 20px;
}
.mmsc-fundamentals-left > div:nth-child(1) > span.dmj_stock_usd {
    margin-bottom: 15px;
    font-size: 35px;
}

.mmsc-fundamentals-left > div:nth-child(1) > span.dmj_percent_change {
    font-size: 15px;
    color: #787878;
}

.mmsc-fundamentals-left > div:nth-child(2) > span{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 9px;
    color: #787878;
    line-height: 1;
    text-transform: uppercase;
}

.mmsc-fundamentals-left > div:nth-child(3) > span:nth-child(1){
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.mmsc-fundamentals-left > div:nth-child(3) > span:not(:first-child){
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.mmsc-fundamentals-right {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
}

.mmsc-fundamentals-right > div{
    width: calc(50% - 10px);
    border-bottom: 1px solid #dde1e6;
    margin: 0 10px 10px 0;
    padding: 0 10px 0 0;
}

.mmsc-fundamentals-right > div > span:nth-child(1){
    color: #878c94;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: small;
    float: left;
}

.mmsc-fundamentals-right > div > span:nth-child(2){
    color: #26282f;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: small;
    float: right;
}

.mmsc-time-frame {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #999;
    padding: 1px;
    font-size: 11px;
    margin-left: 18px;
}

.mmsc-time-frame span {
    margin-right: 18px;
    cursor: pointer;
}

/*This is for the stock page charts*/
@media (max-width: 991px) {
    div.mmsc-wrapper.mmsc-wrapper-stocks {
        padding-right: 30px;
    }
}

#dmj_stock_value_usd {
        text-align: center;
}
.mmsc-fundamentals-left > div#dmj_stock_value_usd {
    margin-bottom: 0px;
}
@media (max-width: 768px) {
    .dmj_stock_usd {
        display: inline-block;
        width: auto;
    }
    #dmj_stock_value_usd {
        text-align: center;
    }
    .mmsc-fundamentals-left > div#dmj_stock_value_usd {
        margin-bottom: 0px;
    }
    .mmsc-fundamentals-stocks-right {
        padding-left: 30px !important;
    }
    .mmsc-fundamentals-stocks-left {
        padding-right: 0px !important;
    }
}

#USD_label {
    font-size: 15px;
    color: #737373;
}
div.mmsc-fundamentals.mmsc-fundamentals-stocks.mmsc-fundamentals-stocks-left.col-lg-12 {
    display: block;
}