.sigPad {
    margin: 0;
    padding: 0;
    width: 100%;
}

.sigPad .btn {width:400px;}

.sig {
    display: none;
}

.sigWrapper {
    clear: both;
    height: 100px;
}

.pad {
    position: relative;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    /**
   * For cross browser compatibility, this should be an absolute URL
   * In IE the cursor is relative to the HTML document
   * In all other browsers the cursor is relative to the CSS file
   *
   * http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/
   */
    cursor: url("pen.cur"), crosshair;
    /**
   * IE will ignore this line because of the hotspot position
   * Unfortunately we need this twice, because some browsers ignore the hotspot inside the .cur
   */
    cursor: url("pen.cur") 16 16, crosshair;
    -ms-touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.sigImage .pad{border:none;}