﻿#cont-charts .dropdown .arrow {
    right: 7%;
    background-size: 0.9vw auto;
}

#cont-charts .zoom .arrow {
    right: 1vw;
    background-size: 1.2vw auto;
}

#cont-charts .zoom .dropdown {
    font-size: 85%;
}

.chart-title {
    z-index: 100;
    position: absolute;
    top: 0.8vw;
    left: 0.8vw;
    right: 0.8vw;
    font-size: 120%;
    font-weight: bold;
    color: #f44e1a;
}

    .chart-title a {
        text-decoration: underline;
        color: #f44e1a;
    }

        .chart-title a:hover, .chart-title a:visited:hover {
            text-decoration: none;
            color: #f44e1a;
        }


#cont-chart-1 {
    position: absolute;
    top: 0.5vw;
    left: 0.5vw;
    bottom: 0.5vw;
    right: 66.66%;
    margin-right: 0.75vw;
    /*height: 50%;*/
    background-color: white;
}

#chart-1-title {
    font-size: 120%;
    line-height: 105%;
}

#chart-1 {
    position: absolute;
    bottom: 0.8vw;
    left: 4%;
    width: 92%;
    height: 90%;
    font-size: 90%;
}



#cont-chart-2 {
    position: absolute;
    top: 0.5vw;
    left: 33.33%;
    margin-left: 0.75vw;
    bottom: 50%;
    margin-bottom: 0.75vw;
    right: 33.33%;
    margin-right: 0.75vw;
    /*height: 50%;*/
    background-color: white;
}

#chart-2-title {
    right: 56%;
    margin-right: 0.8vw;
    font-size: 120%;
    line-height: 105%;
}

#chart_2_metric {
    z-index: 500;
    position: absolute;
    top: 0.8vw;
    right: 0.8vw;
    width: 55%;
    height: 11%;
    overflow: visible;
}
    #chart_2_metric .dropdown .arrow {
        width: 6.73%;
        right: 5.25%;
    }
    #chart_2_metric .dropdown .text {
        white-space: normal;
        left: 5%;
        width: 80%;
    }
    #chart_2_metric .text .td {
        line-height: 94%;
    }

#chart-2 {
    position: absolute;
    bottom: 0.8vw;
    left: 4%;
    width: 92%;
    top: 21%;
    font-size: 90%;
}





#cont-chart-3 {
    position: absolute;
    top: 0.5vw;
    left: 66.66%;
    margin-left: 0.75vw;
    bottom: 50%;
    margin-bottom: 0.75vw;
    right: 0.5vw;
    /*height: 50%;*/
    background-color: white;
}

#chart-3-title {
    width: auto;
    right: 38%;
    margin-right: 0.8vw;
    font-size: 120%;
    line-height: 105%;
}

#chart_3_metric {
    z-index: 500;
    position: absolute;
    top: 0.8vw;
    right: 0.8vw;
    width: 37%;
    height: 8%;
}

#chart-3 {
    position: absolute;
    bottom: 0.8vw;
    left: 4%;
    width: 92%;
    top: 21%;
    font-size: 90%;
}




#cont-chart-4 {
    position: absolute;
    bottom: 0.5vw;
    left: 33.33%;
    margin-left: 0.75vw;
    top: 50%;
    margin-top: 0.75vw;
    right: 33.33%;
    margin-right: 0.75vw;
    /*height: 50%;*/
    background-color: white;
}

#chart-4-title {
    font-size: 120%;
    line-height: 105%;
}

#chart_4_metric {
    z-index: 500;
    position: absolute;
    top: 0.8vw;
    right: 0.8vw;
    width: 40%;
    height: 8%;
}

#chart-4 {
    position: absolute;
    bottom: 0.8vw;
    left: 4%;
    width: 92%;
    top: 21%;
    font-size: 90%;
}





#cont-chart-5 {
    position: absolute;
    top: 50%;
    margin-top: 0.75vw;
    left: 66.66%;
    margin-left: 0.75vw;
    bottom: 0.5vw;
    right: 0.5vw;
    /*height: 50%;*/
    background-color: white;
}

#chart-5-title {
    width: auto;
    right: 38%;
    margin-right: 0.8vw;
    font-size: 120%;
    line-height: 105%;
}

#chart_5_metric {
    z-index: 500;
    position: absolute;
    top: 0.8vw;
    right: 0.8vw;
    width: 37%;
    height: 8%;
}

#chart-5 {
    position: absolute;
    bottom: 0.8vw;
    left: 4%;
    width: 92%;
    top: 21%;
    font-size: 90%;
}