<!-- Main content -->
<div class="content-wrapper">
    <!-- Dashboard content -->
    <div class="row">

        <div class="col-lg-8">
            <!-- Daily sales -->
            <div class="panel panel-flat">


                <div class="col-md-6">
                    <div class="panel invoice-grid">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <h6 class="text-semibold no-margin-top">Leonardo Fellini</h6>
                                    <ul class="list list-unstyled">
                                        <li>Invoice #: &nbsp;0028</li>
                                        <li>Service Date: <span class="text-semibold">2015/01/25</span></li>
                                    </ul>
                                </div>

                                <div class="col-sm-6">
                                    <h6 class="text-semibold text-right no-margin-top">$8,750</h6>
                                    <ul class="list list-unstyled text-right">
                                        <li>Service: <span class="text-semibold">Transport</span></li>
                                        <li class="dropdown">
                                            Status: &nbsp;
                                            <a href="#" class="label bg-danger-400 dropdown-toggle" data-toggle="dropdown">Overdue <span class="caret"></span></a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="active"><a href="#"><i class="icon-alert"></i> Overdue</a></li>
                                                <li><a href="#"><i class="icon-alarm"></i> Pending</a></li>
                                                <li><a href="#"><i class="icon-checkmark3"></i> Paid</a></li>
                                                <li class="divider"></li>
                                                <li><a href="#"><i class="icon-spinner2 spinner"></i> On hold</a></li>
                                                <li><a href="#"><i class="icon-cross2"></i> Canceled</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="panel-footer panel-footer-condensed">
                            <div class="heading-elements">
                                <span class="heading-text">
                                    <span class="status-mark border-danger position-left"></span> Due: <span class="text-semibold">2015/02/25</span>
                                </span>

                                <ul class="list-inline list-inline-condensed heading-text pull-right">
                                    <li><a href="#" class="text-default" data-toggle="modal" data-target="#invoice"><i class="icon-eye8"></i></a></li>
                                    <li class="dropdown">
                                        <a href="#" class="text-default dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li><a href="#"><i class="icon-printer"></i> Print invoice</a></li>
                                            <li><a href="#"><i class="icon-file-download"></i> Download invoice</a></li>
                                            <li class="divider"></li>
                                            <li><a href="#"><i class="icon-file-plus"></i> Edit invoice</a></li>
                                            <li><a href="#"><i class="icon-cross2"></i> Remove invoice</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="panel invoice-grid">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <h6 class="text-semibold no-margin-top">Rebecca Manes</h6>
                                    <ul class="list list-unstyled">
                                        <li>Invoice #: &nbsp;0027</li>
                                        <li>Service Date: <span class="text-semibold">2015/02/24</span></li>
                                    </ul>
                                </div>

                                <div class="col-sm-6">
                                    <h6 class="text-semibold text-right no-margin-top">$5,100</h6>
                                    <ul class="list list-unstyled text-right">
                                        <li>Service: <span class="text-semibold">Transport</span></li>
                                        <li class="dropdown">
                                            Status: &nbsp;
                                            <a href="#" class="label bg-success-400 dropdown-toggle" data-toggle="dropdown">Paid <span class="caret"></span></a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li><a href="#"><i class="icon-alert"></i> Overdue</a></li>
                                                <li><a href="#"><i class="icon-alarm"></i> Pending</a></li>
                                                <li class="active"><a href="#"><i class="icon-checkmark3"></i> Paid</a></li>
                                                <li class="divider"></li>
                                                <li><a href="#"><i class="icon-spinner2 spinner"></i> On hold</a></li>
                                                <li><a href="#"><i class="icon-cross2"></i> Canceled</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="panel-footer panel-footer-condensed">
                            <div class="heading-elements">
                                <span class="heading-text">
                                    <span class="status-mark border-success position-left"></span> Due: <span class="text-semibold">2015/03/24</span>
                                </span>

                                <ul class="list-inline list-inline-condensed heading-text pull-right">
                                    <li><a href="#" class="text-default" data-toggle="modal" data-target="#invoice"><i class="icon-eye8"></i></a></li>
                                    <li class="dropdown">
                                        <a href="#" class="text-default dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li><a href="#"><i class="icon-printer"></i> Print invoice</a></li>
                                            <li><a href="#"><i class="icon-file-download"></i> Download invoice</a></li>
                                            <li class="divider"></li>
                                            <li><a href="#"><i class="icon-file-plus"></i> Edit invoice</a></li>
                                            <li><a href="#"><i class="icon-cross2"></i> Remove invoice</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-md-6">
                    <div class="panel invoice-grid">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <h6 class="text-semibold no-margin-top">James Alexander</h6>
                                    <ul class="list list-unstyled">
                                        <li>Invoice #: &nbsp;0026</li>
                                        <li>Service Date: <span class="text-semibold">2015/02/23</span></li>
                                    </ul>
                                </div>

                                <div class="col-sm-6">
                                    <h6 class="text-semibold text-right no-margin-top">$12,500</h6>
                                    <ul class="list list-unstyled text-right">
                                        <li>Service: <span class="text-semibold">Transport</span></li>
                                        <li class="dropdown">
                                            Status: &nbsp;
                                            <a href="#" class="label bg-blue dropdown-toggle" data-toggle="dropdown">Pending <span class="caret"></span></a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li><a href="#"><i class="icon-alert"></i> Overdue</a></li>
                                                <li class="active"><a href="#"><i class="icon-alarm"></i> Pending</a></li>
                                                <li><a href="#"><i class="icon-checkmark3"></i> Paid</a></li>
                                                <li class="divider"></li>
                                                <li><a href="#"><i class="icon-spinner2 spinner"></i> On hold</a></li>
                                                <li><a href="#"><i class="icon-cross2"></i> Canceled</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="panel-footer panel-footer-condensed">
                            <div class="heading-elements">
                                <span class="heading-text">
                                    <span class="status-mark border-blue position-left"></span> Due: <span class="text-semibold">2015/03/23</span>
                                </span>

                                <ul class="list-inline list-inline-condensed heading-text pull-right">
                                    <li><a href="#" class="text-default" data-toggle="modal" data-target="#invoice"><i class="icon-eye8"></i></a></li>
                                    <li class="dropdown">
                                        <a href="#" class="text-default dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li><a href="#"><i class="icon-printer"></i> Print invoice</a></li>
                                            <li><a href="#"><i class="icon-file-download"></i> Download invoice</a></li>
                                            <li class="divider"></li>
                                            <li><a href="#"><i class="icon-file-plus"></i> Edit invoice</a></li>
                                            <li><a href="#"><i class="icon-cross2"></i> Remove invoice</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="panel invoice-grid">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <h6 class="text-semibold no-margin-top">Jeremy Victorino</h6>
                                    <ul class="list list-unstyled">
                                        <li>Invoice #: &nbsp;0025</li>
                                        <li>Service Date: <span class="text-semibold">2015/02/22</span></li>
                                    </ul>
                                </div>

                                <div class="col-sm-6">
                                    <h6 class="text-semibold text-right no-margin-top">$1,950</h6>
                                    <ul class="list list-unstyled text-right">
                                        <li>Service: <span class="text-semibold">Skrill</span></li>
                                        <li class="dropdown">
                                            Status: &nbsp;
                                            <a href="#" class="label bg-grey-300 dropdown-toggle" data-toggle="dropdown">On hold <span class="caret"></span></a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li><a href="#"><i class="icon-alert"></i> Overdue</a></li>
                                                <li><a href="#"><i class="icon-alarm"></i> Pending</a></li>
                                                <li><a href="#"><i class="icon-checkmark3"></i> Paid</a></li>
                                                <li class="divider"></li>
                                                <li class="active"><a href="#"><i class="icon-spinner2 spinner"></i> On hold</a></li>
                                                <li><a href="#"><i class="icon-cross2"></i> Canceled</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="panel-footer panel-footer-condensed">
                            <div class="heading-elements">
                                <span class="heading-text">
                                    <span class="status-mark border-grey-300 position-left"></span> Due: <span class="text-semibold">2015/03/22</span>
                                </span>

                                <ul class="list-inline list-inline-condensed heading-text pull-right">
                                    <li><a href="#" class="text-default" data-toggle="modal" data-target="#invoice"><i class="icon-eye8"></i></a></li>
                                    <li class="dropdown">
                                        <a href="#" class="text-default dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li><a href="#"><i class="icon-printer"></i> Print invoice</a></li>
                                            <li><a href="#"><i class="icon-file-download"></i> Download invoice</a></li>
                                            <li class="divider"></li>
                                            <li><a href="#"><i class="icon-file-plus"></i> Edit invoice</a></li>
                                            <li><a href="#"><i class="icon-cross2"></i> Remove invoice</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="panel invoice-grid">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <h6 class="text-semibold no-margin-top">Margo Baker</h6>
                                    <ul class="list list-unstyled">
                                        <li>Invoice #: &nbsp;0024</li>
                                        <li>Service Date: <span class="text-semibold">2015/02/21</span></li>
                                    </ul>
                                </div>

                                <div class="col-sm-6">
                                    <h6 class="text-semibold text-right no-margin-top">$2,000</h6>
                                    <ul class="list list-unstyled text-right">
                                        <li>Service: <span class="text-semibold">Transport</span></li>
                                        <li class="dropdown">
                                            Status: &nbsp;
                                            <a href="#" class="label bg-slate-400 dropdown-toggle" data-toggle="dropdown">Canceled <span class="caret"></span></a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li><a href="#"><i class="icon-alert"></i> Overdue</a></li>
                                                <li><a href="#"><i class="icon-alarm"></i> Pending</a></li>
                                                <li><a href="#"><i class="icon-checkmark3"></i> Paid</a></li>
                                                <li class="divider"></li>
                                                <li><a href="#"><i class="icon-spinner2 spinner"></i> On hold</a></li>
                                                <li class="active"><a href="#"><i class="icon-cross2"></i> Canceled</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="panel-footer panel-footer-condensed">
                            <div class="heading-elements">
                                <span class="heading-text">
                                    <span class="status-mark border-slate position-left"></span> Due: <span class="text-semibold">2015/03/21</span>
                                </span>

                                <ul class="list-inline list-inline-condensed heading-text pull-right">
                                    <li><a href="#" class="text-default" data-toggle="modal" data-target="#invoice"><i class="icon-eye8"></i></a></li>
                                    <li class="dropdown">
                                        <a href="#" class="text-default dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li><a href="#"><i class="icon-printer"></i> Print invoice</a></li>
                                            <li><a href="#"><i class="icon-file-download"></i> Download invoice</a></li>
                                            <li class="divider"></li>
                                            <li><a href="#"><i class="icon-file-plus"></i> Edit invoice</a></li>
                                            <li><a href="#"><i class="icon-cross2"></i> Remove invoice</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="panel invoice-grid">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <h6 class="text-semibold no-margin-top">Beatrix Diaz</h6>
                                    <ul class="list list-unstyled">
                                        <li>Invoice #: &nbsp;0023</li>
                                        <li>Service Date: <span class="text-semibold">2015/02/20</span></li>
                                    </ul>
                                </div>

                                <div class="col-sm-6">
                                    <h6 class="text-semibold text-right no-margin-top">$750</h6>
                                    <ul class="list list-unstyled text-right">
                                        <li>Service: <span class="text-semibold">Payoneer</span></li>
                                        <li class="dropdown">
                                            Status: &nbsp;
                                            <a href="#" class="label bg-danger-400 dropdown-toggle" data-toggle="dropdown">Overdue <span class="caret"></span></a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="active"><a href="#"><i class="icon-alert"></i> Overdue</a></li>
                                                <li><a href="#"><i class="icon-alarm"></i> Pending</a></li>
                                                <li><a href="#"><i class="icon-checkmark3"></i> Paid</a></li>
                                                <li class="divider"></li>
                                                <li><a href="#"><i class="icon-spinner2 spinner"></i> On hold</a></li>
                                                <li><a href="#"><i class="icon-cross2"></i> Canceled</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="panel-footer panel-footer-condensed">
                            <div class="heading-elements">
                                <span class="heading-text">
                                    <span class="status-mark border-danger position-left"></span> Due: <span class="text-semibold">2015/03/20</span>
                                </span>

                                <ul class="list-inline list-inline-condensed heading-text pull-right">
                                    <li><a href="#" class="text-default" data-toggle="modal" data-target="#invoice"><i class="icon-eye8"></i></a></li>
                                    <li class="dropdown">
                                        <a href="#" class="text-default dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li><a href="#"><i class="icon-printer"></i> Print invoice</a></li>
                                            <li><a href="#"><i class="icon-file-download"></i> Download invoice</a></li>
                                            <li class="divider"></li>
                                            <li><a href="#"><i class="icon-file-plus"></i> Edit invoice</a></li>
                                            <li><a href="#"><i class="icon-cross2"></i> Remove invoice</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>






























            </div>
            <!-- /daily sales -->

        </div>

        <div class="col-lg-4">
            <!-- Daily sales -->
            <div class="panel panel-flat">



               	<!-- Invoice template -->
                <div class="panel panel-white">
                    <div class="panel-heading">
                        <h6 class="panel-title">Transport Service Invoice</h6>
                        <div class="heading-elements">							
                            <button type="button" class="btn btn-default btn-xs heading-btn"><i class="icon-printer position-left"></i> Print</button>
                        </div>
                    </div>

                    <div class="panel-body no-padding-bottom">
                        <div class="row">
                            <div class="col-sm-6 content-group">
                                <img src="assets/images/logo_demo.png" class="content-group mt-10" alt="" style="width: 120px;">
                                <ul class="list-condensed list-unstyled">
                                    <li>2269 Elba Lane</li>
                                    <li>Paris, France</li>
                                    <li>888-555-2311</li>
                                </ul>
                            </div>

                            <div class="col-sm-6 content-group">
                                <div class="invoice-details">
                                    <h5 class="text-uppercase text-semibold">Invoice #49029</h5>
                                    <ul class="list-condensed list-unstyled">
                                        <li>Date: <span class="text-semibold">January 12, 2015</span></li>

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

                        <div class="row">
                            <div class="col-md-6 col-lg-9 content-group">
                                <span class="text-muted">Transport Service for:</span>
                                <ul class="list-condensed list-unstyled">
                                    <li><h5>Rebecca Manes</h5></li>
                                    <li><span class="text-semibold">Normand axis LTD</span></li>
                                    <li>3 Goodman Street</li>
                                    <li>marietta, GA 30127</li>
                                </ul>
                            </div>

                            <div class="col-md-6 col-lg-3 content-group">
                                <span class="text-muted">Configured Payment Details:</span>
                                <ul class="list-condensed list-unstyled invoice-payment-details">
                                    <li><h5>Total Due: <span class="text-right text-semibold">$8,750</span></h5></li>
                                    <li>Bank account: <span class="text-semibold">CHASE XXXX1122</span></li>

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

                    <div class="table-responsive">
                        <table class="table table-lg">
                            <thead>
                                <tr>
                                    <th>Description</th>
                                    <th class="col-sm-1">Rate</th>
                                    <th class="col-sm-1">Miles</th>
                                    <th class="col-sm-1">Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <h6 class="no-margin">Basic Transport</h6>
                                        <span class="text-muted">Space for followup comments</span>
                                    </td>
                                    <td>$70</td>
                                    <td>10</td>
                                    <td><span class="text-semibold">$3,990</span></td>
                                </tr>
                                <tr>
                                    <td>
                                        <h6 class="no-margin">Extended Transport</h6>
                                        <span class="text-muted">Space for followup comments.</span>
                                    </td>
                                    <td>$70</td>
                                    <td>12</td>
                                    <td><span class="text-semibold">$840</span></td>
                                </tr>
                                <tr>
                                    <td>
                                        <h6 class="no-margin">Dummy Dead Distance</h6>
                                        <span class="text-muted">Space for followup comments.</span>
                                    </td>
                                    <td>$70</td>
                                    <td>15</td>
                                    <td><span class="text-semibold">$2,170</span></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="panel-body">
                        <div class="row invoice-payment">
                            <div class="col-sm-7">
                                <div class="content-group">
                                    <h6>Other Information</h6>
                                    any any other information will be good here any other information will be good here 
                                    
                                    
                                </div>
                            </div>

                            <div class="col-sm-5">
                                <div class="content-group">
                                    <h6>Total due</h6>
                                    <div class="table-responsive no-border">
                                        <table class="table">
                                            <tbody>
                                                <tr>
                                                    <th>Subtotal:</th>
                                                    <td class="text-right">$7,000</td>
                                                </tr>
                                                <tr>
                                                    <th>Tax: <span class="text-regular">(25%)</span></th>
                                                    <td class="text-right">$1,750</td>
                                                </tr>
                                                <tr>
                                                    <th>Total:</th>
                                                    <td class="text-right text-primary"><h5 class="text-semibold">$8,750</h5></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="text-right">

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

                        <h6>Other information</h6>
                        <p class="text-muted">Some other uefull information , like driver car ets for internal usdit will be better</p>
                    </div>
                </div>
                <!-- /invoice template -->



            </div>
            <!-- /daily sales -->

        </div>
    </div>
    <!-- /dashboard content -->
</div>
<!-- /main content -->


