@CHARSET "UTF-8";

.modal-popup.signatureModal .modal-inner-wrap { max-width:500px; }

.signature-wrapper { position:relative; display:none; text-align:center; }
.signature { position:relative;  height:320px; margin:0px auto; text-align:center; }
.signature canvas { display:block; width: 100%; height: 100%; background: url('../images/pad.png') 50% 50% no-repeat; margin:0px auto; max-width:320px; cursor: url('../images/cursor.png'), auto; }

.signatureStep { position:relative; text-align:center; padding:10px 0px 10px 0px; z-index:1; }
.signatureStep canvas { display:block; width:100%; height:100%; min-height:500px; cursor: url('../images/cursor.png'), auto; margin:0px auto; background:url('../images/frame.png') 50% 50% no-repeat; z-index:1000; background-repeat:no-repeat; background-size:contain; background-position:center;}
.signatureStep canvas::before { display:block; width:100px; height:100px; position:absolute; top:0px; left:10px; background:#000; z-index:9999; }

a.action.download { cursor: pointer; }