EVOLUTION-NINJA
Edit File: Payment_entry.php
<?php $this->load->view('includes/header'); ?> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" /> <script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/grid_style.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap-ui.css'); ?>" /> <script type="text/ecmascript" src="<?php echo base_url('assets/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <script type="text/ecmascript" src="<?php echo base_url('assets/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script> <script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script> <!----------------------------- Left MENU END ---------------------------------------------------> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <div class="content-header"> <div class="container-fluid"> <div class="row mb-2"> <div class="col-sm-6"> </div> <div class="col-sm-6"> <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="#">Accounts</a></li> <li class="breadcrumb-item"><a href="#">Collections</a></li> <li class="breadcrumb-item"> Payment Entry </li> </ol> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 grid-margin stretch-card"> <div class="card"> <div class="card-body"> <form id="add_sales_details" class="form_submit"> <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;"> <div class="col-sm-12 col-md-3"> <label>Layout</label> <select type="text" name="layout_id" class="form-control layout_id" required="" id="layout_id"> <option value="">Select</option> <?php foreach($result_layout as $key => $value) { ?> <option value="<?php echo $value->id; ?>"><?php echo $value->layout_name;?></option> <?php } ?> </select> </div> <div class="col-sm-12 col-md-3" id="site_div"> </div> </div> <br/> <div class="row"> <div class="form-check-inline"> <label class="form-check-label"> <input type="radio" class="form-check-input" name="optradio" value="without_tax" onclick="planningtypes('without_tax')">Without Tax </label> </div> <div class="form-check-inline"> <label class="form-check-label"> <input type="radio" class="form-check-input" name="optradio" value="tax" onclick="planningtypes('tax')">Tax </label> </div> </div> <br/> <div id="without_tax"> <div id ="jaytab1" style="margin-top:3%" class="grid table-responsive"> <table id="list2"></table> <div id="pager2"></div> <div id="dialogSelectRow" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> </div> <div id="tax" style="display:none"> <div id ="jaytab2" style="margin-top:3%" class="grid table-responsive"> <table id="list4"></table> <div id="pager4"></div> <div id="dialogSelectRow" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> </div> <table class="table table-bordered without_template" style="width:100%; text-align: center;display: none;"> <thead> <tr style="background:#367fa9;color:#ffffff;"> <th style="width:100px;border-top: 1px solid #367fa9;">Sl.No</th> <th style="width:100px;border-top: 1px solid #367fa9;">Payment</th> <th style="width:100px;border-top: 1px solid #367fa9;">Total Amount</th> <th style="width:100px;border-top: 1px solid #367fa9;">Paid Amount</th> <th style="width:100px;border-top: 1px solid #367fa9;">Balance Amount</th> <th style="width:100px;border-top: 1px solid #367fa9;">Payment</th> <th style="width:100px;border-top: 1px solid #367fa9;">Balance Amount</th> </tr> </thead> <tbody class="table_body"> </tbody> </table> <table class="table table-bordered with_template" style="width:100%; text-align: center;display: none;"> <thead> <tr style="background:#367fa9;color:#ffffff;"> <th style="width:100px;border-top: 1px solid #367fa9;">Sl.No</th> <th style="width:100px;border-top: 1px solid #367fa9;">Level</th> <th style="width:100px;border-top: 1px solid #367fa9;">Total Amount</th> <th style="width:100px;border-top: 1px solid #367fa9;">Paid Amount</th> <th style="width:100px;border-top: 1px solid #367fa9;">Balance Amount</th> <th style="width:100px;border-top: 1px solid #367fa9;">Payment</th> <th style="width:100px;border-top: 1px solid #367fa9;">Balance Amount</th> </tr> </thead> <tbody class="template_body"> </tbody> </table> <div class="row bank_details" style="display: none;"> <div class="col-sm-2"> </div> <div class="col-sm-4"> <label>Bank Name</label> <select type="text" name="bank_name" class="form-control " required=""> <option value="">Select</option> <?php foreach($result_bank as $key => $value) { ?> <option value="<?php echo $value->id; ?>"><?php echo $value->bank_name;?></option> <?php } ?> </select> </div> <div class="col-sm-4"> <label>Payment Mode</label> <select type="text" name="payment_mode" class="form-control " required="" onchange="change_mode();"> <option value="">Select</option> <?php foreach($result_payment as $key => $value) { ?> <option value="<?php echo $value->id; ?>"><?php echo $value->bank_group_name;?></option> <?php } ?> </select> </div> <div class="col-sm-2"> </div> </div> <div class="row payment_mode_amt" style="display: none;"> <div class="col-sm-4"> <div class=""> <label >Payment Date</label> <input type="text" class="form-control pay_mode_date datepick2 " name="pay_mode_date" placeholder="Date" required> </div> </div> <div class="col-sm-4"> <div class=""> <label>Payment Number</label> <input type="text" class="form-control pay_mode_no " name="pay_mode_no" placeholder="Ref. No" > </div> </div> <div class="col-sm-4"> <div class=""> <label >Payment Amount</label> <input type="text" class="form-control pay_mode_amt " name="pay_mode_amt" placeholder="Amount" readonly> </div> </div> </div> <br/> <br/> <div class="row"> <div class="col-sm-5"> </div> <div class="col-sm-3"> <button type="submit" class="btn btn-primary">Submit</button> <button type="reset" class="btn go_back">Cancel</button> </div> <div class="col-sm-4"> </div> </div> </form> </div> <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-md"> <!-- Modal content--> <div class="modal-content "> <div class="modal-header"> <h3 class="modal-title pull-right">Follow up</h3> <button type="button" class="close" data-dismiss="modal">×</button> </div> <form method="post" class="add_forms"> <div class="modal-body"> <p><b>Customer : </b><b id="customer_name"></b> <span style="padding-left: 175px;"> <b>Contact No : </b> <b id="contact_no"></b> </span> <span style="float: right;"> <b>Email ID : </b> <b id="email"></b> </span> </p> <!---grid--> <div id ="jaytab" style="margin-top:3%" class="grid table-responsive"> <table id="list3"></table> <div id="pager3"></div> <div id="dialogSelectRow3" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> <!--end grid---> <hr> <h5>Add followup</h5> <div class="row"> <div class="col-sm-6"> <label for="name">Progress</label> <div class="form-group"> <select type="text" name="progress" class="form-control progress_type" required="" id="progress"> <option value="">Select</option> <option value="Loan Followup ">Loan Followup </option> <option value="Registration">Registration</option> <option value="Records">Records</option> <option value="Architecture ">Architecture </option> <option value="Building Agreement">Building Agreement </option><option value="Execution">Execution</option> <option value="House Service ">House Service</option> <option value="Layout Service">Layout Service</option> <option value="Customer Visit">Customer Visit</option> <option value="Finalized Reject">Finalized Reject</option> <option value="Recovery">Recovery</option> <option value="Payment">Payment</option> </select> </div> </div> <div class="col-sm-6"> <label for="name">Layout Name</label> <div class="form-group"> <!-- <select type="text" name="" class="form-control booking_layout_id" required="" id="layout_idsss" disabled=""> <option value="">Select</option> <?php foreach($result_layout as $key => $value) { ?> <option value="<?php echo $value->id; ?>"><?php echo $value->layout_name;?></option> <?php } ?> </select> --> <input type="text" name="" class="form-control layout_name" readonly=""> <input type="hidden" name="layout_name" class="layout_id form-control"> </div> </div> <div class="col-sm-6 followup_date"> <div class="form-group"> <label for="name">Follow Date :</label> <input type="text" name="follow_date" class="date form-control date-picker date-picker1 datepick2" autocomplete="off" required id="follow_date"> <input type="hidden" name="customer_id" class="customer_id form-control"> </div> </div> <div class="col-sm-6"> <label for="name">Site No</label> <div class="form-group"> <input type="text" name="" class="form-control site_no" readonly=""> <input type="hidden" name="site_no" class="site_id form-control"> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <label for="name">Assign Employee</label> <div class="form-group"> <select name="employee" class="form-control employee_name" id="employee" required> <option value="">Select</option> <?php foreach($employee_type as $key => $value) { ?> <option value="<?php echo $value->emp_id; ?>"><?php echo $value->full_name;?> <?php echo $value->last_name;?> </option> <?php } ?> </select> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label for="name">Department</label> <input type="text" class="form-control" name="department" id="department_name" readonly="" required=""> <input type="hidden" name="department_id" id="department_id"> </div> </div> <div class="col-sm-12"> <div class="form-group"> <label for="name">Description :</label> <textarea name="description" name="description" class="date form-control" id="description" required="required" ></textarea> </div> </div> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary add">Submit</button> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $('.add_forms').submit(function(e) { e.preventDefault(); $("#loading").show(); formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("add-payment-followups")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"](response.message); $('.add_forms')[0].reset(); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); $("#myModal").modal("hide"); $("#list3").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); location.reload(); } else { toastr["error"](response.message); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); } } }); }); $('.employee_name').change(function() { var employee_name = $(this).val(); $.ajax({ type:'post', url:'<?php echo site_url('get-department-based-on-employee');?>', data:{'employee_name':employee_name}, success:function(response){ response=jQuery.parseJSON(response); if(response.result==1) { $('#department_name').empty(); $('#department_id').empty(); $('#department_name').val(response.message.dept_name); $('#department_id').val(response.message.id); } else { $('#department_id').empty(); toastr["error"](response.message); } } }); }); $('.progress_type').change(function() { var type = $(this).val(); if(type == "Finalized Reject") { $('.date-picker').removeAttr('required'); $('.followup_date').hide(); } else { $('.date-picker').prop('required',true); $('.followup_date').show(); } }); function change_mode() { var pay_mode = $('.pay_mode').val(); if(pay_mode != "") { $('.payment_mode_amt').show(); } } var sum=0; $('.payment').each(function(i,val){ if($(this).val()!=''){ m=$(this).val(); m=parseFloat(m); sum+=m; } }); sum = parseFloat(sum); $('.pay_mode_amt').val(sum); $('.datepick2').datepicker({ format: "dd-mm-yyyy", }).on('changeDate', function(ev){ $('.datepick2').datepicker('hide'); }); $('#add_sales_details').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); swal({ title: "Are you sure?", text: "You want to Save this?", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes!", cancelButtonText: "No, cancel plz!", closeOnConfirm: false, closeOnCancel: false }, function(isConfirm){ if (isConfirm) { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); $.ajax({ type : 'post', url : "<?php echo site_url('add-payment-entry');?>", data : formdata, contentType: false, processData: false, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { var sum=0; $('.final_amt').each(function(i,val){ if($(this).val()!=''){ m=$(this).val(); m=parseFloat(m); sum+=m; } }); sum = parseFloat(sum); if(sum == 0) { $('#myModal').modal('show'); } else { $('#myModal').modal('hide'); $('#progress').removeAttr('required'); $('#follow_date').removeAttr('required'); $('#employee').removeAttr('required'); $('#description').removeAttr('required'); toastr["success"](response.message); location.reload(); } } else { toastr["error"](response.message); } } }); } else { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); } }); }); $('.layout_id').change(function() { var id = $(this).val(); $.ajax({ type:'post', url:'<?php echo site_url('get-saled-sites-based-on-layout');?>', data:{'layout_id':id}, success:function(response){ response=jQuery.parseJSON(response) if(response.result==1) { var con1 = ''; con1 += '<label for="name">Site No</label>'; con1 += '<select type="text" class="form-control site_list" name="site_id">'; con1 += '<option value="">Select</option>'; $.each( response.sites, function( key, value2 ) { con1+='<option value="'+value2.id+'" >'+value2.site_no+'</option>'; }); con1 += '</select> '; $('#site_div').empty(); $('#site_div').append(con1); } else { $('#site_div').empty(); toastr["error"](response.message); } } }); }); function planningtypes(id) { var paid_amount = []; var level_id = []; var radioValue = $("input[name='optradio']:checked").val(); var site_id = $('.site_list').val(); var layout_id = $('.layout_id').val(); $.ajax({ url:"<?php echo site_url("get-payment-amount-based-layout-site")?>", type:"post", data:{'site_id':site_id,'layout_id':layout_id,'tax_type':radioValue}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { $('.bank_details').show(); $('.with_template').show(); $('.without_template').hide(); var content=''; $.each(response.message,function(key, value3) { if(radioValue == "without_tax") { if(value3.without_tax_paid_amount == undefined) { var paid_amount = 0; var balance = 0; } else { var paid_amount = value3.without_tax_paid_amount; var balance = value3.balance; var edit_id = value3.id; } var sl_no = key+1; content += '<tr>'; content += '<td style="width:15%;"><input type="hidden" class="" name="template_id[]" value="'+value3.id+'"><input type="hidden" class="" name="tax_type" value="'+radioValue+'">'+sl_no+'</td>'; content += '<td style="width:15%;"><input type="hidden" class="" name="level_id[]" value="'+value3.level_id+'"><input type="hidden" class="" name="edit_id[]" value="'+edit_id+'">'+value3.level_name+'</td>'; content += '<td style="width:15%;"><input type="hidden" class="total_payment_amount'+key+'" name="total_amount[]" value="'+value3.total_payment_amount+'">'+value3.total_payment_amount+'</td>'; content += '<td style="width:15%;"><input type="hidden" class="paid_amount'+key+'" name="paid_amount[]" value="'+paid_amount+'">'+paid_amount+'</td>'; content += '<td style="width:15%;"><input type="hidden" class="balance_amount'+key+'" name="prev_balance[]" value="'+balance+'">'+balance+'</td>'; if(paid_amount == value3.total_payment_amount) { content += '<td style="width:15%;"><input type="hidden" name="payment_given[]" class="number payment payment_given'+key+'" value="0">0</td>'; content += '<td style="width:15%;"><input type="hidden" name="total_balance[]" class="total_balance'+key+' final_amt" value="0">Amount Already Received</td>'; } else { content += '<td style="width:15%;"><input type="text" name="payment_given[]" class="number payment payment_given'+key+'" onkeyup="payment_given('+key+')"></td>'; content += '<td style="width:15%;"><input type="text" name="total_balance[]" class="total_balance'+key+' final_amt" readonly></td>'; } content += '</tr>'; } else if(radioValue == "tax") { var sl_no = key+1; if(value3.tax_paid_amount == undefined) { var paid_amount = 0; var balance = 0; } else { var paid_amount = value3.tax_paid_amount; var balance = value3.balance; var edit_id = value3.id; } content += '<tr>'; content += '<td style="width:15%;"><input type="hidden" class="" name="template_id[]" value="'+value3.id+'"><input type="hidden" class="" name="tax_type" value="'+radioValue+'"><input type="hidden" class="" name="edit_id[]" value="'+edit_id+'">'+sl_no+'</td>'; content += '<td style="width:15%;"><input type="hidden" class="" name="level_id[]" value="'+value3.level_id+'">'+value3.level_name+'</td>'; content += '<td style="width:15%;"><input type="hidden" class="total_payment_amount'+key+'" name="total_amount[]" value="'+value3.percentage+'">'+value3.percentage+'</td>'; content += '<td style="width:15%;"><input type="hidden" class="paid_amount'+key+'" name="paid_amount[]" value="'+paid_amount+'">'+paid_amount+'</td>'; content += '<td style="width:15%;"><input type="hidden" class="balance_amount'+key+'" name="prev_balance[]" value="'+balance+'">'+balance+'</td>'; if(paid_amount == value3.percentage) { content += '<td style="width:15%;"><input type="hidden" name="payment_given[]" class="number payment payment_given'+key+'" value="0">0</td>'; content += '<td style="width:15%;"><input type="hidden" name="total_balance[]" class="total_balance'+key+' final_amt" value="0">Amount Already Received</td>'; } else { content += '<td style="width:15%;"><input type="text" name="payment_given[]" class="number payment payment_given'+key+'" onkeyup="payment_given('+key+')"></td>'; content += '<td style="width:15%;"><input type="text" name="total_balance[]" class="total_balance'+key+' final_amt" readonly></td>'; } content += '</tr>'; } $(document).ready(function () { $('.number').keypress(function(event) { if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) { event.preventDefault(); } }); }); }); $('.template_body').empty(); $('.template_body').append(content); } } }); $.ajax({ type:'post', url:'<?php echo site_url('get-customer-for-payment-entry');?>', data:{'layout_id':layout_id,'site_id':site_id}, success:function(response){ response=jQuery.parseJSON(response); if(response.result==1) { $('#customer_name').empty(); $('#customer_name').text(response.customer.name); $('.customer_id').val(response.customer.customer_id); $('#contact_no').text(response.customer.phone); $('#email').text(response.customer.email); $('.layout_id').val(response.customer.layout_name_id); $('.site_id').val(response.customer.site_no_id); $('.site_no').val(response.customer.site_no); $('.layout_name').val(response.customer.layout_name); var id = response.customer.customer_id; load_grid(id); } else { $('#customer_name').empty(); toastr["error"](response.message); } } }); } $(document).on('focusout','.payment',function(e) { var sum=0; $('.payment').each(function(i,val){ if($(this).val()!=''){ m=$(this).val(); m=parseFloat(m); sum+=m; } }); sum = parseFloat(sum); $('.pay_mode_amt').val(sum); }); function payment_given(id) { var remaining_payment=parseFloat($('.balance_amount'+id).val()); if(remaining_payment == 0) { var remaining_payment_amt = $('.total_payment_amount'+id).val(); } else { var remaining_payment_amt = $('.balance_amount'+id).val(); } var payment = $('.payment_given'+id).val(); var total = parseFloat(remaining_payment_amt)-parseFloat(payment); $('.total_balance'+id).val(total); /*if(remaining_payment_amt>=payment) {*/ /*var total = parseFloat(remaining_payment_amt)-parseFloat(payment);*/ /*}*/ /*else { toastr['error']("Payment amount exceeded than Actual Payment"); }*/ var sum=0; $('.payment_given'+id).each(function(i,val){ if($(this).val()!=''){ m=$(this).val(); m=parseFloat(m); sum+=m; } }); sum = parseFloat(sum); $('.pay_mode_amt').val(sum); } function remaing_amount() { var remaining_payment1=parseFloat($('.remaing_amount').val()); var payment1 = $('.r_payment').val(); if(remaining_payment1>=payment1) { var total = parseFloat(remaining_payment1)-parseFloat(payment1); } else { toastr['error']("Payment amount exceeded than Actual Payment"); } $('.r_amt').val(total); } function stamp_amount() { var stamp_amount=parseFloat($('.stamp_amount').val()); var payment = $('.s_payment').val(); if(stamp_amount>=payment) { var total = parseFloat(stamp_amount)-parseFloat(payment); } else { toastr['error']("Payment amount exceeded than Actual Payment"); } $('.s_amt').val(total); } function document_amount() { var stamp_amount=parseFloat($('.document_amount').val()); var payment = $('.d_payment').val(); if(stamp_amount>=payment) { var total = parseFloat(stamp_amount)-parseFloat(payment); } else { toastr['error']("Payment amount exceeded than Actual Payment"); } var total = parseFloat(stamp_amount)-parseFloat(payment); $('.d_amt').val(total); } function sale_amount() { var stamp_amount=parseFloat($('.saledeed_value').val()); var payment = $('.sale_payment').val(); if(stamp_amount>=payment) { var total = parseFloat(stamp_amount)-parseFloat(payment); } else { toastr['error']("Payment amount exceeded than Actual Payment"); } var total = parseFloat(stamp_amount)-parseFloat(payment); $('.sale_amt').val(total); } function load_grid(id) { $("#list3").setGridParam( { url:"<?php echo site_url('payment-followup-list/')?>"+id, page:1 } ).trigger("reloadGrid");//Reload grid trigger $("#list3").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); return false } $("#list3").jqGrid({ url:"<?php echo site_url('payment-followup-list/0')?>", mtype : "get", datatype: "json", colNames:['id','Description','Follow Date','Progress','Employee','Department','Layout Name','Site No','Created By','Created At','Created Time'], colModel:[ {name:'id',index:'id', width:100, hidden:true,editable:false,key:true}, {name:'description',index:'description', width:300, hidden:false,editable:false}, {name:'follow_date',index:'follow_date', width:100, hidden:false,editable:false,formatter: 'date', formatoptions: { newformat: 'd-m-Y' }}, {name:'progress',index:'progress', width:250, hidden:false,editable:false}, {name:'employee',index:'employee', width:250, hidden:false,editable:false}, {name:'department',index:'department', width:300, hidden:false,editable:false}, {name:'layout_name',index:'layout_name', width:100, hidden:false,editable:false}, {name:'site_no',index:'site_no', width:100, hidden:false,editable:false}, {name:'name',index:'name', width:100, hidden:false,editable:false}, {name:'created_at',index:'created_at', width:100, hidden:false,editable:false,formatter: 'date', formatoptions: { newformat: 'd-m-Y' }}, {name:'created_time',index:'created_time', width:100, hidden:false,editable:false}, ], rowNum:20, rowTotal: 2000, rowList : [20,30], rownumbers: true, //rownumWidth: 60, pager:"#pager3", sortname:'id', viewrecords: true, gridview: true, // autowidth: true, sortorder:"asc", shrinkToFit: true, loadonce:true, autoencode: true, caption:"Customer Enquiry List", }); $("#list3").jqGrid("setLabel", "rn", "SL"); $("#list3").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required $("#list3").jqGrid('navGrid','#pager3', {edit:false,add:false,del:false,search:false,refreshstate:"current"}, { }, { }, { }, { sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'], closeOnEscape: true, multipleSearch: true, closeAfterSearch: true, closeAfterDelete:true, closeAfterEdit:true }, ); </script> <style type="text/css"> .content-wrapper { max-width: 1460px !important; } .row-form { width:100%; } .form_submit label{ padding-top: 20px; } #ui-id-1{ margin-left: 1128px; width: 190.859px; margin-top: 218px; } #search{ margin-right: 30px; } </style> <style type="text/css"> .midd{ background: gray; margin-bottom: 20px; } .midd p{ padding-top: 10px; padding-bottom: 10px; text-align: center !important; color: white; } #modal_input{ height: 48px; } #btn{ color:#D9554B; } .modal-header{ padding: 10px 26px !important; } .modal-body { padding: 0px 26px !important; } .modal-footer { padding: 10px 31px !important; justify-content: center !important; } pre { background-color: transparent; border: 1px solid transparent; line-height: 1.6; text-align: justify; } .form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus { border-color: #FF0000; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); } .modal-content{ width: 150%; background: aliceblue; .midd{ background: gray; margin-bottom: 20px; } .midd p{ padding-top: 10px; padding-bottom: 10px; text-align: center !important; color: white; } </style> <style type="text/css"> pre { background-color: transparent; border: 1px solid transparent; line-height: 1.6; text-align: justify; } .form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus { border-color: #FF0000; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); } </style> <?php $this->load->view('includes/footer'); ?>