
<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;
    }
    .newoption {
        background-color: #CCCCCC !important;
        font-weight: bold !important;
    }
    .tb_comp_total{
        width: 32%;
    }
    .radio{
        margin-top: -2px;
        margin-bottom: 4px;
    }
    .totalvalue{
        width: 50px;
    }
    .totaltxt{
        width: 150px;
    }
    .headercolorx{
        background: #808080;
        color: #fff;
    }
</style>
<!------------------------Client Model----------------------------->
<!-- Modal -->
<div class="modal fade" id="myModal_client" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close pull-left savemodel2" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">اضافة عميل</h4>
            </div>
            <div class="modal-body">
                <form id="clientInfo_form" action="#" method="post" class="form-horizontal">
                    <div class="form-group">
                        <label for="newclientName" class="col-lg-2 control-label">اسم العميل</label>
                        <div class="col-lg-4"> 
                                <input class="form-control" placeholder="اسم العميل" id="newclientName"   name="newclientName" type="text"  required="required"/>
                                
                
                        </div>
                         <span id="RepeatedName" style="display:none;"> هذا الاسم موجود من قبل</span>
                    </div>
                    <div class="form-group">
                        <label for="newclientdebt" class="col-lg-2 control-label">المديونية</label>
                        <div class="col-lg-4"> <!--<span id="sprytextfield3">-->
                            <input class="form-control numberinput" placeholder="المديونية" id="newclientdebt" name="newclientdebt" type="text" required="required"/>
                            <!--<span class="textfieldRequiredMsg">*</span><span class="textfieldInvalidFormatMsg">ادخل المديونية صحيحة</span></span>--> </div>
                    </div>
                    <div class="form-group">
                        <label for="clientaddress" class="col-lg-2 control-label">العنوان</label>
                        <div class="col-lg-4">
                            <input class="form-control" placeholder="العنوان" id="clientaddress" name="clientaddress" type="text"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="clientphone" class="col-lg-2 control-label">رقم التليفون</label>
                        <div class="col-lg-4">
                            <input class="form-control numberinput" placeholder="رقم التليفون" id="clientphone" name="clientphone" type="text"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="clientmobile" class="col-lg-2 control-label">رقم الموبايل</label>
                        <div class="col-lg-4">
                            <input class="form-control numberinput" placeholder="رقم الموبايل" id="clientmobile"  name="clientmobile" type="text"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="clientdetails" class="col-lg-2 control-label">التعليق</label>
                        <div class="col-lg-4">
                            <textarea  class="form-control" rows="3" name="clientdetails" id="clientdetails"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default savemodel_client_close" data-dismiss="modal">لا</button>
                <button type="button" class="btn btn-primary savemodel_client"  id="savemodel_clientx">نعم</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

<!------------------------supplier Model----------------------------->
<!-- Modal -->
<div class="modal fade" id="myModal_supplier" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close pull-left savemodel2" data-dismiss="modal" aria-hidden="true">&times;</button>
                <input type="hidden" name="datanosupplier" id="datanosupplier" value="1">
                <input type="hidden" name="datanocompanysupplier" id="datanocompanysupplier" value="1">
                <h4 class="modal-title">اضافة مورد</h4>
            </div>
            <div class="modal-body">
                <form id="supplierInfo_form" action="#" method="post" class="form-horizontal">
                    <div class="form-group">
                        <label for="newsupplierName" class="col-lg-2 control-label"> اسم المورد</label>
                        <div class="col-lg-4">
                                <input class="form-control" placeholder="اسم المورد" id="newsupplierName"   name="newsupplierName" type="text"  required="required"/>
                                
                        </div>
                         <span id="RepeatedNamex" style="display:none;"> هذا الاسم موجود من قبل</span>
                    </div>
                    <div class="form-group">
                        <label for="newsupplierdebt" class="col-lg-2 control-label">المديونية</label>
                        <div class="col-lg-4"> <!--<span id="sprytextfield3">-->
                            <input class="form-control numberinput" placeholder="المديونية" id="newsupplierdebt" name="newsupplierdebt" type="text" required="required"/>
                            <!--<span class="textfieldRequiredMsg">*</span><span class="textfieldInvalidFormatMsg">ادخل المديونية صحيحة</span></span>--> </div>
                    </div>
                    <div class="form-group">
                        <label for="supplieraddress" class="col-lg-2 control-label">العنوان</label>
                        <div class="col-lg-4">
                            <input class="form-control" placeholder="العنوان" id="supplieraddress" name="supplieraddress" type="text"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="supplierphone" class="col-lg-2 control-label">رقم التليفون</label>
                        <div class="col-lg-4">
                            <input class="form-control numberinput" placeholder="رقم التليفون" id="supplierphone" name="supplierphone" type="text"/>
                        </div>
                    </div>
                    <!--<div class="form-group">
                        <label for="clientmobile" class="col-lg-2 control-label">رقم الموبايل</label>
                        <div class="col-lg-4">
                            <input class="form-control numberinput" placeholder="رقم الموبايل" id="clientmobile"  name="clientmobile" type="text"/>
                        </div>
                    </div>-->
                    <div class="form-group">
                        <label for="supplierdetails" class="col-lg-2 control-label">التعليق</label>
                        <div class="col-lg-4">
                            <textarea  class="form-control" rows="3" name="supplierdetails" id="supplierdetails"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default savemodel_supplier_close" data-dismiss="modal">لا</button>
                <button type="button" class="btn btn-primary savemodel_supplier" id="savemodel_supplierx" >نعم</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->



<!-- ================================================================================================================-->

<!------------------------supplier Model----------------------------->
<!-- Modal -->
<div class="modal fade" id="myModal_supplierx" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close pull-left savemodel2" data-dismiss="modal" aria-hidden="true">&times;</button>
                <input type="hidden" name="datanosupplierx" id="datanosupplierx" value="1">
                <input type="hidden" name="datanocompanysupplierx" id="datanocompanysupplierx" value="1">
                <h4 class="modal-title">اضافة مورد</h4>
            </div>
            <div class="modal-body">
                <form id="supplierInfox_form" action="#" method="post" class="form-horizontal">
                    <div class="form-group">
                        <label for="newsupplierNamex" class="col-lg-2 control-label"> اسم المورد</label>
                        <div class="col-lg-4">
                                <input class="form-control" placeholder="اسم المورد" id="newsupplierName"   name="newsupplierName" type="text"  required="required"/>
                                
                        </div>
                         <span id="RepeatedNamex" style="display:none;"> هذا الاسم موجود من قبل</span>
                    </div>
                    <div class="form-group">
                        <label for="newsupplierdebt" class="col-lg-2 control-label">المديونية</label>
                        <div class="col-lg-4"> <!--<span id="sprytextfield3">-->
                            <input class="form-control numberinput" placeholder="المديونية" id="newsupplierdebt" name="newsupplierdebt" type="text" required="required"/>
                            <!--<span class="textfieldRequiredMsg">*</span><span class="textfieldInvalidFormatMsg">ادخل المديونية صحيحة</span></span>--> </div>
                    </div>
                    <div class="form-group">
                        <label for="supplieraddress" class="col-lg-2 control-label">العنوان</label>
                        <div class="col-lg-4">
                            <input class="form-control" placeholder="العنوان" id="supplieraddress" name="supplieraddress" type="text"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="supplierphone" class="col-lg-2 control-label">رقم التليفون</label>
                        <div class="col-lg-4">
                            <input class="form-control numberinput" placeholder="رقم التليفون" id="supplierphone" name="supplierphone" type="text"/>
                        </div>
                    </div>
                    <!--<div class="form-group">
                        <label for="clientmobile" class="col-lg-2 control-label">رقم الموبايل</label>
                        <div class="col-lg-4">
                            <input class="form-control numberinput" placeholder="رقم الموبايل" id="clientmobile"  name="clientmobile" type="text"/>
                        </div>
                    </div>-->
                    <div class="form-group">
                        <label for="supplierdetails" class="col-lg-2 control-label">التعليق</label>
                        <div class="col-lg-4">
                            <textarea  class="form-control" rows="3" name="supplierdetails" id="supplierdetails"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default savemodel_supplier_close" data-dismiss="modal">لا</button>
                <button type="button" class="btn btn-primary savemodel_supplier" id="savemodel_supplierxx" >نعم</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->