<div class="modal fade in" id="sModal">

  <div class="modal-dialog modal-sm">

    <div class="modal-content">

      <div class="modal-header">

        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" tabindex="-1"> <i class="fa fa-2x">×</i> </button>

        <h4 class="modal-title" id="sModalLabel">Delivery</h4>

      </div>

      <div class="modal-body">

        <div class="form-group">Delivery Charges

          <input name="shipping_input" value="" class="form-control kb-pad ui-keyboard-input ui-widget-content ui-corner-all ui-keyboard-autoaccepted" id="shipping_input" aria-haspopup="true" role="textbox" type="text">

        </div>

        <div class="form-group">Address

          <textarea name="address_input" class="form-control kb-pad ui-keyboard-input ui-widget-content ui-corner-all ui-keyboard-autoaccepted" id="address_input" aria-haspopup="true" role="textbox"> </textarea>

        </div>

      </div>

      <div class="modal-footer">

        <button type="button" id="updateShipping" class="btn btn-primary" tabindex="-1">Update</button>

      </div>

    </div>

  </div>

</div>

