@font-face{
    font-family:'OpenSans-Bold';
    src: url('../../font/OpenSans-Bold.ttf') format('truetype');
}
@font-face{
    font-family:'OpenSans-Regular';
    src: url('../../font/OpenSans-Regular.ttf') format('truetype');
}
*{
    font-family:'OpenSans-Regular';
    box-sizing:border-box;
}
.openSans-bold{
    font-family:'OpenSans-Bold';
}
body {
    font-size:14px;
    color:#000;
    width:100%;
    display:block;
    margin:0;
    padding:0;
}
.indicators-container > div {
    width:100%;
}
.indicators-head-title{
    padding:15px;
    font-size:2em;
}
.indicators-content-header{
    display:flex;
    justify-content:space-between;
    border-top:1px solid #ddd;
}
.indicators-content-header-index{
    padding:10px;
    background:#dddddd;
    color:#999999;
    width:100%;
    cursor:pointer;
}
.indicators-content-header-index-title{
    font-weight:bold;
}
.active-index{
    background:#fff;
    color:#000;
}
.indicators-content-header-index-values{
    display:flex;
    align-items:flex-end;
}
.indicators-content-header-index-values>div{
    color:#000;
    margin-right:5px;
}
.indicators-content-header-index-variation{
    font-size:12px;
}
#indicators-content-chart{
    height:177px;
    border-bottom:#ddd solid 1px;
    margin-top:10px;
}
.indicators-content-otherIndicators{
    display:flex;
    justify-content:space-between;
    color:#999;
}
.indicators-content-otherIndex{
    width:100%;
    padding:0 10px;
    margin:10px 0;
    border-right:1px solid #dddddd;
}
.indicators-content-otherIndex:last-child{
    border-right:none;
}
.indicators-content-otherIndex-title{
    font-weight:bold;
    font-size:11px;
}
.indicators-content-otherIndex-price{
    color:#000;
    font-size:18px;
}
.indicators-footer{
    border-top:1px solid #dddddd;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#999;
    padding:15px;
}
.publicity-img{
    background:url('../../images/startbull.jpg') no-repeat center;
    background-size:contain;
    width:170px;
    height:40px;
}
.up{
    color:#4DC974 !important;
}
.down{
    color:#CD3527 !important;
}
.amChartsLegend{
    display:none;
}
@media screen and (min-width: 271px){
    /***hide***/
    #indicators-content-chart{
        display:none;
    }
    .indicators-head-title{
        display:none;
    }
    /*********/
    .indicators-content-header-index-price{
        font-size:16px;
    }
    .indicators-content-header-index-title,
    .indicators-content-otherIndex-title{
        font-size:14px;
    }
    .indicators-container{
        border:1px solid #ddd;
    }
    .indicators-content-header-index{
        background:#fff;
        color:#000;
        padding:0 10px;
        margin:10px 0;
        border-right:1px solid #ddd;
    }
    .indicators-content-header-index:last-child{
        border-right:none;
    }
    .indicators-content-separator{
        border-top:1px solid #ddd;
        height:1px;
        margin-left:10px;
        margin-right:10px;
    }
    .indicators-content-otherIndex{
        padding:0 10px;
        margin:10px 0;
    }
    .indicators-footer{
        padding:10px;
        background:#f0f0f0;
    }
    .publicity-img{
        width:100px;
        height:25px;
    }
}