<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
    <div class="databox databox-xxlg databox-vertical databox-shadowed bg-white radius-bordered padding-5">
        <div class="databox-top">
            <div class="databox-row row-12">
                <div class="databox-cell cell-3 text-center">
                    <div class="databox-number number-xxlg sonic-silver">164</div>
                    <div class="databox-text storm-cloud"><?php echo $this->lang->line("ONLINE"); ?></div>
                </div>
                <div class="databox-cell cell-9 text-align-center">
                    <div class="databox-row row-6 text-left">
                        <span class="badge badge-palegreen badge-empty margin-left-5"></span>
                        <span class="databox-inlinetext uppercase darkgray margin-left-5"><?php echo $this->lang->line("NEW"); ?></span>
                        <span class="badge badge-yellow badge-empty margin-left-5"></span>
                        <span class="databox-inlinetext uppercase darkgray margin-left-5"><?php echo $this->lang->line("RETURNING"); ?></span>
                    </div>
                    <div class="databox-row row-6">
                        <div class="progress bg-yellow progress-no-radius">
                            <div class="progress-bar progress-bar-palegreen" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 78%">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="databox-bottom">
            <div class="databox-row row-12">
                <div class="databox-cell cell-7 text-center  padding-5">
                    <div id="dashboard-pie-chart-sources" class="chart"></div>
                </div>
                <div class="databox-cell cell-5 text-center no-padding-left padding-bottom-30">
                    <div class="databox-row row-2 bordered-bottom bordered-ivory padding-10">
                        <span class="databox-text sonic-silver pull-left no-margin"><?php echo $this->lang->line("TYPE"); ?></span>
                        <span class="databox-text sonic-silver pull-right no-margin uppercase">PCT</span>
                    </div>
                    <div class="databox-row row-2 bordered-bottom bordered-ivory padding-10">
                        <span class="badge badge-blue badge-empty pull-left margin-5"></span>
                        <span class="databox-text darkgray pull-left no-margin hidden-xs"><?php echo $this->lang->line("FEED"); ?></span>
                        <span class="databox-text darkgray pull-right no-margin uppercase">46%</span>
                    </div>
                    <div class="databox-row row-2 bordered-bottom bordered-ivory padding-10">
                        <span class="badge badge-orange badge-empty pull-left margin-5"></span>
                        <span class="databox-text darkgray pull-left no-margin hidden-xs"><?php echo $this->lang->line("PREFERRAL"); ?></span>
                        <span class="databox-text darkgray pull-right no-margin uppercase">21%</span>
                    </div>
                    <div class="databox-row row-2 bordered-bottom bordered-ivory padding-10">
                        <span class="badge badge-pink badge-empty pull-left margin-5"></span>
                        <span class="databox-text darkgray pull-left no-margin hidden-xs"><?php echo $this->lang->line("DIRECT"); ?></span>
                        <span class="databox-text darkgray pull-right no-margin uppercase">12%</span>
                    </div>
                    <div class="databox-row row-2 bordered-bottom bordered-ivory padding-10">
                        <span class="badge badge-palegreen badge-empty pull-left margin-5"></span>
                        <span class="databox-text darkgray pull-left no-margin hidden-xs"><?php echo $this->lang->line("EMAILADDRESS"); ?></span>
                        <span class="databox-text darkgray pull-right no-margin uppercase">11%</span>
                    </div>
                    <div class="databox-row row-2 padding-10">
                        <span class="badge badge-yellow badge-empty pull-left margin-5"></span>
                        <span class="databox-text darkgray pull-left no-margin hidden-xs"><?php echo $this->lang->line("ORGANIC"); ?></span>
                        <span class="databox-text darkgray pull-right no-margin uppercase">10%</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>