.signature-pad-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24em;width:35em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;font-family:Helvetica,Sans-Serif}.signature-pad{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:10px;width:98%;height:98%;max-width:700px;max-height:460px;border:1px solid #e8e8e8;background-color:#fff}.signature-pad::before,.signature-pad::after{position:absolute;z-index:-1;content:"";width:40%;height:10px;bottom:10px;background:transparent}.signature-pad::before{left:20px;-webkit-transform:skew(-3deg) rotate(-3deg);transform:skew(-3deg) rotate(-3deg)}.signature-pad::after{right:20px;-webkit-transform:skew(3deg) rotate(3deg);transform:skew(3deg) rotate(3deg)}.signature-pad--body{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #f4f4f4}.signature-pad--body canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px}.signature-pad--footer{color:#C3C3C3;text-align:center;font-size:1.2em;margin-top:8px}.signature-pad--actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px}@media screen and (max-width:767px){.signature-pad-body{width:19em;height:16em}}