<div class="container comp_mant">
    <form action="" method="post" id="billform">
        <div class="row">
            <div class="col-lg-12">
                <div class="text-center">
                    <ol class="breadcrumb">
                        <li><a href="#">إدارة الفواتير</a></li>
                        <li><a href="#">فاتورة الاستلام</a></li>
                        <li class="active">إضافة فاتورة</li>
                    </ol>
                </div>
                <hr>
                <div class="row">
                    <div class="col-xs-12 col-md-3 col-lg-3">
                        <div class="panel panel-default panel-m">
                            <div class="panel-heading">
                                بيانات الفاتوره
                            </div>
                            <div class="panel-body">
                                <label class="aw_lb comp_width"><div class="aw_label pull-right">رقم الايصال :  </div>
                                    <input name="" class="comp_info_width pull-left" type="text" tabindex="1" />
                                </label>
                                <label class="aw_lb comp_width"><div class="aw_label pull-right">رقم مستندى :  </div>
                                    <input name="" class="comp_info_width pull-left" type="text" tabindex="2" />
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-3 col-lg-3 pull-left">
                        <div class="panel panel-default panel-m">
                            <div class="panel-heading">بيانات الفاتوره</div>
                            <div class="panel-body">
                                <label class="aw_lb comp_width"><div class="aw_label pull-right">تاريخ الايصال :  </div>
                                    <input type="text" class="comp_info_width pull-left awdatepicker" autocomplete="off"  data-date-format="yyyy-mm-dd" id="bn" value="2014-09-06" placeholder="تاريخ الفاتورة"  tabindex="3"/>
                                </label>
                                <label class="aw_lb comp_width"><div class="aw_label pull-right">اسم العميل :  </div>
                                    <select data-placeholder="اختر العميل" class="select2 comp_info_width pull-left"  tabindex="4">
                                        <option value="-1">اختر عميل</option>
                                        <option value="-2" class="newoption"><a class="">إضافة عميل جديد</a></option>
                                        <option value="1">محمد على كمال</option>
                                        <option value="1">حسين على كمال</option>
                                    </select>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default panel-m">
                    <div class="panel-heading">
                        <h4 class="text-center"><strong>ضمان عميل</strong>  <button type="button" class="btn btn-primary pull-left ft-nor"> اضافة جديد</button></h4>
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table table-condensed table-black">
                                <thead>
                                    <tr>
                                        <td><strong>اسم المنتج</strong></td>
                                        <td class="text-center"><strong>سيريل</strong></td>
                                        <td class="text-center"><strong>فاتوره البيع</strong></td>
                                        <td class="text-center"><strong>فاتوره الشراء</strong></td>
                                        <td class="text-center"><strong>مده ضمان</strong></td>
                                        <td class="text-center"><strong>الحاله</strong></td>
                                        <td class="text-center"><strong>العيب</strong></td>
                                        <td class="text-center"><strong>ملاحظات</strong></td>
                                        <td class="text-center"><strong>ملاحقات</strong></td>
                                        <td class="text-center"><strong>تكلفه مبدئيه</strong></td>
                                        <td class="text-center"><strong>تكلفه شحن</strong></td>
                                        <td class="text-center"><strong>مورد</strong></td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Samsung Galaxy S5</td>
                                        <td class="text-center">154488</td>
                                        <td class="text-center">
                                            رقم : 545454 <br/>
                                            تاريخ: 15-15-2014
                                        </td>
                                        <td class="text-center">
                                            رقم : 545454 <br/>
                                            تاريخ: 15-15-2014
                                        </td>
                                        <td class="text-right">60</td>
                                        <td class="text-right">خاضع</td>
                                        <td class="text-right">لا يوجد عيب</td>
                                        <td class="text-right">لا يوجد ملاحظات</td>
                                        <td class="text-right">كابل سامعه و بور هارد</td>
                                        <td class="text-right">152</td>
                                        <td class="text-right">30</td>
                                        <td class="text-right">محمد عبد العال</td>
                                    </tr>
                                    <tr>
                                        <td>Samsung Galaxy S5 Extra Battery</td>
                                        <td class="text-center">154488</td>
                                        <td class="text-center">
                                            رقم : 545454 <br/>
                                            تاريخ: 15-15-2014
                                        </td>
                                        <td class="text-center">
                                            رقم : 545454 <br/>
                                            تاريخ: 15-15-2014
                                        </td>
                                        <td class="text-right">60</td>
                                        <td class="text-right">خاضع</td>
                                        <td class="text-right">لا يوجد عيب</td>
                                        <td class="text-right">لا يوجد ملاحظات</td>
                                        <td class="text-right">كابل سامعه و بور هارد</td>
                                        <td class="text-right">152</td>
                                        <td class="text-right">30</td>
                                        <td class="text-right">محمد عبد العال</td>
                                    </tr>
                                    <tr>
                                        <td>Screen protector</td>
                                        <td class="text-center">154488</td>
                                        <td class="text-center">
                                            رقم : 545454 <br/>
                                            تاريخ: 15-15-2014
                                        </td>
                                        <td class="text-center">
                                            رقم : 545454 <br/>
                                            تاريخ: 15-15-2014
                                        </td>
                                        <td class="text-right">60</td>
                                        <td class="text-right">خاضع</td>
                                        <td class="text-right">لا يوجد عيب</td>
                                        <td class="text-right">لا يوجد ملاحظات</td>
                                        <td class="text-right">كابل سامعه و بور هارد</td>
                                        <td class="text-right">152</td>
                                        <td class="text-right">30</td>
                                        <td class="text-right">محمد عبد العال</td>
                                    </tr>
                                    <tr>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow text-center"><strong>المجموع</strong></td>
                                        <td class="highrow text-right">958.00</td>
                                    </tr>
                                    <tr>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow text-center"><strong>خصم</strong></td>
                                        <td class="emptyrow text-right">20</td>
                                    </tr>
                                    <tr>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow text-center"><strong>التكلفه النهائيه</strong></td>
                                        <td class="emptyrow text-right">978.00</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default panel-m">
                    <div class="panel-heading">
                        <h4 class="text-center"><strong>ضمان شركه</strong>  <button type="button" class="btn btn-primary pull-left ft-nor"> اضافة جديد</button></h4>
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table table-condensed table-black">
                                <thead>
                                    <tr>
                                        <td><strong>اسم المنتج</strong></td>
                                        <td class="text-center"><strong>سيريل</strong></td>
                                        <td class="text-center"><strong>فاتوره الشراء</strong></td>
                                        <td class="text-center"><strong>مده ضمان</strong></td>
                                        <td class="text-center"><strong>الحاله</strong></td>
                                        <td class="text-center"><strong>العيب</strong></td>
                                        <td class="text-center"><strong>ملاحظات</strong></td>
                                        <td class="text-center"><strong>ملاحقات</strong></td>
                                        <td class="text-center"><strong>تكلفه شحن</strong></td>
                                        <td class="text-center"><strong>مورد</strong></td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Samsung Galaxy S5</td>
                                        <td class="text-center">154488</td>
                                        <td class="text-center">
                                            رقم : 545454 <br/>
                                            تاريخ: 15-15-2014
                                        </td>
                                        <td class="text-right">60</td>
                                        <td class="text-right">خاضع</td>
                                        <td class="text-right">لا يوجد عيب</td>
                                        <td class="text-right">لا يوجد ملاحظات</td>
                                        <td class="text-right">كابل سامعه و بور هارد</td>
                                        <td class="text-right">30</td>
                                        <td class="text-right">محمد عبد العال</td>
                                    </tr>
                                    <tr>
                                        <td>Samsung Galaxy S5 Extra Battery</td>
                                        <td class="text-center">154488</td>
                                        <td class="text-center">
                                            رقم : 545454 <br/>
                                            تاريخ: 15-15-2014
                                        </td>
                                        <td class="text-right">60</td>
                                        <td class="text-right">خاضع</td>
                                        <td class="text-right">لا يوجد عيب</td>
                                        <td class="text-right">لا يوجد ملاحظات</td>
                                        <td class="text-right">كابل سامعه و بور هارد</td>
                                        <td class="text-right">30</td>
                                        <td class="text-right">محمد عبد العال</td>
                                    </tr>
                                    <tr>
                                        <td>Screen protector</td>
                                        <td class="text-center">154488</td>
                                        <td class="text-center">
                                            رقم : 545454 <br/>
                                            تاريخ: 15-15-2014
                                        </td>
                                        <td class="text-right">60</td>
                                        <td class="text-right">خاضع</td>
                                        <td class="text-right">لا يوجد عيب</td>
                                        <td class="text-right">لا يوجد ملاحظات</td>
                                        <td class="text-right">كابل سامعه و بور هارد</td>
                                        <td class="text-right">30</td>
                                        <td class="text-right">محمد عبد العال</td>
                                    </tr>
                                    <tr>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow text-center"><strong>المجموع</strong></td>
                                        <td class="highrow text-right">958.00</td>
                                    </tr>
                                    <tr>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow text-center"><strong>خصم</strong></td>
                                        <td class="emptyrow text-right">20</td>
                                    </tr>
                                    <tr>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow text-center"><strong>التكلفه النهائيه</strong></td>
                                        <td class="emptyrow text-right">978.00</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default panel-m">
                    <div class="panel-heading">
                        <h4 class="text-center"><strong>الصيانه</strong>  <button type="button" class="btn btn-primary pull-left ft-nor"> اضافة جديد</button></h4>
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table table-condensed table-black">
                                <thead>
                                    <tr>
                                        <td><strong>اسم المنتج</strong></td>
                                        <td class="text-center"><strong>سيريل</strong></td>
                                        <td class="text-center"><strong>الوصف</strong></td>
                                        <td class="text-center"><strong>العيب</strong></td>
                                        <td class="text-center"><strong>ملاحظات</strong></td>
                                        <td class="text-center"><strong>ملاحقات</strong></td>
                                        <td class="text-center"><strong>تكلفه مبدئيه</strong></td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Samsung Galaxy S5</td>
                                        <td class="text-center">154488</td>
                                        <td class="text-center">يوجد عيب فى النسخه</td>
                                        <td class="text-right">لا يوجد عيب</td>
                                        <td class="text-right">لا يوجد ملاحظات</td>
                                        <td class="text-right">كابل سامعه و بور هارد</td>
                                        <td class="text-right">30</td>
                                    </tr>
                                    <tr>
                                        <td>Samsung Galaxy S5 Extra Battery</td>
                                        <td class="text-center">154488</td>
                                        <td class="text-center">يوجد عيب فى النسخه</td>
                                        <td class="text-right">لا يوجد عيب</td>
                                        <td class="text-right">لا يوجد ملاحظات</td>
                                        <td class="text-right">كابل سامعه و بور هارد</td>
                                        <td class="text-right">30</td>
                                    </tr>
                                    <tr>
                                        <td>Screen protector</td>
                                        <td class="text-center">154488</td>
                                        <td class="text-center">يوجد عيب فى النسخه</td>
                                        <td class="text-right">لا يوجد عيب</td>
                                        <td class="text-right">لا يوجد ملاحظات</td>
                                        <td class="text-right">كابل سامعه و بور هارد</td>
                                        <td class="text-right">30</td>
                                    </tr>
                                    <tr>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow text-center"><strong>المجموع</strong></td>
                                        <td class="highrow text-right">958.00</td>
                                    </tr>
                                    <tr>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow text-center"><strong>خصم</strong></td>
                                        <td class="emptyrow text-right">20</td>
                                    </tr>
                                    <tr>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow"></td>
                                        <td class="emptyrow text-center"><strong>التكلفه النهائيه</strong></td>
                                        <td class="emptyrow text-right">978.00</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<style>
    .height {
        min-height: 200px;
    }

    .icon {
        font-size: 47px;
        color: #5CB85C;
    }

    .iconbig {
        font-size: 77px;
        color: #5CB85C;
    }

    .table > tbody > tr > .emptyrow {
        border-top: none;
    }

    .table > thead > tr > .emptyrow {
        border-bottom: none;
    }

    .table > tbody > tr > .highrow {
        border-top: 3px solid;
    }
</style>