@import  'app/style/default.scss';

#HorizontalChart{
    position: relative;
    top: -45px;
    font-size: pxToRem(20);
    color: $white;
    .hor-header{
        padding: pxToRem(5) pxToRem(10);
        background: #309fea;
        .quote-info{
            span{
                font-size: pxToRem(16);
            }
        }
    }
    span{
        display: inline-block;
        line-height: pxToRem(30);
    }
    div{
        font-size: pxToRem(18);
    }
    img{
        position: fixed;
        top: pxToRem(25);
        right: pxToRem(25);
        width: pxToRem(30);
        height: pxToRem(30);
    }
    .chart-info{
        color: #333333;
        background-color: $white;
        border-bottom:1px solid #e5e5e5;
        padding-left: pxToRem(20);
        span,select{
            display: inline-block;
            width: 12%;
            height: pxToRem(40);
            line-height: pxToRem(40);
            font-size: pxToRem(18);
            text-align: center;
            background: $white;
        }
        .active-chart-info{
            color: #309fea;
            border-bottom: 2px solid #309fea;
        }
        select{
            appearance: none;
            -webkit-appearance: none;
            border: none;
            padding-left: 5%;
            border-radius: 0;
        }
        .select-down{
            position: relative;
            width: pxToRem(20);
            height: pxToRem(13);
            top: pxToRem(-1);
            left: pxToRem(10);
        }
    }
}