<br><br>
<div class="row">

    <div class="col-lg-6" >
        <div class="panel panel-default panel-m" style="text-align:  center;" >

            <div id="pieChart" style="height: 360px; width: 100%;">


            </div>
        </div>
    </div>


    <div class="col-lg-6" >
        <div class="panel panel-default panel-m" style="text-align:  center;" >

            <div id="pieChart1" style="height: 360px; width: 100%;">


            </div>
        </div>
    </div>

    <div class="col-lg-6" >
        <div class="panel panel-default panel-m" style="text-align:  center;" >

            <div id="chartContainer2" style="height: 360px; width: 100%;">
            </div>

        </div>
    </div>


    <div class="col-lg-6" >
        <div class="panel panel-default panel-m" style="text-align:  center;" >

            <div id="chartContainer" style="height: 360px; width: 100%;">


            </div>
        </div>
    </div>


    <div class="col-lg-6" >
        <div class="panel panel-default panel-m" style="text-align:  center;" >

            <div id="chartContainer3" style="height: 360px; width: 100%;">


            </div>
        </div>
    </div>

    <div class="col-lg-6" >
        <div class="panel panel-default panel-m" style="text-align:  center;" >

            <div id="chartsExpenses" style="height: 360px; width: 100%;">


            </div>
        </div>
    </div>


</div>
<hr/>