 <!-- Small modal -->
 <div class="modal" id="addNewClient" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-sm" style="margin-top: 10%;">
         <div class="modal-content">
          <div class="modal-header header">
            <h5 class="modal-title" id="exampleModalLabel"><b>Client Info.</b></h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          
        <div class="modal-body">
            <form id="form_validation" method="POST" action="" autocomplete="off">
                
                <div class="form-group">
                    <label class="form-label" for="clieCode"><b>Client Code</b></label>
                    <input type="text" id="clieCode" name="clieCode" class="form-control">
                </div>

                <div class="form-group">
                    <label class="form-label" for="ClieName"><b>Client Name</b></label>
                    <input type="text" id="ClieName" name="ClieName" class="form-control">
                </div>

                <div class="form-group">
                    <label class="form-label" for="phoneNo"><b>Phone N<sup>o</sup>.</b></label>
                    <input type="text" id="phoneNo" name="phoneNo" class="form-control">
                </div>             
            </div>
            
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal" style="border-radius: 5px;">Close</button>
              <button type="submit" name="btnClient" class="btn btn-primary" style="border-radius: 5px;">Save</button>
            </div>
      
        </form>
     </div>
  </div>
</div>