.legendText {
    font-size: 0.7vi;
}

.dropdownLabel {
    font-weight: bold; 
    font-size: 0.8vi;
}

/*================ Navigation ============*/
ul.nav li.nav-item a.nav-link {
    font-size: 1vi;
}


/*================ All Component ============*/
div.project-overrun-donut {
    min-height:6.5vi;
    width:100%
}


html{
    scroll-behavior: smooth !important;
}







div.feasibility-donut {
    min-height:8.5vi;
    width:100%;
}

div.procurement-methods-donut {
    min-height:17vi;
    width:100%;
}

div.top-five-funding-sources-donut {
    min-height:17vi;
    width:100%;
}


/*================ Value For Money Component ============*/
div.time-overrun-donut {
    min-height:20vi;
    width:100%;
}

div.funding-source-time-overrun-donut {
    min-height:20vi;
    width:100%;
}

div.cost-overrun-donut {
    min-height:20vi;
    width:100%;
}

div.funding-source-cost-overrun-donut {
    min-height:20vi;
    width:100%;
}

div.time-overrun-bar-graph {
    min-height:20vi;
    width:100%;
}

div.cost-overrun-bar-graph {
    min-height:20vi;
    width:100%;
}

div.contractor-time-overrun-bar-graph {
    min-height:20vi;
    width:100%;
}

div.contractor-cost-overrun-bar-graph {
    min-height:20vi;
    width:100%;
}


/*================ Procurement Component ============*/
div.international-funding-project-donut {
    min-height:20vi;
    width:100%;
}

div.international-funding-cash-donut {
    min-height:20vi;
    width:100%;
}

div.top-five-pm-project-bar-graph {
    min-height:21.8vi;
    width:100%;
}

div.top-five-pm-cash-bar-graph {
    min-height:21.8vi;
    width:100%;
}

div.top-five-funding-project-bar-graph {
    min-height:20vi;
    width:100%;
}

div.top-five-funding-cash-bar-graph {
    min-height:20vi;
    width:100%;
}


/*================ Feasibility Component ============*/
div.feasibility-study-donut {
    min-height:20vi;
    width:100%;
}

div.environmental-donut {
    min-height:20vi;
    width:100%;
}


/*================ Tender Component ============*/
div.average-tendering-bar-graph {
    min-height:25.7vi;
    width:100%;
}

div.top-five-contractor-projects-bar-graph {
    min-height:20vi;
    width:100%;
}

div.top-five-contractors-cash-bar-graph {
    min-height:20vi;
    width:100%;
}

div.lowest-bidders-bar-graph {
    min-height:20vi;
    width:100%;
}

div.international-contractor-project-donut {
    min-height:20vi;
    width:100%;
}

div.international-contractor-cash-donut {
    min-height:20vi;
    width:100%;
}


/*================ New SDG Component ============*/
div#sdgsBarChart {
    height:30vi;
    width:100%;
}


/*========================== All Mobile ======================*/
@media (min-width: 100px) and (max-width: 1000px) {
    .legendText {
        font-size: 2.5vi;
    }

    .legendTextHeading {
        font-size: 4vi;
    }

    .legendText2 {
        font-size: 3.4vi;
    }

    .mobileMarginBottom {
        margin-bottom: 20% !important;
    }

    .dropdownLabel {
        font-size: 3vi;
    }

    /*================ Navigation ============*/
    ul.nav li.nav-item a.nav-link {
        font-size: 3.3vi;
    }

    /*================ All Component ============*/
    div.project-overrun-donut {
        min-height:30vi;
    }

    div.feasibility-donut {
        min-height:40vi;
    }

    div.procurement-methods-donut {
        min-height:60vi;
    }
    
    div.top-five-funding-sources-donut {
        min-height:60vi;
    }

    /*================ Value For Money Component ============*/
    div.time-overrun-donut {
        min-height:60vi;
    }

    div.funding-source-time-overrun-donut {
        min-height:60vi;
    }

    div.cost-overrun-donut {
        min-height:60vi;
    }
    
    div.funding-source-cost-overrun-donut {
        min-height:60vi;
    }

    div.time-overrun-bar-graph {
        min-height:60vi;
    }
    
    div.cost-overrun-bar-graph {
        min-height:60vi;
    }

    div.contractor-time-overrun-bar-graph {
        min-height:70vi;
    }
    
    div.contractor-cost-overrun-bar-graph {
        min-height:70vi;
    }

    /*================ Procurement Component ============*/
    div.international-funding-project-donut {
        min-height:60vi;
    }

    div.international-funding-cash-donut {
        min-height:60vi;
    }

    div.top-five-pm-project-bar-graph {
        min-height:60vi;
    }
    
    div.top-five-pm-cash-bar-graph {
        min-height:60vi;
    }

    div.top-five-funding-project-bar-graph {
        min-height:60vi;
    }
    
    div.top-five-funding-cash-bar-graph {
        min-height:60vi;
    }

    /*================ Feasibility Component ============*/
    div.feasibility-study-donut {
        min-height:60vi;
    }

    div.environmental-donut {
        min-height:60vi;
    }

    /*================ Tender Component ============*/
    div.average-tendering-bar-graph {
        min-height:70vi;
    }

    div.top-five-contractor-projects-bar-graph {
        min-height:70vi;
    }

    div.top-five-contractors-cash-bar-graph {
        min-height:70vi;
    }

    div.lowest-bidders-bar-graph {
        min-height:70vi;
    }
    
    div.international-contractor-project-donut {
        min-height:70vi;
    }
    
    div.international-contractor-cash-donut {
        min-height:70vi;
    }

    /*================ New SDG Component ============*/
    div#sdgsBarChart {
        height:90vi;
    }

}